From c79ada2123bdec008ffc8a103936a6a2016b20fb Mon Sep 17 00:00:00 2001
From: Nikolai Gotzmann <self@ngotzmann.net>
Date: Tue, 20 Feb 2024 20:26:54 +0100
Subject: [PATCH] ISSUE-58| Move profile visiblity (!87)

Move switch profile visibility button to save bar
Rename Save button to save as draft and offer save and publish

Fixes https://git.wtf-eg.de/kompetenzinventar/ki-doku/issues/58

Reviewed-on: https://git.wtf-eg.de/kompetenzinventar/ki-frontend/pulls/87
Reviewed-by: srsh <srsh@noreply.git.wtf-eg.de>
Co-authored-by: Nikolai Gotzmann <self@ngotzmann.net>
Co-committed-by: Nikolai Gotzmann <self@ngotzmann.net>
---
 src/mixins/request.mixin.js |  3 ++-
 src/views/profile/Edit.vue  | 31 ++++++++++---------------------
 2 files changed, 12 insertions(+), 22 deletions(-)

diff --git a/src/mixins/request.mixin.js b/src/mixins/request.mixin.js
index be52b88..14af756 100644
--- a/src/mixins/request.mixin.js
+++ b/src/mixins/request.mixin.js
@@ -95,10 +95,11 @@ export default {
         console.error(error);
       }
     },
-    async submitFormEdit() {
+    async submitFormEdit(isProfileVisible) {
       this.showErrorMessage = false
       this.showSuccessMessage = false
       const userId = store.state.currentUserId
+      this.profile.visible = isProfileVisible;
 
       try {
         const body = JSON.stringify(this.profile)
diff --git a/src/views/profile/Edit.vue b/src/views/profile/Edit.vue
index 091de25..fb70cc0 100644
--- a/src/views/profile/Edit.vue
+++ b/src/views/profile/Edit.vue
@@ -12,25 +12,8 @@ SPDX-License-Identifier: AGPL-3.0-or-later
       </div>
     </div>
     <div class="container">
-      <form @submit.prevent="submitFormEdit()">
+      <form @submit.prevent="submitFormEdit(false)">
         <Section title="Grunddaten">
-          <div class="mb-4">
-            <div class="form-check form-switch">
-              <input
-                class="form-check-input"
-                type="checkbox"
-                role="switch"
-                v-model="profile.visible"
-                id="visibility"
-              >
-              <label
-                class="form-check-label"
-                for="visibility">
-                Profil für angemeldete Benutzer sichtbar
-              </label>
-            </div>
-          </div>
-
           <div class="row mb-4">
             <div class="col-12 col-md-4 mb-3 mb-md-0">
               <label class="form-label">Nickname</label>
@@ -223,10 +206,16 @@ SPDX-License-Identifier: AGPL-3.0-or-later
               Gespeichert
             </div>
             <button
-              class="btn btn-primary ms-3"
-              @click="submitFormEdit()"
+              class="btn btn-secondary ms-3"
+              @click="submitFormEdit(false)"
             >
-              Speichern
+              Entwurf Speichern
+            </button>
+            <button
+              class="btn btn-primary ms-3"
+              @click="submitFormEdit(true)"
+            >
+              Speichern und Veröffentlichen
             </button>
           </div>
         </div>