🐛 Marked all buttons on practice as buttons

This commit is contained in:
Mawoka
2023-07-04 17:34:48 +02:00
parent ec3b95e181
commit 21f0bc0f26
@@ -122,6 +122,7 @@ SPDX-License-Identifier: MPL-2.0
{#each question.answers as answer, i} {#each question.answers as answer, i}
<button <button
disabled={selected_answer !== undefined || timer_res === '0'} disabled={selected_answer !== undefined || timer_res === '0'}
type="button"
class="p-2 rounded-lg flex justify-center w-full transition bg-amber-300 my-5 disabled:grayscale text-black" class="p-2 rounded-lg flex justify-center w-full transition bg-amber-300 my-5 disabled:grayscale text-black"
on:click={() => { on:click={() => {
selected_answer = i; selected_answer = i;
@@ -132,6 +133,7 @@ SPDX-License-Identifier: MPL-2.0
{#if timer_res === '0'} {#if timer_res === '0'}
<button <button
class="bg-orange-500 p-2 rounded-lg flex justify-center w-full transition my-5 text-black" class="bg-orange-500 p-2 rounded-lg flex justify-center w-full transition my-5 text-black"
type="button"
on:click={() => { on:click={() => {
show_results = true; show_results = true;
}}>{$t('admin_page.get_results')}</button }}>{$t('admin_page.get_results')}</button
@@ -173,6 +175,7 @@ SPDX-License-Identifier: MPL-2.0
</div> </div>
<div class="flex justify-center"> <div class="flex justify-center">
<button <button
type="button"
class="w-1/3 text-3xl bg-[#B07156] my-2 disabled:opacity-60 rounded-lg p-1 transition" class="w-1/3 text-3xl bg-[#B07156] my-2 disabled:opacity-60 rounded-lg p-1 transition"
disabled={selected_answer !== undefined} disabled={selected_answer !== undefined}
on:click={() => { on:click={() => {
@@ -187,6 +190,7 @@ SPDX-License-Identifier: MPL-2.0
{:else if question.type === QuizQuestionType.VOTING} {:else if question.type === QuizQuestionType.VOTING}
{#each question.answers as answer, i} {#each question.answers as answer, i}
<button <button
type="button"
disabled={selected_answer !== undefined || timer_res === '0'} disabled={selected_answer !== undefined || timer_res === '0'}
class="p-2 rounded-lg flex justify-center w-full transition bg-amber-300 my-5 disabled:grayscale text-black" class="p-2 rounded-lg flex justify-center w-full transition bg-amber-300 my-5 disabled:grayscale text-black"
on:click={() => { on:click={() => {
@@ -225,6 +229,7 @@ SPDX-License-Identifier: MPL-2.0
</div> </div>
<div class="flex justify-center"> <div class="flex justify-center">
<button <button
type="button"
disabled={!text_input} disabled={!text_input}
class="w-1/3 text-3xl bg-[#B07156] my-2 disabled:opacity-60 rounded-lg p-1 transition" class="w-1/3 text-3xl bg-[#B07156] my-2 disabled:opacity-60 rounded-lg p-1 transition"
on:click={() => { on:click={() => {
@@ -312,6 +317,7 @@ SPDX-License-Identifier: MPL-2.0
<div> <div>
{#each question.answers as answer, i} {#each question.answers as answer, i}
<button <button
type="button"
disabled disabled
class:bg-green-500={question.answers[i].right} class:bg-green-500={question.answers[i].right}
class:bg-red-500={!question.answers[i].right} class:bg-red-500={!question.answers[i].right}
@@ -324,6 +330,7 @@ SPDX-License-Identifier: MPL-2.0
<div> <div>
{#each question.answers as answer, i} {#each question.answers as answer, i}
<button <button
type="button"
disabled={selected_answer !== undefined || timer_res === '0'} disabled={selected_answer !== undefined || timer_res === '0'}
class="p-2 rounded-lg flex justify-center w-full transition bg-amber-300 my-5 disabled:grayscale text-black opacity-50" class="p-2 rounded-lg flex justify-center w-full transition bg-amber-300 my-5 disabled:grayscale text-black opacity-50"
class:opacity-100={check_choice_selected[i]} class:opacity-100={check_choice_selected[i]}
@@ -333,12 +340,14 @@ SPDX-License-Identifier: MPL-2.0
> >
{/each} {/each}
<BrownButton <BrownButton
type="button"
on:click={() => { on:click={() => {
timer_res = '0'; timer_res = '0';
}}>{$t('words.submit')}</BrownButton }}>{$t('words.submit')}</BrownButton
> >
{#if timer_res === '0'} {#if timer_res === '0'}
<button <button
type="button"
class="bg-orange-500 p-2 rounded-lg flex justify-center w-full transition my-5 text-black" class="bg-orange-500 p-2 rounded-lg flex justify-center w-full transition my-5 text-black"
on:click={() => { on:click={() => {
show_results = true; show_results = true;