mirror of https://github.com/ErsatzTV/ErsatzTV.git
Jason Dove
1 year ago
committed by
GitHub
60 changed files with 2 additions and 25553 deletions
@ -1,22 +0,0 @@
@@ -1,22 +0,0 @@
|
||||
name: Lint VueJS Files on PR Request |
||||
on: |
||||
pull_request: |
||||
jobs: |
||||
vue-lint: |
||||
runs-on: ubuntu-latest |
||||
steps: |
||||
# Checkout the current repo |
||||
- name: Checkout current repository |
||||
uses: actions/checkout@v4 |
||||
# Setup NodeJS version 16 |
||||
- name: Setup NodeJS V16.x.x |
||||
uses: actions/setup-node@v3 |
||||
with: |
||||
node-version: '16' |
||||
# CD into the current client directory and lint and build the client |
||||
- name: Lint and Build the client |
||||
run: | |
||||
cd ./ErsatzTV/client-app/ |
||||
npm ci --no-optional |
||||
npm run lint |
||||
npm run build --if-present |
||||
@ -1,2 +0,0 @@
@@ -1,2 +0,0 @@
|
||||
VUE_APP_I18N_LOCALE=en |
||||
VUE_APP_I18N_FALLBACK_LOCALE=en |
||||
@ -1,28 +0,0 @@
@@ -1,28 +0,0 @@
|
||||
.DS_Store |
||||
node_modules |
||||
/dist |
||||
|
||||
|
||||
# local env files |
||||
.env.local |
||||
.env.*.local |
||||
|
||||
# Log files |
||||
npm-debug.log* |
||||
yarn-debug.log* |
||||
yarn-error.log* |
||||
pnpm-debug.log* |
||||
|
||||
# Editor directories and files |
||||
.idea |
||||
.vscode |
||||
*.suo |
||||
*.ntvs* |
||||
*.njsproj |
||||
*.sln |
||||
*.sw? |
||||
|
||||
# generated files |
||||
src/assets/css/*.css |
||||
src/models/*.js |
||||
src/models/*.js.map |
||||
@ -1,5 +0,0 @@
@@ -1,5 +0,0 @@
|
||||
{ |
||||
"semi": true, |
||||
"singleQuote": true, |
||||
"trailingComma": "none" |
||||
} |
||||
@ -1,27 +0,0 @@
@@ -1,27 +0,0 @@
|
||||
# ErsatzTV Vuetify UI - WIP |
||||
|
||||
## Project setup |
||||
``` |
||||
npm install |
||||
``` |
||||
|
||||
### Compiles and hot-reloads for development |
||||
``` |
||||
npm run serve |
||||
``` |
||||
|
||||
To set a custom ErsatzTV api URL, use the following environment variable `VUE_APP_ETV_BASE_URL`. |
||||
|
||||
### Compiles and minifies for production |
||||
``` |
||||
npm run build |
||||
``` |
||||
|
||||
### Lints and fixes files |
||||
``` |
||||
npm run lint |
||||
``` |
||||
|
||||
### Customize configuration |
||||
See [Configuration Reference](https://cli.vuejs.org/config/). |
||||
|
||||
@ -1,3 +0,0 @@
@@ -1,3 +0,0 @@
|
||||
module.exports = { |
||||
presets: ['@vue/cli-plugin-babel/preset'] |
||||
}; |
||||
@ -1,19 +0,0 @@
@@ -1,19 +0,0 @@
|
||||
{ |
||||
"compilerOptions": { |
||||
"target": "es5", |
||||
"module": "esnext", |
||||
"baseUrl": "./", |
||||
"moduleResolution": "node", |
||||
"paths": { |
||||
"@/*": [ |
||||
"src/*" |
||||
] |
||||
}, |
||||
"lib": [ |
||||
"esnext", |
||||
"dom", |
||||
"dom.iterable", |
||||
"scripthost" |
||||
] |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -1,80 +0,0 @@
@@ -1,80 +0,0 @@
|
||||
{ |
||||
"name": "client-app", |
||||
"version": "0.1.0", |
||||
"private": true, |
||||
"scripts": { |
||||
"serve": "vue-cli-service serve", |
||||
"build": "vue-cli-service build", |
||||
"lint": "vue-cli-service lint", |
||||
"i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/locales/**/*.json\"" |
||||
}, |
||||
"dependencies": { |
||||
"@mdi/font": "5.9.55", |
||||
"@sweetalert2/theme-dark": "^5.0.11", |
||||
"axios": "^0.26.1", |
||||
"core-js": "^3.8.3", |
||||
"pinia": "^2.0.11", |
||||
"pinia-plugin-persistedstate": "^1.5.1", |
||||
"roboto-fontface": "*", |
||||
"sweetalert2": "^11.4.17", |
||||
"vue": "^2.6.14", |
||||
"vue-class-component": "^7.2.6", |
||||
"vue-i18n": "^8.26.3", |
||||
"vue-property-decorator": "^9.1.2", |
||||
"vue-router": "^3.2.0", |
||||
"vue-sweetalert2": "^5.0.5", |
||||
"vuetify": "^2.6.0" |
||||
}, |
||||
"devDependencies": { |
||||
"@babel/core": "^7.12.16", |
||||
"@babel/eslint-parser": "^7.12.16", |
||||
"@typescript-eslint/eslint-plugin": "^5.4.0", |
||||
"@typescript-eslint/parser": "^5.4.0", |
||||
"@vue/cli-plugin-babel": "~5.0.0", |
||||
"@vue/cli-plugin-eslint": "~5.0.0", |
||||
"@vue/cli-plugin-typescript": "~5.0.0", |
||||
"@vue/cli-service": "~5.0.0", |
||||
"@vue/composition-api": "^1.4.9", |
||||
"@vue/eslint-config-typescript": "^9.1.0", |
||||
"eslint": "^7.32.0", |
||||
"eslint-config-prettier": "^8.5.0", |
||||
"eslint-plugin-prettier": "^4.0.0", |
||||
"eslint-plugin-vue": "^8.0.3", |
||||
"sass": "~1.32.0", |
||||
"sass-loader": "^10.0.0", |
||||
"typescript": "~4.5.5", |
||||
"vue-cli-plugin-i18n": "~2.3.1", |
||||
"vue-cli-plugin-vuetify": "~2.4.7", |
||||
"vue-template-compiler": "^2.6.14", |
||||
"vuetify-loader": "^1.7.0" |
||||
}, |
||||
"eslintConfig": { |
||||
"root": true, |
||||
"env": { |
||||
"node": true |
||||
}, |
||||
"extends": [ |
||||
"plugin:vue/essential", |
||||
"plugin:prettier/recommended", |
||||
"eslint:recommended", |
||||
"@vue/typescript" |
||||
], |
||||
"parserOptions": { |
||||
"parser": "@typescript-eslint/parser" |
||||
}, |
||||
"rules": { |
||||
"prettier/prettier": [ |
||||
"error", |
||||
{ |
||||
"endOfLine": "auto", |
||||
"tabWidth": 4 |
||||
} |
||||
] |
||||
} |
||||
}, |
||||
"browserslist": [ |
||||
"> 1%", |
||||
"last 2 versions", |
||||
"not dead" |
||||
] |
||||
} |
||||
|
Before Width: | Height: | Size: 15 KiB |
@ -1,17 +0,0 @@
@@ -1,17 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> |
||||
<title><%= htmlWebpackPlugin.options.title %></title> |
||||
</head> |
||||
<body> |
||||
<noscript> |
||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
||||
</noscript> |
||||
<div id="app"></div> |
||||
<!-- built files will be auto injected --> |
||||
</body> |
||||
</html> |
||||
@ -1,36 +0,0 @@
@@ -1,36 +0,0 @@
|
||||
<template> |
||||
<v-app> |
||||
<Toolbar /> |
||||
<!-- Sizes your content based upon application components --> |
||||
<v-main> |
||||
<!-- Provides the application the proper gutter --> |
||||
<v-container fluid> |
||||
<!-- If using vue-router --> |
||||
<router-view></router-view> |
||||
</v-container> |
||||
<SnackBar /> |
||||
</v-main> |
||||
</v-app> |
||||
</template> |
||||
|
||||
<script> |
||||
import Vue from 'vue'; |
||||
import Toolbar from '@/components/Navigation/ToolBar.vue'; |
||||
import SnackBar from '@/components/PopUps/SnackBar'; |
||||
export default Vue.extend({ |
||||
name: 'App', |
||||
components: { Toolbar, SnackBar }, |
||||
data: () => ({}) |
||||
}); |
||||
</script> |
||||
<style> |
||||
main { |
||||
background-attachment: fixed; |
||||
background-repeat: no-repeat; |
||||
-webkit-background-size: cover; |
||||
-moz-background-size: cover; |
||||
-o-background-size: cover; |
||||
background-size: cover; |
||||
background-position: center; |
||||
} |
||||
</style> |
||||
@ -1,12 +0,0 @@
@@ -1,12 +0,0 @@
|
||||
.swal2-container.swal2-center > .swal2-popup { |
||||
background-color: #1E1E1E !important; |
||||
border-color: green; |
||||
border-width: thin; |
||||
border-style: solid; |
||||
width: fit-content; |
||||
} |
||||
|
||||
.swal2-html-container, .swal2-title { |
||||
color: white !important; |
||||
font-family:Cambria; |
||||
} |
||||
|
Before Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 2.7 KiB |
@ -1,44 +0,0 @@
@@ -1,44 +0,0 @@
|
||||
<template> |
||||
<v-select |
||||
v-on:change="setUserLanguage($event)" |
||||
:value="language" |
||||
dense |
||||
outlined |
||||
:items="langs" |
||||
:label="$t('sidebar.languages')" |
||||
class="ma-2" |
||||
></v-select> |
||||
</template> |
||||
|
||||
<script> |
||||
import { mapState } from 'pinia'; |
||||
import { languageState } from '@/stores/languageState'; |
||||
|
||||
export default { |
||||
name: 'language-changer', |
||||
data() { |
||||
return { |
||||
langs: [ |
||||
{ text: this.$t('languages-code.en'), value: 'en' }, |
||||
{ text: this.$t('languages-code.pt-br'), value: 'pt-br' } |
||||
] |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapState(languageState, ['language', 'setLanguage']), |
||||
languageCode: { |
||||
get() { |
||||
return languageState.language; |
||||
}, |
||||
set(value) { |
||||
this.setLanguage(value); |
||||
} |
||||
} |
||||
}, |
||||
methods: { |
||||
setUserLanguage: ($event) => { |
||||
languageState().setLanguage($event); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
@ -1,27 +0,0 @@
@@ -1,27 +0,0 @@
|
||||
<template> |
||||
<span> |
||||
<v-img |
||||
v-if="!isNavigationMini" |
||||
src="@/assets/images/ersatztv.svg" |
||||
class="ma-3" |
||||
></v-img> |
||||
<v-img |
||||
v-if="isNavigationMini" |
||||
src="@/assets/images/ersatztv-logo.svg" |
||||
class="ma-1" |
||||
></v-img> |
||||
<v-divider inset></v-divider> |
||||
</span> |
||||
</template> |
||||
|
||||
<script> |
||||
import { mapState } from 'pinia'; |
||||
import { applicationState } from '@/stores/applicationState'; |
||||
|
||||
export default { |
||||
name: 'SideBarLogo', |
||||
computed: { |
||||
...mapState(applicationState, ['isNavigationMini']) |
||||
} |
||||
}; |
||||
</script> |
||||
@ -1,43 +0,0 @@
@@ -1,43 +0,0 @@
|
||||
<template> |
||||
<v-list nav dense> |
||||
<span v-for="(nav, i) in navigation" :key="i"> |
||||
<SideBarMenuItem |
||||
v-if="(!nav.children || !nav.showchildren) && !nav.meta.hidden" |
||||
:name="nav.name" |
||||
:path="nav.path" |
||||
:icon="nav.meta.icon" |
||||
:disabled="nav.meta.disabled" |
||||
/> |
||||
<SideBarMenuItemExpandable |
||||
v-else-if="nav.children" |
||||
@click.native="disableMiniNavigation()" |
||||
:name="nav.name" |
||||
:icon="nav.meta.icon" |
||||
:disabled="nav.meta.disabled" |
||||
:children="nav.children" |
||||
/> |
||||
</span> |
||||
</v-list> |
||||
</template> |
||||
|
||||
<script> |
||||
import SideBarMenuItem from './SideBarMenuItem'; |
||||
import SideBarMenuItemExpandable from './SideBarMenuItemExpandable'; |
||||
import { mapState } from 'pinia'; |
||||
import { applicationState } from '@/stores/applicationState'; |
||||
|
||||
export default { |
||||
name: 'NavSidebar', |
||||
components: { SideBarMenuItem, SideBarMenuItemExpandable }, |
||||
data: () => ({ |
||||
navigation: null |
||||
}), |
||||
computed: { |
||||
...mapState(applicationState, ['disableMiniNavigation']) |
||||
}, |
||||
beforeMount: function () { |
||||
//Pull in navigation from routes and load into DOM |
||||
this.navigation = this.$router.options.routes; |
||||
} |
||||
}; |
||||
</script> |
||||
@ -1,37 +0,0 @@
@@ -1,37 +0,0 @@
|
||||
<template> |
||||
<v-list-item-group color="primary"> |
||||
<v-list-item :to="path" :disabled="disabled"> |
||||
<v-list-item-icon> |
||||
<v-icon v-text="icon" :disabled="disabled" /> |
||||
</v-list-item-icon> |
||||
|
||||
<v-list-item-content> |
||||
<v-list-item-title v-text="$t(name)" /> |
||||
</v-list-item-content> |
||||
</v-list-item> |
||||
</v-list-item-group> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'SideBarMenuItem', |
||||
props: { |
||||
name: { |
||||
type: String, |
||||
required: true |
||||
}, |
||||
path: { |
||||
type: String, |
||||
required: true |
||||
}, |
||||
icon: { |
||||
type: String, |
||||
required: true |
||||
}, |
||||
disabled: { |
||||
type: Boolean, |
||||
required: true |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
@ -1,73 +0,0 @@
@@ -1,73 +0,0 @@
|
||||
<template> |
||||
<v-list-group |
||||
color="primary" |
||||
v-model="menuItemOpened" |
||||
:disabled="disabled" |
||||
:prepend-icon="icon" |
||||
no-action |
||||
> |
||||
<template v-slot:activator> |
||||
<v-list-item-content> |
||||
<v-list-item-title v-text="$t(name)"></v-list-item-title> |
||||
</v-list-item-content> |
||||
</template> |
||||
|
||||
<v-list-item |
||||
v-for="child in children" |
||||
:key="child.name" |
||||
:to="child.path" |
||||
:disabled="child.meta.disabled" |
||||
> |
||||
<v-list-item-icon> |
||||
<v-icon |
||||
v-text="child.meta.icon" |
||||
:disabled="child.meta.disabled" |
||||
/> |
||||
</v-list-item-icon> |
||||
<v-list-item-content> |
||||
<v-list-item-title v-text="$t(child.name)"></v-list-item-title> |
||||
</v-list-item-content> |
||||
</v-list-item> |
||||
</v-list-group> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'SideBarMenuItemExpandable', |
||||
props: { |
||||
name: { |
||||
type: String, |
||||
required: true |
||||
}, |
||||
icon: { |
||||
type: String, |
||||
required: true |
||||
}, |
||||
disabled: { |
||||
type: Boolean, |
||||
required: true |
||||
}, |
||||
children: { |
||||
type: Array, |
||||
required: true |
||||
}, |
||||
nonmenuchildren: { |
||||
type: Array, |
||||
required: false |
||||
} |
||||
}, |
||||
data: () => ({ |
||||
opened: false |
||||
}), |
||||
computed: { |
||||
menuItemOpened: { |
||||
get: function () { |
||||
return this.opened; |
||||
}, |
||||
set: function () { |
||||
return !this.opened; |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
@ -1,28 +0,0 @@
@@ -1,28 +0,0 @@
|
||||
<template> |
||||
<span v-if="!isNavigationMini" class="text-center"> |
||||
<v-divider inset></v-divider> |
||||
<h4 class="pt-2">ErsatzTV {{ $t('sidebar.version') }}</h4> |
||||
|
||||
<p>{{ currentServerVersion }}</p> |
||||
</span> |
||||
</template> |
||||
|
||||
<script> |
||||
import { mapState } from 'pinia'; |
||||
import { applicationState } from '@/stores/applicationState'; |
||||
|
||||
export default { |
||||
name: 'SideBarVersion', |
||||
setup() { |
||||
applicationState().getVersion(); |
||||
}, |
||||
computed: { |
||||
...mapState(applicationState, [ |
||||
'currentServerVersion', |
||||
'isNavigationMini' |
||||
]) |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style scoped></style> |
||||
@ -1,53 +0,0 @@
@@ -1,53 +0,0 @@
|
||||
<template> |
||||
<nav> |
||||
<v-app-bar flat app dense absolute> |
||||
<v-app-bar-nav-icon @click.stop="toggleMiniNavigation()" /> |
||||
|
||||
<ToolBarSearch /> |
||||
<v-spacer /> |
||||
|
||||
<ToolBarLinks /> |
||||
</v-app-bar> |
||||
<v-navigation-drawer app :mini-variant="isNavigationMini" permanent> |
||||
<template v-slot:prepend> |
||||
<SideBarLogo /> |
||||
</template> |
||||
|
||||
<SideBarMenu /> |
||||
|
||||
<template v-slot:append> |
||||
<SideBarLanguageSelect /> |
||||
<SideBarVersion /> |
||||
</template> |
||||
</v-navigation-drawer> |
||||
</nav> |
||||
</template> |
||||
|
||||
<script> |
||||
import SideBarLogo from './SideBarLogo.vue'; |
||||
import SideBarMenu from './SideBarMenu.vue'; |
||||
import SideBarVersion from './SideBarVersion'; |
||||
import ToolBarLinks from './ToolBarLinks'; |
||||
import ToolBarSearch from './ToolBarSearch'; |
||||
import { mapState } from 'pinia'; |
||||
import { applicationState } from '@/stores/applicationState'; |
||||
import SideBarLanguageSelect from './SideBarLanguageSelect.vue'; |
||||
|
||||
export default { |
||||
name: 'NavToolbar', |
||||
components: { |
||||
SideBarMenu, |
||||
SideBarLogo, |
||||
SideBarVersion, |
||||
ToolBarLinks, |
||||
ToolBarSearch, |
||||
SideBarLanguageSelect |
||||
}, |
||||
computed: { |
||||
...mapState(applicationState, [ |
||||
'isNavigationMini', |
||||
'toggleMiniNavigation' |
||||
]) |
||||
} |
||||
}; |
||||
</script> |
||||
@ -1,96 +0,0 @@
@@ -1,96 +0,0 @@
|
||||
<template> |
||||
<span> |
||||
<v-tooltip bottom> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-btn |
||||
class="ma-2" |
||||
outlined |
||||
color="primary" |
||||
@click="copyTextToClipboard(navBarURLs.m3uURL)" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
small |
||||
> |
||||
<v-icon>mdi-playlist-play</v-icon> M3U |
||||
</v-btn> |
||||
</template> |
||||
<span>{{ $t('tool-bar.click-to-copy') }}</span> |
||||
</v-tooltip> |
||||
|
||||
<v-tooltip bottom> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-btn |
||||
class="ma-2" |
||||
outlined |
||||
color="primary" |
||||
@click="copyTextToClipboard(navBarURLs.xmlURL)" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
small |
||||
> |
||||
<v-icon>mdi-xml</v-icon> XML |
||||
</v-btn> |
||||
</template> |
||||
<span>{{ $t('tool-bar.click-to-copy') }}</span> |
||||
</v-tooltip> |
||||
|
||||
<v-btn |
||||
icon |
||||
color="secondary" |
||||
:href="navBarURLs.documentationURL" |
||||
target="_blank" |
||||
> |
||||
<v-icon>mdi-file-document</v-icon> |
||||
</v-btn> |
||||
|
||||
<v-btn |
||||
icon |
||||
color="secondary" |
||||
:href="navBarURLs.discordURL" |
||||
target="_blank" |
||||
> |
||||
<v-icon>mdi-discord</v-icon> |
||||
</v-btn> |
||||
|
||||
<v-btn |
||||
icon |
||||
color="secondary" |
||||
:href="navBarURLs.githubURL" |
||||
target="_blank" |
||||
> |
||||
<v-icon>mdi-github</v-icon> |
||||
</v-btn> |
||||
</span> |
||||
</template> |
||||
|
||||
<script> |
||||
import { mapState } from 'pinia'; |
||||
import { applicationState } from '@/stores/applicationState'; |
||||
import { snackbarState } from '@/stores/snackbarState'; |
||||
|
||||
export default { |
||||
name: 'ToolBarLinks.vue', |
||||
data: () => ({ |
||||
toast: false |
||||
}), |
||||
computed: { |
||||
...mapState(applicationState, ['navBarURLs']), |
||||
...mapState(snackbarState, ['showSnackbar']) |
||||
}, |
||||
methods: { |
||||
copyTextToClipboard(text) { |
||||
try { |
||||
navigator.clipboard.writeText(text); |
||||
this.showSnackbar(this.$t('tool-bar.copy-success')); |
||||
} catch (error) { |
||||
console.error(error); |
||||
this.showSnackbar( |
||||
this.$t('tool-bar.copy-failure', { message: error }) |
||||
); |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style scoped></style> |
||||
@ -1,18 +0,0 @@
@@ -1,18 +0,0 @@
|
||||
<template> |
||||
<v-text-field |
||||
outlined |
||||
class="ml-5" |
||||
:label="$t('tool-bar.search')" |
||||
prepend-inner-icon="mdi-magnify" |
||||
hide-details |
||||
dense |
||||
></v-text-field> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'ToolBarSearch' |
||||
}; |
||||
</script> |
||||
|
||||
<style scoped></style> |
||||
@ -1,35 +0,0 @@
@@ -1,35 +0,0 @@
|
||||
<template> |
||||
<v-snackbar v-model="snackbar" :timeout="timeout"> |
||||
{{ currentMessage }} |
||||
<v-btn text color="primary" @click.native="closeSnackbar()" |
||||
>Close</v-btn |
||||
> |
||||
</v-snackbar> |
||||
</template> |
||||
|
||||
<script> |
||||
import { mapState } from 'pinia'; |
||||
import { snackbarState } from '@/stores/snackbarState'; |
||||
|
||||
export default { |
||||
data: () => ({ |
||||
timeout: 4000 |
||||
}), |
||||
computed: { |
||||
...mapState(snackbarState, [ |
||||
'currentMessage', |
||||
'isVisible', |
||||
'closeSnackbar', |
||||
'openSnackbar' |
||||
]), |
||||
snackbar: { |
||||
get() { |
||||
return this.isVisible; |
||||
}, |
||||
set() { |
||||
this.closeSnackbar(); |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
@ -1,206 +0,0 @@
@@ -1,206 +0,0 @@
|
||||
{ |
||||
"$vuetify": { |
||||
"badge": "Badge", |
||||
"close": "Close", |
||||
"dataIterator": { |
||||
"noResultsText": "No matching records found", |
||||
"loadingText": "Loading items..." |
||||
}, |
||||
"dataTable": { |
||||
"itemsPerPageText": "Rows per page:", |
||||
"ariaLabel": { |
||||
"sortDescending": "Sorted descending.", |
||||
"sortAscending": "Sorted ascending.", |
||||
"sortNone": "Not sorted.", |
||||
"activateNone": "Activate to remove sorting.", |
||||
"activateDescending": "Activate to sort descending.", |
||||
"activateAscending": "Activate to sort ascending." |
||||
}, |
||||
"sortBy": "Sort by" |
||||
}, |
||||
"dataFooter": { |
||||
"itemsPerPageText": "Items per page:", |
||||
"itemsPerPageAll": "All", |
||||
"nextPage": "Next page", |
||||
"prevPage": "Previous page", |
||||
"firstPage": "First page", |
||||
"lastPage": "Last page", |
||||
"pageText": "{0}-{1} of {2}" |
||||
}, |
||||
"datePicker": { |
||||
"itemsSelected": "{0} selected", |
||||
"nextMonthAriaLabel": "Next month", |
||||
"nextYearAriaLabel": "Next year", |
||||
"prevMonthAriaLabel": "Previous month", |
||||
"prevYearAriaLabel": "Previous year" |
||||
}, |
||||
"noDataText": "No data available", |
||||
"carousel": { |
||||
"prev": "Previous visual", |
||||
"next": "Next visual", |
||||
"ariaLabel": { |
||||
"delimiter": "Carousel slide {0} of {1}" |
||||
} |
||||
}, |
||||
"calendar": { |
||||
"moreEvents": "{0} more" |
||||
}, |
||||
"fileInput": { |
||||
"counter": "{0} files", |
||||
"counterSize": "{0} files ({1} in total)" |
||||
}, |
||||
"timePicker": { |
||||
"am": "AM", |
||||
"pm": "PM" |
||||
}, |
||||
"pagination": { |
||||
"ariaLabel": { |
||||
"wrapper": "Pagination Navigation", |
||||
"next": "Next page", |
||||
"previous": "Previous page", |
||||
"page": "Goto Page {0}", |
||||
"currentPage": "Current Page, Page {0}" |
||||
} |
||||
}, |
||||
"rating": { |
||||
"ariaLabel": { |
||||
"icon": "Rating {0} of {1}" |
||||
} |
||||
} |
||||
}, |
||||
"languages-code": { |
||||
"en": "English", |
||||
"pt-br": "Portuguese (Brazil)" |
||||
}, |
||||
"tool-bar": { |
||||
"search": "Search...", |
||||
"click-to-copy": "Click to copy to clipboard!", |
||||
"copy-success": "Successfully copied text to clipboard!", |
||||
"copy-failure": "Failed to copy text to clipboard! Error: {message}" |
||||
}, |
||||
"sidebar": { |
||||
"languages": "Languages", |
||||
"version": "Version" |
||||
}, |
||||
"home": { |
||||
"title": "Home" |
||||
}, |
||||
"ffmpeg-profiles": { |
||||
"title": "FFmpeg Profiles", |
||||
"add-profile": "Add FFmpeg Profile", |
||||
"actions": "Actions", |
||||
"delete-dialog-title": "Are you sure?", |
||||
"delete-dialog-text": "Delete {profileName} FFmpeg Profile?", |
||||
"no": "No", |
||||
"yes": "Yes", |
||||
"profile-deleted": "FFmpeg Profile deleted!", |
||||
"table": { |
||||
"name": "Name", |
||||
"resolution": "Resolution", |
||||
"video": "Video", |
||||
"audio": "Audio" |
||||
} |
||||
}, |
||||
"edit-ffmpeg-profile": { |
||||
"General": "General", |
||||
"Video": "Video", |
||||
"Audio": "Audio", |
||||
"Name": "Name", |
||||
"thread-count": "Thread Count", |
||||
"preferred-resolution": "Preferred Resolution", |
||||
"format": "Format", |
||||
"bitrate": "Bitrate", |
||||
"buffer-size": "Buffer Size", |
||||
"hardware-acceleration": "Hardware Acceleration", |
||||
"vaapi-driver": "VAAPI Driver", |
||||
"vaapi-device": "VAAPI Device", |
||||
"normalize-framerate": "Normalize Framerate", |
||||
"auto-deinterlace-video": "Auto Deinterlace Video", |
||||
"channels": "Channels", |
||||
"sample-rate": "Sample Rate", |
||||
"normalize-loudness": "Normalize Loudness", |
||||
"save-profile": "Save Profile", |
||||
"cancel": "Cancel", |
||||
"help": "Help", |
||||
"add-profile": "Add FFmpeg Profile", |
||||
"edit-profile": "Edit FFmpeg Profile", |
||||
"profile-saved": "FFmpeg Profile Saved!" |
||||
}, |
||||
"watermarks": { |
||||
"title": "Watermarks" |
||||
}, |
||||
"media-sources": { |
||||
"title": "Media Sources", |
||||
"local": { |
||||
"title": "Local" |
||||
}, |
||||
"emby": { |
||||
"title": "Emby" |
||||
}, |
||||
"jellyfin": { |
||||
"title": "Jellyfin" |
||||
}, |
||||
"plex": { |
||||
"title": "Plex" |
||||
} |
||||
}, |
||||
"lists": { |
||||
"title": "Lists", |
||||
"collections": { |
||||
"title": "Collections" |
||||
}, |
||||
"trakt-lists": { |
||||
"title": "Trakt Lists" |
||||
}, |
||||
"filler-presets": { |
||||
"title": "Filler Presets" |
||||
} |
||||
}, |
||||
"schedules": { |
||||
"title": "Schedules" |
||||
}, |
||||
"playouts": { |
||||
"title": "Playouts" |
||||
}, |
||||
"settings": { |
||||
"title": "Settings" |
||||
}, |
||||
"logs": { |
||||
"title": "Logs" |
||||
}, |
||||
"media": { |
||||
"title": "Media", |
||||
"libraries": { |
||||
"title": "Libraries" |
||||
}, |
||||
"trash": { |
||||
"title": "Trash" |
||||
}, |
||||
"tv-shows": { |
||||
"title": "TV Shows" |
||||
}, |
||||
"movies": { |
||||
"title": "Movies" |
||||
}, |
||||
"music-videos": { |
||||
"title": "Music Videos" |
||||
}, |
||||
"other-videos": { |
||||
"title": "Other Videos" |
||||
}, |
||||
"songs": { |
||||
"title": "Songs" |
||||
} |
||||
}, |
||||
"channels": { |
||||
"title": "Channels", |
||||
"table": { |
||||
"number": "Number", |
||||
"logo": "Logo", |
||||
"name": "Name", |
||||
"language": "Language", |
||||
"mode": "Mode", |
||||
"ffmpeg-profile": "FFmpeg Profile" |
||||
} |
||||
} |
||||
} |
||||
@ -1,207 +0,0 @@
@@ -1,207 +0,0 @@
|
||||
{ |
||||
"$vuetify": { |
||||
"badge": "Distintivo", |
||||
"close": "Fechar", |
||||
"Actions": "Ações", |
||||
"dataIterator": { |
||||
"noResultsText": "Nenhum dado encontrado", |
||||
"loadingText": "Carregando itens..." |
||||
}, |
||||
"dataTable": { |
||||
"itemsPerPageText": "Linhas por página:", |
||||
"ariaLabel": { |
||||
"sortDescending": "Ordenado decrescente.", |
||||
"sortAscending": "Ordenado crescente.", |
||||
"sortNone": "Não ordenado.", |
||||
"activateNone": "Ative para remover a ordenação.", |
||||
"activateDescending": "Ative para ordenar decrescente.", |
||||
"activateAscending": "Ative para ordenar crescente." |
||||
}, |
||||
"sortBy": "Ordenar por" |
||||
}, |
||||
"dataFooter": { |
||||
"itemsPerPageText": "Itens por página:", |
||||
"itemsPerPageAll": "Todos", |
||||
"nextPage": "Próxima página", |
||||
"prevPage": "Página anterior", |
||||
"firstPage": "Primeira página", |
||||
"lastPage": "Última página", |
||||
"pageText": "{0}-{1} de {2}" |
||||
}, |
||||
"datePicker": { |
||||
"itemsSelected": "{0} selecionado(s)", |
||||
"nextMonthAriaLabel": "Próximo mês", |
||||
"nextYearAriaLabel": "Próximo ano", |
||||
"prevMonthAriaLabel": "Mês anterior", |
||||
"prevYearAriaLabel": "Ano anterior" |
||||
}, |
||||
"noDataText": "Não há dados disponíveis", |
||||
"carousel": { |
||||
"prev": "Visão anterior", |
||||
"next": "Próxima visão", |
||||
"ariaLabel": { |
||||
"delimiter": "Slide {0} de {1} do carrossel" |
||||
} |
||||
}, |
||||
"calendar": { |
||||
"moreEvents": "Mais {0}" |
||||
}, |
||||
"fileInput": { |
||||
"counter": "{0} arquivo(s)", |
||||
"counterSize": "{0} arquivo(s) ({1} no total)" |
||||
}, |
||||
"timePicker": { |
||||
"am": "AM", |
||||
"pm": "PM" |
||||
}, |
||||
"pagination": { |
||||
"ariaLabel": { |
||||
"wrapper": "Navegação de paginação", |
||||
"next": "Próxima página", |
||||
"previous": "Página anterior", |
||||
"page": "Ir à página {0}", |
||||
"currentPage": "Página atual, página {0}" |
||||
} |
||||
}, |
||||
"rating": { |
||||
"ariaLabel": { |
||||
"icon": "Rating {0} de {1}" |
||||
} |
||||
} |
||||
}, |
||||
"languages-code": { |
||||
"en": "Inglês", |
||||
"pt-br": "Português (Brasil)" |
||||
}, |
||||
"tool-bar": { |
||||
"search": "Busca...", |
||||
"click-to-copy": "Clique para copiar para a área de transferência!", |
||||
"copy-success": "Texto copiado com sucesso para a área de transferência!", |
||||
"copy-failure": "Falha ao copiar o texto para a área de transferência! Erro: {message}" |
||||
}, |
||||
"sidebar": { |
||||
"languages": "Línguas", |
||||
"version": "Versão" |
||||
}, |
||||
"home": { |
||||
"title": "Início" |
||||
}, |
||||
"ffmpeg-profiles": { |
||||
"title": "Perfis FFmpeg", |
||||
"add-profile": "Adicionar perfil FFmpeg", |
||||
"actions": "Ações", |
||||
"delete-dialog-title": "Tem certeza?", |
||||
"delete-dialog-text": "Excluir perfil {profileName} do FFmpeg?", |
||||
"no": "Não", |
||||
"yes": "Sim", |
||||
"profile-deleted": "Perfil do FFmpeg excluído!", |
||||
"table": { |
||||
"name": "Nome", |
||||
"resolution": "Resolução", |
||||
"video": "Vídeo", |
||||
"audio": "Áudio" |
||||
} |
||||
}, |
||||
"edit-ffmpeg-profile": { |
||||
"General": "Em geral", |
||||
"Video": "Vídeo", |
||||
"Audio": "Áudio", |
||||
"Name": "Nome", |
||||
"thread-count": "Contagem de fios", |
||||
"preferred-resolution": "Resolução preferencial", |
||||
"format": "Formato", |
||||
"bitrate": "Taxa de bits", |
||||
"buffer-size": "Tamanho do buffer", |
||||
"hardware-acceleration": "Aceleraçao do hardware", |
||||
"vaapi-driver": "Driver VAAPI", |
||||
"vaapi-device": "Dispositivo VAAPI", |
||||
"normalize-framerate": "Normalizar taxa de quadros", |
||||
"auto-deinterlace-video": "Vídeo de desentrelaçamento automático", |
||||
"channels": "Canais", |
||||
"sample-rate": "Taxa de amostragem", |
||||
"normalize-loudness": "Normalizar volume", |
||||
"save-profile": "Salvar perfil", |
||||
"cancel": "Cancelar", |
||||
"help": "Ajuda", |
||||
"add-profile": "Adicionar perfil FFmpeg", |
||||
"edit-profile": "Editar perfil do FFmpeg", |
||||
"profile-saved": "Perfil do FFmpeg salvo!" |
||||
}, |
||||
"watermarks": { |
||||
"title": "Marcas d'água" |
||||
}, |
||||
"media-sources": { |
||||
"title": "Fontes de mídia", |
||||
"local": { |
||||
"title": "Local" |
||||
}, |
||||
"emby": { |
||||
"title": "Emby" |
||||
}, |
||||
"jellyfin": { |
||||
"title": "Jellyfin" |
||||
}, |
||||
"plex": { |
||||
"title": "Plex" |
||||
} |
||||
}, |
||||
"lists": { |
||||
"title": "Listas", |
||||
"collections": { |
||||
"title": "Coleções" |
||||
}, |
||||
"trakt-lists": { |
||||
"title": "Listas Trakt" |
||||
}, |
||||
"filler-presets": { |
||||
"title": "Predefinições de preenchimento" |
||||
} |
||||
}, |
||||
"schedules": { |
||||
"title": "Horários" |
||||
}, |
||||
"playouts": { |
||||
"title": "Playouts" |
||||
}, |
||||
"settings": { |
||||
"title": "Definições" |
||||
}, |
||||
"logs": { |
||||
"title": "Logs" |
||||
}, |
||||
"media": { |
||||
"title": "Mídias", |
||||
"libraries": { |
||||
"title": "Bibliotecas" |
||||
}, |
||||
"trash": { |
||||
"title": "Lixo" |
||||
}, |
||||
"tv-shows": { |
||||
"title": "Séries" |
||||
}, |
||||
"movies": { |
||||
"title": "Filmes" |
||||
}, |
||||
"music-videos": { |
||||
"title": "Vídeos de música" |
||||
}, |
||||
"other-videos": { |
||||
"title": "Other Videos" |
||||
}, |
||||
"songs": { |
||||
"title": "Songs" |
||||
} |
||||
}, |
||||
"channels": { |
||||
"title": "Canais", |
||||
"table": { |
||||
"number": "Numero", |
||||
"logo": "Logo", |
||||
"name": "Nome", |
||||
"language": "Idioma", |
||||
"mode": "Modo", |
||||
"ffmpeg-profile": "Perfil FFmpeg" |
||||
} |
||||
} |
||||
} |
||||
@ -1,37 +0,0 @@
@@ -1,37 +0,0 @@
|
||||
import Vue from 'vue'; |
||||
import App from './App.vue'; |
||||
import vuetify from './plugins/vuetify'; |
||||
import router from './router'; |
||||
import { createPinia, PiniaVuePlugin } from 'pinia'; |
||||
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'; |
||||
import autoPageTitleMixin from './mixins/autoPageTitle'; |
||||
import 'roboto-fontface/css/roboto/roboto-fontface.css'; |
||||
import '@mdi/font/css/materialdesignicons.css'; |
||||
import i18n from './plugins/i18n'; |
||||
import VueSweetalert2 from 'vue-sweetalert2'; |
||||
import 'sweetalert2/dist/sweetalert2.min.css'; |
||||
import './assets/css/global.scss'; |
||||
|
||||
Vue.config.productionTip = false; |
||||
|
||||
Vue.use(PiniaVuePlugin); |
||||
const pinia = createPinia(); |
||||
pinia.use(piniaPluginPersistedstate); |
||||
// Mixin to automate the page title when navigating... Will default to "ErsatzTV if no title value exported from page.
|
||||
Vue.mixin(autoPageTitleMixin); |
||||
|
||||
const options = { |
||||
confirmButtonColor: '#1E1E1E', |
||||
cancelButtonColor: '#1E1E1E', |
||||
background: '#1E1E1E', |
||||
iconColor: '#4CAF50' |
||||
}; |
||||
Vue.use(VueSweetalert2, options); |
||||
|
||||
new Vue({ |
||||
vuetify, |
||||
router, |
||||
pinia, |
||||
i18n, |
||||
render: (h) => h(App) |
||||
}).$mount('#app'); |
||||
@ -1,18 +0,0 @@
@@ -1,18 +0,0 @@
|
||||
function getTitle(vm) { |
||||
const { title } = vm.$options; |
||||
if (title) { |
||||
return typeof title === 'function' ? title.call(vm) : title; |
||||
} |
||||
if (vm._data.title) { |
||||
return vm._data.title; |
||||
} |
||||
} |
||||
|
||||
export default { |
||||
created() { |
||||
const title = getTitle(this); |
||||
if (title) { |
||||
document.title = `ErsatzTV | ${title}`; |
||||
} |
||||
} |
||||
}; |
||||
@ -1,6 +0,0 @@
@@ -1,6 +0,0 @@
|
||||
export interface Channel { |
||||
id: number; |
||||
number: string; |
||||
name: string; |
||||
streamingMode: string; |
||||
} |
||||
@ -1,20 +0,0 @@
@@ -1,20 +0,0 @@
|
||||
export interface FFmpegFullProfile { |
||||
Id: number; |
||||
name: string; |
||||
threadCount: number; |
||||
hardwareAcceleration: number; |
||||
vaapiDriver: number; |
||||
vaapiDevice: string; |
||||
resolutionId: number; |
||||
videoFormat: number; |
||||
videoBitrate: number; |
||||
videoBufferSize: number; |
||||
audioFormat: number; |
||||
audioBitrate: number; |
||||
audioBufferSize: number; |
||||
normalizeLoudness: boolean; |
||||
audioChannels: number; |
||||
audioSampleRate: number; |
||||
normalizeFramerate: boolean; |
||||
deinterlaceVideo: boolean; |
||||
} |
||||
@ -1,7 +0,0 @@
@@ -1,7 +0,0 @@
|
||||
export interface FFmpegProfile { |
||||
id: number; |
||||
name: string; |
||||
resolution: string; |
||||
video: string; |
||||
audio: string; |
||||
} |
||||
@ -1,27 +0,0 @@
@@ -1,27 +0,0 @@
|
||||
import Vue from 'vue'; |
||||
import VueI18n, { LocaleMessages } from 'vue-i18n'; |
||||
|
||||
Vue.use(VueI18n); |
||||
|
||||
function loadLocaleMessages(): LocaleMessages { |
||||
const locales = require.context( |
||||
'../locales', |
||||
true, |
||||
/[A-Za-z0-9-_,\s]+\.json$/i |
||||
); |
||||
const messages: LocaleMessages = {}; |
||||
locales.keys().forEach((key) => { |
||||
const matched = key.match(/([A-Za-z0-9-_]+)\./i); |
||||
if (matched && matched.length > 1) { |
||||
const locale = matched[1]; |
||||
messages[locale] = locales(key); |
||||
} |
||||
}); |
||||
return messages; |
||||
} |
||||
|
||||
export default new VueI18n({ |
||||
locale: process.env.VUE_APP_I18N_LOCALE || 'en', |
||||
fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en', |
||||
messages: loadLocaleMessages() |
||||
}); |
||||
@ -1,33 +0,0 @@
@@ -1,33 +0,0 @@
|
||||
import Vue from 'vue'; |
||||
import Vuetify from 'vuetify'; |
||||
import colors from 'vuetify/lib/util/colors'; |
||||
import VueI18n from './i18n'; |
||||
|
||||
Vue.use(Vuetify); |
||||
|
||||
export default new Vuetify({ |
||||
icons: { |
||||
iconfont: 'mdi' // default - only for display purposes
|
||||
}, |
||||
theme: { |
||||
themes: { |
||||
dark: { |
||||
primary: '#c0c000', |
||||
secondary: '#00c0c0', |
||||
accent: colors.yellow.accent2, |
||||
error: colors.red, |
||||
warning: colors.orange, |
||||
info: colors.lightBlue, |
||||
success: colors.green, |
||||
background: '#121212' |
||||
} |
||||
}, |
||||
options: { |
||||
customProperties: true |
||||
}, |
||||
dark: true |
||||
}, |
||||
lang: { |
||||
t: (key, ...params) => VueI18n.t(key, params).toString() |
||||
} |
||||
}); |
||||
@ -1,252 +0,0 @@
@@ -1,252 +0,0 @@
|
||||
import Vue from 'vue'; |
||||
import VueRouter from 'vue-router'; |
||||
import HomePage from '../views/HomePage.vue'; |
||||
import ChannelsPage from '../views/ChannelsPage.vue'; |
||||
import FFmpegProfilesPage from '../views/FFmpegProfilesPage.vue'; |
||||
import AddEditFFmpegProfilePage from '../views/AddEditFFmpegProfilePage.vue'; |
||||
|
||||
Vue.use(VueRouter); |
||||
|
||||
const routes = [ |
||||
{ |
||||
path: '/', |
||||
name: 'home.title', |
||||
component: HomePage, |
||||
meta: { |
||||
icon: 'mdi-home', |
||||
disabled: false |
||||
} |
||||
}, |
||||
{ |
||||
path: '/channels', |
||||
name: 'channels.title', |
||||
component: ChannelsPage, |
||||
meta: { |
||||
icon: 'mdi-broadcast', |
||||
disabled: false |
||||
} |
||||
}, |
||||
{ |
||||
path: '/ffmpeg-profiles', |
||||
name: 'ffmpeg-profiles.title', |
||||
component: FFmpegProfilesPage, |
||||
meta: { |
||||
icon: 'mdi-video-input-component', |
||||
disabled: false |
||||
}, |
||||
showchildren: false |
||||
}, |
||||
{ |
||||
path: '/watermarks', |
||||
name: 'watermarks.title', |
||||
meta: { |
||||
icon: 'mdi-watermark', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/sources', |
||||
name: 'media-sources.title', |
||||
meta: { |
||||
icon: 'mdi-server-network', |
||||
disabled: false |
||||
}, |
||||
showchildren: true, |
||||
children: [ |
||||
{ |
||||
path: '/sources/local', |
||||
name: 'media-sources.local.title', |
||||
meta: { |
||||
icon: 'mdi-folder', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/sources/emby', |
||||
name: 'media-sources.emby.title', |
||||
meta: { |
||||
icon: 'mdi-emby', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/sources/jellyfin', |
||||
name: 'media-sources.jellyfin.title', |
||||
meta: { |
||||
icon: 'mdi-jellyfish', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/sources/plex', |
||||
name: 'media-sources.plex.title', |
||||
meta: { |
||||
icon: 'mdi-plex', |
||||
disabled: true |
||||
} |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: '/media', |
||||
name: 'media.title', |
||||
meta: { |
||||
icon: 'mdi-cog', |
||||
disabled: false |
||||
}, |
||||
showchildren: true, |
||||
children: [ |
||||
{ |
||||
path: '/media/libraries', |
||||
name: 'media.libraries.title', |
||||
meta: { |
||||
icon: 'mdi-library', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/media/trash', |
||||
name: 'media.trash.title', |
||||
meta: { |
||||
icon: 'mdi-trash-can', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/media/tv-shows', |
||||
name: 'media.tv-shows.title', |
||||
meta: { |
||||
icon: 'mdi-television-classic', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/media/movies', |
||||
name: 'media.movies.title', |
||||
meta: { |
||||
icon: 'mdi-movie', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/media/music-videos', |
||||
name: 'media.music-videos.title', |
||||
meta: { |
||||
icon: 'mdi-music-circle', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/media/other-videos', |
||||
name: 'media.other-videos.title', |
||||
meta: { |
||||
icon: 'mdi-video', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/media/songs', |
||||
name: 'media.songs.title', |
||||
meta: { |
||||
icon: 'mdi-album', |
||||
disabled: true |
||||
} |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: '/lists', |
||||
name: 'lists.title', |
||||
meta: { |
||||
icon: 'mdi-format-list-bulleted', |
||||
disabled: false |
||||
}, |
||||
showchildren: true, |
||||
children: [ |
||||
{ |
||||
path: '/lists/collections', |
||||
name: 'lists.collections.title', |
||||
meta: { |
||||
icon: 'mdi-collage', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/lists/trakt-lists', |
||||
name: 'lists.trakt-lists.title', |
||||
meta: { |
||||
icon: 'mdi-hammer', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/lists/filler-presets', |
||||
name: 'lists.filler-presets.title', |
||||
meta: { |
||||
icon: 'mdi-tune-vertical', |
||||
disabled: true |
||||
} |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
path: '/schedules', |
||||
name: 'schedules.title', |
||||
meta: { |
||||
icon: 'mdi-calendar', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/playouts', |
||||
name: 'playouts.title', |
||||
meta: { |
||||
icon: 'mdi-clipboard-play-multiple', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/settings', |
||||
name: 'settings.title', |
||||
meta: { |
||||
icon: 'mdi-cog', |
||||
disabled: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/Logs', |
||||
name: 'logs.title', |
||||
meta: { |
||||
icon: 'mdi-card-text', |
||||
disabled: true |
||||
} |
||||
}, |
||||
//hidden routes - used for non-menu routes
|
||||
{ |
||||
path: '/add-ffmpeg-profile', |
||||
name: 'add-ffmpeg-profile', |
||||
component: AddEditFFmpegProfilePage, |
||||
meta: { |
||||
disabled: false, |
||||
hidden: true |
||||
} |
||||
}, |
||||
{ |
||||
path: '/edit-ffmpeg-profile', |
||||
name: 'edit-ffmpeg', |
||||
component: AddEditFFmpegProfilePage, |
||||
meta: { |
||||
disabled: false, |
||||
hidden: true |
||||
}, |
||||
props: (route) => ({ query: route.query.id }) |
||||
} |
||||
]; |
||||
|
||||
const router = new VueRouter({ |
||||
mode: 'history', |
||||
base: process.env.BASE_URL, |
||||
routes |
||||
}); |
||||
|
||||
export default router; |
||||
@ -1,72 +0,0 @@
@@ -1,72 +0,0 @@
|
||||
import type { AxiosError, AxiosInstance, AxiosResponse } from 'axios'; |
||||
import axios from 'axios'; |
||||
|
||||
export function isAxiosError(value: any): value is AxiosError { |
||||
return typeof value?.response === 'object'; |
||||
} |
||||
|
||||
export abstract class AbstractApiService { |
||||
protected readonly http: AxiosInstance; |
||||
|
||||
protected constructor( |
||||
protected readonly path?: string, |
||||
protected readonly baseURL: string = process.env.VUE_APP_ETV_BASE_URL ?? |
||||
'/' |
||||
) { |
||||
if (path) { |
||||
this.baseURL += path; |
||||
} |
||||
this.http = axios.create({ |
||||
baseURL |
||||
// ... further stuff, e.g. `withCredentials: true`
|
||||
}); |
||||
this.http.defaults.headers.common['Accept'] = |
||||
'application/json;charset=UTF-8'; |
||||
this.http.defaults.headers.common['Content-Type'] = |
||||
'application/json;charset=UTF-8'; |
||||
} |
||||
|
||||
protected createParams(record: Record<string, any>): URLSearchParams { |
||||
const params: URLSearchParams = new URLSearchParams(); |
||||
for (const key in record) { |
||||
if (Object.prototype.hasOwnProperty.call(record, key)) { |
||||
const value: any = record[key]; |
||||
if (value !== null && value !== undefined) { |
||||
params.append(key, value); |
||||
} else { |
||||
console.debug( |
||||
`Param key '${key}' was null or undefined and will be ignored` |
||||
); |
||||
} |
||||
} |
||||
} |
||||
return params; |
||||
} |
||||
|
||||
protected handleResponse<T>(response: AxiosResponse<T>): T { |
||||
return response.data; |
||||
} |
||||
|
||||
protected handleError(error: unknown): never { |
||||
if (error instanceof Error) { |
||||
if (isAxiosError(error)) { |
||||
if (error.response) { |
||||
console.log(error.response.data); |
||||
console.log(error.response.status); |
||||
console.log(error.response.headers); |
||||
throw error; |
||||
} else if (error.request) { |
||||
// The request was made but no response was received
|
||||
// `error.request` is an instance of XMLHttpRequest in the browser
|
||||
console.log(error.request); |
||||
throw new Error(error as any); |
||||
} |
||||
} else { |
||||
// Something happened in setting up the request that triggered an Error
|
||||
console.log('Error', error.message); |
||||
throw new Error(error.message); |
||||
} |
||||
} |
||||
throw new Error(error as any); |
||||
} |
||||
} |
||||
@ -1,17 +0,0 @@
@@ -1,17 +0,0 @@
|
||||
import { AbstractApiService } from './AbstractApiService'; |
||||
import { Channel } from '@/models/Channel'; |
||||
|
||||
class ChannelApiService extends AbstractApiService { |
||||
public constructor() { |
||||
super(); |
||||
} |
||||
|
||||
public getAll(): Promise<Channel[]> { |
||||
return this.http |
||||
.get('/api/channels') |
||||
.then(this.handleResponse.bind(this)) |
||||
.catch(this.handleError.bind(this)); |
||||
} |
||||
} |
||||
|
||||
export const channelApiService: ChannelApiService = new ChannelApiService(); |
||||
@ -1,114 +0,0 @@
@@ -1,114 +0,0 @@
|
||||
import { AbstractApiService } from './AbstractApiService'; |
||||
import { FFmpegProfile } from '@/models/FFmpegProfile'; |
||||
import { FFmpegFullProfile } from '../models/FFmpegFullProfile'; |
||||
|
||||
class FFmpegProfileApiService extends AbstractApiService { |
||||
public constructor() { |
||||
super(); |
||||
} |
||||
|
||||
public getAll(): Promise<FFmpegProfile[]> { |
||||
return this.http |
||||
.get('/api/ffmpeg/profiles') |
||||
.then(this.handleResponse.bind(this)) |
||||
.catch(this.handleError.bind(this)); |
||||
} |
||||
|
||||
public getOne(id: string): Promise<FFmpegFullProfile[]> { |
||||
return this.http |
||||
.get('/api/ffmpeg/profiles/' + id) |
||||
.then(this.handleResponse.bind(this)) |
||||
.catch(this.handleError.bind(this)); |
||||
} |
||||
|
||||
public newFFmpegProfile( |
||||
Name: string, |
||||
ThreadCount: number, |
||||
HardwareAcceleration: number, |
||||
VaapiDriver: number, |
||||
VaapiDevice: string, |
||||
ResolutionId: number, |
||||
VideoFormat: number, |
||||
VideoBitrate: number, |
||||
VideoBufferSize: number, |
||||
AudioFormat: number, |
||||
AudioBitrate: number, |
||||
AudioBufferSize: number, |
||||
NormalizeLoudness: boolean, |
||||
AudioChannels: number, |
||||
AudioSampleRate: number, |
||||
NormalizeFramerate: boolean, |
||||
DeinterlaceVideo: boolean |
||||
) { |
||||
const data = { |
||||
Name: Name, |
||||
ThreadCount: ThreadCount, |
||||
HardwareAcceleration: HardwareAcceleration, |
||||
VaapiDriver: VaapiDriver, |
||||
VaapiDevice: VaapiDevice, |
||||
ResolutionId: ResolutionId, |
||||
VideoFormat: VideoFormat, |
||||
VideoBitrate: VideoBitrate, |
||||
VideoBufferSize: VideoBufferSize, |
||||
AudioFormat: AudioFormat, |
||||
AudioBitrate: AudioBitrate, |
||||
AudioBufferSize: AudioBufferSize, |
||||
NormalizeLoudness: NormalizeLoudness, |
||||
AudioChannels: AudioChannels, |
||||
AudioSampleRate: AudioSampleRate, |
||||
NormalizeFramerate: NormalizeFramerate, |
||||
DeinterlaceVideo: DeinterlaceVideo |
||||
}; |
||||
this.http.post('/api/ffmpeg/profiles/new', data); |
||||
} |
||||
|
||||
public updateFFmpegProfile( |
||||
Id: number, |
||||
Name: string, |
||||
ThreadCount: number, |
||||
HardwareAcceleration: number, |
||||
VaapiDriver: number, |
||||
VaapiDevice: string, |
||||
ResolutionId: number, |
||||
VideoFormat: number, |
||||
VideoBitrate: number, |
||||
VideoBufferSize: number, |
||||
AudioFormat: number, |
||||
AudioBitrate: number, |
||||
AudioBufferSize: number, |
||||
NormalizeLoudness: boolean, |
||||
AudioChannels: number, |
||||
AudioSampleRate: number, |
||||
NormalizeFramerate: boolean, |
||||
DeinterlaceVideo: boolean |
||||
) { |
||||
const data = { |
||||
Id: Id, |
||||
Name: Name, |
||||
ThreadCount: ThreadCount, |
||||
HardwareAcceleration: HardwareAcceleration, |
||||
VaapiDriver: VaapiDriver, |
||||
VaapiDevice: VaapiDevice, |
||||
ResolutionId: ResolutionId, |
||||
VideoFormat: VideoFormat, |
||||
VideoBitrate: VideoBitrate, |
||||
VideoBufferSize: VideoBufferSize, |
||||
AudioFormat: AudioFormat, |
||||
AudioBitrate: AudioBitrate, |
||||
AudioBufferSize: AudioBufferSize, |
||||
NormalizeLoudness: NormalizeLoudness, |
||||
AudioChannels: AudioChannels, |
||||
AudioSampleRate: AudioSampleRate, |
||||
NormalizeFramerate: NormalizeFramerate, |
||||
DeinterlaceVideo: DeinterlaceVideo |
||||
}; |
||||
this.http.put('/api/ffmpeg/profiles/update', data); |
||||
} |
||||
|
||||
public deleteRecord(id: string) { |
||||
this.http.delete('/api/ffmpeg/delete/' + id); |
||||
} |
||||
} |
||||
|
||||
export const ffmpegProfileApiService: FFmpegProfileApiService = |
||||
new FFmpegProfileApiService(); |
||||
@ -1,16 +0,0 @@
@@ -1,16 +0,0 @@
|
||||
import { AbstractApiService } from './AbstractApiService'; |
||||
|
||||
class VersionApiService extends AbstractApiService { |
||||
public constructor() { |
||||
super(); |
||||
} |
||||
|
||||
public version(): Promise<string> { |
||||
return this.http |
||||
.get('/api/version') |
||||
.then(this.handleResponse.bind(this)) |
||||
.catch(this.handleError.bind(this)); |
||||
} |
||||
} |
||||
|
||||
export const versionApiService: VersionApiService = new VersionApiService(); |
||||
@ -1,11 +0,0 @@
@@ -1,11 +0,0 @@
|
||||
import Vue, { VNode } from 'vue'; |
||||
|
||||
declare global { |
||||
namespace JSX { |
||||
interface Element extends VNode {} |
||||
interface ElementClass extends Vue {} |
||||
interface IntrinsicElements { |
||||
[elem: string]: any; |
||||
} |
||||
} |
||||
} |
||||
@ -1,4 +0,0 @@
@@ -1,4 +0,0 @@
|
||||
declare module '*.vue' { |
||||
import Vue from 'vue'; |
||||
export default Vue; |
||||
} |
||||
@ -1,46 +0,0 @@
@@ -1,46 +0,0 @@
|
||||
import { defineStore } from 'pinia'; |
||||
import { versionApiService } from '@/services/VersionService'; |
||||
|
||||
const originURL = `${window.location.origin}`; |
||||
|
||||
export const applicationState = defineStore('appState', { |
||||
state: () => { |
||||
return { |
||||
miniMenu: false, |
||||
currentVersion: 'unknown', |
||||
m3uURL: originURL + '/iptv/channels.m3u', // this will need to be fixed for reverse proxies
|
||||
xmlURL: originURL + '/iptv/xmltv.xml', // this will need to be fixed for reverse proxies
|
||||
documentationURL: 'https://ersatztv.org/', |
||||
githubURL: 'https://github.com/ErsatzTV/ErsatzTV', |
||||
discordURL: 'https://discord.gg/hHaJm3yGy6' |
||||
}; |
||||
}, |
||||
getters: { |
||||
isNavigationMini(state) { |
||||
return state.miniMenu; |
||||
}, |
||||
currentServerVersion(state) { |
||||
return state.currentVersion; |
||||
}, |
||||
navBarURLs(state) { |
||||
return { |
||||
m3uURL: state.m3uURL, |
||||
xmlURL: state.xmlURL, |
||||
documentationURL: state.documentationURL, |
||||
githubURL: state.githubURL, |
||||
discordURL: state.discordURL |
||||
}; |
||||
} |
||||
}, |
||||
actions: { |
||||
toggleMiniNavigation() { |
||||
this.miniMenu = !this.miniMenu; |
||||
}, |
||||
disableMiniNavigation() { |
||||
this.miniMenu = false; |
||||
}, |
||||
async getVersion() { |
||||
this.currentVersion = await versionApiService.version(); |
||||
} |
||||
} |
||||
}); |
||||
@ -1,28 +0,0 @@
@@ -1,28 +0,0 @@
|
||||
import { defineStore } from 'pinia'; |
||||
import VueI18n from '../plugins/i18n'; |
||||
|
||||
export const languageState = defineStore('languageState', { |
||||
state: () => { |
||||
return { |
||||
language: 'en' |
||||
}; |
||||
}, |
||||
getters: { |
||||
currentLanguageCode: (state) => { |
||||
return state.language; |
||||
} |
||||
}, |
||||
actions: { |
||||
setLanguage(languageCode) { |
||||
this.language = languageCode; |
||||
VueI18n.locale = languageCode; |
||||
} |
||||
}, |
||||
persist: { |
||||
afterRestore: (context) => { |
||||
if (context.store.language) { |
||||
VueI18n.locale = context.store.language; |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
@ -1,27 +0,0 @@
@@ -1,27 +0,0 @@
|
||||
import { defineStore } from 'pinia'; |
||||
|
||||
export const snackbarState = defineStore('snackbarState', { |
||||
state: () => { |
||||
return { |
||||
visible: false, |
||||
message: '' |
||||
}; |
||||
}, |
||||
getters: { |
||||
isVisible(state) { |
||||
return state.visible; |
||||
}, |
||||
currentMessage(state) { |
||||
return state.message; |
||||
} |
||||
}, |
||||
actions: { |
||||
showSnackbar(message) { |
||||
this.message = message; |
||||
this.visible = true; |
||||
}, |
||||
closeSnackbar() { |
||||
this.visible = false; |
||||
} |
||||
} |
||||
}); |
||||
@ -1,909 +0,0 @@
@@ -1,909 +0,0 @@
|
||||
<template> |
||||
<div id="AddEditFFmpegProfile"> |
||||
<h1 id="title" class="mx-4" /> |
||||
<v-divider color="success" class="ma-2"></v-divider> |
||||
<v-app> |
||||
<v-form |
||||
ref="form" |
||||
v-model="isFormValid" |
||||
id="ffmpegForm" |
||||
lazy-validation |
||||
> |
||||
<v-container> |
||||
<v-row justify="center"> |
||||
<v-flex shrink class="pb-10"> |
||||
<v-container style="max-height: 80px"> |
||||
<v-row justify="center"> |
||||
<h2 class="mx"> |
||||
{{ $t('edit-ffmpeg-profile.General') }} |
||||
</h2> |
||||
</v-row> |
||||
</v-container> |
||||
<v-container style="max-height: 80px"> |
||||
<v-text-field |
||||
v-model="newProfile.name" |
||||
:rules="textRules" |
||||
:label="$t('edit-ffmpeg-profile.Name')" |
||||
required |
||||
></v-text-field> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-text-field |
||||
ref="myThreadCount" |
||||
v-model="threadCount" |
||||
:label=" |
||||
$t('edit-ffmpeg-profile.thread-count') |
||||
" |
||||
:rules="validInt" |
||||
number |
||||
required |
||||
></v-text-field> |
||||
<v-tooltip v-model="threadCountShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container style="max-height: 40px"> |
||||
<v-select |
||||
v-model="selectedResolution" |
||||
@change="preferredResolutionChange" |
||||
:items="preferredResolutions" |
||||
item-value="id" |
||||
item-text="name" |
||||
:label=" |
||||
$t( |
||||
'edit-ffmpeg-profile.preferred-resolution' |
||||
) |
||||
" |
||||
required |
||||
></v-select> |
||||
</v-container> |
||||
</v-flex> |
||||
<v-divider |
||||
style="max-height: 500px" |
||||
vertical |
||||
color="grey" |
||||
></v-divider> |
||||
<v-flex shrink class="pb-10"> |
||||
<v-container style="max-height: 80px"> |
||||
<v-row justify="center"> |
||||
<h2 class="mx"> |
||||
{{ $t('edit-ffmpeg-profile.Video') }} |
||||
</h2> |
||||
</v-row> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-select |
||||
v-model="selectedVideoFormat" |
||||
@change="videoFormatChanged" |
||||
:items="videoFormats" |
||||
item-value="id" |
||||
item-text="name" |
||||
id="videoFormatSelector" |
||||
:label="$t('edit-ffmpeg-profile.format')" |
||||
required |
||||
></v-select> |
||||
<v-tooltip v-model="videoFormatShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-text-field |
||||
v-model="newProfile.videoBitRate" |
||||
:label="$t('edit-ffmpeg-profile.bitrate')" |
||||
:rules="validIntNonZero" |
||||
required |
||||
></v-text-field> |
||||
<v-tooltip v-model="videoBitRateShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-text-field |
||||
v-model="newProfile.videoBufferSize" |
||||
:label=" |
||||
$t('edit-ffmpeg-profile.buffer-size') |
||||
" |
||||
:rules="validIntNonZero" |
||||
required |
||||
></v-text-field> |
||||
<v-tooltip v-model="videoBufferSizeShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-select |
||||
v-model="selectedHardwareAcceleration" |
||||
@change="hardwareAccelerationChanged" |
||||
:items="hardwareAccelerations" |
||||
item-value="id" |
||||
item-text="name" |
||||
:label=" |
||||
$t( |
||||
'edit-ffmpeg-profile.hardware-acceleration' |
||||
) |
||||
" |
||||
required |
||||
></v-select> |
||||
<v-tooltip |
||||
v-model="hardwareAccelerationShow" |
||||
top |
||||
> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-select |
||||
v-model="selectedVaapiDriver" |
||||
@change="vaapiDriverChanged" |
||||
:items="vaapiDrivers" |
||||
:disabled="vaapiDriverDisabled" |
||||
item-value="id" |
||||
item-text="name" |
||||
:label=" |
||||
$t('edit-ffmpeg-profile.vaapi-driver') |
||||
" |
||||
required |
||||
></v-select> |
||||
<v-tooltip v-model="vaapiDriverShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-select |
||||
v-model="selectedVaapiDevice" |
||||
@change="vaapiDeviceChanged" |
||||
:items="vaapiDevices" |
||||
:disabled="vaapiDriverDisabled" |
||||
:label=" |
||||
$t('edit-ffmpeg-profile.vaapi-device') |
||||
" |
||||
required |
||||
></v-select> |
||||
<v-tooltip v-model="vaapiDeviceShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 50px" |
||||
> |
||||
<v-checkbox |
||||
class="mr-2" |
||||
v-model="normalizeFrameRate" |
||||
:label=" |
||||
$t( |
||||
'edit-ffmpeg-profile.normalize-framerate' |
||||
) |
||||
" |
||||
color="green lighten-1" |
||||
required |
||||
></v-checkbox> |
||||
<v-tooltip v-model="normalizeFrameRateShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pt-8" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 50px" |
||||
> |
||||
<v-checkbox |
||||
class="mr-2" |
||||
v-model="autoDeinterlaceVideo" |
||||
:label=" |
||||
$t( |
||||
'edit-ffmpeg-profile.auto-deinterlace-video' |
||||
) |
||||
" |
||||
color="green lighten-1" |
||||
required |
||||
></v-checkbox> |
||||
<v-tooltip |
||||
v-model="autoDeinterlaceVideoShow" |
||||
top |
||||
> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pt-8" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
</v-flex> |
||||
<v-divider |
||||
style="max-height: 500px" |
||||
vertical |
||||
color="grey" |
||||
></v-divider> |
||||
<v-flex shrink class="pb-10"> |
||||
<v-container style="max-height: 80px"> |
||||
<v-row justify="center"> |
||||
<h2 class="mx"> |
||||
{{ $t('edit-ffmpeg-profile.Audio') }} |
||||
</h2> |
||||
</v-row> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-select |
||||
v-model="selectedAudioFormat" |
||||
@change="audioFormatChanged" |
||||
:items="audioFormats" |
||||
item-value="id" |
||||
item-text="name" |
||||
:label="$t('edit-ffmpeg-profile.format')" |
||||
ref="audioFormat" |
||||
required |
||||
></v-select> |
||||
<v-tooltip v-model="audioFormatShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-text-field |
||||
v-model="newProfile.audioBitRate" |
||||
:label="$t('edit-ffmpeg-profile.bitrate')" |
||||
:rules="validIntNonZero" |
||||
required |
||||
></v-text-field> |
||||
<v-tooltip v-model="audioBitRateShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-text-field |
||||
v-model="newProfile.audioBufferSize" |
||||
:label=" |
||||
$t('edit-ffmpeg-profile.buffer-size') |
||||
" |
||||
:rules="validIntNonZero" |
||||
required |
||||
></v-text-field> |
||||
<v-tooltip v-model="audioBufferSizeShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-text-field |
||||
v-model="newProfile.channels" |
||||
:label="$t('edit-ffmpeg-profile.channels')" |
||||
:rules="validIntNonZero" |
||||
required |
||||
></v-text-field> |
||||
<v-tooltip v-model="audioChannelsShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-text-field |
||||
v-model="newProfile.audioSampleRate" |
||||
:label=" |
||||
$t('edit-ffmpeg-profile.sample-rate') |
||||
" |
||||
:rules="validIntNonZero" |
||||
required |
||||
></v-text-field> |
||||
<v-tooltip v-model="audioSampleRateShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-container |
||||
class="d-flex" |
||||
style="max-height: 80px" |
||||
> |
||||
<v-checkbox |
||||
v-model="normalizeLoudness" |
||||
:label=" |
||||
$t( |
||||
'edit-ffmpeg-profile.normalize-loudness' |
||||
) |
||||
" |
||||
color="green lighten-1" |
||||
required |
||||
></v-checkbox> |
||||
<v-tooltip v-model="normalizeLoudnessShow" top> |
||||
<template v-slot:activator="{ on, attrs }"> |
||||
<v-icon |
||||
class="pl-2" |
||||
color="grey" |
||||
v-ripple="false" |
||||
:retain-focus="false" |
||||
v-bind="attrs" |
||||
v-on="on" |
||||
> |
||||
mdi-help-circle-outline |
||||
</v-icon> |
||||
</template> |
||||
<span>Recommended Thread Count: 0</span> |
||||
</v-tooltip> |
||||
</v-container> |
||||
<v-spacer style="height: 80px"></v-spacer> |
||||
<v-container> |
||||
<v-btn |
||||
color="green lighten-1" |
||||
class="ma-2" |
||||
:disabled="!isFormValid" |
||||
@click="saveFFmpegProfile()" |
||||
> |
||||
{{ $t('edit-ffmpeg-profile.save-profile') }} |
||||
</v-btn> |
||||
<v-btn |
||||
color="cancel" |
||||
class="ma-2" |
||||
@click="cancelAdd()" |
||||
> |
||||
{{ $t('edit-ffmpeg-profile.cancel') }} |
||||
</v-btn> |
||||
<v-btn |
||||
color="indigo accent-1" |
||||
class="ma-2" |
||||
@click="cancelAdd()" |
||||
> |
||||
{{ $t('edit-ffmpeg-profile.help') }} |
||||
</v-btn> |
||||
</v-container> |
||||
</v-flex> |
||||
</v-row> |
||||
</v-container> |
||||
</v-form> |
||||
</v-app> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import { Vue, Component, Watch } from 'vue-property-decorator'; |
||||
import { ffmpegProfileApiService } from '@/services/FFmpegProfileService'; |
||||
|
||||
@Component |
||||
export default class AddEditFFmpegProfile extends Vue { |
||||
//@Name({ default: 'AddEditFFmpegProfile' }) AddEditFFmpegProfile!: string; |
||||
//@Prop({ default: -1 }) private id!: number; |
||||
public newProfile: any = {}; |
||||
private refForm: any = this.$refs.form; |
||||
public isFormValid = false; |
||||
public threadCountShow = false; |
||||
public videoFormatShow = false; |
||||
public videoBitRateShow = false; |
||||
public videoBufferSizeShow = false; |
||||
public hardwareAccelerationShow = false; |
||||
public vaapiDriverShow = false; |
||||
public vaapiDeviceShow = false; |
||||
public normalizeFrameRateShow = false; |
||||
public autoDeinterlaceVideoShow = false; |
||||
public audioFormatShow = false; |
||||
public audioBitRateShow = false; |
||||
public audioBufferSizeShow = false; |
||||
public audioChannelsShow = false; |
||||
public audioSampleRateShow = false; |
||||
public normalizeLoudnessShow = false; |
||||
|
||||
public AddEditFFmpegProfile() { |
||||
console.log('test'); |
||||
} |
||||
|
||||
public audioFormats: [ |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string } |
||||
] = [ |
||||
{ id: 1, name: 'aac' }, |
||||
{ id: 2, name: 'ac3' } |
||||
]; |
||||
|
||||
private _selectedAudioFormat: number = 2; |
||||
public selectedAudioFormat: { id: number; name: string } = { |
||||
id: 2, |
||||
name: 'ac3' |
||||
}; |
||||
|
||||
public preferredResolutions: [ |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string } |
||||
] = [ |
||||
{ id: 0, name: '720x480' }, |
||||
{ id: 1, name: '1280x720' }, |
||||
{ id: 2, name: '1920x1080' }, |
||||
{ id: 3, name: '3840x2160' } |
||||
]; |
||||
|
||||
private _selectedResolution: number = 2; |
||||
public selectedResolution: { id: number; name: string } = { |
||||
id: 2, |
||||
name: '1920x1080' |
||||
}; |
||||
|
||||
public videoFormats: [ |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string } |
||||
] = [ |
||||
{ id: 1, name: 'h264' }, |
||||
{ id: 2, name: 'hevc' }, |
||||
{ id: 3, name: 'mpeg-2' } |
||||
]; |
||||
|
||||
private _selectedVideoFormat: number = 1; |
||||
public selectedVideoFormat: { id: number; name: string } = { |
||||
id: 1, |
||||
name: 'h264' |
||||
}; |
||||
|
||||
public hardwareAccelerations: [ |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string } |
||||
] = [ |
||||
{ id: 0, name: 'None' }, |
||||
{ id: 1, name: 'Qsv' }, |
||||
{ id: 2, name: 'Nvenc' }, |
||||
{ id: 3, name: 'Vaapi' }, |
||||
{ id: 4, name: 'VideoToolbox' } |
||||
]; |
||||
|
||||
private _selectedHardwareAcceleration: number = 0; |
||||
public selectedHardwareAcceleration: { id: number; name: string } = { |
||||
id: 0, |
||||
name: 'None' |
||||
}; |
||||
|
||||
public vaapiDrivers: [ |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string }, |
||||
{ id: number; name: string } |
||||
] = [ |
||||
{ id: 0, name: 'Default' }, |
||||
{ id: 1, name: 'iHD' }, |
||||
{ id: 2, name: 'i965' }, |
||||
{ id: 3, name: 'RadeonSI' }, |
||||
{ id: 4, name: 'Nouveau' } |
||||
]; |
||||
|
||||
public vaapiDriverDisabled = true; |
||||
private _selectedVaapiDriver: number = 0; |
||||
public selectedVaapiDriver: { id: number; name: string } = { |
||||
id: 0, |
||||
name: 'Default' |
||||
}; |
||||
|
||||
public selectedVaapiDevice: string = ''; |
||||
public vaapiDevices: [string, string] = ['', '/dev/dri/renderD128']; |
||||
|
||||
public normalizeFrameRate: boolean = false; |
||||
public autoDeinterlaceVideo: boolean = true; |
||||
public normalizeLoudness: boolean = true; |
||||
|
||||
saveFFmpegProfile() { |
||||
//this means we're adding |
||||
if (isNaN(this.id)) { |
||||
ffmpegProfileApiService.newFFmpegProfile( |
||||
this.newProfile.name, |
||||
this.threadCount, |
||||
this._selectedHardwareAcceleration, |
||||
this._selectedVaapiDriver, |
||||
this.selectedVaapiDevice, |
||||
this._selectedResolution, |
||||
this._selectedVideoFormat, |
||||
this.newProfile.videoBitRate, |
||||
this.newProfile.videoBufferSize, |
||||
this._selectedAudioFormat, |
||||
this.newProfile.audioBitRate, |
||||
this.newProfile.audioBufferSize, |
||||
this.normalizeLoudness, |
||||
this.newProfile.channels, |
||||
this.newProfile.audioSampleRate, |
||||
this.normalizeFrameRate, |
||||
this.autoDeinterlaceVideo |
||||
); |
||||
} else { |
||||
//this means we're editing |
||||
ffmpegProfileApiService.updateFFmpegProfile( |
||||
this.id, |
||||
this.newProfile.name, |
||||
this.threadCount, |
||||
this._selectedHardwareAcceleration, |
||||
this._selectedVaapiDriver, |
||||
this.selectedVaapiDevice, |
||||
this._selectedResolution, |
||||
this._selectedVideoFormat, |
||||
this.newProfile.videoBitRate, |
||||
this.newProfile.videoBufferSize, |
||||
this._selectedAudioFormat, |
||||
this.newProfile.audioBitRate, |
||||
this.newProfile.audioBufferSize, |
||||
this.normalizeLoudness, |
||||
this.newProfile.channels, |
||||
this.newProfile.audioSampleRate, |
||||
this.normalizeFrameRate, |
||||
this.autoDeinterlaceVideo |
||||
); |
||||
} |
||||
const Toast = this.$swal.mixin({ |
||||
toast: true, |
||||
position: 'top-end', |
||||
showConfirmButton: false, |
||||
timer: 3000, |
||||
timerProgressBar: true, |
||||
didOpen: (toast) => { |
||||
toast.addEventListener('mouseenter', this.$swal.stopTimer); |
||||
toast.addEventListener('mouseleave', this.$swal.resumeTimer); |
||||
} |
||||
}); |
||||
|
||||
Toast.fire({ |
||||
icon: 'success', |
||||
title: this.$t('edit-ffmpeg-profile.profile-saved').toString() |
||||
}); |
||||
this.$router.push({ |
||||
name: 'ffmpeg-profiles.title' |
||||
}); |
||||
} |
||||
|
||||
cancelAdd() { |
||||
this.$router.push({ |
||||
name: 'ffmpeg-profiles.title' |
||||
}); |
||||
} |
||||
|
||||
//~change events~// |
||||
public audioFormatChanged(selectObj: number) { |
||||
this._selectedAudioFormat = selectObj; |
||||
} |
||||
|
||||
public preferredResolutionChange(selectObj: number) { |
||||
this._selectedResolution = selectObj + 1; |
||||
} |
||||
|
||||
public videoFormatChanged(selectObj: number) { |
||||
this._selectedVideoFormat = selectObj; |
||||
} |
||||
|
||||
public hardwareAccelerationChanged(selectObj: number) { |
||||
this._selectedHardwareAcceleration = selectObj; |
||||
this.applyVaapiValidation(); |
||||
} |
||||
|
||||
public applyVaapiValidation() { |
||||
//If they pick VAAPI as the hardware acceleration, |
||||
//they can now choose a vaapi driver and device. |
||||
//If not, they cannot change the default options. |
||||
if (this._selectedHardwareAcceleration == 3) { |
||||
this.vaapiDriverDisabled = false; |
||||
} else { |
||||
this.vaapiDriverDisabled = true; |
||||
this._selectedVaapiDriver = 0; |
||||
this.selectedVaapiDriver = { id: 0, name: 'Default' }; |
||||
this.selectedVaapiDevice = ''; |
||||
} |
||||
} |
||||
|
||||
public vaapiDriverChanged(selectObj: number) { |
||||
this._selectedVaapiDriver = selectObj; |
||||
} |
||||
|
||||
public vaapiDeviceChanged(selectObj: string) { |
||||
this.selectedVaapiDevice = selectObj; |
||||
} |
||||
|
||||
//~ end change events~// |
||||
|
||||
public threadCount = 0; |
||||
|
||||
get validIntNonZero() { |
||||
return [ |
||||
(v: any) => |
||||
(v && /^[0-9]+$/.test(v)) || this.$t('Must be a valid number.'), |
||||
(v: any) => (v && v > 0) || 'Must be greater than 0.' |
||||
]; |
||||
} |
||||
|
||||
get validInt() { |
||||
return [ |
||||
(v: any) => |
||||
(v && /^[0-9]+$/.test(v)) || this.$t('Must be a valid number.') |
||||
]; |
||||
} |
||||
|
||||
get textRules() { |
||||
return [(v: any) => (v && v.length > 0) || 'Value must not be empty.']; |
||||
} |
||||
|
||||
props!: { id: number }; |
||||
@Watch('id', { immediate: true }) async onItemChanged() { |
||||
console.log('ID', this.id); |
||||
this.id = Number(this.$route.query.id) ?? -1; |
||||
await this.loadPage(); |
||||
} |
||||
|
||||
private loaded = false; |
||||
private id = -1; |
||||
|
||||
title: string = 'Modify FFmpeg Profile'; |
||||
|
||||
async loadPage(): Promise<void> { |
||||
if (this.loaded) { |
||||
return; |
||||
} |
||||
var title = document.getElementById('title'); |
||||
if (title === null || title === undefined) { |
||||
//sometimes the element isn't loaded yet, it'll come |
||||
//back to this when it's good to go. So skip for now. |
||||
return; |
||||
} |
||||
if (!isNaN(this.id)) { |
||||
title.innerHTML = this.$t( |
||||
'edit-ffmpeg-profile.edit-profile' |
||||
).toString(); |
||||
var ffmpegFullProfile = await ffmpegProfileApiService.getOne( |
||||
this.id.toString() |
||||
); |
||||
var result = ffmpegFullProfile[0]; |
||||
if (result !== undefined) { |
||||
//We have a profile, let's load it. |
||||
this.threadCount = result.threadCount; |
||||
this.selectedVaapiDevice = result.vaapiDevice; |
||||
this.autoDeinterlaceVideo = result.deinterlaceVideo; |
||||
this.normalizeFrameRate = result.normalizeFramerate; |
||||
this.normalizeLoudness = result.normalizeLoudness; |
||||
this.newProfile = { |
||||
name: result.name, |
||||
videoBitRate: result.videoBitrate, |
||||
videoBufferSize: result.videoBufferSize, |
||||
audioBitRate: result.audioBitrate, |
||||
audioBufferSize: result.audioBufferSize, |
||||
channels: result.audioChannels, |
||||
audioSampleRate: result.audioSampleRate |
||||
}; |
||||
|
||||
this._selectedAudioFormat = result.audioFormat; |
||||
this.selectedAudioFormat = |
||||
this.audioFormats[result.audioFormat - 1]; |
||||
this._selectedVideoFormat = result.videoFormat; |
||||
this.selectedVideoFormat = |
||||
this.videoFormats[result.videoFormat - 1]; |
||||
this._selectedResolution = result.resolutionId; |
||||
this.selectedResolution = |
||||
this.preferredResolutions[result.resolutionId - 1]; |
||||
this._selectedHardwareAcceleration = |
||||
result.hardwareAcceleration; |
||||
this.selectedHardwareAcceleration = |
||||
this.hardwareAccelerations[result.hardwareAcceleration]; |
||||
this._selectedVaapiDriver = result.vaapiDriver; |
||||
this.selectedVaapiDriver = |
||||
this.vaapiDrivers[result.vaapiDriver]; |
||||
this.applyVaapiValidation(); |
||||
this.loaded = true; |
||||
} else { |
||||
//an ID was entered (probably in the URL) that doesn't exist. Let's returnt to the profile list. |
||||
console.log('No ffmpeg profile found for ID: ' + this.id); |
||||
this.$router.push({ |
||||
name: 'ffmpeg-profiles.title' |
||||
}); |
||||
} |
||||
} else { |
||||
//new profile! |
||||
title.innerHTML = this.$t( |
||||
'edit-ffmpeg-profile.add-profile' |
||||
).toString(); |
||||
this._selectedAudioFormat = 2; |
||||
this._selectedResolution = 3; |
||||
this._selectedVideoFormat = 1; |
||||
this._selectedHardwareAcceleration = 0; |
||||
this._selectedVaapiDriver = 0; |
||||
this.selectedVaapiDevice = ''; |
||||
this.newProfile = { |
||||
name: 'New Profile', |
||||
videoBitRate: 2000, |
||||
videoBufferSize: 4000, |
||||
audioBitRate: 192, |
||||
audioBufferSize: 384, |
||||
channels: 2, |
||||
audioSampleRate: 48 |
||||
}; |
||||
this.loaded = true; |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
@ -1,62 +0,0 @@
@@ -1,62 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<v-data-table |
||||
:headers="headers" |
||||
:items="channels" |
||||
:sort-by="['number']" |
||||
class="elevation-1" |
||||
> |
||||
<template v-slot:[`item.actions`]="{ item }"> |
||||
<v-btn icon class="mr-2" @click="editRow(item.id)"> |
||||
<v-icon>mdi-lead-pencil</v-icon> |
||||
</v-btn> |
||||
|
||||
<v-btn icon @click.stop="deleteRow(item.id)"> |
||||
<v-icon>mdi-delete</v-icon></v-btn |
||||
> |
||||
</template> |
||||
</v-data-table> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import { Vue, Component } from 'vue-property-decorator'; |
||||
import { Channel } from '@/models/Channel'; |
||||
import { channelApiService } from '@/services/ChannelService'; |
||||
|
||||
@Component |
||||
export default class Channels extends Vue { |
||||
private channels: Channel[] = []; |
||||
|
||||
get headers() { |
||||
return [ |
||||
{ text: this.$t('channels.table.number'), value: 'number' }, |
||||
{ text: this.$t('channels.table.logo'), value: 'logo' }, |
||||
{ text: this.$t('channels.table.name'), value: 'name' }, |
||||
{ text: this.$t('channels.table.language'), value: 'language' }, |
||||
{ text: this.$t('channels.table.mode'), value: 'streamingMode' }, |
||||
{ |
||||
text: this.$t('channels.table.ffmpeg-profile'), |
||||
value: 'ffmpegProfile' |
||||
}, |
||||
{ text: 'Actions', value: 'actions', sortable: false } |
||||
]; |
||||
} |
||||
|
||||
deleteRow(item: any) { |
||||
let index = this.channels.findIndex((it) => it.id === item.id); |
||||
this.channels.splice(index, 1); |
||||
} |
||||
|
||||
editRow(item: any) { |
||||
let index = this.channels.findIndex((it) => it.id === item.id); |
||||
this.channels.splice(index, 1); |
||||
} |
||||
|
||||
title: string = 'Channels'; |
||||
|
||||
async mounted(): Promise<void> { |
||||
this.channels = await channelApiService.getAll(); |
||||
} |
||||
} |
||||
</script> |
||||
@ -1,123 +0,0 @@
@@ -1,123 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<v-btn color="success" class="ma-4" @click="addRecord()">{{ |
||||
$t('ffmpeg-profiles.add-profile') |
||||
}}</v-btn> |
||||
<v-data-table |
||||
:headers="headers" |
||||
:items="ffmpegProfiles" |
||||
:sort-by="['name']" |
||||
class="elevation-1" |
||||
> |
||||
<template v-slot:[`item.actions`]="{ item }"> |
||||
<v-btn icon class="mr-2" @click="editRow(item.id)"> |
||||
<v-icon>mdi-lead-pencil</v-icon> |
||||
</v-btn> |
||||
|
||||
<v-btn icon @click.stop="deleteRecord(item.id, item.name)"> |
||||
<v-icon>mdi-delete</v-icon></v-btn |
||||
> |
||||
</template> |
||||
</v-data-table> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import { Vue, Component } from 'vue-property-decorator'; |
||||
import { FFmpegProfile } from '@/models/FFmpegProfile'; |
||||
import { ffmpegProfileApiService } from '@/services/FFmpegProfileService'; |
||||
|
||||
@Component |
||||
export default class FFmpegProfiles extends Vue { |
||||
public ffmpegProfiles: FFmpegProfile[] = []; |
||||
|
||||
get headers() { |
||||
return [ |
||||
{ text: this.$t('ffmpeg-profiles.table.name'), value: 'name' }, |
||||
{ |
||||
text: this.$t('ffmpeg-profiles.table.resolution'), |
||||
value: 'resolution' |
||||
}, |
||||
{ text: this.$t('ffmpeg-profiles.table.video'), value: 'video' }, |
||||
{ text: this.$t('ffmpeg-profiles.table.audio'), value: 'audio' }, |
||||
{ |
||||
text: this.$t('ffmpeg-profiles.actions'), |
||||
value: 'actions', |
||||
sortable: false |
||||
} |
||||
]; |
||||
} |
||||
|
||||
addRecord() { |
||||
this.$router.push({ |
||||
name: 'add-ffmpeg-profile' |
||||
}); |
||||
} |
||||
|
||||
deleteRecord(record: any, recordName: any) { |
||||
this.$swal |
||||
.fire({ |
||||
title: this.$t( |
||||
'ffmpeg-profiles.delete-dialog-title' |
||||
).toString(), |
||||
// text: this.$t( |
||||
// 'Delete "' + recordName + '" FFmpeg Profile?' |
||||
// ).toString(), |
||||
text: this.$t('ffmpeg-profiles.delete-dialog-text', { |
||||
profileName: '"' + recordName + '"' |
||||
}).toString(), |
||||
icon: 'warning', |
||||
//iconColor: '#4CAF50', |
||||
showCancelButton: true, |
||||
cancelButtonText: this.$t('ffmpeg-profiles.no').toString(), |
||||
confirmButtonText: this.$t('ffmpeg-profiles.yes').toString() |
||||
}) |
||||
.then((result) => { |
||||
if (result.isConfirmed) { |
||||
let index = this.ffmpegProfiles.findIndex( |
||||
(it) => it.id === record |
||||
); |
||||
this.ffmpegProfiles.splice(index, 1); |
||||
ffmpegProfileApiService.deleteRecord(String(record)); |
||||
const Toast = this.$swal.mixin({ |
||||
toast: true, |
||||
position: 'top-end', |
||||
showConfirmButton: false, |
||||
timer: 3000, |
||||
timerProgressBar: true, |
||||
didOpen: (toast) => { |
||||
toast.addEventListener( |
||||
'mouseenter', |
||||
this.$swal.stopTimer |
||||
); |
||||
toast.addEventListener( |
||||
'mouseleave', |
||||
this.$swal.resumeTimer |
||||
); |
||||
} |
||||
}); |
||||
|
||||
Toast.fire({ |
||||
icon: 'success', |
||||
title: this.$t( |
||||
'ffmpeg-profiles.profile-deleted' |
||||
).toString() |
||||
}); |
||||
} |
||||
}); |
||||
} |
||||
|
||||
editRow(id: any) { |
||||
this.$router.push({ |
||||
name: 'edit-ffmpeg', |
||||
query: { id: id } |
||||
}); |
||||
} |
||||
|
||||
title: string = 'FFMpeg Profiles'; |
||||
|
||||
async mounted(): Promise<void> { |
||||
this.ffmpegProfiles = await ffmpegProfileApiService.getAll(); |
||||
} |
||||
} |
||||
</script> |
||||
@ -1,9 +0,0 @@
@@ -1,9 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<h1>{{ $t(this.$route.name) }}</h1> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default {}; |
||||
</script> |
||||
@ -1,44 +0,0 @@
@@ -1,44 +0,0 @@
|
||||
{ |
||||
"compilerOptions": { |
||||
"target": "esnext", |
||||
"module": "esnext", |
||||
"strict": true, |
||||
"allowJs": true, |
||||
"experimentalDecorators": true, |
||||
"jsx": "preserve", |
||||
"moduleResolution": "node", |
||||
"skipLibCheck": true, |
||||
"esModuleInterop": true, |
||||
"allowSyntheticDefaultImports": true, |
||||
"forceConsistentCasingInFileNames": true, |
||||
"useDefineForClassFields": true, |
||||
"sourceMap": true, |
||||
"baseUrl": ".", |
||||
"types": [ |
||||
"webpack-env", |
||||
"vuetify", |
||||
"vue-sweetalert2" |
||||
], |
||||
"paths": { |
||||
"@/*": [ |
||||
"src/*" |
||||
] |
||||
}, |
||||
"lib": [ |
||||
"esnext", |
||||
"dom", |
||||
"dom.iterable", |
||||
"scripthost" |
||||
] |
||||
}, |
||||
"include": [ |
||||
"src/**/*.ts", |
||||
"src/**/*.tsx", |
||||
"src/**/*.vue", |
||||
"tests/**/*.ts", |
||||
"tests/**/*.tsx" |
||||
], |
||||
"exclude": [ |
||||
"node_modules" |
||||
] |
||||
} |
||||
@ -1,21 +0,0 @@
@@ -1,21 +0,0 @@
|
||||
const { defineConfig } = require('@vue/cli-service'); |
||||
|
||||
module.exports = defineConfig({ |
||||
transpileDependencies: ['vuetify'], |
||||
runtimeCompiler: true, |
||||
|
||||
pwa: { |
||||
name: 'ErsatzTV' |
||||
}, |
||||
publicPath: '/v2/', |
||||
outputDir: '../wwwroot/v2', |
||||
filenameHashing: false, |
||||
pluginOptions: { |
||||
i18n: { |
||||
locale: 'en', |
||||
fallbackLocale: 'en', |
||||
localeDir: 'locales', |
||||
enableInSFC: true |
||||
} |
||||
} |
||||
}); |
||||
Loading…
Reference in new issue