well

app.py

@@ -1,12 +1,12 @@
 from flask import Flask, render_template, request
 from flask_assets import Bundle, Environment
-from todo import todos
-#from boards import board_list
-from threads import threads_lists
-from threads_with_posts import open_threads
 from arango import ArangoClient
+from minio import Minio
+
+import socket, os
+
+
 
-import socket
 
 app = Flask(__name__)
 
@@ -14,12 +14,12 @@ assets = Environment(app)
 css = Bundle("src/*.css", output="dist/main.css")
 
 # https://unpkg.com/htmx.org
-js  = Bundle("src/*.js", output="dist/main.js")
+#js  = Bundle("src/*.js", output="dist/main.js")
 
 assets.register("css", css)
-assets.register("js", js)
+#assets.register("js", js)
 css.build()
-js.build()
+#js.build()
 
 
 
@@ -27,9 +27,11 @@ docker_short_id = socket.gethostname()
  
 arango_client = ArangoClient(hosts='https://arango.guaranteedstruggle.host') 
 db = arango_client.db('board1', username='root', password='stolendick527')
- 
+
+
 # предполагается что меняться список будет весьма редко, поэтому подхватываем при лишь при перезапуске
 boards0     = db.collection('boards')
+print(boards0)
 board_list  = [ k['_key'] for k in boards0]
 
 
@@ -39,6 +41,8 @@ def healthx():
   
 @app.route('/readiness')
 def healthz(): 
+  #### TODU return arango check
+
   return "<h1><center>Readiness check completed</center><h1>"
   
 
@@ -48,45 +52,78 @@ def healthz():
 def homepage():  
     return render_template("main-page.html", host_id=docker_short_id, boards=board_list)
 
- 
-@app.route("/boards/<board_id>")
-def page_board(board_id):
+  
 
-    b_threads = [ open_threads[thread_id] for thread_id in open_threads if thread_id in threads_lists[board_id]]
-    return render_template("board.html", host_id=docker_short_id, board_id=board_id, boards=board_list, board_threads=b_threads)
-
-
-
-@app.route("/db_posts")
-def page_posts_from_db():  
+@app.route('/db_posts')
+@app.route("/db_posts/<target_post_id>")
+def page_posts_from_db(target_post_id=None):  
     
     postos = db.collection('posts')
     postos = [ p for p in postos]
     postos  = sorted(postos, key=lambda posto: posto['_key'], reverse=False)
+    
+    if not target_post_id:
+       target_post_id = postos[0]['_key']
+
+    return render_template("interactive-posts.html", host_id=docker_short_id, postos=postos, target_post_id=target_post_id)
+
  
-    return render_template("interactive-posts.html", host_id=docker_short_id, postos=postos)
-
-
-@app.route('/post_my_post/<post_key>', methods=['POST'])
-def post_a_post(post_key):
-            
+@app.route("/answer_post/<target_post_id>", methods=['POST'])
+def answer_post(target_post_id):  
     
     postos = db.collection('posts')
+    postos = [ p for p in postos]
+    postos  = sorted(postos, key=lambda posto: posto['_key'], reverse=False)
+    
+    if not target_post_id:
+       target_post_id = postos[0]['_key']
+
+    return render_template("answer-post.html", target_post_id=target_post_id)
 
 
-    #### TODO проверить как-то по-умному что мы таки его добавили
+ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif', 'mp4', 'webm', 'webp'}
+def allowed_file(filename):
+    return '.' in filename and \
+           filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
+
+@app.route('/post_to_another_post/<post_key>', methods=['POST'])
+def post_to_post(post_key):
+            
+      
+    #### TODO resize pics https://stackoverflow.com/questions/53337318/how-can-i-resize-image-with-pil-on-upload-and-serve-them-with-flask-cloudy
+    #### TODO allow only imgs, videos, and gifs
+    if 'file' in request.files:
+
+        minioClient = Minio( "static.guaranteedstruggle.host" )
+        bucket_name = "thread-pics"
+
+        files = request.files.getlist("file")
+        for file in files: 
+            size = os.fstat(file.fileno()).st_size
+            #### работает ли??
+            if allowed_file(file.filename):  
+                minioClient.put_object(
+                    bucket_name, file.filename, file, size
+                )
+ 
+            else:
+                print(f'somebody tried to put this inside minio: {file.filename} size: {size}')
+
+
+    postos = db.collection('posts')
+
+    data = request.form['send_this_text']
+ 
     metadata = postos.insert({
-        'texto': 'next post is this',
+        'texto': data,
         'parent_post': f'{post_key}'
     }, overwrite_mode='update') 
  
-    metadata = db.collection('post_parents').insert({
-       # '_key':     post_key,
+    metadata = db.collection('post_parents').insert({ 
         '_from':    f'posts/{post_key}',
         '_to':      f'posts/{metadata["_key"]}'
     }, overwrite_mode='update') 
-
-    
+ 
  
     cursor = db.aql.execute(
         """FOR ppp IN posts 
@@ -95,9 +132,17 @@ def post_a_post(post_key):
     ) 
     cursor = db.aql.execute(
         """FOR ppp IN posts 
-            LET children = (FOR v IN 1OUTBOUND ppp post_parents RETURN v) 
+            LET children = (FOR v IN 1 OUTBOUND ppp post_parents RETURN v) 
             UPDATE ppp WITH { answers_num : COUNT_DISTINCT( children[*]._key )  } IN posts""" 
     ) 
+    cursor = db.aql.execute(
+        """FOR ppp IN posts 
+            LET children0 = (FOR v IN 1 OUTBOUND ppp post_parents RETURN v) 
+            LET children = (FOR c IN children0
+                SORT c._key  DESC
+                RETURN c)
+            UPDATE ppp WITH { answers_list : [ children[*]._key, children[*].answers_num, children[*].children_num ]  } IN posts""" 
+    )  
 
     postos = db.collection('posts') 
     postos  = sorted(postos, key=lambda posto: posto['_key'], reverse=False)
@@ -105,31 +150,11 @@ def post_a_post(post_key):
     return render_template("i-posts.html", host_id=docker_short_id, postos=postos)
 
 
-# @app.route('/post_my_file', method=['POST'])
-# def post_a_file():
-#     pass
 
-
-### stolen
-@app.route("/todo")
-def page_todo():
-    return render_template("page1.html")
-
- 
-@app.route("/search", methods=["POST"])
-def search_todo():
-    search_term = request.form.get("search")
-
-    if not len(search_term):
-        return render_template("todo.html", host_id=docker_short_id, todos=[])
-
-    res_todos = []
-    for todo in todos:
-        if search_term in todo["title"]:
-            res_todos.append(todo)
-
-    return render_template("todo.html", host_id=docker_short_id, todos=res_todos)
-### /stolen
+#### TODO websockets
+#### TODO kafka
+#### TODO shards 
+#### TODO grpc
 
 
 

boards.py

@@ -1,3 +0,0 @@
-board_list = [
-    'b','a','d'
-]

reqs.txt

@@ -1,3 +1,4 @@
 flask
 flask-assets
-python-arango
+python-arango
+minio

static/dist/main.css

@@ -0,0 +1,41 @@
+/* украдено здесь https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/ */
+
+.hex-main {
+    display:flex;
+    --s: 100px;  /* size  */
+    --m: 4px;    /* margin */
+    --f: calc(1.732 * var(--s) + 4 * var(--m)  - 1px);
+    max-width: 440px;
+    margin: 15px;
+}
+  
+.hex-container {
+    font-size: 0; /*disable white space between inline block element */
+}
+  
+.hex-container img {
+    width:  var(--s);
+    margin: var(--m);
+    height: calc(var(--s)*1.1547); 
+    display: inline-block;
+    font-size:initial;
+    clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
+    background: transparent;
+    margin-bottom: calc(var(--m) - var(--s)*0.2885); 
+}
+
+.hex-container img:nth-child(odd) {
+    background: transparent;
+}
+.hex-container::before {
+    content: "";
+    width: calc(var(--s)/2 + var(--m));
+    float: left;
+    height: 120%;
+    shape-outside: repeating-linear-gradient(     
+                    #0000 0 calc(var(--f) - 3px),      
+                    #000  0 var(--f));
+}
+  
+
+

templates/answer-post.html

@@ -0,0 +1,50 @@
+<div class="card"> 
+    <div class="card-content">
+        <div class="row">
+            <span class="card-title">Создай то, о чем будут говорить многие. Ты отвечаешь: <a href="#post-{{ target_post_id }}">>>{{ target_post_id }}</a></span>
+            <a class="btn-floating halfway-fab waves-effect waves-light red" href="#post-{{ target_post_id }}"><i class="material-icons">>></i></a>
+            <form hx-encoding='multipart/form-data'  _='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'>
+                <div class="input-field col s6">
+                    <input id="send_this_text" name="send_this_text" type="text" >
+                    <label for="send_this_text">Печатать сюда</label>
+                </div> 
+                <div class="input-field col s6">
+                    <input id="file" name="file" type="file" multiple>
+                    <label for="file">Upload</label>
+                    <progress id='progress' value='0' max='100'></progress>
+                </div> 
+            </form>
+        </div>
+    </div> 
+    <div class="card-action">  
+        <a href="#answer-post">
+            <button class="btn waves-effect waves-light" 
+                type="submit" name="action" hx-encoding='multipart/form-data'
+                _='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'
+                hx-post="/post_to_another_post/{{ target_post_id }}"
+                hx-target="#neu-posts"
+                hx-include="[name='send_this_text'], [name='file']" 
+            >
+                Отправить!!
+                <i class="material-icons right">send</i>
+            </button>
+        </a>
+    </div>  
+    <!-- <div class="row">
+        <form hx-encoding='multipart/form-data' hx-post='/send_dudes'
+            _='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'>
+            <input type='file' name='file'>
+            <button>
+                Upload
+            </button>
+            <progress id='progress' value='0' max='100'></progress>
+        </form>
+    </div>   -->
+        <!-- <h1>Загрузить картинку:</h1>
+        <input type="file" #file placeholder="Загрузить картинку" (change)="sendPic($event)" style="display:none;">
+        <button type="button" class="btn btn-success" (click)="file.click()">Загрузить картинку</button>
+        <div *ngFor="let singlePic of inputImages" >Картинка: {{singlePic}}</div>
+        <p>
+            <button (click)="eraseData()" >Убрать картинку</button>
+        </p> -->
+</div>

templates/base.html

@@ -4,7 +4,20 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<<<<<<< HEAD
  
+=======
+
+    <!-- Compiled and minified CSS -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+    <!-- Compiled and minified JavaScript -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+
+
+    <script src="https://unpkg.com/htmx.org@1.9.3" integrity="sha384-lVb3Rd/Ca0AxaoZg5sACe8FJKF0tnUgR2Kd7ehUOG5GCcROv5uBIZsOqovBAcWua" crossorigin="anonymous"></script>
+    <script src="https://unpkg.com/hyperscript.org@0.9.9"></script>
+
+>>>>>>> dev
     {% assets 'css' %}
       <link rel="stylesheet" href="{{ ASSET_URL }}">
     {% endassets %}

templates/board.html

@@ -1,26 +0,0 @@
-{% extends "base.html" %}
-
-{% block content %} 
-
-<div class="content">
-    <p>Вы тут: /{{board_id}}</p>
-</div>
-
-
-<nav>
-    <a  href="/">glavnaya</a>
-    <br>
-    Доски: 
-    <div class="boards">
-        <ul>
-        {% for board in boards %}
-            <li><a href="/boards/{{board}}">/{{board}}</a></li> 
-        {% endfor %}
-        </ul> 
-    </div>
-</nav>
- 
-
-{% include 'posts.html' %}
-
-{% endblock content %}

templates/i-posts.html

@@ -2,9 +2,9 @@
     {% for posto in postos %}
         <div class="row">
             {% if posto.root_post %}
-            <div class="card s4 deep-orange accent-4 darken-1">
+            <div class="card s5 deep-orange accent-4 darken-1">
             {% else %}
-            <div class="card s4 blue-grey darken-1">
+            <div class="card s5 blue-grey darken-1">
             {% endif %}
                 <div class="row" id="post-{{ posto._key }}">
                     <div class="col s4">
@@ -29,11 +29,31 @@
                             <a class="card-action" href="#post-{{ posto.parent_post }}"> >>{{ posto.parent_post }} </a> 
                             {% endif %}
                             <p>{{ posto.texto }}</p>
+                            
+                            {% if posto.answers_list[0] | length > 0 %}
+                            <br>
+                            <p>Ответы:</p>
+                            <div class="collection"> 
+                                {% for ans in posto.answers_list[0] %} 
+                                    {% if (posto.answers_list[1])[loop.index-1] > 0 %}  
+                                        {% if (posto.answers_list[2])[loop.index-1] > 0 %} 
+                                            <a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item">>>{{ (posto.answers_list[0])[loop.index-1] }} (ответов {{ (posto.answers_list[1])[loop.index-1] }}, длина {{ (posto.answers_list[2])[loop.index-1] }})</a> 
+                                        {% else %}
+                                            <a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item">>>{{ (posto.answers_list[0])[loop.index-1] }} (ответов {{ (posto.answers_list[1])[loop.index-1] }})</a> 
+                                        {% endif %} 
+                                    {% else %}
+                                        <a href="#post-{{ (posto.answers_list[0])[loop.index-1] }}" class="collection-item">>>{{ (posto.answers_list[0])[loop.index-1] }}</a>  
+                                    {% endif %} 
+                                {% endfor %}
+                            </div> 
+                            {% endif %}
                         </div>
                     </div>
                     <div class="col s12">
+                        <!-- TODO !подгрузка следующего поста в конец треда без перезагрузки всего треда! -->
                         <div class="card-action right">
-                            <a href="#" hx-post="/post_my_post/{{ posto._key }}" hx-target="#neu-posts" >Answer me!</a> 
+                            <!-- <a href="#" hx-post="/post_my_post/{{ posto._key }}" hx-target="#neu-posts" >Answer me!</a>  -->
+                            <a href="#answer-post" hx-post="/answer_post/{{ posto._key }}" hx-target="#answer-post" >Ответить этому.</a> 
                         </div>
                     </div>
                 </div>

templates/interactive-posts.html

@@ -4,13 +4,18 @@
  
 
 {% include 'navbar.html' %}
- 
 
 <div class="row" >
-    <div class="col s5" id="neu-posts">
+    <div class="col s6 m5" id="neu-posts">
     {% include 'i-posts.html' %} 
     </div>
 </div>
 
 
+<div class="row">
+    <div class="col s7 m6" id="answer-post"> 
+    {% include 'answer-post.html' %} 
+    </div> 
+</div>
+
 {% endblock content %}

templates/navbar.html

@@ -3,7 +3,7 @@
     <div class="nav-wrapper purple darken-3"> 
       <ul id="nav-mobile" class="left ">
         <li> <a  href="/">glavnaya</a> </li>
-        <li><a  href="/db_posts"><span class="new badge red"  data-badge-caption="">here we go</span></a> </li>
+        <li><a  href="/db_posts"><span class="new badge red"  data-badge-caption="">and here we go again..</span></a> </li>
         <li>
             <a href="#">Вас закинуло сюда: <span class="new badge blue" data-badge-caption="">{{host_id}}</span></a> 
         </li>

templates/page1.html

@@ -1,36 +0,0 @@
-{% extends "base.html" %}
-
-{% block content %} 
-
-<div class="panel-block">
-
-  <div class="w-small w-2/3 mx-auto py-10 text-gray-600">
-    <input
-        type="text"
-        name="search"
-        hx-post="/search"
-        hx-trigger="keyup changed delay:250ms"
-        hx-indicator=".htmx-indicator"
-        hx-target="#todo-results"
-        placeholder="Search"
-        class="bg-white h-10 px-5 pr-10 rounded-full text-2xl focus:outline-none"
-    >
-    <span class="htmx-indicator">Searching...</span>
-  </div>
-  +dev 3
-
-
-  <table class="border-collapse w-small w-2/3 mx-auto">
-    <thead>
-      <tr>
-        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">#</th>
-        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">Title</th>
-        <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">Completed</th>
-      </tr>
-    </thead>
-    <tbody id="todo-results">
-      {% include 'todo.html' %}
-    </tbody>
-  </table>
-</div>
-{% endblock content %}

templates/posts.html

@@ -1,75 +0,0 @@
-{% if board_threads|length>0 %}
-  {% for thread in board_threads %}
-<div class="post post_type_reply  post_withimg" id="post-15135655" data-num="15135655">
-    <div class="post__details" id="post-details-15135655">
-    <input type="checkbox" name="delete" class="turnmeoff" value="15135655">
-    <span class="post__detailpart">
-    <span class="post__anon">{{thread.name}}</span>
-    </span>
-    <span class="post__detailpart">
-    <span class="post__time">05/07/23 Срд 14:53:58</span>
-    </span>
-    <span class="post__detailpart">
-    <a href="/news/res/15135633.html#15135655" id="15135655" class="post__reflink">№</a>
-    <a href="/news/res/15135633.html#15135655" class="js-post-reply-btn post__reflink" data-num="15135655">{{thread.post_num}}</a>
-    <span class="post__number">2</span></span>
-    <span class="post__detailpart">
-    <svg xmlns="http://www.w3.org/2000/svg" class="post__btn post__btn_type_menu icon desktop" data-num="15135655"><use xlink:href="#icon__addmenu"></use></svg>
-    <span data-num="15135655" onclick="addAdminMenu(this); return false;" onmouseout="removeAdminMenu(event); return false;" style="display: flex;">
-    <svg xmlns="http://www.w3.org/2000/svg" class="post__btn post__btn_type_adm icon"><use xlink:href="#icon__report"></use></svg>
-    </span>
-    </span>
-    </div>
-    <div class="post__images  post__images_type_multi"> 
-        <!-- <div class="post__images">
-            <svg class="post__file-preview   " data-width="954" data-height="960" data-type="2" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"  data-title="image.png" viewBox="0 0 100 100" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                <defs>
-                    <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
-                        <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{pic}}" x="-25" width="150" height="100" />
-                    </pattern>
-                </defs>
-                <use>
-                    <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
-                </use>
-            </svg> 
-        </div> -->
-        <!-- <figure class="post__image">
-            <figcaption class="post__file-attr">
-                <a class="desktop" target="_blank" href="https://static.vdk2ch.ru/thread-pics/{{pic}}" title="image.png">{{pic}}</a>
-           
-            </figcaption> -->
-                <!-- <svg visibility="visible"  class="post__file-preview   " data-width="954" data-height="960" data-type="2" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584"  data-title="image.png" viewBox="0 0 100 100" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                    <defs>
-                        <pattern id="img-{{thread.post_num}}" patternUnits="userSpaceOnUse" width="100" height="100">
-                            <image xlink:href="https://static.vdk2ch.ru/thread-pics/{{pic}}" x="-25" width="150" height="100" />
-                        </pattern>
-                    </defs>
-                    <use>
-                        <polygon points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img-{{thread.post_num}})"/>
-                    </use>
-                </svg>  -->
-                
-                <!-- <img src="https://static.vdk2ch.ru/thread-pics/{{pic}}" alt="954x960" id="img-15135655-d39bd5b1ed6c40e9a1d1eb2971a57584" class="post__file-preview   " data-type="2" data-title="image.png" data-width="954" data-height="960" data-md5="15135655-d39bd5b1ed6c40e9a1d1eb2971a57584" data-src="https://static.vdk2ch.ru/thread-pics/{{pic}}" width="168" height="170"> -->
-        <!-- </figure> -->
-        
-        
-    
-        <div class="hex-main">
-            <div class="hex-container">
-                {% for pic in thread.pic_links %}
-                <a href="https://static.vdk2ch.ru/thread-pics/{{pic}}"  target="_blank" "> 
-                    <img src="https://static.vdk2ch.ru/thread-pics/{{pic}}"   > 
-                </a>
-                {% endfor %}
-            </div>
-        </div> 
-    </div>
-    <article id="m15135655" class="post__message ">
-    <a href="/news/res/15135633.html#15135633" class="post-reply-link" data-thread="15135633" data-num="15135633">&gt;&gt;15135633 (OP)</a><br>
-  
-    {{thread.txt}}
-    </article>
-    <div id="refmap-15135655" class="post__refmap" style="display: none;"></div>
-    </div>
-    {% endfor %}
-{% endif %}

templates/todo.html

@@ -1,15 +0,0 @@
-{% if todos|length>0 %}
-  {% for todo in todos %}
-    <tr class="bg-white lg:hover:bg-gray-100 flex lg:table-row flex-row lg:flex-row flex-wrap lg:flex-no-wrap mb-10 lg:mb-0">
-      <td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">{{todo.id}}</td>
-      <td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">{{todo.title}}</td>
-      <td class="w-full lg:w-auto p-3 text-gray-800 text-center border border-b block lg:table-cell relative lg:static">
-        {% if todo.completed %}
-          <span class="rounded bg-green-400 py-1 px-3 text-xs font-bold">Yes</span>
-        {% else %}
-          <span class="rounded bg-red-400 py-1 px-3 text-xs font-bold">No</span>
-        {% endif %}
-      </td>
-    </tr>
-  {% endfor %}
-{% endif %}

threads.py

@@ -1,11 +0,0 @@
-threads_lists = {
-    'b': {
-        '123','124'
-    },
-    'a': {
-        '1'
-    },
-    'd': {
-        '44','99','1230'
-    }
-} 

threads_with_posts.py

@@ -1,45 +0,0 @@
-# <id>: {<post_num>, <pic_links>, <texto>, <name>}
-open_threads = {
-    '123': {
-        'thread_num': '123',
-        'post_num': '9999',
-        'pic_links': ['16216445863900.jpg'],
-        'txt': 'фыва',
-        'name': 'anonius'
-    },
-    '124': {
-        'thread_num': '124',
-        'post_num': '456',
-        'pic_linkss': ['16672846165910.png'],
-        'txt': 'Test',
-        'name': 'anonius'
-    },
-    '1': {
-        'thread_num': '123',
-        'post_num': '1',
-        'pic_links': ['16211265989190.jpg'],
-        'txt': 'фыва',
-        'name': 'anonius' 
-    },
-    '44': {
-        'thread_num': '44',
-        'post_num': '12',
-        'pic_links': ['15937598937440.png'],
-        'txt': 'I hate my brother-nation..',
-        'name': 'Владимир Владимирович' 
-    },
-    '99': {
-        'thread_num': '99',
-        'post_num': '55',
-        'pic_links': ['Экран-смерти.jpg','Экран-смерти.jpg','Экран-смерти.jpg','Экран-смерти.jpg','15937598937440.png','Экран-смерти.jpg','Экран-смерти.jpg'],
-        'txt': 'фыва',
-        'name': 'anonius'
-    },
-    '1230': {
-        'thread_num': '1230',
-        'post_num': '1234',
-        'pic_links': ['15906018690140.png'],
-        'txt': '33333!',
-        'name': 'SIRNA'
-    }
-}

todo.py

@@ -1,457 +0,0 @@
-todos = [
-    {"userId": 1, "id": 1, "title": "delectus aut autem", "completed": False},
-    {
-        "userId": 1,
-        "id": 2,
-        "title": "quis ut nam facilis et officia qui",
-        "completed": False,
-    },
-    {"userId": 1, "id": 3, "title": "fugiat veniam minus", "completed": False},
-    {"userId": 1, "id": 4, "title": "et porro tempora", "completed": True},
-    {
-        "userId": 1,
-        "id": 5,
-        "title": "laboriosam mollitia et enim quasi adipisci quia provident illum",
-        "completed": False,
-    },
-    {
-        "userId": 1,
-        "id": 6,
-        "title": "qui ullam ratione quibusdam voluptatem quia omnis",
-        "completed": False,
-    },
-    {
-        "userId": 1,
-        "id": 7,
-        "title": "illo expedita consequatur quia in",
-        "completed": False,
-    },
-    {"userId": 1, "id": 8, "title": "quo adipisci enim quam ut ab", "completed": True},
-    {"userId": 1, "id": 9, "title": "molestiae perspiciatis ipsa", "completed": False},
-    {
-        "userId": 1,
-        "id": 10,
-        "title": "illo est ratione doloremque quia maiores aut",
-        "completed": True,
-    },
-    {"userId": 1, "id": 11, "title": "vero rerum temporibus dolor", "completed": True},
-    {"userId": 1, "id": 12, "title": "ipsa repellendus fugit nisi", "completed": True},
-    {"userId": 1, "id": 13, "title": "et doloremque nulla", "completed": False},
-    {
-        "userId": 1,
-        "id": 14,
-        "title": "repellendus sunt dolores architecto voluptatum",
-        "completed": True,
-    },
-    {"userId": 1, "id": 15, "title": "ab voluptatum amet voluptas", "completed": True},
-    {
-        "userId": 1,
-        "id": 16,
-        "title": "accusamus eos facilis sint et aut voluptatem",
-        "completed": True,
-    },
-    {
-        "userId": 1,
-        "id": 17,
-        "title": "quo laboriosam deleniti aut qui",
-        "completed": True,
-    },
-    {
-        "userId": 1,
-        "id": 18,
-        "title": "dolorum est consequatur ea mollitia in culpa",
-        "completed": False,
-    },
-    {
-        "userId": 1,
-        "id": 19,
-        "title": "molestiae ipsa aut voluptatibus pariatur dolor nihil",
-        "completed": True,
-    },
-    {
-        "userId": 1,
-        "id": 20,
-        "title": "ullam nobis libero sapiente ad optio sint",
-        "completed": True,
-    },
-    {
-        "userId": 2,
-        "id": 21,
-        "title": "suscipit repellat esse quibusdam voluptatem incidunt",
-        "completed": False,
-    },
-    {
-        "userId": 2,
-        "id": 22,
-        "title": "distinctio vitae autem nihil ut molestias quo",
-        "completed": True,
-    },
-    {
-        "userId": 2,
-        "id": 23,
-        "title": "et itaque necessitatibus maxime molestiae qui quas velit",
-        "completed": False,
-    },
-    {
-        "userId": 2,
-        "id": 24,
-        "title": "adipisci non ad dicta qui amet quaerat doloribus ea",
-        "completed": False,
-    },
-    {
-        "userId": 2,
-        "id": 25,
-        "title": "voluptas quo tenetur perspiciatis explicabo natus",
-        "completed": True,
-    },
-    {"userId": 2, "id": 26, "title": "aliquam aut quasi", "completed": True},
-    {"userId": 2, "id": 27, "title": "veritatis pariatur delectus", "completed": True},
-    {
-        "userId": 2,
-        "id": 28,
-        "title": "nesciunt totam sit blanditiis sit",
-        "completed": False,
-    },
-    {"userId": 2, "id": 29, "title": "laborum aut in quam", "completed": False},
-    {
-        "userId": 2,
-        "id": 30,
-        "title": "nemo perspiciatis repellat ut dolor libero commodi blanditiis omnis",
-        "completed": True,
-    },
-    {
-        "userId": 2,
-        "id": 31,
-        "title": "repudiandae totam in est sint facere fuga",
-        "completed": False,
-    },
-    {
-        "userId": 2,
-        "id": 32,
-        "title": "earum doloribus ea doloremque quis",
-        "completed": False,
-    },
-    {"userId": 2, "id": 33, "title": "sint sit aut vero", "completed": False},
-    {
-        "userId": 2,
-        "id": 34,
-        "title": "porro aut necessitatibus eaque distinctio",
-        "completed": False,
-    },
-    {
-        "userId": 2,
-        "id": 35,
-        "title": "repellendus veritatis molestias dicta incidunt",
-        "completed": True,
-    },
-    {
-        "userId": 2,
-        "id": 36,
-        "title": "excepturi deleniti adipisci voluptatem et neque optio illum ad",
-        "completed": True,
-    },
-    {"userId": 2, "id": 37, "title": "sunt cum tempora", "completed": False},
-    {"userId": 2, "id": 38, "title": "totam quia non", "completed": False},
-    {
-        "userId": 2,
-        "id": 39,
-        "title": "doloremque quibusdam asperiores libero corrupti illum qui omnis",
-        "completed": False,
-    },
-    {"userId": 2, "id": 40, "title": "totam atque quo nesciunt", "completed": True},
-    {
-        "userId": 3,
-        "id": 41,
-        "title": "aliquid amet impedit consequatur aspernatur placeat eaque fugiat suscipit",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 42,
-        "title": "rerum perferendis error quia ut eveniet",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 43,
-        "title": "tempore ut sint quis recusandae",
-        "completed": True,
-    },
-    {
-        "userId": 3,
-        "id": 44,
-        "title": "cum debitis quis accusamus doloremque ipsa natus sapiente omnis",
-        "completed": True,
-    },
-    {
-        "userId": 3,
-        "id": 45,
-        "title": "velit soluta adipisci molestias reiciendis harum",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 46,
-        "title": "vel voluptatem repellat nihil placeat corporis",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 47,
-        "title": "nam qui rerum fugiat accusamus",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 48,
-        "title": "sit reprehenderit omnis quia",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 49,
-        "title": "ut necessitatibus aut maiores debitis officia blanditiis velit et",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 50,
-        "title": "cupiditate necessitatibus ullam aut quis dolor voluptate",
-        "completed": True,
-    },
-    {
-        "userId": 3,
-        "id": 51,
-        "title": "distinctio exercitationem ab doloribus",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 52,
-        "title": "nesciunt dolorum quis recusandae ad pariatur ratione",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 53,
-        "title": "qui labore est occaecati recusandae aliquid quam",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 54,
-        "title": "quis et est ut voluptate quam dolor",
-        "completed": True,
-    },
-    {
-        "userId": 3,
-        "id": 55,
-        "title": "voluptatum omnis minima qui occaecati provident nulla voluptatem ratione",
-        "completed": True,
-    },
-    {"userId": 3, "id": 56, "title": "deleniti ea temporibus enim", "completed": True},
-    {
-        "userId": 3,
-        "id": 57,
-        "title": "pariatur et magnam ea doloribus similique voluptatem rerum quia",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 58,
-        "title": "est dicta totam qui explicabo doloribus qui dignissimos",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 59,
-        "title": "perspiciatis velit id laborum placeat iusto et aliquam odio",
-        "completed": False,
-    },
-    {
-        "userId": 3,
-        "id": 60,
-        "title": "et sequi qui architecto ut adipisci",
-        "completed": True,
-    },
-    {"userId": 4, "id": 61, "title": "odit optio omnis qui sunt", "completed": True},
-    {
-        "userId": 4,
-        "id": 62,
-        "title": "et placeat et tempore aspernatur sint numquam",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 63,
-        "title": "doloremque aut dolores quidem fuga qui nulla",
-        "completed": True,
-    },
-    {
-        "userId": 4,
-        "id": 64,
-        "title": "voluptas consequatur qui ut quia magnam nemo esse",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 65,
-        "title": "fugiat pariatur ratione ut asperiores necessitatibus magni",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 66,
-        "title": "rerum eum molestias autem voluptatum sit optio",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 67,
-        "title": "quia voluptatibus voluptatem quos similique maiores repellat",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 68,
-        "title": "aut id perspiciatis voluptatem iusto",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 69,
-        "title": "doloribus sint dolorum ab adipisci itaque dignissimos aliquam suscipit",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 70,
-        "title": "ut sequi accusantium et mollitia delectus sunt",
-        "completed": False,
-    },
-    {"userId": 4, "id": 71, "title": "aut velit saepe ullam", "completed": False},
-    {
-        "userId": 4,
-        "id": 72,
-        "title": "praesentium facilis facere quis harum voluptatibus voluptatem eum",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 73,
-        "title": "sint amet quia totam corporis qui exercitationem commodi",
-        "completed": True,
-    },
-    {
-        "userId": 4,
-        "id": 74,
-        "title": "expedita tempore nobis eveniet laborum maiores",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 75,
-        "title": "occaecati adipisci est possimus totam",
-        "completed": False,
-    },
-    {"userId": 4, "id": 76, "title": "sequi dolorem sed", "completed": True},
-    {
-        "userId": 4,
-        "id": 77,
-        "title": "maiores aut nesciunt delectus exercitationem vel assumenda eligendi at",
-        "completed": False,
-    },
-    {
-        "userId": 4,
-        "id": 78,
-        "title": "reiciendis est magnam amet nemo iste recusandae impedit quaerat",
-        "completed": False,
-    },
-    {"userId": 4, "id": 79, "title": "eum ipsa maxime ut", "completed": True},
-    {
-        "userId": 4,
-        "id": 80,
-        "title": "tempore molestias dolores rerum sequi voluptates ipsum consequatur",
-        "completed": True,
-    },
-    {"userId": 5, "id": 81, "title": "suscipit qui totam", "completed": True},
-    {
-        "userId": 5,
-        "id": 82,
-        "title": "voluptates eum voluptas et dicta",
-        "completed": False,
-    },
-    {
-        "userId": 5,
-        "id": 83,
-        "title": "quidem at rerum quis ex aut sit quam",
-        "completed": True,
-    },
-    {"userId": 5, "id": 84, "title": "sunt veritatis ut voluptate", "completed": False},
-    {"userId": 5, "id": 85, "title": "et quia ad iste a", "completed": True},
-    {"userId": 5, "id": 86, "title": "incidunt ut saepe autem", "completed": True},
-    {
-        "userId": 5,
-        "id": 87,
-        "title": "laudantium quae eligendi consequatur quia et vero autem",
-        "completed": True,
-    },
-    {
-        "userId": 5,
-        "id": 88,
-        "title": "vitae aut excepturi laboriosam sint aliquam et et accusantium",
-        "completed": False,
-    },
-    {"userId": 5, "id": 89, "title": "sequi ut omnis et", "completed": True},
-    {
-        "userId": 5,
-        "id": 90,
-        "title": "molestiae nisi accusantium tenetur dolorem et",
-        "completed": True,
-    },
-    {
-        "userId": 5,
-        "id": 91,
-        "title": "nulla quis consequatur saepe qui id expedita",
-        "completed": True,
-    },
-    {"userId": 5, "id": 92, "title": "in omnis laboriosam", "completed": True},
-    {
-        "userId": 5,
-        "id": 93,
-        "title": "odio iure consequatur molestiae quibusdam necessitatibus quia sint",
-        "completed": True,
-    },
-    {"userId": 5, "id": 94, "title": "facilis modi saepe mollitia", "completed": False},
-    {
-        "userId": 5,
-        "id": 95,
-        "title": "vel nihil et molestiae iusto assumenda nemo quo ut",
-        "completed": True,
-    },
-    {
-        "userId": 5,
-        "id": 96,
-        "title": "nobis suscipit ducimus enim asperiores voluptas",
-        "completed": False,
-    },
-    {
-        "userId": 5,
-        "id": 97,
-        "title": "dolorum laboriosam eos qui iure aliquam",
-        "completed": False,
-    },
-    {
-        "userId": 5,
-        "id": 98,
-        "title": "debitis accusantium ut quo facilis nihil quis sapiente necessitatibus",
-        "completed": True,
-    },
-    {"userId": 5, "id": 99, "title": "neque voluptates ratione", "completed": False},
-    {
-        "userId": 5,
-        "id": 100,
-        "title": "excepturi a et neque qui expedita vel voluptate",
-        "completed": False,
-    },
-]