Feedback screenshot form +

php standalone version 1.1.0



http://youtu.be/Gp8b1Z0nNPM
 

Minimum required PHP version is 5.3, MySQL or SQLite and GD Library.
 
 
 
The possibility to create screenshots is available only for browsers:
Prior to purchasing the component I recommend to test rendering of your site on this page.

Screenshots are created using redrawing of each HTML element by means of javascript and use of HTML5 technologies. At present the core of rendering supports most of the basic CSS properties, but in some cases there are some marginal differences between screenshot and original page.
 
If the quality of rendering occurs with poor accuracy, I recommend to switch off the screenshot function (see chapter "Control panel" of this documentation) until you receive upgrade, in which the quality of rendering will be improved. Moreover, It’s planned to release the annotation function at HTML level, which can be used instead of the current technology based on CANVAS, at the earliest possible time.
 
In a few words about installation: unpack the component into the root folder of your site and connect the widget code to template. See the details below...

http://youtu.be/Cy-zFXeMQcY

  1. Download file from CodeCanyon
  2. Unpack  the directory in the archive "feedback-screenshot" to the root folder of your site.
  3. Follow the link http://siteurl/feedback-screenshot/
    siteurl – address of your site.
  4. Follow the prompting messages of installer.

 

Widget
 
The first way of connection is inclusion of the widget code composed on the basis of usual javascript to your pages. The code size is ~500 byte. This code will automatically add the widget to your pages without delay in loading of the site. Adjustment of the appearance, output positions is described in chapter "Widget API" of this documentation.

 

<script>
(function() {
    window.FeedbackScreenshotWidgetOptions = {
        img_text_url: '/feedback-screenshot/app/static/public/img/feedback-tab-v.png',
        tab_color: '#BC2C58',
        tab_position: 'middle-right'
    }
    var uv = document.createElement('script');
    uv.type = 'text/javascript';
    uv.async = true;
    uv.src = '/feedback-screenshot/app/static/public/js/widget.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(uv, s)
})()
</script>

 

The second way. If connection of the widget does not suit you in virtue of your design or other reasons, the form can be activated upon clicking on the element being necessary for you.
 
Include the following code on all pages of your site. It differs from the previous one by absence of parameters. The widget will not be displayed on the page after initialization, but API Widget will be available for you. You can read more information in chapter "Widget API" of this documentation.

 

<script>
(function() {
    var uv = document.createElement('script');
    uv.type = 'text/javascript';
    uv.async = true;
    uv.src = '/feedback-screenshot/app/static/public/js/widget.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(uv, s)
})()
</script>


Installation is completed!
 

 
 
The form on default operates with its database SQLite (as a rule, it is available on 99% hosting services on default and does not require any additional actions of setting on your part), which allows beginning the work immediately. If you want the data to be stored in your existing mysql database, you need to perform one step of connection setting:
 
 
 
To get access to the control panel and additional settings go to chapter "Control panel" of this documentation.
  1. Make a backup of the folder containing the component
  2. Unzip the component and overwrite it over the old component.
  3. Follow the link http://siteurl/feedback-screenshot/install.php
    siteurl – address of your site.
  4. Follow the prompting messages of installer.
 
The component is updated.
The control panel ensures access to management of the data received from users through the feedback form. To enter the control panel it is necessary to go to:
 
http://siteurl/feedback-screenshot/

siteurl  - the address of your site

For example, for the site with address persik.me entry to the control panel shall be performed using the address http://persik.me/feedback-screenshot/


If you installed the component in the folder other than "/feedback-screenshot/", it is necessary to specify the name of your folder after the address of your site.

After installation of the component the default login and password will be presented by the default values:
 


Login: demo

Password: demo


 

For the purposes of security after entering the control panel change login and password in chapter “Settings”.

 


 

The widget enables to display the button/tab for calling of the form as well as realizes the additional methods of work with the component. In particular, exactly it monitors javascript errors on the page of your site in the background.
 
 
Property Default Description
img_text_url '/feedback-screenshot/app/static/public/img/feedback-tab-v.png' The address of image with text or picture, which will be displayed in the tab body.
There are two images for horizontal and vertical tabs.
feedback-tab-v.png or feedback-tab-h.png.
You can also create your own image with your text.
tab_color '#428AC9' Colour of tab
tab_position 'middle-right'
Output position of widget. There are allowed the following meanings:
'bottom-right', 'top-right', 'bottom-left', 'top-left', 'middle-left', 'middle-right'.
If the parameter is absent upon the widget start-up, the widget display is deemed to be forbidden. You can delete this line or assign the value false in order to hide the widget and set up calling of the form upon click on the element.
openUrl '/feedback-screenshot/'
The address of component installation in relation to the root directory of site. It is necessary if you installed the component to the directory other than '/feedback-screenshot', specify your location. Please note a slash at the beginning of parameter and in the end.

 

 

 

 


 

 

The example of using these options is provided in the access number (see chapter Installation of this documentation)

window.FeedbackScreenshotWidgetOptions = {
      img_text_url: '/feedback-screenshot/app/static/public/img/feedback-tab-v.png',
      tab_color: '#428AC9',
      tab_position: 'middle-right'
}

Public Methods

 

FeedbackScreenshotWidgetAPI.openFeedbackScreenshot() Serves for opening the form upon the event of clicking on the element being necessary for you.

 


You can use this method for calling of the form yourself.

<a href="javascript: FeedbackScreenshotWidget.openFeedbackScreenshot()">Feedback</a>

or

<img src="/img/src.jpg" onclick="FeedbackScreenshotWidget.openFeedbackScreenshot()">

 

 

In developing the "Feedback screenshot +" used open source libraries:
 




Jquery 

Copyright 2013 jQuery Foundation and other contributors
http://jquery.com/
 
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
 
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
 
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 

 

jQuery UI

 

Copyright 2013 jQuery Foundation and other contributors,
http://jqueryui.com/
 
This software consists of voluntary contributions made by many
individuals (AUTHORS.txt, http://jqueryui.com/about) For exact
contribution history, see the revision history and logs, available
at http://jquery-ui.googlecode.com/svn/
 
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
 
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
 
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

 


 

Bootstrap 

===================================================
bootstrap-transition.js v2.3.2
http://getbootstrap.com/2.3.2/javascript.html#transitions
===================================================
Copyright 2013 Twitter, Inc.
 
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
 
 

TODC Bootstrap

 
This CSS is intended to be used on top of Twitter Bootstrap, to theme
it in the Google style.
Constructed by Tim O'Donnell (http://github.com/todc)
 


HTML2CANVAS

Copyright (c) 2012 Niklas von Hertzen
 
Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:
 
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
 
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.

 
In this product was used HTML2CANVAS with modifications made by Yuriy Antokhin
 

 

 

Yii Framework

The Yii framework is free software. It is released under the terms of the following BSD License.

Copyright © 2008-2013 by Yii Software LLC
All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.

Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
Neither the name of Yii Software LLC nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

 


 

HTML5 Shiv v3.6.2pre

@afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
 



Swift Mailer

Copyright (c) 2013 Fabien Potencier
 
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is furnished
to do so, subject to the following conditions:
 
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
 
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.