community/: Add a feedback form

Closes coala#274
KVGarg · Aug 5, 2019 · 9e48077 · 9e48077
1 parent 66f3047
commit 9e48077
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/templates/base.html b/templates/base.html
@@ -214,6 +214,50 @@ <h6 class="experience">Feeling about {{ org.name }} organization?</h6>
          src="//www.agcsoftware.com/wp-content/uploads//2017/06/feedback-icon.png">
   </div>
 
+  <div class="feedback-icon">
+    <img alt="feedback" class="feedback-comment"
+         src="//www.agcsoftware.com/wp-content/uploads//2017/06/feedback-icon.png">
+  </div>
+
+  <div class="feedback display-none">
+    <div class="apply-flex close-form">
+      <i class="fa fa-times" aria-hidden="true"></i>
+    </div>
+    <form name="{{ feedback_form_name }}" method="post"
+          netlify-honeypot="bot-field" class="feedback-form"
+          data-netlify="true" action="/">
+      <h5 class="text-center custom-green-color-font bold-text">
+        Feedback
+      </h5>
+      {% csrf_token %}
+      {% for field in feedback_form %}
+        {% if field.name != 'experience' %}
+        <div class="row">
+          <div class="input-field col s12">
+            {{ field.label_tag }}
+            {{ field }}
+          </div>
+        </div>
+        {% else %}
+        {{ field }}
+        {% endif %}
+      {% endfor %}
+      <div class="row">
+        <div class="input-field col s12">
+          <h6 class="experience">Feeling about {{ org.name }} organization?</h6>
+          <div class="user-feeling-level apply-flex evenly-spread-content">
+            <i class="fa fa-frown-o" experience="Negative" aria-hidden="true"></i>
+            <i class="fa fa-meh-o" experience="Neutral" aria-hidden="true"></i>
+            <i class="fa fa-smile-o" experience="Positive" aria-hidden="true"></i>
+          </div>
+        </div>
+      </div>
+      <div class="apply-flex center-content submit-btn">
+        <input class="waves-effect waves-light btn-large large-font" type="submit" value="Submit">
+      </div>
+    </form>
+  </div>
+
   <footer class="page-footer">
     <div class="row">
       <div class="col m3 s12">