Index.html 3.8 KB

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