Feedback widget

Feedback> 2.0 is an interesting ascetic design widget and unusual in implementation. In it you will find only the most necessary functions to collect feedback and suggestions from visitors to your site. Nothing superfluous - everything is only in the case.
The implementation of this widget is essentially unique as it is fully developed in Javascript, including working with the database. Feedback widget consists of two parts:

• Feedback widget (displayed on your site)
• Admin Widget (admin panel)

All widget code and administration panel is provided under the opensource license LGPL3.

Feedback widget

general characteristics

• Collection of proposals and comments to them from visitors to your site
• Voting for suggestions by other visitors
• Proposal statuses (new, pending, in development, completed)
• All content (suggestions and comments), sorting by status and number of votes, voting, adding new offers and comments - everything is implemented in the widget interface without redirecting to a third-party site - everything happens within your site, registration is not required to post offers.
• The widget's interface is completely modifiable - you can change everything from color to programmatic logic of the widget
• Localization (all string constants are in one object)
• Two options for placing the widget: embedding in the site (inline placement), displaying the widget opening button on the side of the page (popup placement)

Technical specifications

• AJAX is used at 110%, everything including html and css is requested asynchronously, the template engine in javascript prepares the interface.
• All widget logic is implemented in one file.
  uncompressed: 24 Kb
  compressed (remove line breaks, spaces and tabs): 19.8 Kb
• Average widget load time (html and css request, template work and content display): 2.5 seconds
• Consumable traffic
  first download: 34 Kb ± 2 Kb (depends on the volume of content)
  subsequent downloads: 8 Kb ± 2 Kb (depending on the amount of content)
  data / request: ~ 2 Kb (depends on the content volume)

The connection is made by placing the below code on the page where you want to display the feedback widget.

<! - insert after and near </ BODY> (this comment can be be removed) ->
< script charset = "utf-8" src = " code.hivext.ru/applications/feedback/FeedbackWidget.js " type = "text / javascript" > </ script >
<script charset = "utf-8" type = "text / javascript" >
FeedbackWidget ( “widget ID” , {sWidth: 600, sHeight: 420, sButtonSide: “left” , sLanguage: “en” });
</ script >


')

Admin widget

general characteristics

Administration of suggestions and user comments
The ability to change the appearance of the widget through the admin interface, editing html and css
Create new clients (one user can have no more than 3 clients, for three different sites)

Technical specifications

The admin panel is one html interface file, two logic javacript files and one style file. You can place the admin panel on any hosting or work with it at code.hivext.ru/applications/feedback

To get a widget you need to go to the admin area at code.hivext.ru/applications/feedback and perform the necessary actions.

You can also download all the source code of the widget and admin panel and place it on your hosting service by simply unpacking the archive into the desired folder, and then run index.html

Widget demonstration