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

reorder dependencies, change animation, unique uid when repeat playlist, reactive error message lang

Browse Source
This commit is contained in:
jb-alvarado 2024-04-15 20:18:35 +02:00
parent 828ed6f08a
commit 8932741e89
4 changed files with 341 additions and 828 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1146
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

13
package.json
View File

@ -13,14 +13,11 @@
"postinstall": "nuxt prepare" "postinstall": "nuxt prepare"
}, },
"dependencies": { "dependencies": {
"@nuxt/types": "^2.17.3",
"@nuxtjs/color-mode": "^3.4.0", "@nuxtjs/color-mode": "^3.4.0",
"@pinia/nuxt": "^0.5.1", "@pinia/nuxt": "^0.5.1",
"@popperjs/core": "^2.11.8",
"@vuepic/vue-datepicker": "^8.4.0", "@vuepic/vue-datepicker": "^8.4.0",
"@vueuse/nuxt": "^10.9.0", "@vueuse/nuxt": "^10.9.0",
"bootstrap-icons": "^1.11.3", "bootstrap-icons": "^1.11.3",
"cookie-universal-nuxt": "^2.2.2",
"dayjs": "^1.11.10", "dayjs": "^1.11.10",
"jwt-decode": "^4.0.0", "jwt-decode": "^4.0.0",
"lodash": "^4.17.21", "lodash": "^4.17.21",
@ -29,9 +26,7 @@
"pinia": "^2.1.7", "pinia": "^2.1.7",
"sortablejs-vue3": "^1.2.11", "sortablejs-vue3": "^1.2.11",
"splitpanes": "^3.1.5", "splitpanes": "^3.1.5",
"video.js": "^8.10.0", "video.js": "^8.10.0"
"vue": "^3.4.21",
"vue-router": "^4.3.0"
}, },
"devDependencies": { "devDependencies": {
"@nuxt/eslint": "^0.3.6", "@nuxt/eslint": "^0.3.6",
@ -40,11 +35,13 @@
"@types/lodash": "^4.17.0", "@types/lodash": "^4.17.0",
"@types/video.js": "^7.3.58", "@types/video.js": "^7.3.58",
"daisyui": "^4.10.1", "daisyui": "^4.10.1",
"eslint": "^9.0.0", "eslint": "^8.57.0",
"eslint-plugin-nuxt": "^4.0.0", "eslint-plugin-nuxt": "^4.0.0",
"postcss": "^8.4.38", "postcss": "^8.4.38",
"postcss-loader": "^8.1.1", "postcss-loader": "^8.1.1",
"sass": "^1.75.0", "sass": "^1.75.0",
"sass-loader": "^14.2.0" "sass-loader": "^14.2.0",
"vue": "^3.4.21",
"vue-router": "^4.3.0"
} }
} }

5
pages/player.vue
View File

@ -176,7 +176,7 @@
<template #item="{ element, index }"> <template #item="{ element, index }">
<tr <tr
:id="`clip-${index}`" :id="`clip-${index}`"
class="draggable border-t border-base-content/20 duration-500 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':
playlistStore.playoutIsRunning && playlistStore.playoutIsRunning &&
@ -526,7 +526,7 @@ function addBG(obj: any) {
function removeBG(item: any) { function removeBG(item: any) {
setTimeout(() => { setTimeout(() => {
item.classList.remove('!bg-fuchsia-900/30') item.classList.remove('!bg-fuchsia-900/30')
}, 300) }, 100)
} }
function addClip(event: any) { function addClip(event: any) {
@ -703,6 +703,7 @@ function loopClips() {
while (length < configStore.playlistLength && playlistStore.playlist.length > 0) { while (length < configStore.playlistLength && playlistStore.playlist.length > 0) {
for (const item of playlistStore.playlist) { for (const item of playlistStore.playlist) {
if (length < configStore.playlistLength) { if (length < configStore.playlistLength) {
item.uid = genUID()
tempList.push($_.cloneDeep(item)) tempList.push($_.cloneDeep(item))
length += item.out - item.in length += item.out - item.in
} else { } else {

3
stores/media.ts
View File

@ -10,7 +10,6 @@ export const useMedia = defineStore('media', {
folderList: {} as FolderObject, folderList: {} as FolderObject,
folderCrumbs: [] as Crumb[], folderCrumbs: [] as Crumb[],
isLoading: false, isLoading: false,
notExist: useNuxtApp().$i18n.t('media.notExists'),
}), }),
getters: {}, getters: {},
@ -37,7 +36,7 @@ export const useMedia = defineStore('media', {
if (response.status === 200) { if (response.status === 200) {
return response.json() return response.json()
} else { } else {
indexStore.msgAlert('error', this.notExist, 3) indexStore.msgAlert('error', useNuxtApp().$i18n.t('media.notExists'), 3)
return { return {
source: '', source: '',