typo3-Extensions
/
chatbotbegriffe


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
							<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers">

<f:layout name="Backend" />


<f:section name="main">
  <h1>Dashboard</h1>


  <hr style="width: 100%; border: 1px solid black; margin: 20px 0;">

  <h2>List of terms</h2>
  <style>
    th {
      cursor: pointer;
    }
    th:hover {
      background-color: #f1f1f1;
    }
  </style>
  <table id="termsTable" style="width: 100%">
    <thead>
    <tr>
      <th onclick="sortTable('termsTable',0)" additionalAttributes="{style: 'width: 10px;'}">ID</th>
      <th onclick="sortTable('termsTable',1)" additionalAttributes="{style: 'width: 200px;'}">Term</th>
      <th onclick="sortTable('termsTable',2)" additionalAttributes="{style: 'width: 200px;'}">Type</th>
      <th onclick="sortTable('termsTable',3)" additionalAttributes="{style: 'width: 200px;'}">Category</th>
      <th onclick="sortTable('termsTable',4)" additionalAttributes="{style: 'width: 400px;'}">URL</th>
      <th additionalAttributes="{style: 'width: 100px;'}">Action</th>
    </tr>
    </thead>
    <tbody>
    <f:for each="{terms}" as="term">
      <tr>
        <td>{term.uid}</td>
        <td>{term.term}</td>
        <td>{term.type.title}</td>
        <td>{term.category.title}</td>
        <td>{term.url.title}</td>
        <td>
          <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>
        </td>
      </tr>
    </f:for>
    </tbody>
  </table>


  <hr style="width: 100%; border: 1px solid black; margin: 20px 0;">

  <h2>List of types</h2>
  <table id="typesTable" style="width: 210px;">
    <thead>
    <tr>
      <th onclick="sortTable('typesTable',0)" additionalAttributes="{style: 'width: 10px;'}">ID</th>
      <th onclick="sortTable('typesTable',1)" additionalAttributes="{style: 'width: 200px;'}">Title</th>
    </tr>
    </thead>
    <tbody>
    <f:for each="{types}" as="type">
      <tr>
        <td>{type.uid}</td>
        <td>{type.title}</td>
      </tr>
    </f:for>
    </tbody>
  </table>

  <hr style="width: 100%; border: 1px solid black; margin: 20px 0;">
  <h2>List of categories</h2>
  <table id="categoriesTable" style="width: 210px;">
    <thead>
    <tr>
      <th onclick="sortTable('categoriesTable',0)" additionalAttributes="{style: 'width: 10px;'}">ID</th>
      <th onclick="sortTable('categoriesTable',1)" additionalAttributes="{style: 'width: 200px;'}">Title</th>
    </tr>
    </thead>
    <tbody>
    <f:for each="{categories}" as="category">
      <tr>
        <td>{category.uid}</td>
        <td>{category.title}</td>
      </tr>
    </f:for>
    </tbody>
  </table>

  <hr style="width: 100%; border: 1px solid black; margin: 20px 0;">
  <h2>Add words (semicolon-separated) with a type</h2>
  <f:flashMessages />
  <f:form action="create">
    <div class="form-group" additionalAttributes="{style: 'margin-bottom: 1rem;'}">
      <label for="termList">Terms:</label>
      <f:form.textfield name="termList" additionalAttributes="{style: 'width: 100%; height: 30px; display: block;'}" /><br>
    </div>
    <div class="form-group">
      <label for="typeTitle">Type:</label>
      <f:form.textfield name="typeTitle" additionalAttributes="{style: 'width: 150px; height: 30px; display: block;'}" /><br>
    </div>
    <div class="form-group">
      <label for="categoryTitle">Category:</label>
      <f:form.textfield name="categoryTitle" additionalAttributes="{style: 'width: 150px; height: 30px; display: block;'}" /><br>
    </div>
    <div class="form-group">
      <label for="urlTitle">URL:</label>
      <f:form.textfield name="urlTitle" additionalAttributes="{style: 'width: 400px; height: 30px; display: block;'}" /><br>
    </div>
    <f:form.submit value="Save" />
  </f:form>

  <script>
    function sortTable(tableId, columnIndex) {
      var table, rows, switching, i, x, y, shouldSwitch, direction, switchCount = 0;
      table = document.getElementById(tableId);
      switching = true;
      direction = "asc";

      while (switching) {
        switching = false;
        rows = table.rows;

        for (i = 1; i < (rows.length - 1); i++) {
          shouldSwitch = false;
          x = rows[i].getElementsByTagName("TD")[columnIndex];
          y = rows[i + 1].getElementsByTagName("TD")[columnIndex];

          if (direction == "asc") {
            if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) {
              shouldSwitch = true;
              break;
            }
          } else if (direction == "desc") {
            if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) {
              shouldSwitch = true;
              break;
            }
          }
        }

        if (shouldSwitch) {
          rows[i].parentNode.insertBefore(rows[i + 1], rows[i]);
          switching = true;
          switchCount++;
        } else {
          if (switchCount == 0 && direction == "asc") {
            direction = "desc";
            switching = true;
          }
        }
      }
    }
  </script>
</f:section>
</html>