create new card with new topic

app.py

@@ -3,6 +3,7 @@
 
 from itertools import groupby  # to handle complex iterations
 import os
+from pydoc_data.topics import topics
 
 import sqlite3
 from webbrowser import get
@@ -71,10 +72,6 @@ def home():
 
         categories[k] = list(cards)
 
-
-
-
-
     for cat, cards in categories.items():  # ♥ .items is a build in attribute of the dictionary(?)
         print(cat)
         for card in cards:
@@ -93,9 +90,12 @@ def create():
     if request.method == 'POST':
         content = request.form['content']
         category_name = request.form['cat']
+        # can this be a category? o be general?
+        topic_tag = request.form['topic_tag']
 
-        #create a new category:
+        # create a new category and topic:
         new_category = request.form['new_category']
+        new_topic = request.form['new_topic']
         # if a new category_category_name is created add it to the table of categories
         if category_name == 'New category' and new_category:
             conn.execute('INSERT INTO categories (category_name) VALUES (?)',
@@ -104,6 +104,16 @@ def create():
             # update category_name to refer to the newly added category
             category_name = new_category
 
+        if topic_tag == 'New topic' and new_topic:
+            conn.execute('INSERT INTO topics (content) VALUES (?)',
+                         (new_topic,))
+            conn.commit()
+            topic_tag = new_topic
+            
+            topic_id = conn.execute('SELECT id FROM topics WHERE content = (?);',
+                                (topic_tag,)).fetchone()['id']
+            conn.execute('INSERT INTO topic_cards (topic_id, card_id) VALUES (?,?)',
+                     (topic_id, cat_id))
 
         if not content:
             flash('plz write a content!')
@@ -111,16 +121,20 @@ def create():
 
         cat_id = conn.execute('SELECT id FROM categories WHERE category_name = (?);',
                               (category_name,)).fetchone()['id']
+        
         conn.execute('INSERT INTO cards (content, category_id) VALUES (?,?)',
                      (content, cat_id))
+        
         conn.commit()
         conn.close()
         return redirect(url_for('home'))
 
-    categories=conn.execute('SELECT category_name FROM categories;').fetchall()
+    categories = conn.execute(
+        'SELECT category_name FROM categories;').fetchall()
+    topics = conn.execute('SELECT content FROM topics;').fetchall()
 
     conn.close()
-    return render_template('create.html', categories=categories)
+    return render_template('create.html', categories=categories, topics=topics)
 
 
 @ app.route('/<int:id>/edit/', methods=('GET', 'POST'))
@@ -131,7 +145,8 @@ def edit(id):
                          FROM cards c JOIN categories cat \
                          ON c.category_id = cat.id WHERE c.id = ?', (id,)).fetchone()
 
-    categories=conn.execute('SELECT category_name FROM categories;').fetchall()
+    categories = conn.execute(
+        'SELECT category_name FROM categories;').fetchall()
 
     if request.method == 'POST':
         content = request.form['content']

templates/create.html

@@ -4,6 +4,8 @@
 <h1>{% block category_name %} Create a New Item {% endblock %}</h1>
 
 <form method="post">
+
+    <!-- {# content #} -->
     <div class="form-group">
         <label for="content">Content</label>
         <input type="text" name="content"
@@ -11,6 +13,8 @@
                value="{{ request.form['content'] }}"></input>
     </div>
 
+
+    <!-- {# category #} -->
     <div class="form-group">
         <label for="cat">category/type</label>
         <select class="form-control" name="cat">
@@ -34,6 +38,36 @@
                 placeholder="New category name" class="form-control"
                 value="{{ request.form['new_category'] }}"></input>
     </div>
+
+
+    <!-- {# topic #} -->
+    <div class="form-group">
+        <label for="topic_tag">topic_tag</label>
+        <select class="form-control" name="topic_tag">
+            <option value="{{ request.form['topic_tag'] }}" selected> --- </option>
+            <option value="New topic">New topic</option>
+            {% for topic in topics %}
+                {% if topic['content'] == request.form['topic_tag'] %}
+                    <option value="{{ request.form['topic_tag'] }}" selected>
+                        {{ request.form['topic_tag'] }}
+                    </option>
+                {% else %}
+                    <option value="{{ topic['content'] }}">
+                        {{ topic['content'] }}
+                    </option>
+                {% endif %}
+            {% endfor %}
+        </select>
+    </div>
+    <div class="form-group">
+        <label for="new_topic">New topic</label>
+        <input type="text" name="new_topic"
+                placeholder="New topic name" class="form-control"
+                value="{{ request.form['new_topic'] }}"></input>
+    </div>
+
+
+
     <div class="form-group">
         <button type="submit" class="btn btn-primary">Submit</button>
     </div>

templates/home.html

@@ -10,17 +10,17 @@
                 {% for card in cards %}
                 <div class="card">
                     <div class="card-header">
-                        <h6>{{ category }}</h6>
+                        <h6 class = "category">{{ category }}</h6>
+
                         
-                        <!-- this part has to be ckecked!!! -->
                         {% if card['topics'] %}
                             {% for topic in card['topics'] %}
-                                <h6 class="badge badge-primary">
+                                <h6 class="topic">
                                     {{ topic['content'] }}
                                 </h6>
                             {% endfor %}
                         {% endif %}
-                        <!-- till here  -->
+                        
                     </div>