badges.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout/layout}">
  3. <head>
  4. <title>Asset Store :: Administration</title>
  5. <script src="/js/admin/page-badges.js" defer></script>
  6. </head>
  7. <body>
  8. <div layout:fragment="content" class="ui container" id="app">
  9. <br />
  10. <h1 class="ui dividing header">Administrator :: Badges</h1>
  11. <div th:replace="fragments/admin/admin-menu :: adminMenu"></div>
  12. <br />
  13. <!-- Create / Edit Badges -->
  14. <div>
  15. <div class="ui selection dropdown" id="badgesDropdown">
  16. <i class="dropdown icon"></i>
  17. <div class="default text">
  18. <i v-if="badges.length > 0" :class="badges[0].icon"></i>
  19. <span v-if="badges.length > 0">{{ badges[0].name }}</span>
  20. </div>
  21. <div class="menu">
  22. <div class="item" v-for="(badge, index) in badges" :data-value="index">
  23. <i :class="badge.icon"></i>
  24. {{ badge.name }}
  25. </div>
  26. </div>
  27. </div>
  28. <button @click="createNewBadge()" href="/store/create/potential/" class="ui green button"><i class="plus icon"></i>Create Badge</button>
  29. <form class="ui form" id="badgesForm">
  30. <input type="hidden" name="id" value="-1" />
  31. <div class="field">
  32. <label>Name</label>
  33. <input type="text" name="name" placeholder="Name" />
  34. </div>
  35. <div class="field">
  36. <label>Description</label>
  37. <input type="text" name="description" placeholder="Description" />
  38. </div>
  39. <div class="field">
  40. <label>Icon</label>
  41. <input type="text" name="icon" placeholder="Icon" />
  42. </div>
  43. </form>
  44. <br />
  45. <button @click="postBadgeData()" class="ui green button"><i class="check icon"></i>Save Changes</button>
  46. <button @click="deleteBadgeData()" class="ui red button"><i class="trash alternate outline icon"></i>Delete Badge</button>
  47. </div>
  48. <!-- END Create / Edit Badges -->
  49. <br /><br />
  50. </div>
  51. </body>
  52. </html>