feedback.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template name="feedback">
  2. {{> header}}
  3. <main>
  4. <h3 class="black-text thin text-center">Feedback</h3>
  5. <a class="waves-effect waves-light btn modal-trigger feedback-btn" href="#modal1">Send New Feedback</a>
  6. <a id="editModal" class="modal-trigger" href="#editFeedback" style="display:none"></a>
  7. <div class="row">
  8. {{#each feedback}}
  9. <div class="col s12 m4">
  10. <div class="card blue-grey darken-1">
  11. <div class="card-content white-text">
  12. {{#if isAdmin}}
  13. <div class="fixed-action-btn horizontal float-btn" style="bottom: 45px; right: 24px;">
  14. <a class="btn-floating btn-large red">
  15. <i class="large material-icons">more_vert</i>
  16. </a>
  17. <ul>
  18. <li><a id="edit" class="btn-floating green"><i
  19. class="material-icons">create</i></a></li>
  20. <li><a id="delete" class="btn-floating red"><i class="material-icons">delete</i></a>
  21. </li>
  22. </ul>
  23. </div>
  24. {{/if}}
  25. <p>{{message}}</p>
  26. </div>
  27. <div class="card-action">
  28. <a class="lowercase" href="/u/{{username}}">{{username}}</a>
  29. <i class="material-icons upvote">thumb_up</i>
  30. <p class="upvote-text">{{upvotes}}</p>
  31. </div>
  32. </div>
  33. </div>
  34. {{/each}}
  35. </div>
  36. </main>
  37. <div id="modal1" class="modal">
  38. <div class="modal-content teal darken-4">
  39. <div class="input-field">
  40. <textarea id="feedback_message" class="materialize-textarea" length="500"></textarea>
  41. <label for="feedback_message">Give us your feedback and suggestions!</label>
  42. </div>
  43. <a id="feedback_submit" class="waves-effect waves-light btn">Submit</a>
  44. </div>
  45. </div>
  46. <div id="editFeedback" class="modal">
  47. <div class="modal-content teal darken-4">
  48. <label>Edit Feedback Message</label>
  49. <div class="input-field">
  50. <textarea id="edit_feedback_message" class="materialize-textarea" length="500"></textarea>
  51. </div>
  52. <a id="edit_feedback_submit" class="waves-effect waves-light btn">Submit</a>
  53. </div>
  54. </div>
  55. {{> footer}}
  56. <script>
  57. $(document).ready(function () {
  58. $('#feedback_message').characterCounter();
  59. $("#edit_feedback_message").characterCounter();
  60. $('.modal-trigger').leanModal();
  61. });
  62. </script>
  63. </template>