chg: [front] Usage of Alert
This commit is contained in:
parent
0370ad08a7
commit
76ce0607f7
5 changed files with 6 additions and 18 deletions
|
@ -32,7 +32,7 @@
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<h3 class="text-2xl mt-6 mb-2 font-bold text-blue-500 dark:text-blue-400">
|
<h3 class="text-2xl mt-6 mb-2 font-bold text-blue-500 dark:text-blue-400 uppercase">
|
||||||
<FontAwesomeIcon :icon="faSignal"></FontAwesomeIcon>
|
<FontAwesomeIcon :icon="faSignal"></FontAwesomeIcon>
|
||||||
Live logs
|
Live logs
|
||||||
</h3>
|
</h3>
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
bg-slate-100 border-slate-300 dark:bg-slate-600 dark:border-slate-800
|
bg-slate-100 border-slate-300 dark:bg-slate-600 dark:border-slate-800
|
||||||
">
|
">
|
||||||
|
|
||||||
<h4 class="text-xl mb-2 font-bold text-blue-500 dark:text-blue-400">
|
<h4 class="text-xl mb-2 font-bold text-blue-500 dark:text-blue-400 uppercase">
|
||||||
<FontAwesomeIcon :icon="faUsers"></FontAwesomeIcon>
|
<FontAwesomeIcon :icon="faUsers"></FontAwesomeIcon>
|
||||||
Active Players
|
Active Players
|
||||||
</h4>
|
</h4>
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<h3 class="text-2xl mt-6 mb-2 font-bold text-blue-500 dark:text-blue-400">
|
<h3 class="text-2xl mt-6 mb-2 font-bold text-blue-500 dark:text-blue-400 uppercase">
|
||||||
<FontAwesomeIcon :icon="faGraduationCap"></FontAwesomeIcon>
|
<FontAwesomeIcon :icon="faGraduationCap"></FontAwesomeIcon>
|
||||||
Active Exercises
|
Active Exercises
|
||||||
</h3>
|
</h3>
|
||||||
|
@ -32,15 +32,10 @@
|
||||||
v-if="!hasExercises"
|
v-if="!hasExercises"
|
||||||
class="text-slate-600 dark:text-slate-400 p-3 pl-6"
|
class="text-slate-600 dark:text-slate-400 p-3 pl-6"
|
||||||
>
|
>
|
||||||
<div class="
|
<Alert variant="warning">
|
||||||
p-2 border-l-4 text-left rounded
|
|
||||||
dark:bg-yellow-300 dark:text-slate-900 dark:border-yellow-700
|
|
||||||
bg-yellow-200 text-slate-900 border-yellow-700
|
|
||||||
">
|
|
||||||
<FontAwesomeIcon :icon="faWarning" class="text-yellow-700 text-lg mx-3"></FontAwesomeIcon>
|
|
||||||
<strong class="">No Exercise available.</strong>
|
<strong class="">No Exercise available.</strong>
|
||||||
<span class="ml-1">Select an exercise in the <i class="underline">Admin panel</i>.</span>
|
<span class="ml-1">Select an exercise in the <i class="underline">Admin panel</i>.</span>
|
||||||
</div>
|
</Alert>
|
||||||
|
|
||||||
<ThePlayerGrid></ThePlayerGrid>
|
<ThePlayerGrid></ThePlayerGrid>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -58,13 +58,6 @@ const messages = computed(() => {
|
||||||
:icon="icon"
|
:icon="icon"
|
||||||
:class="`text-${variantClass}-700 text-lg mx-3`"
|
:class="`text-${variantClass}-700 text-lg mx-3`"
|
||||||
></FontAwesomeIcon>
|
></FontAwesomeIcon>
|
||||||
<strong class="mr-2">{{ props.title }}</strong>
|
<slot></slot>
|
||||||
<p
|
|
||||||
class="text-slate-700 p-1 font-light whitespace-pre"
|
|
||||||
v-for="(message, i) in messages"
|
|
||||||
:key="i"
|
|
||||||
>
|
|
||||||
{{ message }}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
Loading…
Reference in a new issue