Update deploy guide and screeenshots

Added circle progress while titles is loading and fix missing images
2024-09-24 15:26:34 +03:00 · 2024-09-24 15:14:11 +03:00
8 changed files with 93 additions and 74 deletions
--- a/README.md
+++ b/README.md
@ -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`
  - [ ] **Перший запуск без редагування конфігів**
- [ ] Додати скріншоти після релізу
+- [X] Додати скріншоти після релізу
 - [] **Зробити рефакторінг коду**
- [ ] API
+- [X] API
  - [ ] Застосунок під Android
  - [ ] ntfy повідомлення

--- a/assets/add.png
+++ b/assets/add.png
--- a/assets/home.png
+++ b/assets/home.png
--- a/assets/settings.png
+++ b/assets/settings.png
--- a/frontend/index.html
+++ b/frontend/index.html
@ -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>
--- a/frontend/package.json
+++ b/frontend/package.json
@ -1,7 +1,7 @@
 {
  "name": "frontend",
  "private": true,
-  "version": "0.0.0",
+  "version": "1.0.4",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/frontend/src/pages/index.vue
+++ b/frontend/src/pages/index.vue
@ -1,6 +1,6 @@
 <template>

-
+    <main v-if="titles.length > 0">
        <form @submit.prevent="filterTitles">
            <div class="field large prefix round fill">
                <i class="front">search</i>
@ -71,6 +71,10 @@
                </div>
            </div>
        </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>
--- a/frontend/src/pages/settings/index.vue
+++ b/frontend/src/pages/settings/index.vue
@ -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>
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