ershisan99/flashcards-admin-bot
1
0
Fork 0
mirror of https://github.com/ershisan99/flashcards-admin-bot.git synced 2025-12-16 12:33:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/master'

Browse Source
This commit is contained in:
andres
2024-06-06 19:40:58 +02:00
parent e93dbc4600 4a3aee2d41
commit 25b9196be7
2 changed files with 22 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -4,12 +4,30 @@
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
<script src="index.js" defer></script>
<script src="https://unpkg.com/petite-vue" defer init></script>
</head>
<body>
<body v-scope>
<main class="container">
<div id="root"></div>
<div v-for="group in data" :key="group.id">
<table>
<thead>
<tr>
<th>Имя</th>
<th>Время</th>
<th>Telegram</th>
</tr>
</thead>
<tbody>
<tr v-for="el in group" :key="el.id">
<td>{{ el.name }}</td>
<td style="width: 200px">{{ el.availableTime.from }} - {{ el.availableTime.to }}</td>
<td style="width: 200px">{{ el.tgUsername }}</td>
</tr>
</tbody>
</table>
</div>
</main>
<script src="index.js"></script>
</body>
</html>

26
index.js
View File

@@ -77,29 +77,3 @@ const data = [
},
],
];
const root = document.getElementById('root');
const html = `<div>${data
.map((group) => {
return `<table><thead>
<tr>
<th>Имя</th>
<th>Время</th>
<th>Telegram</th>
</tr>
</thead>
<tbody>${group
.map((el) => {
return `<tr>
<td >${el.name}</td>
<td style='width: 200px'">${el.availableTime.from} - ${el.availableTime.to}</td>
<td style='width: 200px'>${el.tgUsername}</td>
</tr>`;
})
.join('')}</tbody>
</table>`;
})
.join('')}</div>`;
root.innerHTML = html;