Use prettier

This commit is contained in:
Christian Cueni 2022-10-25 10:20:43 +02:00
parent 4626065b7c
commit 4738aa7367
3 changed files with 14 additions and 31 deletions

View File

@ -1,22 +0,0 @@
const pa11y = require("pa11y");
async function runPa11y() {
try {
const results = await pa11y("http://localhost:8000/login?next=/", {
actions: [
"set field #username to admin",
"set field #password to test",
'click element [data-cy="login-button"]',
"wait for path to be /",
"navigate to http://localhost:8000/learn/versicherungsvermittlerin-lp/analyse",
],
});
console.log(results);
// Do something with the results
} catch (error) {
console.log(error);
// Handle the error
}
}
runPa11y();

View File

@ -1,12 +1,12 @@
<template> <template>
<div class="flex flex-col min-h-screen"> <div class="flex flex-col min-h-screen">
<MainNavigationBar class="flex-none"/> <MainNavigationBar class="flex-none" />
<RouterView v-slot="{ Component }" class="flex-auto"> <RouterView v-slot="{ Component }" class="flex-auto">
<Transition mode="out-in" name="app"> <Transition mode="out-in" name="app">
<component :is="Component"></component> <component :is="Component"></component>
</Transition> </Transition>
</RouterView> </RouterView>
<AppFooter class="flex-none"/> <AppFooter class="flex-none" />
</div> </div>
</template> </template>
@ -15,7 +15,7 @@ import * as log from "loglevel";
import AppFooter from "@/components/AppFooter.vue"; import AppFooter from "@/components/AppFooter.vue";
import MainNavigationBar from "@/components/MainNavigationBar.vue"; import MainNavigationBar from "@/components/MainNavigationBar.vue";
import {onMounted} from "vue"; import { onMounted } from "vue";
log.debug("App created"); log.debug("App created");

View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import {useUserStore} from "@/stores/user"; import { useUserStore } from "@/stores/user";
import * as log from "loglevel"; import * as log from "loglevel";
log.debug("CockpitView created"); log.debug("CockpitView created");
@ -17,16 +17,17 @@ const userStore = useUserStore();
<div class="flex flex-col md:flex-row justify-between"> <div class="flex flex-col md:flex-row justify-between">
<div class="bg-white p-6 md:w-[48%] mb-4 md:mb-0"> <div class="bg-white p-6 md:w-[48%] mb-4 md:mb-0">
<h3 class="mb-4">Versicherungsvermittler/in</h3> <h3 class="mb-4">Versicherungsvermittler/in</h3>
<img class="mb-8 block" src="/static/icons/demo/vm-lernpfad.svg"/> <img class="mb-8 block" :src="'/static/icons/demo/vm-lernpfad.svg'" />
<router-link class="btn-blue" to="/learn/versicherungsvermittlerin-lp"> <router-link class="btn-blue" to="/learn/versicherungsvermittlerin-lp">
Weiter geht's Weiter geht's
</router-link> </router-link>
</div> </div>
<div class="bg-white p-6 md:w-[48%]"> <div class="bg-white p-6 md:w-[48%]">
<h3 class="mb-4">Überbetriebliche Kurse</h3> <h3 class="mb-4">Überbetriebliche Kurse</h3>
<img class="mb-8 block" src="/static/icons/demo/uk-lernpfad.svg"/> <img class="mb-8 block" :src="'/static/icons/demo/uk-lernpfad.svg'" />
<button <button
class="bg-green-500 font-semibold py-2 px-4 align-middle inline-block text-blue-900 border-2 border-green-500"> class="bg-green-500 font-semibold py-2 px-4 align-middle inline-block text-blue-900 border-2 border-green-500"
>
Abgeschlossen Abgeschlossen
</button> </button>
</div> </div>
@ -56,11 +57,15 @@ const userStore = useUserStore();
</main> </main>
<aside class="lg:w-[343px] m-8 lg:order-1"> <aside class="lg:w-[343px] m-8 lg:order-1">
<div class="mx-auto text-center pb-6 mb-6 border-b"> <div class="mx-auto text-center pb-6 mb-6 border-b">
<img class="rounded-full inline-block max-w-[150px] mb-4" :src="userStore.avatar_url"/> <img
class="rounded-full inline-block max-w-[150px] mb-4"
:src="userStore.avatar_url"
/>
<div> <div>
<p class="text-bold">{{ userStore.first_name }} {{ userStore.last_name }}</p> <p class="text-bold">{{ userStore.first_name }} {{ userStore.last_name }}</p>
<p class="mb-4">{{ userStore.email }}</p> <p class="mb-4">{{ userStore.email }}</p>
<p>Profil bearbeiten <p>
Profil bearbeiten
<it-icon-pen class="w-4 h-4"></it-icon-pen> <it-icon-pen class="w-4 h-4"></it-icon-pen>
</p> </p>
</div> </div>