Add Tags to Game Upload

Author: jabbate19

src/app.py

@@ -40,13 +40,14 @@ def uploadgame():
         icon = flask.request.files['icon']
         title = flask.request.form['title']
         description = flask.request.form['description']
+        tags = flask.request.form['tags']
         author = current_user.id
         file = {
             'game': ("game.zip", game.stream, "application/zip"),
             'banner': ("banner", banner.stream, banner.mimetype),
             'icon': ("icon", icon.stream, icon.mimetype)
         }
-        fields = {'title': title, 'description': description, 'author':author}
+        fields = {'title': title, 'description': description, 'author': author, 'tags': tags}
         r = requests.post(app.config["DEVCADE_API_URI"] + "games/", files=file, data=fields, headers={"frontend_api_key":app.config["FRONTEND_API_KEY"]})
         if r.status_code == 201:
             return flask.redirect('/catalog')
@@ -58,12 +59,13 @@ def uploadpage():
     usergames = []
     try:
         games = requests.get(app.config["DEVCADE_API_URI"] + "games/").json()
+        tags = requests.get(app.config["DEVCADE_API_URI"] + "tags/").json()
         for i in games:
             if i['author'] == current_user.id:
                 usergames.append(i)
     except(Exception):
         print("api offline")
-    return flask.render_template('upload.html', title='Devcade - Upload', gamelist=usergames)
+    return flask.render_template('upload.html', title='Devcade - Upload', gamelist=usergames, tags=tags)
 
 @app.route('/download/<id>')
 def download(id):

src/static/css/devcade.css

@@ -418,3 +418,53 @@ a:hover {
     width: unset;
   }
 }
+
+multi-checkbox {
+  /* Element */
+  --mc-border: 1px solid #000000;
+  --mc-border-radius: 2px;
+  --mc-display: inline-block;
+  --mc-font: 400 0.9em Arial;
+  --mc-vertical-align: middle;
+  /* Dropdown */
+  --mc-dropdown-background: #efefef;
+  --mc-dropdown-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.35);
+  --mc-dropdown-width: 209px;
+  /* Input */
+  --mc-target-background: #efefef;
+  --mc-target-color: #000000;
+  --mc-target-cursor: default;
+  --mc-target-height: 28px;
+  --mc-target-margin: 0;
+  --mc-target-max-height: default;
+  --mc-target-min-height: default;
+  --mc-target-max-width: default;
+  --mc-target-min-width: default;
+  --mc-target-padding: 0px 0px 0px 3px;
+  --mc-target-outline: none;
+  --mc-target-width: 175px;
+  /* Dropdown Line Items */
+  --mc-dropdown-color: #000000;
+  --mc-dropdown-line-height: 2em;
+  --mc-ul-margin: 5px;
+  --mc-ul-padding: 0;
+  /* Toggle Button */
+  --mc-toggle-button-background: #ffffff;
+  --mc-toggle-button-color: #000000;
+  --mc-toggle-button-cursor: pointer;
+  --mc-toggle-button-height: 30px;
+  --mc-toggle-button-outline: none;
+  --mc-toggle-button-width: 30px;
+  /* Close Button */
+  --mc-close-button-background: #efefef;
+  --mc-close-button-border: none;
+  --mc-close-button-border-radius: default;
+  --mc-close-button-color: #000000;
+  --mc-close-button-cursor: pointer;
+  --mc-close-button-display: block;
+  --mc-close-button-height: 30px;
+  --mc-close-button-margin: 5px auto;
+  --mc-close-button-outline: none;
+  --mc-close-button-width: 30px;
+  --fg: #000000;
+}