CakesTwix/Toloka2WebV2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: CakesTwix:c740c2d72bdc64b3d1df39f419780b925a399b31
Branches Tags
CakesTwix:master
...
compare: CakesTwix:3da76d1e9251fabc4654293642109598a0ba4c84
Branches Tags
CakesTwix:master

2 commits
c740c2d72b ... 3da76d1e92

Author SHA1 Message Date
CakesTwix
3da76d1e92
Update deploy guide and screeenshots 2024-09-24 15:26:34 +03:00
CakesTwix
74dfc5628e
Added circle progress while titles is loading and fix missing images 2024-09-24 15:14:11 +03:00
8 changed files with 93 additions and 74 deletions
Show stats Expand all files Collapse all files

32
README.md
View file

@ -22,6 +22,8 @@
- [Toloka2MediaServer](https://github.com/CakesTwix/Toloka2MediaServer)
- [BeerCSS](https://www.beercss.com/)
- [js-cookie](https://www.npmjs.com/package/js-cookie)
- [Vite](https://vitejs.dev/)
- [Vue](https://vuejs.org/)
## Початок
@ -44,6 +46,21 @@
pip install -r requirements.txt
```
##### Збірка Frontend
1. Переходимо до директорії frontend/
```sh
cd frontend/
```
2. Встановлюємо усі залежності
```sh
npm install
```
3. Збираємо сам сайт
```sh
npm run build
```
##### Написання конфігу
Поки що не можна запустити як є, у планах зробити зручне налаштування, але не на часі.
@ -54,14 +71,11 @@
##### Запуск!
1. Переходимо до app/
1. Запускаємо простий скріпт run.py
```sh
cd app/
```
2. Запускаємо!
```sh
flask run
python run.py
```
## Використання
Якщо конфіг `data/app.ini` написан правильно, веб запрацює вже на http://127.0.0.1:5000/ та вже буде готовий до використання
@ -78,9 +92,9 @@
- [ ] Налаштування
- [ ] Редагування `data/app.ini`
- [ ] **Перший запуск без редагування конфігів**
- [ ] Додати скріншоти після релізу
- [ ] **Зробити рефакторінг коду**
- [ ] API
- [X] Додати скріншоти після релізу
- [] **Зробити рефакторінг коду**
- [X] API
- [ ] Застосунок під Android
- [ ] ntfy повідомлення

BIN
assets/add.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 452 KiB

After

Width:  |  Height:  |  Size: 448 KiB

BIN
assets/home.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 562 KiB

After

Width:  |  Height:  |  Size: 763 KiB

BIN
assets/settings.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 76 KiB

1
frontend/index.html
View file

@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="referrer" content="no-referrer" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title>

2
frontend/package.json
View file

@ -1,7 +1,7 @@
{
"name": "frontend",
"private": true,
"version": "0.0.0",
"version": "1.0.4",
"type": "module",
"scripts": {
"dev": "vite",

130
frontend/src/pages/index.vue
View file

@ -1,76 +1,80 @@
<template>
<form @submit.prevent="filterTitles">
<div class="field large prefix round fill">
<i class="front">search</i>
<input v-model="search" type="text">
</div>
</form>
<nav>
<a class="chip" @click="updateByCodename('')">
<i id="update_all_icon">done_all</i>
<span>Завантажити нові серії</span>
</a>
<a class="chip" @click="fetchTorrents">
<i>restart_alt</i>
<span>Оновити список</span>
</a>
<div class="max"></div>
<button class="round fill">
<span>Сортування</span>
<i>arrow_drop_down</i>
<menu id="sort-menu">
<a @click="sortTitles('name')">За назвою</a>
<a @click="sortTitles('date')">За датою</a>
<a @click="sortTitles('release')">За релізером</a>
</menu>
</button>
</nav>
<article class="no-padding" v-for="title in titles">
<div class="grid">
<div class="s12 m6 l3">
<img class="responsive " :src=title.image>
<main v-if="titles.length > 0">
<form @submit.prevent="filterTitles">
<div class="field large prefix round fill">
<i class="front">search</i>
<input v-model="search" type="text">
</div>
<div class="s9">
<div class="padding">
<h5 class="primary-text">{{ title.torrent_name }} ({{ title.codename }})</h5>
</form>
<hr class="medium">
<nav>
<a class="chip" @click="updateByCodename('')">
<i id="update_all_icon">done_all</i>
<span>Завантажити нові серії</span>
</a>
<a class="chip" @click="fetchTorrents">
<i>restart_alt</i>
<span>Оновити список</span>
</a>
<div class="max"></div>
<button class="round fill">
<span>Сортування</span>
<i>arrow_drop_down</i>
<menu id="sort-menu">
<a @click="sortTitles('name')">За назвою</a>
<a @click="sortTitles('date')">За датою</a>
<a @click="sortTitles('release')">За релізером</a>
</menu>
</button>
</nav>
<div>
<a class="chip no-margin"><i>route</i><span>{{ title.download_dir }}</span></a>
<a class="chip no-margin"><i>signature</i><span>{{ title.release_group }}</span></a>
<a class="chip no-margin"><i>calendar_month</i><span>{{ title.publish_date }}</span></a>
<a class="chip no-margin"><i>tag</i><span>{{ title.hash }}</span></a>
</div>
<article class="no-padding" v-for="title in titles">
<div class="grid">
<div class="s12 m6 l3">
<img class="responsive " :src=title.image>
</div>
<div class="s9">
<div class="padding">
<h5 class="primary-text">{{ title.torrent_name }} ({{ title.codename }})</h5>
<hr class="large">
<hr class="medium">
<div>
<a class="chip primary-border no-margin" :href="'https://toloka.to/' + title.guid">
<i>link</i>
<span>Посилання</span>
</a>
<a class="chip green-border no-margin" @click="updateByCodename(title.codename)">
<i>update</i>
<span>Оновити</span>
</a>
<a class="chip amber-border no-margin" @click="editByCodename(title.codename)">
<i>edit</i>
<span>Редагувати</span>
</a>
<a class="chip red-border no-margin" @click="deleteByCodename(title.codename)">
<i>delete</i>
<span>Видалити</span>
</a>
<div>
<a class="chip no-margin"><i>route</i><span>{{ title.download_dir }}</span></a>
<a class="chip no-margin"><i>signature</i><span>{{ title.release_group }}</span></a>
<a class="chip no-margin"><i>calendar_month</i><span>{{ title.publish_date }}</span></a>
<a class="chip no-margin"><i>tag</i><span>{{ title.hash }}</span></a>
</div>
<hr class="large">
<div>
<a class="chip primary-border no-margin" :href="'https://toloka.to/' + title.guid">
<i>link</i>
<span>Посилання</span>
</a>
<a class="chip green-border no-margin" @click="updateByCodename(title.codename)">
<i>update</i>
<span>Оновити</span>
</a>
<a class="chip amber-border no-margin" @click="editByCodename(title.codename)">
<i>edit</i>
<span>Редагувати</span>
</a>
<a class="chip red-border no-margin" @click="deleteByCodename(title.codename)">
<i>delete</i>
<span>Видалити</span>
</a>
</div>
</div>
</div>
</div>
</div>
</article>
</article>
</main>
<main class="responsive middle-align center-align" v-else>
<progress class="circle extra"></progress>
</main>
<dialog :class="{ 'active': isUpdated }">
<h5 class="primary-text">{{ update.response_code }}</h5>

2
frontend/src/pages/settings/index.vue
View file

@ -20,7 +20,7 @@
<article class="secondary-text">
<a class="row wave"><i>title</i> Toloka2Web v2 Vue Version</a>
<hr>
<a class="row wave"><i>conversion_path</i> v1.0.3</a>
<a class="row wave"><i>conversion_path</i> v1.0.4</a>
</article>
</template>