From 65def75433c4739c47d6acd4c6af833c5a604503 Mon Sep 17 00:00:00 2001
From: Ro <ro@playvicio.us>
Date: Sun, 13 Jun 2021 14:24:20 -0700
Subject: [PATCH] added api key to settings UI

---
 brain/data/Auth.inc.php        |  1 +
 brain/views/dash/settings.twig |  7 ++++---
 public/assets/css/dash.css     | 13 ++++++++++++-
 src/styles/main/_settings.sass | 12 +++++++++++-
 4 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/brain/data/Auth.inc.php b/brain/data/Auth.inc.php
index b8cb7c3..136e9b0 100644
--- a/brain/data/Auth.inc.php
+++ b/brain/data/Auth.inc.php
@@ -44,6 +44,7 @@ class Auth
           "email" => $found["email"],
           "role" => $found["role"],
           "avatar" => $found["avi"],
+          "key" => $found["key"],
         ];
 
         $token = Token::create(
diff --git a/brain/views/dash/settings.twig b/brain/views/dash/settings.twig
index 3e670aa..90a0168 100644
--- a/brain/views/dash/settings.twig
+++ b/brain/views/dash/settings.twig
@@ -11,7 +11,7 @@
 {% endblock %}
 
 {% block stylesheets %}
-	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adfdf">
+	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=asdfdf">
 	{% endblock %}
 
 	{% block mainContent %}
@@ -58,9 +58,10 @@
 						</div>
 						<div class="columns">
 							<div class="column is-full">
-								<textarea id="settings-desc" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff', autofocus>{{desc}}</textarea>		
+								<textarea id="settings-desc" type='text' name='settings_desc' class='settings-dec' placeholder='description stuff', autofocus>{{desc}}</textarea><br  />
+								<label>YOUR API KEY</label><br  />
+								<span id="key">{{member['key']}}</span>
 							</div>	
-							
 						</div>
 						
 						
diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css
index 6c958ba..12a20c2 100644
--- a/public/assets/css/dash.css
+++ b/public/assets/css/dash.css
@@ -2527,10 +2527,21 @@ svg.icons {
 #settings-index #settings-index-wrapper textarea {
   background: #1D3040;
   width: 93%;
-  height: 128px;
+  height: 80px;
   color: #f5ab35;
   padding: 10px;
   display: inline-block;
+  margin-bottom: 10px;
+}
+#settings-index #settings-index-wrapper span#key {
+  color: #EFEBE3;
+  background: #1D3040;
+  font-size: 0.9em;
+  border-radius: 3px;
+  padding: 5px;
+  display: block;
+  width: 95%;
+  overflow: hidden;
 }
 #settings-index #settings-index-wrapper #option-settings #theme-settings a {
   width: 95%;
diff --git a/src/styles/main/_settings.sass b/src/styles/main/_settings.sass
index 1c351e6..36ac96f 100644
--- a/src/styles/main/_settings.sass
+++ b/src/styles/main/_settings.sass
@@ -129,10 +129,20 @@
         textarea
             background: $primary
             width: 93%
-            height: 128px
+            height: 80px
             color: $tertiary
             padding: 10px
             display: inline-block
+            margin-bottom: 10px
+        span#key
+            color: $white
+            background: $primary
+            font-size: 0.9em
+            border-radius: 3px
+            padding: 5px
+            display: block
+            width: 95%
+            overflow: hidden
 
         #option-settings
             #theme-settings