julien/failwell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (record controls) add icons to controls

Browse Source
This commit is contained in:
Julien Calixte
2023-04-17 23:03:25 +02:00
parent a356185317
commit 036eabcfe3
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/modules/record/components/RecordControls.vue
View File

@@ -96,32 +96,36 @@ whenever(logicAnd(notUsingInput, s), () => {
v-if="record.breakTime" v-if="record.breakTime"
@click="recordStore.resume(taskId)" @click="recordStore.resume(taskId)"
> >
resume <img src="/icons/start.svg" alt="resume" />
</button> </button>
<button <button
class="button is-primary is-light" class="button is-primary is-light"
v-else v-else
@click="recordStore.pause(taskId)" @click="recordStore.pause(taskId)"
> >
pause <img src="/icons/pause.svg" alt="pause" />
</button> </button>
</template> </template>
<template v-if="!record || !record.end"> <template v-if="!record || !record.end">
<button v-if="canStart" @click="startRecording" class="button is-primary"> <button
start v-if="canStart"
@click="startRecording"
class="button is-primary is-light"
>
<img src="/icons/start.svg" alt="start" />
</button> </button>
<button <button
class="button is-primary is-light" class="button is-primary is-light"
v-else-if="!record?.breakTime" v-else-if="!record?.breakTime"
@click="nextStep" @click="nextStep"
> >
next <img src="/icons/next.svg" alt="next" />
</button> </button>
</template> </template>
<button class="button is-warning" @click="recordStore.reset(taskId)"> <button class="button is-warning" @click="recordStore.reset(taskId)">
reset <img src="/icons/recycle.svg" alt="reset" />
</button> </button>
</div> </div>
</template> </template>