Advertisement
sumakaki

view admin dashboard

Mar 23rd, 2021
534
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.60 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>admin dashboard</title>
  7. </head>
  8. <body>
  9. <header>
  10.     <div class="logo"><a href="/">logo</a></div>
  11.     <menu>
  12.         <ul>
  13.             {% for category in categories %}
  14.                 <li><a href="{{ category.id }}" >{{ category.name }}</a></li>
  15.             {% endfor %}
  16.         </ul>
  17.     </menu>
  18.     <div class="search">
  19.         <form action="search" method="post">
  20.             <input type="text" name="search" id="">
  21.             <input type="submit" value="Поиск">
  22.         </form>
  23.     </div>
  24. </header>
  25. <aside>
  26.     <div class="navigation">
  27.         <ul>
  28.             <li><button>Категории</button></li>
  29.             <li><button>Пользователи</button></li>
  30.             <li><button>Коментарии</button></li>
  31.             <li><button>Статьи</button></li>
  32.         </ul>
  33.     </div>
  34. </aside>
  35.  
  36. <div class="categories_dashboard">
  37.     <form action="" method="post" name="category-create">
  38.         <input type="text" name="name" id="" placeholder="название категории">
  39.         <input type="submit" name="submit" id="">
  40.     </form>
  41.     {% if categories is empty %}
  42.         <p>Нет категорий</p>
  43.     {% else %}
  44.         <table id="table-category">
  45.             <tr>
  46.                 <td>ID</td>
  47.                 <td>Категория</td>
  48.                 <td>Удаление</td>
  49.                 <td>Редактирование</td>
  50.             </tr>
  51.             {% for category in categories %}
  52.                 <tr>
  53.                     <td>{{ category.id }}</td>
  54.                     <td>{{ category.name }}</td>
  55.                     <td><button id="category-delete" data-id="{{ category.id }}">удалить</button></td>
  56.                     <td><button id="category-update" data-id="{{ category.id }}">редактировать</button></td>
  57.                 </tr>
  58.             {% endfor %}
  59.         </table>
  60.         <form action="" method="post" name="category">
  61.             <input type="text" name="title" id="">
  62.             <input type="submit" value="отправить">
  63.         </form>
  64.     {% endif %}
  65. </div>
  66. <div class="users_dashboard">
  67.     {% if users is empty %}
  68.         <p>Нет пользователей</p>
  69.     {% else %}
  70.         <table>
  71.             <tr>
  72.                 <td>ID</td>
  73.                 <td>Имя</td>
  74.                 <td>Фамилия</td>
  75.                 <td>email</td>
  76.                 <td>Дейсвтие</td>
  77.             </tr>
  78.             {% for user in users %}
  79.                 <tr>
  80.                     <td>{{ user.id }}</td>
  81.                     <td>{{ user.name }}</td>
  82.                     <td>{{ user.surname }}</td>
  83.                     <td>{{ user.email }}</td>
  84.                     <td><button id="user-block" data-id="{{ category.id }}">блокировать</button></td>
  85.                 </tr>
  86.             {% endfor %}
  87.         </table>
  88.     {% endif %}
  89. </div>
  90. <div class="comentes_dashboard">
  91.     {% if users is empty %}
  92.     <p>Нет коментариев</p>
  93. {% else %}
  94.     <table>
  95.         <tr>
  96.             <td>ID</td>
  97.             <td>Коментарий</td>
  98.             <td>Действие</td>
  99.         </tr>
  100.         {% for coment in comentes %}
  101.             <tr>
  102.                 <td>{{ coment.id }}</td>
  103.                 <td>{{ coment.coment }}</td>
  104.                 <td><button id="coment-block" data-id="{{ coment.id }}">блокировать</button></td>
  105.             </tr>
  106.         {% endfor %}
  107.     </table>
  108. {% endif %}
  109. </div>
  110. <div class="articles_dashboard">
  111.     {% if users is empty %}
  112.     <p>Нет статьей</p>
  113. {% else %}
  114.     <table>
  115.         <tr>
  116.             <td>ID</td>
  117.             <td>Заголовок</td>
  118.             <td>Контент</td>
  119.             <td>Действие</td>
  120.         </tr>
  121.         {% for article in articles %}
  122.             <tr>
  123.                 <td>{{ article.id }}</td>
  124.                 <td>{{ article.content }}</td>
  125.                 <td><button id="article-delete" data-id="{{ article.id }}">удалить</button></td>
  126.                 <td><button id="article-update" data-id="{{ article.id }}">изменить</button></td>
  127.             </tr>
  128.         {% endfor %}
  129.     </table>
  130.     <form action="" method="post" name="article-update">
  131.         <input type="text" name="title" id="">
  132.         <input type="text" name="content" id="">
  133.         <input type="submit" value="отправить">
  134.     </form>
  135. {% endif %}
  136. </div>
  137. <script src="../../public/js/main.js"></script>
  138. </body>
  139. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement