Coder Social home page Coder Social logo

pombredanne / django-feedback-form Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bitlabstudio/django-feedback-form

0.0 1.0 0.0 273 KB

Minified JQuery & Ajax feedback form to handle fast customer requests in Django

License: MIT License

django-feedback-form's Introduction

Django Feedback Form

Minified JQuery & Ajax feedback/report form to handle fast customer requests in Django. You can use it as a fast feedback tool and/or to report objects (e.g. in case of abuse).

Prerequisites

You need at least the following packages in your virtualenv:

  • Django
  • Django Mailer
  • Django Libs
  • South

Installation

To get the latest stable release from PyPi:

$ pip install django-feedback-form

To get the latest commit from GitHub:

$ pip install -e git://github.com/bitmazk/django-feedback-form.git#egg=feedback_form

Add the app to your INSTALLED_APPS:

INSTALLED_APPS = [
    ...
    'django',
    'mailer',
    'feedback_form',
    'django_libs',
]

Run the south migrations to create the app's database tables:

$ ./manage.py migrate feedback_form

Usage

First of all add the feedback urls to your main urls.py:

url(r'^feedback/', include('feedback_form.urls')),

You can use the "normal" feedback view via /feedback/ but in almost every case you might want to use the ajax template tag. Just add the following code to e.g. your base.html:

{% load feedback_tags %}
{% feedback_form %}

Pretty ugly, eh? Now, you need to add css and js for sure, like this:

<link href="{{ STATIC_URL }}feedback_form/css/feedback_form.css" type="text/css" media="all" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}feedback_form/js/feedback_form.js"></script>

That's it! You can also use this app as a report tool. Simply call another url:

<a href="{% url "feedback_form_content_object" c_type='user' obj_id=user.pk %}">Report this user!</a>

You can easily customize your form by changing static files or by changing the following settings:

FEEDBACK_FORM_TEXTCOLOR

By default the text color is white like '#fff'.

FEEDBACK_FORM_COLOR

By default the background color is light blue like '#6caec9'.

FEEDBACK_FORM_TEXT

By default the text in the form is invisible. Just add the html markup you want to be displayed above the input fields, like:

<h3>Hi! Do you have feedback or questions?</h3>
<p>We'll answer as fast as possible.</p>

Roadmap

See the issue tracker for current and upcoming features.

django-feedback-form's People

Contributors

mbrochh avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.