djsundog/ffplayout
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix eslint

Browse Source
This commit is contained in:
jb-alvarado 2024-04-16 18:13:28 +02:00
parent c35cb6f178
commit 6c574feda1
23 changed files with 580 additions and 541 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
components/Alert.vue → components/AlertMsg.vue
View File

24
components/ConfigGui.vue
View File

@ -6,19 +6,19 @@
</div> </div>
<form <form
v-if="configStore.configGui && configStore.configGui[configStore.configID]" v-if="configStore.configGui && configStore.configGui[configStore.configID]"
@submit.prevent="onSubmitGui"
class="w-full" class="w-full"
@submit.prevent="onSubmitGui"
> >
<label class="form-control w-full"> <label class="form-control w-full">
<div class="label"> <div class="label">
<span class="label-text">{{ $t('config.name') }}</span> <span class="label-text">{{ $t('config.name') }}</span>
</div> </div>
<input <input
v-model="configStore.configGui[configStore.configID].name"
type="text" type="text"
placeholder="Type here" placeholder="Type here"
class="input input-bordered w-full" class="input input-bordered w-full"
v-model="configStore.configGui[configStore.configID].name" >
/>
</label> </label>
<label class="form-control w-full mt-5"> <label class="form-control w-full mt-5">
@ -26,10 +26,10 @@
<span class="label-text">{{ $t('config.previewUrl') }}</span> <span class="label-text">{{ $t('config.previewUrl') }}</span>
</div> </div>
<input <input
v-model="configStore.configGui[configStore.configID].preview_url"
type="text" type="text"
class="input input-bordered w-full" class="input input-bordered w-full"
v-model="configStore.configGui[configStore.configID].preview_url" >
/>
</label> </label>
<label class="form-control w-full mt-5"> <label class="form-control w-full mt-5">
@ -37,10 +37,10 @@
<span class="label-text">{{ $t('config.configPath') }}</span> <span class="label-text">{{ $t('config.configPath') }}</span>
</div> </div>
<input <input
v-model="configStore.configGui[configStore.configID].config_path"
type="text" type="text"
class="input input-bordered w-full" class="input input-bordered w-full"
v-model="configStore.configGui[configStore.configID].config_path" >
/>
</label> </label>
<label class="form-control w-full mt-5"> <label class="form-control w-full mt-5">
@ -48,10 +48,10 @@
<span class="label-text">{{ $t('config.extensions') }}</span> <span class="label-text">{{ $t('config.extensions') }}</span>
</div> </div>
<input <input
v-model="configStore.configGui[configStore.configID].extra_extensions"
type="text" type="text"
class="input input-bordered w-full" class="input input-bordered w-full"
v-model="configStore.configGui[configStore.configID].extra_extensions" >
/>
</label> </label>
<label class="form-control w-full mt-5"> <label class="form-control w-full mt-5">
@ -59,18 +59,18 @@
<span class="label-text">{{ $t('config.service') }}</span> <span class="label-text">{{ $t('config.service') }}</span>
</div> </div>
<input <input
v-model="configStore.configGui[configStore.configID].service"
type="text" type="text"
class="input input-bordered w-full !bg-base-100" class="input input-bordered w-full !bg-base-100"
v-model="configStore.configGui[configStore.configID].service"
disabled disabled
/> >
</label> </label>
<div class="join my-4"> <div class="join my-4">
<button class="join-item btn btn-primary" type="submit">{{ $t('config.save') }}</button> <button class="join-item btn btn-primary" type="submit">{{ $t('config.save') }}</button>
<button <button
class="join-item btn btn-primary"
v-if="configStore.configGui.length > 1 && configStore.configGui[configStore.configID].id > 1" v-if="configStore.configGui.length > 1 && configStore.configGui[configStore.configID].id > 1"
class="join-item btn btn-primary"
@click="deleteChannel()" @click="deleteChannel()"
> >
{{ $t('config.delete') }} {{ $t('config.delete') }}

41
components/ConfigPlayout.vue
View File

@ -3,14 +3,15 @@
<h2 class="pt-3 text-3xl">{{ $t('config.playoutConf') }}</h2> <h2 class="pt-3 text-3xl">{{ $t('config.playoutConf') }}</h2>
<form <form
v-if="configStore.configPlayout" v-if="configStore.configPlayout"
@submit.prevent="onSubmitPlayout"
class="mt-10 grid md:grid-cols-[180px_auto] gap-5" class="mt-10 grid md:grid-cols-[180px_auto] gap-5"
@submit.prevent="onSubmitPlayout"
> >
<template v-for="(item, key, _) in configStore.configPlayout" :key="key"> <template v-for="(item, key) in configStore.configPlayout" :key="key">
<div class="text-xl pt-3 text-right">{{ setTitle(key.toString()) }}:</div> <div class="text-xl pt-3 text-right">{{ setTitle(key.toString()) }}:</div>
<div class="md:pt-4"> <div class="md:pt-4">
<label <label
v-for="(prop, name) in (item as Record<string, any>)" v-for="(prop, name) in (item as Record<string, any>)"
:key="name"
class="form-control w-full" class="form-control w-full"
:class="[typeof prop === 'boolean' && 'flex-row', name.toString() !== 'help_text' && 'mt-2']" :class="[typeof prop === 'boolean' && 'flex-row', name.toString() !== 'help_text' && 'mt-2']"
> >
@ -22,50 +23,50 @@
</div> </div>
<input <input
v-else-if="name.toString() === 'sender_pass'" v-else-if="name.toString() === 'sender_pass'"
v-model="item[name]"
type="password" type="password"
:placeholder="$t('config.placeholderPass')" :placeholder="$t('config.placeholderPass')"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="item[name]" >
/>
<textarea <textarea
v-else-if="name.toString() === 'output_param' || name.toString() === 'custom_filter'" v-else-if="name.toString() === 'output_param' || name.toString() === 'custom_filter'"
class="textarea textarea-bordered"
v-model="item[name]" v-model="item[name]"
class="textarea textarea-bordered"
rows="3" rows="3"
/> />
<input <input
v-else-if="typeof prop === 'number' && prop % 1 === 0" v-else-if="typeof prop === 'number' && prop % 1 === 0"
v-model="item[name]"
type="number" type="number"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="item[name]" >
/>
<input <input
v-else-if="typeof prop === 'number'" v-else-if="typeof prop === 'number'"
v-model="item[name]"
type="number" type="number"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="item[name]"
step="0.0001" step="0.0001"
style="max-width: 250px" style="max-width: 250px"
/> >
<input <input
v-else-if="typeof prop === 'boolean'" v-else-if="typeof prop === 'boolean'"
v-model="item[name]"
type="checkbox" type="checkbox"
class="checkbox checkbox-sm ms-2 mt-2" class="checkbox checkbox-sm ms-2 mt-2"
v-model="item[name]" >
/>
<input <input
v-else-if="name === 'ignore_lines'" v-else-if="name === 'ignore_lines'"
v-model="formatIgnoreLines"
type="text" type="text"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="formatIgnoreLines" >
/>
<input <input
v-else v-else
type="text"
class="input input-sm input-bordered w-full"
:id="name" :id="name"
v-model="item[name]" v-model="item[name]"
/> type="text"
class="input input-sm input-bordered w-full"
>
</label> </label>
</div> </div>
</template> </template>
@ -75,11 +76,11 @@
</form> </form>
</div> </div>
<Modal <GenericModal
:title="$t('config.restartTile')" :title="$t('config.restartTile')"
:text="$t('config.restartText')" :text="$t('config.restartText')"
:show="showModal" :show="showModal"
:modalAction="restart" :modal-action="restart"
/> />
</template> </template>
@ -102,7 +103,7 @@ const formatIgnoreLines = computed({
}, },
}) })
function setTitle(input: string): String { function setTitle(input: string): string {
switch (input) { switch (input) {
case 'general': case 'general':
return t('config.general') return t('config.general')
@ -131,7 +132,7 @@ function setTitle(input: string): String {
} }
} }
function setHelp(key: string, text: string): String { function setHelp(key: string, text: string): string {
switch (key) { switch (key) {
case 'general': case 'general':
return t('config.generalText') return t('config.generalText')

4
components/ConfigUser.vue
View File

@ -68,7 +68,7 @@
</form> </form>
</div> </div>
<Modal :show="showUserModal" title="Add user" :modal-action="addUser"> <GenericModal :show="showUserModal" title="Add user" :modal-action="addUser">
<div class="w-full max-w-[500px] h-[420px]"> <div class="w-full max-w-[500px] h-[420px]">
<label class="form-control w-full"> <label class="form-control w-full">
<div class="label"> <div class="label">
@ -113,7 +113,7 @@
</label> </label>
</div> </div>
</div> </div>
</Modal> </GenericModal>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

2
components/Modal.vue → components/GenericModal.vue
View File

@ -5,7 +5,7 @@
<div class="flex gap-2"> <div class="flex gap-2">
<div class="font-bold text-lg truncate flex-1 w-0">{{ title }}</div> <div class="font-bold text-lg truncate flex-1 w-0">{{ title }}</div>
<button v-if="hideButtons" class="btn btn-sm w-8 h-8 rounded-full" @click="modalAction(false)"> <button v-if="hideButtons" class="btn btn-sm w-8 h-8 rounded-full" @click="modalAction(false)">
<i class="bi bi-x-lg"></i> <i class="bi bi-x-lg"/>
</button> </button>
</div> </div>

10
components/Menu.vue → components/HeaderMenu.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<div class="navbar bg-base-100 min-h-[52px] p-0 shadow"> <div class="navbar bg-base-100 min-h-[52px] p-0 shadow">
<NuxtLink class="navbar-brand min-w-[46px] p-2" href="/"> <NuxtLink class="navbar-brand min-w-[46px] p-2" href="/">
<img src="~/assets/images/ffplayout-small.png" class="img-fluid" alt="Logo" width="30" height="30" /> <img src="~/assets/images/ffplayout-small.png" class="img-fluid" alt="Logo" width="30" height="30" >
</NuxtLink> </NuxtLink>
<div class="navbar-end w-1/5 grow"> <div class="navbar-end w-1/5 grow">
<label class="swap swap-rotate me-2 md:hidden"> <label class="swap swap-rotate me-2 md:hidden">
<input type="checkbox" @change="toggleDarkTheme" :checked="indexStore.darkMode" /> <input type="checkbox" :checked="indexStore.darkMode" @change="toggleDarkTheme" >
<SvgIcon name="swap-on" classes="w-5 h-5" /> <SvgIcon name="swap-on" classes="w-5 h-5" />
<SvgIcon name="swap-off" classes="w-5 h-5" /> <SvgIcon name="swap-off" classes="w-5 h-5" />
</label> </label>
@ -15,7 +15,7 @@
</div> </div>
<ul class="menu menu-sm dropdown-content mt-1 z-[1] p-2 shadow bg-base-100 rounded-box w-52"> <ul class="menu menu-sm dropdown-content mt-1 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
<li v-for="item in menuItems" :key="item.name" class="bg-base-100 rounded-md"> <li v-for="item in menuItems" :key="item.name" class="bg-base-100 rounded-md">
<NuxtLink :to="item.link" class="h-[27px] text-base" exactActiveClass="is-active"> <NuxtLink :to="item.link" class="h-[27px] text-base" exact-active-class="is-active">
<span> <span>
{{ item.name }} {{ item.name }}
</span> </span>
@ -51,7 +51,7 @@
<NuxtLink <NuxtLink
:to="item.link" :to="item.link"
class="px-2 h-[27px] relative text-base text-base-content" class="px-2 h-[27px] relative text-base text-base-content"
activeClass="is-active" active-class="is-active"
> >
<span> <span>
{{ item.name }} {{ item.name }}
@ -81,7 +81,7 @@
</li> </li>
<li class="p-0"> <li class="p-0">
<label class="swap swap-rotate"> <label class="swap swap-rotate">
<input type="checkbox" @change="toggleDarkTheme" :checked="indexStore.darkMode" /> <input type="checkbox" :checked="indexStore.darkMode" @change="toggleDarkTheme" >
<SvgIcon name="swap-on" classes="w-5 h-5" /> <SvgIcon name="swap-on" classes="w-5 h-5" />
<SvgIcon name="swap-off" classes="w-5 h-5" /> <SvgIcon name="swap-off" classes="w-5 h-5" />
</label> </label>

4
components/MediaBrowser.vue
View File

@ -22,7 +22,7 @@
</div> </div>
<div class="w-full h-[calc(100%-48px)] overflow-auto m-1"> <div class="w-full h-[calc(100%-48px)] overflow-auto m-1">
<div class="flex px-1" v-for="folder in mediaStore.folderTree.folders" :key="folder.uid"> <div v-for="folder in mediaStore.folderTree.folders" :key="folder.uid" class="flex px-1">
<button class="truncate" @click="mediaStore.getTree(`/${mediaStore.folderTree.source}/${folder.name}`)"> <button class="truncate" @click="mediaStore.getTree(`/${mediaStore.folderTree.source}/${folder.name}`)">
<i class="bi-folder-fill" /> <i class="bi-folder-fill" />
{{ folder.name }} {{ folder.name }}
@ -38,9 +38,9 @@
<template #item="{ element, index }"> <template #item="{ element, index }">
<tr <tr
:id="`file-${index}`" :id="`file-${index}`"
:key="element.name"
class="w-full" class="w-full"
:class="{ 'grabbing cursor-grab': width > 768 }" :class="{ 'grabbing cursor-grab': width > 768 }"
:key="element.name"
> >
<td class="ps-1 py-1 w-[20px]"> <td class="ps-1 py-1 w-[20px]">
<i v-if="mediaType(element.name) === 'audio'" class="bi-music-note-beamed" /> <i v-if="mediaType(element.name) === 'audio'" class="bi-music-note-beamed" />

4
components/Control.vue → components/PlayerControl.vue
View File

@ -6,9 +6,9 @@
<div class="w-full h-full p-2"> <div class="w-full h-full p-2">
<video v-if="streamExtension === 'flv'" ref="httpStreamFlv" controls /> <video v-if="streamExtension === 'flv'" ref="httpStreamFlv" controls />
<VideoPlayer <VideoPlayer
class="live-player"
v-else-if="configStore.configGui[configStore.configID]" v-else-if="configStore.configGui[configStore.configID]"
:key="configStore.configID" :key="configStore.configID"
class="live-player"
reference="httpStream" reference="httpStream"
:options="{ :options="{
liveui: true, liveui: true,
@ -70,7 +70,7 @@
class="progress progress-accent w-full" class="progress progress-accent w-full"
:value="playlistStore.progressValue" :value="playlistStore.progressValue"
max="100" max="100"
></progress> />
</div> </div>
</div> </div>
</div> </div>

40
components/PlaylistGenerator.vue
View File

@ -15,9 +15,9 @@
role="tab" role="tab"
class="tab" class="tab"
aria-label="Simple" aria-label="Simple"
@change="advancedGenerator = false"
checked checked
/> @change="advancedGenerator = false"
>
<div role="tabpanel" class="tab-content w-full pt-3"> <div role="tabpanel" class="tab-content w-full pt-3">
<div class="w-full"> <div class="w-full">
<div class="grid"> <div class="grid">
@ -42,9 +42,9 @@
<ul class="h-[475px] border border-my-gray rounded overflow-auto bg-base-300 m-1 py-1"> <ul class="h-[475px] border border-my-gray rounded overflow-auto bg-base-300 m-1 py-1">
<li <li
class="even:bg-base-200 px-2 w-full"
v-for="folder in mediaStore.folderList.folders" v-for="folder in mediaStore.folderList.folders"
:key="folder.uid" :key="folder.uid"
class="even:bg-base-200 px-2 w-full"
> >
<div class="grid grid-cols-[auto_24px]"> <div class="grid grid-cols-[auto_24px]">
<button <button
@ -78,7 +78,7 @@
) )
) )
" "
/> >
</div> </div>
</div> </div>
</li> </li>
@ -93,7 +93,7 @@
class="tab" class="tab"
aria-label="Advanced" aria-label="Advanced"
@change=";(advancedGenerator = true), resetCheckboxes()" @change=";(advancedGenerator = true), resetCheckboxes()"
/> >
<div role="tabpanel" class="tab-content pt-3"> <div role="tabpanel" class="tab-content pt-3">
<div class="w-full"> <div class="w-full">
<div class="grid grid-cols-[auto_48px] px-3 pt-0"> <div class="grid grid-cols-[auto_48px] px-3 pt-0">
@ -121,7 +121,7 @@
title="Add time block" title="Add time block"
@click="addTemplate()" @click="addTemplate()"
> >
<i class="bi bi-folder-plus"></i> <i class="bi bi-folder-plus"/>
</button> </button>
</div> </div>
</div> </div>
@ -140,8 +140,8 @@
<template #item="{ element, index }"> <template #item="{ element, index }">
<li <li
:id="`adv_folder_${index}`" :id="`adv_folder_${index}`"
class="even:bg-base-200 draggable px-2 w-full"
:key="element.uid" :key="element.uid"
class="even:bg-base-200 draggable px-2 w-full"
> >
<button <button
class="w-full truncate text-left" class="w-full truncate text-left"
@ -177,20 +177,20 @@
Start: Start:
</div> </div>
<input <input
v-model="item.start"
type="text" type="text"
class="input input-sm input-bordered join-item px-2 text-center" class="input input-sm input-bordered join-item px-2 text-center"
v-model="item.start" >
/>
<div <div
class="input input-sm input-bordered join-item px-2 text-center bg-base-200" class="input input-sm input-bordered join-item px-2 text-center bg-base-200"
> >
Duration: Duration:
</div> </div>
<input <input
v-model="item.duration"
type="text" type="text"
class="input input-sm input-bordered join-item px-2 text-center" class="input input-sm input-bordered join-item px-2 text-center"
v-model="item.duration" >
/>
<button <button
class="btn btn-sm input-bordered join-item" class="btn btn-sm input-bordered join-item"
:class="item.shuffle ? 'bg-base-100' : 'bg-base-300'" :class="item.shuffle ? 'bg-base-100' : 'bg-base-300'"
@ -212,8 +212,8 @@
<template #item="{ element, index }"> <template #item="{ element, index }">
<li <li
:id="`path_${index}`" :id="`path_${index}`"
class="draggable grabbing py-0 even:bg-base-200 px-2"
:key="index" :key="index"
class="draggable grabbing py-0 even:bg-base-200 px-2"
> >
<i class="bi-folder-fill" /> <i class="bi-folder-fill" />
{{ element.split(/[\\/]+/).pop() }} {{ element.split(/[\\/]+/).pop() }}
@ -243,11 +243,11 @@
<label class="label cursor-pointer w-12"> <label class="label cursor-pointer w-12">
<span class="label-text">All</span> <span class="label-text">All</span>
<input <input
type="checkbox"
v-model="generateFromAll" v-model="generateFromAll"
type="checkbox"
class="checkbox checkbox-xs rounded" class="checkbox checkbox-xs rounded"
@change="resetCheckboxes()" @change="resetCheckboxes()"
/> >
</label> </label>
</div> </div>
<div class="join ms-2"> <div class="join ms-2">
@ -364,11 +364,10 @@ function setSelectedFolder(event: any, folder: string) {
function resetCheckboxes() { function resetCheckboxes() {
selectedFolders.value = [] selectedFolders.value = []
const checkboxes = document.getElementsByClassName('folder-check') const checkboxes = document.getElementsByClassName('folder-check') as HTMLCollectionOf<HTMLInputElement>
if (checkboxes) { if (checkboxes) {
for (const box of checkboxes) { for (const box of checkboxes) {
// @ts-ignore
box.checked = false box.checked = false
} }
} }
@ -401,14 +400,11 @@ function removeTemplate(item: TemplateItem) {
function addTemplate() { function addTemplate() {
const last = template.value.sources[template.value.sources.length - 1] const last = template.value.sources[template.value.sources.length - 1]
// @ts-ignore let start = $dayjs('2000-01-01T00:00:00')
let start = $dayjs('00:00:00', 'HH:mm:ss')
if (last) { if (last) {
// @ts-ignore const t = $dayjs(`2000-01-01T${last.duration}`)
const t = $dayjs(last.duration, 'HH:mm:ss') start = $dayjs(`2000-01-01T${last.start}`).add(t.hour(), 'hour').add(t.minute(), 'minute').add(t.second(), 'second')
// @ts-ignore
start = $dayjs(last.start, 'HH:mm:ss').add(t.hour(), 'hour').add(t.minute(), 'minute').add(t.second(), 'second')
} }
template.value.sources.push({ template.value.sources.push({

4
components/PlaylistTable.vue
View File

@ -65,6 +65,7 @@
<template #item="{ element, index }"> <template #item="{ element, index }">
<tr <tr
:id="`clip-${index}`" :id="`clip-${index}`"
:key="element.uid"
class="draggable border-t border-b border-base-content/20 duration-1000 transition-all" class="draggable border-t border-b border-base-content/20 duration-1000 transition-all"
:class="{ :class="{
'!bg-lime-500/30': '!bg-lime-500/30':
@ -72,7 +73,6 @@
listDate === todayDate && listDate === todayDate &&
index === playlistStore.currentClipIndex, index === playlistStore.currentClipIndex,
}" }"
:key="element.uid"
> >
<td class="ps-4 py-2 text-left">{{ secondsToTime(element.begin) }}</td> <td class="ps-4 py-2 text-left">{{ secondsToTime(element.begin) }}</td>
<td class="py-2 text-left truncate" :class="{ 'grabbing cursor-grab': width > 768 }"> <td class="py-2 text-left truncate" :class="{ 'grabbing cursor-grab': width > 768 }">
@ -96,7 +96,7 @@
type="checkbox" type="checkbox"
:checked="element.category && element.category === 'advertisement' ? true : false" :checked="element.category && element.category === 'advertisement' ? true : false"
@change="setCategory($event, element)" @change="setCategory($event, element)"
/> >
</td> </td>
<td class="py-2 text-center hover:text-base-content/70"> <td class="py-2 text-center hover:text-base-content/70">
<button @click="editItem(index)"> <button @click="editItem(index)">

4
components/SystemStats.vue
View File

@ -3,7 +3,7 @@
<div class="p-4 bg-base-100"> <div class="p-4 bg-base-100">
<span class="text-3xl">{{ sysStat.system.name }} {{ sysStat.system.version }}</span> <span class="text-3xl">{{ sysStat.system.name }} {{ sysStat.system.version }}</span>
<span v-if="sysStat.system.kernel"> <span v-if="sysStat.system.kernel">
<br /> <br >
{{ sysStat.system.kernel }} {{ sysStat.system.kernel }}
</span> </span>
</div> </div>
@ -57,7 +57,7 @@
<div class="text-xl">{{ $t('system.storage') }}</div> <div class="text-xl">{{ $t('system.storage') }}</div>
<div v-if="sysStat.storage"><strong>{{ $t('system.device') }}:</strong> {{ sysStat.storage?.path }}</div> <div v-if="sysStat.storage"><strong>{{ $t('system.device') }}:</strong> {{ sysStat.storage?.path }}</div>
<div class="grid grid-cols-2" v-if="sysStat.storage"> <div v-if="sysStat.storage" class="grid grid-cols-2">
<div><strong>{{ $t('system.size') }}:</strong> {{ fileSize(sysStat.storage?.total) }}</div> <div><strong>{{ $t('system.size') }}:</strong> {{ fileSize(sysStat.storage?.total) }}</div>
<div><strong>{{ $t('system.used') }}:</strong> {{ fileSize(sysStat.storage?.used) }}</div> <div><strong>{{ $t('system.used') }}:</strong> {{ fileSize(sysStat.storage?.used) }}</div>
</div> </div>

5
error.vue
View File

@ -22,7 +22,10 @@ import type { NuxtError } from '#app'
const localePath = useLocalePath() const localePath = useLocalePath()
const props = defineProps({ const props = defineProps({
error: Object as () => NuxtError, error: {
type: Object,
default: {} as NuxtError,
},
}) })
onMounted(() => { onMounted(() => {

18
eslint.config.mjs
View File

@ -1,6 +1,20 @@
// @ts-check
import withNuxt from './.nuxt/eslint.config.mjs' import withNuxt from './.nuxt/eslint.config.mjs'
export default withNuxt( export default withNuxt(
// Your custom configs here // your custom flat configs go here, for example:
// {
// files: ['**/*.ts', '**/*.tsx'],
// rules: {
// 'no-console': 'off' // allow console.log in TypeScript files
// }
// },
// {
// ...
// }
{
rules: {
"@typescript-eslint/no-explicit-any": "off",
"vue/no-v-html": "off",
},
}
) )

4
layouts/default.vue
View File

@ -1,14 +1,14 @@
<template> <template>
<div class="min-h-screen bg-base-200"> <div class="min-h-screen bg-base-200">
<div v-if="authStore.isLogin && !String(route.name).includes('index')" class="sticky top-0 z-10"> <div v-if="authStore.isLogin && !String(route.name).includes('index')" class="sticky top-0 z-10">
<Menu /> <HeaderMenu />
</div> </div>
<main :class="authStore.isLogin && !String(route.name).includes('index') ? 'h-[calc(100%-52px)]' : 'h-full'"> <main :class="authStore.isLogin && !String(route.name).includes('index') ? 'h-[calc(100%-52px)]' : 'h-full'">
<slot /> <slot />
</main> </main>
<Alert /> <AlertMsg />
</div> </div>
</template> </template>

2
middleware/auth.global.ts
View File

@ -1,4 +1,4 @@
export default defineNuxtRouteMiddleware((to, from) => { export default defineNuxtRouteMiddleware((to) => {
const auth = useAuth() const auth = useAuth()
const localePath = useLocalePath() const localePath = useLocalePath()

12
pages/index.vue
View File

@ -26,8 +26,8 @@
{{ $t('button.logout') }} {{ $t('button.logout') }}
</button> </button>
<select <select
class="select select-primary select-bordered join-item max-w-xs ps-2"
v-model="selectedLang" v-model="selectedLang"
class="select select-primary select-bordered join-item max-w-xs ps-2"
@change="changeLang(selectedLang)" @change="changeLang(selectedLang)"
> >
<option v-for="(loc, index) in locales" :key="index" :value="/* @ts-ignore */ loc.code"> <option v-for="(loc, index) in locales" :key="index" :value="/* @ts-ignore */ loc.code">
@ -38,7 +38,7 @@
</option> </option>
</select> </select>
<label class="join-item btn btn-primary swap swap-rotate me-2"> <label class="join-item btn btn-primary swap swap-rotate me-2">
<input type="checkbox" @change="toggleDarkTheme" :checked="indexStore.darkMode" /> <input type="checkbox" :checked="indexStore.darkMode" @change="toggleDarkTheme" >
<SvgIcon name="swap-on" classes="w-5 h-5" /> <SvgIcon name="swap-on" classes="w-5 h-5" />
<SvgIcon name="swap-off" classes="w-5 h-5" /> <SvgIcon name="swap-off" classes="w-5 h-5" />
</label> </label>
@ -49,20 +49,20 @@
<form class="mt-10" @submit.prevent="login"> <form class="mt-10" @submit.prevent="login">
<input <input
type="text"
v-model="formUsername" v-model="formUsername"
type="text"
:placeholder="$t('input.username')" :placeholder="$t('input.username')"
class="input input-bordered w-full" class="input input-bordered w-full"
required required
/> >
<input <input
type="password"
v-model="formPassword" v-model="formPassword"
type="password"
:placeholder="$t('input.password')" :placeholder="$t('input.password')"
class="input input-bordered w-full mt-5" class="input input-bordered w-full mt-5"
required required
/> >
<div class="w-full mt-4 grid grid-flow-row-dense grid-cols-12 grid-rows-1 gap-2"> <div class="w-full mt-4 grid grid-flow-row-dense grid-cols-12 grid-rows-1 gap-2">
<div class="col-span-3"> <div class="col-span-3">

2
pages/logging.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<div>
<div class="flex justify-end p-3 h-14"> <div class="flex justify-end p-3 h-14">
<div> <div>
<VueDatePicker <VueDatePicker
@ -19,6 +20,7 @@
<div class="px-3 inline-block h-[calc(100vh-140px)] text-[13px]"> <div class="px-3 inline-block h-[calc(100vh-140px)] text-[13px]">
<div class="bg-base-300 whitespace-pre h-full font-mono overflow-auto p-3" v-html="formatLog(currentLog)" /> <div class="bg-base-300 whitespace-pre h-full font-mono overflow-auto p-3" v-html="formatLog(currentLog)" />
</div> </div>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

101
pages/media.vue
View File

@ -1,13 +1,14 @@
<template> <template>
<div>
<div class="h-[calc(100vh-140px)] px-2"> <div class="h-[calc(100vh-140px)] px-2">
<nav class="text-sm breadcrumbs px-3"> <nav class="text-sm breadcrumbs px-3">
<ul v-on:dragover.prevent> <ul @dragover.prevent>
<li <li
v-for="(crumb, index) in mediaStore.crumbs" v-for="(crumb, index) in mediaStore.crumbs"
:key="index" :key="index"
v-on:drop="handleDrop($event, crumb.path, null)" @drop="handleDrop($event, crumb.path, null)"
v-on:dragover="handleDragOver" @dragover="handleDragOver"
v-on:dragleave="handleDragLeave" @dragleave="handleDragLeave"
> >
<button <button
v-if="mediaStore.crumbs.length > 1 && mediaStore.crumbs.length - 1 > index" v-if="mediaStore.crumbs.length > 1 && mediaStore.crumbs.length - 1 > index"
@ -23,7 +24,7 @@
<div class="relative h-[calc(100%-34px)] min-h-[300px] bg-base-100"> <div class="relative h-[calc(100%-34px)] min-h-[300px] bg-base-100">
<div v-if="mediaStore.isLoading" class="w-full h-full absolute z-10 flex justify-center bg-base-100/70"> <div v-if="mediaStore.isLoading" class="w-full h-full absolute z-10 flex justify-center bg-base-100/70">
<span class="loading loading-spinner loading-lg"></span> <span class="loading loading-spinner loading-lg" />
</div> </div>
<splitpanes :horizontal="horizontal" class="border border-my-gray rounded shadow"> <splitpanes :horizontal="horizontal" class="border border-my-gray rounded shadow">
<pane <pane
@ -33,20 +34,26 @@
class="h-full pb-1 !bg-base-300" class="h-full pb-1 !bg-base-300"
:class="horizontal ? 'rounded-t' : 'rounded-s'" :class="horizontal ? 'rounded-t' : 'rounded-s'"
> >
<ul v-if="mediaStore.folderTree.parent" class="overflow-auto h-full m-1" v-on:dragover.prevent> <ul v-if="mediaStore.folderTree.parent" class="overflow-auto h-full m-1" @dragover.prevent>
<template v-if="mediaStore.folderTree.parent_folders.length > 0">
<li <li
v-if="mediaStore.folderTree.parent_folders.length > 0"
v-for="folder in mediaStore.folderTree.parent_folders" v-for="folder in mediaStore.folderTree.parent_folders"
class="grid grid-cols-[auto_28px] gap-1 px-2"
:class="filename(mediaStore.folderTree.source) === folder.name && 'bg-base-300 rounded'"
:key="folder.uid" :key="folder.uid"
v-on:drop="handleDrop($event, folder, true)" class="grid grid-cols-[auto_28px] gap-1 px-2"
v-on:dragover="handleDragOver" :class="
v-on:dragleave="handleDragLeave" filename(mediaStore.folderTree.source) === folder.name && 'bg-base-300 rounded'
"
@drop="handleDrop($event, folder, true)"
@dragover="handleDragOver"
@dragleave="handleDragLeave"
> >
<button <button
class="truncate text-left" class="truncate text-left"
@click="mediaStore.getTree(`/${parent(mediaStore.folderTree.source)}/${folder.name}`)" @click="
mediaStore.getTree(
`/${parent(mediaStore.folderTree.source)}/${folder.name}`
)
"
> >
<i class="bi-folder-fill" /> <i class="bi-folder-fill" />
{{ folder.name }} {{ folder.name }}
@ -55,15 +62,16 @@
class="w-7 opacity-30 hover:opacity-100" class="w-7 opacity-30 hover:opacity-100"
@click=" @click="
;(showDeleteModal = true), ;(showDeleteModal = true),
(deleteName = `/${parent(mediaStore.folderTree.source)}/${folder.name}`.replace( (deleteName = `/${parent(mediaStore.folderTree.source)}/${
/\/[/]+/g, folder.name
'/' }`.replace(/\/[/]+/g, '/'))
))
" "
> >
<i class="bi-x-circle-fill" /> <i class="bi-x-circle-fill" />
</button> </button>
</li> </li>
</template>
<li v-else class="px-2"> <li v-else class="px-2">
<div class="truncate text-left"> <div class="truncate text-left">
<i class="bi-folder-fill" /> <i class="bi-folder-fill" />
@ -73,14 +81,14 @@
</ul> </ul>
</pane> </pane>
<pane class="h-full pb-1 !bg-base-300" :class="horizontal ? 'rounded-b' : 'rounded-e'"> <pane class="h-full pb-1 !bg-base-300" :class="horizontal ? 'rounded-b' : 'rounded-e'">
<ul v-if="mediaStore.folderTree.parent" class="h-full overflow-auto m-1" v-on:dragover.prevent> <ul v-if="mediaStore.folderTree.parent" class="h-full overflow-auto m-1" @dragover.prevent>
<li <li
class="grid grid-cols-[auto_28px] px-2 gap-1"
v-for="folder in mediaStore.folderTree.folders" v-for="folder in mediaStore.folderTree.folders"
:key="folder.uid" :key="folder.uid"
v-on:drop="handleDrop($event, folder, false)" class="grid grid-cols-[auto_28px] px-2 gap-1"
v-on:dragover="handleDragOver" @drop="handleDrop($event, folder, false)"
v-on:dragleave="handleDragLeave" @dragover="handleDragOver"
@dragleave="handleDragLeave"
> >
<button <button
class="truncate text-left" class="truncate text-left"
@ -105,10 +113,10 @@
<li <li
v-for="(element, index) in mediaStore.folderTree.files" v-for="(element, index) in mediaStore.folderTree.files"
:id="`file_${index}`" :id="`file_${index}`"
class="grid grid-cols-[auto_166px] px-2"
:key="element.name" :key="element.name"
class="grid grid-cols-[auto_166px] px-2"
draggable="true" draggable="true"
v-on:dragstart="handleDragStart($event, element)" @dragstart="handleDragStart($event, element)"
> >
<div class="truncate cursor-grab"> <div class="truncate cursor-grab">
<i v-if="mediaType(element.name) === 'audio'" class="bi-music-note-beamed" /> <i v-if="mediaType(element.name) === 'audio'" class="bi-music-note-beamed" />
@ -119,7 +127,10 @@
{{ element.name }} {{ element.name }}
</div> </div>
<div> <div>
<button class="w-7" @click=";(showPreviewModal = true), setPreviewData(element.name)"> <button
class="w-7"
@click=";(showPreviewModal = true), setPreviewData(element.name)"
>
<i class="bi-play-fill" /> <i class="bi-play-fill" />
</button> </button>
@ -144,7 +155,8 @@
class="w-7 opacity-30 hover:opacity-100" class="w-7 opacity-30 hover:opacity-100"
@click=" @click="
;(showDeleteModal = true), ;(showDeleteModal = true),
(deleteName = `/${mediaStore.folderTree.source}/${element.name}`.replace( (deleteName =
`/${mediaStore.folderTree.source}/${element.name}`.replace(
/\/[/]+/g, /\/[/]+/g,
'/' '/'
)) ))
@ -179,48 +191,52 @@
</div> </div>
</div> </div>
<Modal <GenericModal
:show="showDeleteModal" :show="showDeleteModal"
:title="$t('media.deleteTitle')" :title="$t('media.deleteTitle')"
:text="`${$t('media.deleteQuestion')}:<br /><strong>${deleteName}</strong>`" :text="`${$t('media.deleteQuestion')}:<br /><strong>${deleteName}</strong>`"
:modal-action="deleteFileOrFolder" :modal-action="deleteFileOrFolder"
/> />
<Modal :show="showPreviewModal" :title="`${$t('media.preview')}: ${previewName}`" :modal-action="closePlayer"> <GenericModal
:show="showPreviewModal"
:title="`${$t('media.preview')}: ${previewName}`"
:modal-action="closePlayer"
>
<div class="w-[1024px] max-w-full aspect-video"> <div class="w-[1024px] max-w-full aspect-video">
<VideoPlayer v-if="isVideo && previewOpt" reference="previewPlayer" :options="previewOpt" /> <VideoPlayer v-if="isVideo && previewOpt" reference="previewPlayer" :options="previewOpt" />
<img v-else :src="previewUrl" class="img-fluid" :alt="previewName" /> <img v-else :src="previewUrl" class="img-fluid" :alt="previewName" >
</div> </div>
</Modal> </GenericModal>
<Modal :show="showRenameModal" :title="$t('media.rename')" :modal-action="renameFile"> <GenericModal :show="showRenameModal" :title="$t('media.rename')" :modal-action="renameFile">
<label class="form-control w-full max-w-md"> <label class="form-control w-full max-w-md">
<div class="label"> <div class="label">
<span class="label-text">{{ $t('media.newFile') }}</span> <span class="label-text">{{ $t('media.newFile') }}</span>
</div> </div>
<input type="text" class="input input-bordered w-full" v-model="renameNewName" /> <input v-model="renameNewName" type="text" class="input input-bordered w-full" >
</label> </label>
</Modal> </GenericModal>
<Modal :show="showCreateModal" :title="$t('media.createFolder')" :modal-action="createFolder"> <GenericModal :show="showCreateModal" :title="$t('media.createFolder')" :modal-action="createFolder">
<label class="form-control w-full max-w-md"> <label class="form-control w-full max-w-md">
<div class="label"> <div class="label">
<span class="label-text">{{ $t('media.foldername') }}</span> <span class="label-text">{{ $t('media.foldername') }}</span>
</div> </div>
<input type="text" class="input input-bordered w-full" v-model="folderName.name" /> <input v-model="folderName.name" type="text" class="input input-bordered w-full" >
</label> </label>
</Modal> </GenericModal>
<Modal :show="showUploadModal" :title="$t('media.upload')" :modal-action="uploadFiles"> <GenericModal :show="showUploadModal" :title="$t('media.upload')" :modal-action="uploadFiles">
<div class="w-[700px] max-w-full"> <div class="w-[700px] max-w-full">
<input <input
ref="fileInputName"
type="file" type="file"
class="file-input file-input-bordered w-full" class="file-input file-input-bordered w-full"
ref="fileInputName"
:accept="extensions" :accept="extensions"
v-on:change="onFileChange"
multiple multiple
/> @change="onFileChange"
>
<label class="form-control w-full mt-3"> <label class="form-control w-full mt-3">
<div class="label"> <div class="label">
@ -241,10 +257,11 @@
<div class="label"> <div class="label">
<span class="label-text">{{ $t('media.uploading') }}:</span> <span class="label-text">{{ $t('media.uploading') }}:</span>
</div> </div>
<input type="text" class="input input-sm input-bordered w-full" v-model="uploadTask" disabled /> <input v-model="uploadTask" type="text" class="input input-sm input-bordered w-full" disabled >
</label> </label>
</div> </div>
</Modal> </GenericModal>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

66
pages/message.vue
View File

@ -1,14 +1,15 @@
<template> <template>
<div>
<div class="flex flex-col items-center pt-10 px-8"> <div class="flex flex-col items-center pt-10 px-8">
<div class="mt-2 w-full max-w-4xl"> <div class="mt-2 w-full max-w-4xl">
<div class="flex flex-col xs:flex-row w-full gap-4"> <div class="flex flex-col xs:flex-row w-full gap-4">
<div class="grow xs:max-w-72"> <div class="grow xs:max-w-72">
<select <select
class="select select-sm select-bordered w-full"
v-model="selected" v-model="selected"
class="select select-sm select-bordered w-full"
@change="onChange($event)" @change="onChange($event)"
> >
<option v-for="item in presets">{{ item.name }}</option> <option v-for="item in presets" :key="item.name">{{ item.name }}</option>
</select> </select>
</div> </div>
<div class="join"> <div class="join">
@ -36,10 +37,10 @@
</div> </div>
</div> </div>
<form @submit.prevent="submitMessage" class="my-6 w-full"> <form class="my-6 w-full" @submit.prevent="submitMessage">
<textarea <textarea
class="textarea textarea-bordered w-full"
v-model="form.text" v-model="form.text"
class="textarea textarea-bordered w-full"
rows="4" rows="4"
:placeholder="$t('message.placeholder')" :placeholder="$t('message.placeholder')"
/> />
@ -52,12 +53,12 @@
<span class="label-text">{{ $t('message.xAxis') }}</span> <span class="label-text">{{ $t('message.xAxis') }}</span>
</div> </div>
<input <input
class="input input-sm input-bordered w-full"
v-model="form.x" v-model="form.x"
class="input input-sm input-bordered w-full"
type="text" type="text"
placeholder="X" placeholder="X"
required required
/> >
</label> </label>
</div> </div>
@ -67,12 +68,12 @@
<span class="label-text">{{ $t('message.yAxis') }}</span> <span class="label-text">{{ $t('message.yAxis') }}</span>
</div> </div>
<input <input
class="input input-sm input-bordered w-full"
v-model="form.y" v-model="form.y"
class="input input-sm input-bordered w-full"
type="text" type="text"
placeholder="Y" placeholder="Y"
required required
/> >
</label> </label>
</div> </div>
</div> </div>
@ -81,7 +82,11 @@
<div class="form-control"> <div class="form-control">
<label class="label cursor-pointer p-0"> <label class="label cursor-pointer p-0">
<span class="label-text">{{ $t('message.showBox') }}</span> <span class="label-text">{{ $t('message.showBox') }}</span>
<input type="checkbox" v-model="form.showBox" class="checkbox checkbox-xs rounded-sm" /> <input
v-model="form.showBox"
type="checkbox"
class="checkbox checkbox-xs rounded-sm"
>
</label> </label>
</div> </div>
@ -90,11 +95,11 @@
<span class="label-text">{{ $t('message.boxColor') }}</span> <span class="label-text">{{ $t('message.boxColor') }}</span>
</div> </div>
<input <input
v-model="form.boxColor"
type="color" type="color"
class="input input-sm input-bordered w-full p-1" class="input input-sm input-bordered w-full p-1"
v-model="form.boxColor"
required required
/> >
</label> </label>
</div> </div>
<label class="form-control w-full xs:mt-[68px]"> <label class="form-control w-full xs:mt-[68px]">
@ -102,14 +107,14 @@
<span class="label-text">{{ $t('message.boxAlpha') }}</span> <span class="label-text">{{ $t('message.boxAlpha') }}</span>
</div> </div>
<input <input
v-model="form.boxAlpha"
type="number" type="number"
min="0" min="0"
max="1" max="1"
step="0.01" step="0.01"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="form.boxAlpha"
required required
/> >
</label> </label>
</div> </div>
<div class="grid xs:grid-cols-[150px_150px_auto] gap-4 mt-2"> <div class="grid xs:grid-cols-[150px_150px_auto] gap-4 mt-2">
@ -119,11 +124,11 @@
<span class="label-text">{{ $t('message.size') }}</span> <span class="label-text">{{ $t('message.size') }}</span>
</div> </div>
<input <input
v-model="form.fontSize"
type="number" type="number"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="form.fontSize"
required required
/> >
</label> </label>
<label class="form-control w-full mt-2"> <label class="form-control w-full mt-2">
@ -131,11 +136,11 @@
<span class="label-text">{{ $t('message.fontColor') }}</span> <span class="label-text">{{ $t('message.fontColor') }}</span>
</div> </div>
<input <input
v-model="form.fontColor"
type="color" type="color"
class="input input-sm input-bordered w-full p-1" class="input input-sm input-bordered w-full p-1"
v-model="form.fontColor"
required required
/> >
</label> </label>
</div> </div>
<div> <div>
@ -144,25 +149,25 @@
<span class="label-text">{{ $t('message.spacing') }}</span> <span class="label-text">{{ $t('message.spacing') }}</span>
</div> </div>
<input <input
v-model="form.fontSpacing"
type="number" type="number"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="form.fontSpacing"
required required
/> >
</label> </label>
<label class="form-control w-full mt-2"> <label class="form-control w-full mt-2">
<div class="label"> <div class="label">
<span class="label-text">{{ $t('message.fontAlpha') }}</span> <span class="label-text">{{ $t('message.fontAlpha') }}</span>
</div> </div>
<input <input
v-model="form.fontAlpha"
type="number" type="number"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="form.fontAlpha"
min="0" min="0"
max="1" max="1"
step="0.01" step="0.01"
required required
/> >
</label> </label>
</div> </div>
@ -172,22 +177,22 @@
<span class="label-text">{{ $t('message.overallAlpha') }}</span> <span class="label-text">{{ $t('message.overallAlpha') }}</span>
</div> </div>
<input <input
v-model="form.overallAlpha"
type="text" type="text"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="form.overallAlpha"
required required
/> >
</label> </label>
<label class="form-control w-full xs:max-w-[150px] mt-2"> <label class="form-control w-full xs:max-w-[150px] mt-2">
<div class="label"> <div class="label">
<span class="label-text">{{ $t('message.borderWidth') }}</span> <span class="label-text">{{ $t('message.borderWidth') }}</span>
</div> </div>
<input <input
v-model="form.border"
type="number" type="number"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model="form.border"
required required
/> >
</label> </label>
</div> </div>
</div> </div>
@ -199,21 +204,22 @@
</div> </div>
</div> </div>
<Modal :show="showCreateModal" :title="$t('message.newPreset')" :modalAction="createNewPreset"> <GenericModal :show="showCreateModal" :title="$t('message.newPreset')" :modal-action="createNewPreset">
<label class="form-control w-full"> <label class="form-control w-full">
<div class="label"> <div class="label">
<span class="label-text">{{ $t('message.name') }}</span> <span class="label-text">{{ $t('message.name') }}</span>
</div> </div>
<input type="text" class="input input-bordered w-full" v-model="newPresetName" /> <input v-model="newPresetName" type="text" class="input input-bordered w-full" >
</label> </label>
</Modal> </GenericModal>
<Modal <GenericModal
:show="showDeleteModal" :show="showDeleteModal"
:title="$t('message.delPreset')" :title="$t('message.delPreset')"
:text="`${$t('message.delText')}: <strong> ${selected}</strong>?`" :text="`${$t('message.delText')}: <strong> ${selected}</strong>?`"
:modalAction="deletePreset" :modal-action="deletePreset"
/> />
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

46
pages/player.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="h-full"> <div class="h-full">
<Control /> <PlayerControl />
<div class="flex justify-end p-1"> <div class="flex justify-end p-1">
<div> <div>
<VueDatePicker <VueDatePicker
@ -91,7 +91,7 @@
</button> </button>
</div> </div>
<Modal <GenericModal
:show="showPreviewModal" :show="showPreviewModal"
:title="`Preview: ${previewName}`" :title="`Preview: ${previewName}`"
:hide-buttons="true" :hide-buttons="true"
@ -99,24 +99,24 @@
> >
<div class="w-[1024px] max-w-full aspect-video"> <div class="w-[1024px] max-w-full aspect-video">
<VideoPlayer v-if="isVideo && previewOpt" reference="previewPlayer" :options="previewOpt" /> <VideoPlayer v-if="isVideo && previewOpt" reference="previewPlayer" :options="previewOpt" />
<img v-else :src="previewUrl" class="img-fluid" :alt="previewName" /> <img v-else :src="previewUrl" class="img-fluid" :alt="previewName" >
</div> </div>
</Modal> </GenericModal>
<Modal :show="showSourceModal" title="Add/Edit Source" :modal-action="processSource"> <GenericModal :show="showSourceModal" title="Add/Edit Source" :modal-action="processSource">
<div> <div>
<label class="form-control w-full mt-3"> <label class="form-control w-full mt-3">
<div class="label"> <div class="label">
<span class="label-text">In</span> <span class="label-text">In</span>
</div> </div>
<input type="number" class="input input-sm input-bordered w-full" v-model.number="newSource.in" /> <input v-model.number="newSource.in" type="number" class="input input-sm input-bordered w-full" >
</label> </label>
<label class="form-control w-full mt-3"> <label class="form-control w-full mt-3">
<div class="label"> <div class="label">
<span class="label-text">Out</span> <span class="label-text">Out</span>
</div> </div>
<input type="number" class="input input-sm input-bordered w-full" v-model.number="newSource.out" /> <input v-model.number="newSource.out" type="number" class="input input-sm input-bordered w-full" >
</label> </label>
<label class="form-control w-full mt-3"> <label class="form-control w-full mt-3">
@ -124,60 +124,60 @@
<span class="label-text">Duration</span> <span class="label-text">Duration</span>
</div> </div>
<input <input
v-model.number="newSource.duration"
type="number" type="number"
class="input input-sm input-bordered w-full" class="input input-sm input-bordered w-full"
v-model.number="newSource.duration" >
/>
</label> </label>
<label class="form-control w-full mt-3"> <label class="form-control w-full mt-3">
<div class="label"> <div class="label">
<span class="label-text">Source</span> <span class="label-text">Source</span>
</div> </div>
<input type="text" class="input input-sm input-bordered w-full" v-model="newSource.source" /> <input v-model="newSource.source" type="text" class="input input-sm input-bordered w-full" >
</label> </label>
<label class="form-control w-full mt-3"> <label class="form-control w-full mt-3">
<div class="label"> <div class="label">
<span class="label-text">Audio</span> <span class="label-text">Audio</span>
</div> </div>
<input type="text" class="input input-sm input-bordered w-full" v-model="newSource.audio" /> <input v-model="newSource.audio" type="text" class="input input-sm input-bordered w-full" >
</label> </label>
<label class="form-control w-full mt-3"> <label class="form-control w-full mt-3">
<div class="label"> <div class="label">
<span class="label-text">Custom Filter</span> <span class="label-text">Custom Filter</span>
</div> </div>
<input type="text" class="input input-sm input-bordered w-full" v-model="newSource.custom_filter" /> <input v-model="newSource.custom_filter" type="text" class="input input-sm input-bordered w-full" >
</label> </label>
<div class="form-control"> <div class="form-control">
<label class="cursor-pointer label"> <label class="cursor-pointer label">
<span class="label-text">Advertisement</span> <span class="label-text">Advertisement</span>
<input type="checkbox" class="checkbox checkbox-sm" @click="isAd" /> <input type="checkbox" class="checkbox checkbox-sm" @click="isAd" >
</label> </label>
</div> </div>
</div> </div>
</Modal> </GenericModal>
<Modal :show="showImportModal" title="Import Playlist" :modal-action="importPlaylist"> <GenericModal :show="showImportModal" title="Import Playlist" :modal-action="importPlaylist">
<input <input
type="file" type="file"
class="file-input file-input-sm file-input-bordered w-full" class="file-input file-input-sm file-input-bordered w-full"
v-on:change="onFileChange"
multiple multiple
/> @change="onFileChange"
</Modal> >
</GenericModal>
<Modal :show="showCopyModal" :title="`Copy Program ${listDate}`" :modal-action="savePlaylist"> <GenericModal :show="showCopyModal" :title="`Copy Program ${listDate}`" :modal-action="savePlaylist">
<input type="date" class="input input-sm input-bordered w-full" v-model="targetDate" /> <input v-model="targetDate" type="date" class="input input-sm input-bordered w-full" >
</Modal> </GenericModal>
<Modal :show="showDeleteModal" title="Delete Program" :modal-action="deletePlaylist"> <GenericModal :show="showDeleteModal" title="Delete Program" :modal-action="deletePlaylist">
<span> <span>
Delete program from <strong>{{ listDate }}</strong> Delete program from <strong>{{ listDate }}</strong>
</span> </span>
</Modal> </GenericModal>
<PlaylistGenerator v-if="showPlaylistGenerator" :close="closeGenerator" /> <PlaylistGenerator v-if="showPlaylistGenerator" :close="closeGenerator" />
</div> </div>

2
plugins/lodash.client.ts
View File

@ -1,5 +1,5 @@
import lodash from 'lodash' import lodash from 'lodash'
import { LoDashStatic } from 'lodash' import type { LoDashStatic } from 'lodash'
declare module '#app' { declare module '#app' {
interface NuxtApp { interface NuxtApp {

12
stores/playlist.ts
View File

@ -7,7 +7,7 @@ import { defineStore } from 'pinia'
dayjs.extend(utc) dayjs.extend(utc)
dayjs.extend(timezone) dayjs.extend(timezone)
const { timeToSeconds } = stringFormatter() // const { timeToSeconds } = stringFormatter()
const { processPlaylist } = playlistOperations() const { processPlaylist } = playlistOperations()
export const usePlaylist = defineStore('playlist', { export const usePlaylist = defineStore('playlist', {
@ -36,13 +36,13 @@ export const usePlaylist = defineStore('playlist', {
const indexStore = useIndex() const indexStore = useIndex()
let statusCode = 0 let statusCode = 0
const timeInSec = timeToSeconds(dayjs().utcOffset(configStore.utcOffset).format('HH:mm:ss')) // const timeInSec = timeToSeconds(dayjs().utcOffset(configStore.utcOffset).format('HH:mm:ss'))
const channel = configStore.configGui[configStore.configID].id const channel = configStore.configGui[configStore.configID].id
let dateToday = dayjs().utcOffset(configStore.utcOffset).format('YYYY-MM-DD') // let dateToday = dayjs().utcOffset(configStore.utcOffset).format('YYYY-MM-DD')
if (configStore.startInSec > timeInSec) { // if (configStore.startInSec > timeInSec) {
dateToday = dayjs(dateToday).utcOffset(configStore.utcOffset).subtract(1, 'day').format('YYYY-MM-DD') // dateToday = dayjs(dateToday).utcOffset(configStore.utcOffset).subtract(1, 'day').format('YYYY-MM-DD')
} // }
await fetch(`/api/playlist/${channel}?date=${date}`, { await fetch(`/api/playlist/${channel}?date=${date}`, {
method: 'GET', method: 'GET',

18
types/index.d.ts vendored
View File

@ -28,12 +28,12 @@ declare global {
} }
interface User { interface User {
username: String username: string
mail?: String mail?: string
password?: String password?: string
confirm?: String confirm?: string
admin?: Boolean admin?: boolean
role_id?: Number role_id?: number
} }
interface Crumb { interface Crumb {
@ -109,9 +109,9 @@ declare global {
cpu: { cores: number; usage: number } cpu: { cores: number; usage: number }
load: { one: number; five: number; fifteen: number } load: { one: number; five: number; fifteen: number }
memory: { total: number; used: number; free: number } memory: { total: number; used: number; free: number }
network?: { name: String; current_in: number; current_out: number; total_in: number; total_out: number } network?: { name: string; current_in: number; current_out: number; total_in: number; total_out: number }
storage?: { path: String; total: number; used: number } storage?: { path: string; total: number; used: number }
swap: { total: number; used: number; free: number } swap: { total: number; used: number; free: number }
system: { name?: String; kernel?: String; version?: String, ffp_version?: string } system: { name?: string; kernel?: string; version?: string, ffp_version?: string }
} }
} }