diff --git a/aleksis/apps/maka/frontend/components/Empty.vue b/aleksis/apps/maka/frontend/components/Empty.vue index 2c93e3f71898c2b56b8ea6e92828006085233def..cb5f1166884467c5ae8531ffa87e770bdcf78a40 100644 --- a/aleksis/apps/maka/frontend/components/Empty.vue +++ b/aleksis/apps/maka/frontend/components/Empty.vue @@ -1,7 +1,13 @@ +<script setup> +import SharedSecret from "./SharedSecret.vue"; +</script> + <template> - <div class="d-flex justify-center align-center flex-column text-center"> - <h1 class="text-h2">maka</h1> - </div> + <shared-secret> + <div class="d-flex justify-center align-center flex-column text-center"> + <h1 class="text-h2">maka</h1> + </div> + </shared-secret> </template> <script> diff --git a/aleksis/apps/maka/frontend/components/SharedSecret.vue b/aleksis/apps/maka/frontend/components/SharedSecret.vue index 8346cfd086d036c867c8f9f00e8b68a7052fa549..c8497544ffbc1b477915c4a318d2784aff2cb545 100644 --- a/aleksis/apps/maka/frontend/components/SharedSecret.vue +++ b/aleksis/apps/maka/frontend/components/SharedSecret.vue @@ -1,12 +1,14 @@ <template> - <div class="d-flex justify-center align-center flex-column text-center"> + <div> + <slot v-if="sharedSecretStatus" /> + <div class="d-flex justify-center align-center flex-column text-center" v-else> <h1 class="text-h5">{{ $t("maka.shared_secret.enter") }}</h1> <v-text-field v-model="sharedSecret" :loading="loading" type="password"> <template #append> <v-btn :disabled="loading" icon - @click="sendSharedSecret" + @click="submitSharedSecret" > <v-icon color="primary"> mdi-send-outline @@ -14,9 +16,9 @@ </v-btn> </template> </v-text-field> - <div>{{ "shared secret correct: " + sharedSecretStatus }}</div> </div> - </template> + </div> +</template> <script> import { gqlSubmitSharedSecret, gqlSharedSecretStatus } from "./sharedSecret.graphql"; @@ -26,13 +28,12 @@ data() { return { sharedSecret: "", - submitSharedSecretStatus: false, sharedSecretStatus: false, loading: false, }; }, methods: { - sendSharedSecret() { + submitSharedSecret() { this.loading = true; this.$apollo.mutate({ mutation: gqlSubmitSharedSecret, diff --git a/aleksis/apps/maka/frontend/index.js b/aleksis/apps/maka/frontend/index.js index ce6b61c1e5ce5c9339ed55946a888c10503fa1dc..0e3ad23c314df4993d5c2364c86d39697ae74441 100644 --- a/aleksis/apps/maka/frontend/index.js +++ b/aleksis/apps/maka/frontend/index.js @@ -21,16 +21,5 @@ export default { permission: "", }, }, - { - path: "check_shared_secret", - component: () => import("./components/SharedSecret.vue"), - name: "maka.checkSharedSecret", - meta: { - inMenu: true, - titleKey: "maka.shared_secret.title", - icon: "", - permission: "", - }, - }, ], }