Index.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers">
  2. <f:layout name="Backend" />
  3. <f:section name="main">
  4. <h1>Dashboard</h1>
  5. <h2>Add words (semicolon-separated) with a category</h2>
  6. <f:flashMessages />
  7. <f:form action="create">
  8. <div class="form-group" additionalAttributes="{style: 'margin-bottom: 1rem;'}">
  9. <label for="termList">Terms:</label>
  10. <f:form.textfield name="termList" additionalAttributes="{style: 'width: 100%; height: 30px; display: block;'}" /><br>
  11. </div>
  12. <div class="form-group">
  13. <label for="categoryTitle">Category:</label>
  14. <f:form.textfield name="categoryTitle" additionalAttributes="{style: 'width: 150px; height: 30px; display: block;'}" /><br>
  15. </div>
  16. <div class="form-group">
  17. <label for="typeTitle">Type:</label>
  18. <f:form.textfield name="typeTitle" additionalAttributes="{style: 'width: 150px; height: 30px; display: block;'}" /><br>
  19. </div>
  20. <div class="form-group">
  21. <label for="urlTitle">URL:</label>
  22. <f:form.textfield name="urlTitle" additionalAttributes="{style: 'width: 400px; height: 30px; display: block;'}" /><br>
  23. </div>
  24. <f:form.submit value="Save" />
  25. </f:form>
  26. <hr style="width: 100%; border: 1px solid black; margin: 20px 0;">
  27. <h2>List of terms</h2>
  28. <table style="width: 100%;">
  29. <thead>
  30. <tr>
  31. <th additionalAttributes="{style: 'width: 10px;'}">ID</th>
  32. <th additionalAttributes="{style: 'width: 200px;'}">Term</th>
  33. <th additionalAttributes="{style: 'width: 200px;'}">Type</th>
  34. <th additionalAttributes="{style: 'width: 200px;'}">Category</th>
  35. <th additionalAttributes="{style: 'width: 400px;'}">Url</th>
  36. <th additionalAttributes="{style: 'width: 100px;'}">Action</th>
  37. </tr>
  38. </thead>
  39. <tbody>
  40. <f:for each="{terms}" as="term">
  41. <tr>
  42. <td>{term.uid}</td>
  43. <td>{term.term}</td>
  44. <td>{term.type.title}</td>
  45. <td>{term.category.title}</td>
  46. <td>{term.url.title}</td>
  47. <td>
  48. <f:link.action action="deleteTerm" arguments="{termId: term.uid}" class="btn" title="Delete" onclick="return confirm('Are you sure you want to delete this term?');">Delete</f:link.action>
  49. </td>
  50. </tr>
  51. </f:for>
  52. </tbody>
  53. </table>
  54. <hr style="width: 100%; border: 1px solid black; margin: 20px 0;">
  55. <h2>List of categories</h2>
  56. <table style="width: 210px;">
  57. <thead>
  58. <tr>
  59. <th additionalAttributes="{style: 'width: 10px;'}">ID</th>
  60. <th additionalAttributes="{style: 'width: 200px;'}">Title</th>
  61. </tr>
  62. </thead>
  63. <tbody>
  64. <f:for each="{categories}" as="category">
  65. <tr>
  66. <td>{category.uid}</td>
  67. <td>{category.title}</td>
  68. </tr>
  69. </f:for>
  70. </tbody>
  71. </table>
  72. <hr style="width: 100%; border: 1px solid black; margin: 20px 0;">
  73. <h2>List of types</h2>
  74. <table style="width: 210px;">
  75. <thead>
  76. <tr>
  77. <th additionalAttributes="{style: 'width: 10px;'}">ID</th>
  78. <th additionalAttributes="{style: 'width: 200px;'}">Title</th>
  79. </tr>
  80. </thead>
  81. <tbody>
  82. <f:for each="{types}" as="type">
  83. <tr>
  84. <td>{type.uid}</td>
  85. <td>{type.title}</td>
  86. </tr>
  87. </f:for>
  88. </tbody>
  89. </table>
  90. <hr style="width: 100%; border: 1px solid black; margin: 20px 0;">
  91. <h2>List of urls</h2>
  92. <table style="width: 410px;">
  93. <thead>
  94. <tr>
  95. <th additionalAttributes="{style: 'width: 10px;'}">ID</th>
  96. <th additionalAttributes="{style: 'width: 400px;'}">Title</th>
  97. </tr>
  98. </thead>
  99. <tbody>
  100. <f:for each="{urls}" as="url">
  101. <tr>
  102. <td>{url.uid}</td>
  103. <td>{url.title}</td>
  104. </tr>
  105. </f:for>
  106. </tbody>
  107. </table>
  108. </f:section>
  109. </html>