From af7e0fb84debc00a010b16e5104de9d89e7655c6 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Mon, 11 Jul 2022 17:45:28 +0200
Subject: [PATCH] hop

---
 public/javascripts/multi_account.js |  5 +++++
 public/stylesheets/style.css        | 17 +++++++++++++++++
 routes/index.js                     |  1 +
 views/index.jade                    | 16 ++++++++++++++--
 views/layout.jade                   |  3 ++-
 5 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 public/javascripts/multi_account.js

diff --git a/public/javascripts/multi_account.js b/public/javascripts/multi_account.js
new file mode 100644
index 0000000..3403407
--- /dev/null
+++ b/public/javascripts/multi_account.js
@@ -0,0 +1,5 @@
+function selectAccount(somePseudo){
+    console.log('account selected', somePseudo)
+}
+
+console.log('script loaded')
\ No newline at end of file
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index cfd71fe..9977d7a 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -17,4 +17,21 @@ a {
 select{
   padding:1rem;
   margin: 1em 0;
+}
+
+.wip{
+  color: grey;
+  padding: 1rem;
+  margin-top:1em;
+}
+.wip input{
+  background: grey;
+}
+
+.account__avatar-overlay{
+  border: solid 3px transparent;
+}
+.account__avatar-overlay:hover{
+  cursor:pointer;
+  border: solid 3px grey;
 }
\ No newline at end of file
diff --git a/routes/index.js b/routes/index.js
index 3aaffea..e0f96d7 100644
--- a/routes/index.js
+++ b/routes/index.js
@@ -327,6 +327,7 @@ router.post('/direct-post', function (req, res, next) {
         let visibility = 'public';
         let language = 'fr';
         let sensitive = false;
+
         let accessToken = process.env['TOKEN_' + req.body.author]
         console.log('accessToken', accessToken)
         const masto = new Masto({
diff --git a/views/index.jade b/views/index.jade
index 7b81007..00e3bfb 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -20,10 +20,10 @@ block content
 
     //p=accounts_to_select.length
 
-    select(method="post", name="author", value=bodyReq? bodyReq.author:"")
+    select(method="post", name="author", value=bodyReq? bodyReq.author:"", id="author_select")
       option(value="tykayn")
         span TyKayn
-      option(value="voixdunuc")
+      option(value="voixdunucleaire")
         span voix du nucléaire
       option(value="modominem")
         span modo minem
@@ -40,6 +40,9 @@ block content
         //   option(value=item.label)
         //     span=item.value
     br
+    img.account__avatar-overlay(src="https://mastodon.cipherbliss.com/system/accounts/avatars/000/003/032/original/2bb8b90d21d3fdca.jpg", onclick="selectAccount('qzine')")
+    img.account__avatar-overlay(src="https://mastodon.cipherbliss.com/system/accounts/avatars/000/107/055/original/7dac1a35f1423b94.jpg", onclick="selectAccount('cil_gometz')")
+    img.account__avatar-overlay(src="https://mastodon.cipherbliss.com/system/accounts/avatars/000/002/978/original/b2f2e817572c93e9.png", onclick="selectAccount('meme')")
     div.compose-form__autosuggest-wrapper
       .autosuggest-textarea
         label
@@ -61,3 +64,12 @@ block content
     div.composer--publisher
       //input.button.primary(type="submit", value="ajouter à la file d'attente")
       input.button.primary(type="submit", value="poster tout de suite")
+
+    script.
+      function selectAccount(somePseudo) {
+        console.log('account selected', document.querySelector('#author_select').value)
+        document.querySelector('#author_select').value = somePseudo
+        console.log('account changed', somePseudo)
+      }
+
+      console.log('script loaded')
\ No newline at end of file
diff --git a/views/layout.jade b/views/layout.jade
index 56e5d39..267fdad 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -6,7 +6,8 @@ html
         link(rel='stylesheet', href='https://mastodon.cipherbliss.com/packs/css/flavours/glitch/common-6bdd3298.chunk.css')
         link(rel='stylesheet', href='https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css')
         link(rel='stylesheet', href='/stylesheets/style.css')
-        script(src='https://cdn.jsdelivr.net/npm/flatpickr')
+        //script(src='https://cdn.jsdelivr.net/npm/flatpickr')
+        script(type="text/javascript", src='/javascripts/multi_accounts.js')
     body
         block nav
             div.columns-area__panels__main.with-fab