lingling
/
media_player_client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

合并FileManager

This commit is contained in:
fangxiang 2023-02-15 16:36:51 +08:00
parent c35ff719c6
commit d16df7ada8
12 changed files with 1225 additions and 1346 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/media_control_client_product.js
View File

@ -1,3 +1,5 @@
window.media_control_client_product = "LED_PLAYER"; window.media_control_client_product = "LED_PLAYER";
// window.media_control_client_product = "SPECIAL_VIDEO"; // window.media_control_client_product = "SPECIAL_VIDEO";
// window.media_control_client_product = "RK_3568"; // window.media_control_client_product = "RK_3568";
window.media_control_client_custom_title = "SmartPlayer";

9
src/common/ClientConnection.ts
View File

@ -1519,6 +1519,15 @@ export default class ClientConnection {
console.error(e); console.error(e);
} }
} }
public async CheckModeIndex(mode_index:number) {
try {
return await this.doRpc<Protocol.RpcCheckModeIndexResponseEntity>(
new Protocol.RpcCheckModeIndexRequestEntity(mode_index)
);
} catch (e) {
console.error(e);
}
}
} }
export interface NotifyMessage { export interface NotifyMessage {

482
src/components/BackgroundImageDialog.vue
View File

@ -1,256 +1,226 @@
<template> <template>
<q-dialog <q-dialog
persistent persistent
v-model="show_dialog" v-model="show_dialog"
@before-hide="resetData" @before-hide="resetData"
@keydown=" @keydown="
(evt) => { (evt) => {
if (!loading && evt.keyCode == 27) { if (!loading && evt.keyCode == 27) {
show_dialog = false; show_dialog = false;
} }
} }
" "
> >
<q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw"> <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
<q-form @submit="onSubmit"> <q-form @submit="onSubmit">
<q-card-section class="q-ma-none q-pa-sm"> <q-card-section class="q-ma-none q-pa-sm">
<div class="row"> <div class="row">
<div class="col-11 text-h6"> <div class="col-11 text-h6">
{{ $t("background image") }} {{ $t("background image") }}
</div> </div>
<div class="col-1"> <div class="col-1">
<q-btn <q-btn
:loading="loading" :loading="loading"
flat flat
round round
icon="close" icon="close"
:disable="loading" :disable="loading"
color="red" color="red"
v-close-popup v-close-popup
> >
<q-tooltip> <q-tooltip>
{{ $t("close") }} {{ $t("close") }}
</q-tooltip> </q-tooltip>
</q-btn> </q-btn>
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-section style="max-height: 50vh; width: 35vw" class="scroll"> <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
<q-list> <q-list>
<q-item> <q-item>
<q-item-section> <q-item-section>
<q-uploader <q-uploader
class="full-width" class="full-width"
ref="uploader" ref="uploader"
:url="upload_url" :url="upload_url"
method="post" method="post"
:headers="generatorFileUploadHeaders" :label="$t('select background image') + ':'"
:label="$t('select background image') + ':'" :accept="$store.state.isSpecialVideo() ? '.svdoj' : 'image/*'"
:accept="$store.state.isSpecialVideo() ? '.svdoj' : 'image/*'" :hide-upload-btn="true"
:hide-upload-btn="true" @uploaded="onUploaded"
@uploaded="onUploaded" @failed="onFailed"
@failed="onFailed" @added="(files) => files && (file_count += files.length)"
@added="(files) => files && (file_count += files.length)" @removed="(files) => files && (file_count -= files.length)"
@removed="(files) => files && (file_count -= files.length)" />
/> <!-- :headers="generatorFileUploadHeaders" -->
</q-item-section> </q-item-section>
</q-item> </q-item>
</q-list> </q-list>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-actions align="left"> <q-card-actions align="left">
<q-btn <q-btn
v-if="$store.state.isLedPlayer()" v-if="$store.state.isLedPlayer()"
flat flat
no-caps no-caps
:loading="loading" :loading="loading"
color="primary" color="primary"
@click="showBackgroundImage" @click="showBackgroundImage()"
:label="$t('view current background image')" :label="$t('view current background image')"
/> />
<q-space /> <q-space />
<q-btn <q-btn
:loading="loading" :loading="loading"
flat flat
:label="$t('Cancel')" :label="$t('Cancel')"
no-caps no-caps
color="primary" color="primary"
v-close-popup v-close-popup
/> />
<q-btn <q-btn
ref="accept" ref="accept"
flat flat
:label="$t('Accept')" :label="$t('Accept')"
no-caps no-caps
:loading="loading" :loading="loading"
type="submit" type="submit"
color="primary" color="primary"
/> />
</q-card-actions> </q-card-actions>
</q-form> </q-form>
</q-card> </q-card>
</q-dialog> </q-dialog>
</template> </template>
<style scoped></style> <style scoped></style>
<script lang="ts"> <script lang="ts">
import { defineComponent, ref, watch, computed } from "vue"; import { defineComponent, ref, watch, computed } from "vue";
import { useStore } from "src/store"; import { useStore } from "src/store";
import { useQuasar } from "quasar"; import { useQuasar } from "quasar";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import GlobalData from "src/common/GlobalData"; import GlobalData from "src/common/GlobalData";
import { HttpProtocol } from "src/entities/HttpProtocol"; import { HttpProtocol } from "src/entities/HttpProtocol";
import { api as viewerApi } from "v-viewer"; import { api as viewerApi } from "v-viewer";
export default defineComponent({ export default defineComponent({
name: "ComponentBackgroundImageDialog", name: "ComponentBackgroundImageDialog",
setup() { setup() {
let $store = useStore(); let $store = useStore();
let $q = useQuasar(); let $q = useQuasar();
let $t = useI18n(); let $t = useI18n();
let show_dialog = ref(false); let show_dialog = ref(false);
let uploader: any = ref(null); let uploader: any = ref(null);
let loading = ref(false); let loading = ref(false);
let upload_url = ref(""); let upload_url = ref("");
let file_count = ref(0); let file_count = ref(0);
return { return {
show_dialog, show_dialog,
loading, loading,
upload_url, upload_url,
uploader, uploader,
file_count, file_count,
loga(a: any) { loga(a: any) {
console.log(a); console.log(a);
}, },
generatorFileUploadHeaders(files: File[]) { showDialog() {
if (files.length > 0) { show_dialog.value = true;
return [ let url = GlobalData.getInstance().createCurrentRequestUrl();
{ if (url) {
name: HttpProtocol.kHeaderXProductName, url.pathname = "/upload_background_image_file";
value: HttpProtocol.getProductName($store), upload_url.value = url.toString();
}, }
{ },
name: HttpProtocol.kHeaderXFileLength, resetData() {
value: files[0].size, loading.value = false;
}, upload_url.value = "";
]; file_count.value = 0;
} },
return []; showBackgroundImage() {
}, try {
showDialog() { let url = GlobalData.getInstance().createCurrentRequestUrl();
show_dialog.value = true; if (url) {
let client = GlobalData.getInstance().getCurrentClient(); url.pathname = "/get_background_image_file";
if (client) { viewerApi({
let url = new URL(client.url); options: {
url.port = toolbar: true,
GlobalData.getInstance().applicationConfig?.httpserver_port ?? url: "data-source",
HttpProtocol.DefaultHttpPort.toString(); initialViewIndex: 0,
url.pathname = HttpProtocol.RequestUploadFile; },
url.protocol = "http:"; images: [
url.searchParams.append( {
"type", src: url.toString(),
HttpProtocol.UploadTypeBackgroundImage "data-source": url.toString(),
); },
upload_url.value = url.toString(); ],
} });
}, }
resetData() { } catch {}
loading.value = false; },
upload_url.value = ""; async onSubmit() {
file_count.value = 0; if (file_count.value <= 0) {
}, $q.notify({
showBackgroundImage() { type: "warning",
const temp_port = message: $t.t("please select file first") + "!",
GlobalData.getInstance().applicationConfig?.httpserver_port ?? position: "top",
HttpProtocol.DefaultHttpPort.toString(); timeout: 1500,
try { });
const url = new URL( return;
GlobalData.getInstance().getCurrentClient()?.url ?? }
"http://127.0.0.1:" + temp_port loading.value = true;
); try {
url.protocol = "http"; $q.dialog({
url.port = temp_port.toString(); title: $t.t("Confirm"),
url.pathname = "/static/background_image.png"; message: $t.t("use this image to background image") + "?",
viewerApi({ ok: {
options: { label: $t.t("ok"),
toolbar: true, noCaps: true,
url: "data-source", flat: true,
initialViewIndex: 0, },
}, cancel: {
images: [ label: $t.t("cancel"),
{ noCaps: true,
src: url.toString(), flat: true,
"data-source": url.toString(), },
}, persistent: true,
], })
}); .onOk(() => {
} catch {} uploader.value.upload();
}, })
async onSubmit() { .onCancel(() => {
if (file_count.value <= 0) { loading.value = false;
$q.notify({ });
type: "warning", } catch {}
message: $t.t("please select file first") + "!", },
position: "top", onUploaded() {
timeout: 1500, $q.notify({
}); type: "positive",
return; message: $t.t("upload background image") + $t.t("success") + "!",
} position: "top",
loading.value = true; timeout: 1500,
try { });
$q.dialog({ loading.value = false;
title: $t.t("Confirm"), show_dialog.value = false;
message: $t.t("use this image to background image") + "?", },
ok: { onFailed(info: any) {
label: $t.t("ok"), console.log(info);
noCaps: true, $q.notify({
flat: true, type: "warning",
}, message: $t.t("upload background image") + $t.t("fail") + "!",
cancel: { position: "top",
label: $t.t("cancel"), timeout: 1500,
noCaps: true, });
flat: true, loading.value = false;
}, },
persistent: true, };
}) },
.onOk(() => { });
uploader.value.upload(); </script>
})
.onCancel(() => {
loading.value = false;
});
} catch {}
},
onUploaded() {
$q.notify({
type: "positive",
message: $t.t("upload background image") + $t.t("success") + "!",
position: "top",
timeout: 1500,
});
loading.value = false;
show_dialog.value = false;
},
onFailed(info: any) {
console.log(info);
$q.notify({
type: "warning",
message: $t.t("upload background image") + $t.t("fail") + "!",
position: "top",
timeout: 1500,
});
loading.value = false;
},
};
},
});
</script>

361
src/components/FileManageDialog.vue
View File

@ -346,14 +346,12 @@
style="height: 69vh; width: 70%" style="height: 69vh; width: 70%"
:disable="uploader_loading" :disable="uploader_loading"
:url="getUrl" :url="getUrl"
method="post" multiple
:headers="generatorFileUploadHeaders" method="POST"
:label="$t('select file') + ':'" :label="$t('select file') + ':'"
:accept="uploader_accept" :accept="uploader_accept"
@start="onStartUpload" @start="onStartUpload"
@uploaded="onUploaded" @finish="onFailed"
@failed="onFailed"
@added="/*onFileAdded*/ null"
> >
</q-uploader> </q-uploader>
<q-space /> <q-space />
@ -687,7 +685,6 @@ export default defineComponent({
loading.value = false; loading.value = false;
}; };
const refresh_file_list_async = async () => { const refresh_file_list_async = async () => {
const response = await _request_list_files(path.value); const response = await _request_list_files(path.value);
_show_files(response); _show_files(response);
@ -882,21 +879,6 @@ export default defineComponent({
resolve = _resolve; resolve = _resolve;
}); });
}, },
generatorFileUploadHeaders(files: File[]) {
if (files.length > 0) {
return [
{
name: HttpProtocol.kHeaderXProductName,
value: HttpProtocol.getProductName($store),
},
{
name: HttpProtocol.kHeaderXFileLength,
value: files[0].size,
},
];
}
return [];
},
resetData() { resetData() {
loading.value = false; loading.value = false;
uploading.value = false; uploading.value = false;
@ -912,67 +894,135 @@ export default defineComponent({
resolve_value = null; resolve_value = null;
}, },
async onCreateNewFolder() { async onCreateNewFolder() {
$q.dialog({ $q.dialog({
title: $t.t("create folder"), title: $t.t("create folder"),
message: $t.t("input folder name") + ":", message: $t.t("input folder name") + ":",
prompt: { prompt: {
model: "", model: "",
isValid: (val: string) => !!val && val.trim().length > 0, isValid: (val: string) =>
type: "text", !!val && val.trim().length > 0&& val.indexOf(".") != 0 ,
}, type: "text",
ok: { },
label: $t.t("ok"), ok: {
noCaps: true, label: $t.t("ok"),
flat: true, noCaps: true,
}, flat: true,
cancel: { },
label: $t.t("cancel"), cancel: {
noCaps: true, label: $t.t("cancel"),
flat: true, noCaps: true,
}, flat: true,
persistent: true, },
}).onOk(async (data: string) => { persistent: true,
const response = await GlobalData.getInstance() }).onOk(async (data: string) => {
.getCurrentClient() const response = await GlobalData.getInstance()
?.CreateDirectoryFileManager(path.value, data); .getCurrentClient()
if (response && response.success) { ?.CreateDirectoryFileManager(path.value, data);
refresh_file_list(); console.log(response);
$q.notify({
type: "positive",
message: $t.t("create folder") + $t.t("success") + "!",
position: "top",
timeout: 1500,
});
} else {
$q.notify({
type: "warning",
message:
$t.t("create folder") +
$t.t("fail") +
"!" +
(response ? response.error_message : ""),
position: "top",
timeout: 1500,
});
}
});
},
selectFile,
async deleteFile(file: FileEntity) {
let response = null;
try {
response = await GlobalData.getInstance()
.getCurrentClient()
?.DeleteFileManager(path.value, file.name);
} catch (e) {
console.log(e);
}
if (response && response.success) { if (response && response.success) {
refresh_file_list(); refresh_file_list();
$q.notify({ $q.notify({
type: "positive", type: "positive",
message: $t.t("delete file") + $t.t("success") + "!", message: $t.t("create folder") + $t.t("success") + "!",
position: "top",
timeout: 1500,
});
} else {
// if (
// response?.error_message ==
// "the folder name cannot start with a '.'"
// ) {
// $q.notify({
// type: "warning",
// message:
// $t.t("create folder") +
// $t.t("fail") +
// "!" +
// $t.t("the folder name cannot start with a '.'"),
// position: "top",
// timeout: 1500,
// });
// }
// else {
if (response) {
$q.notify({
type: "warning",
message:
$t.t("create folder") +
$t.t("fail") +
"! " +
$t.t(response.error_message),
position: "top",
timeout: 1500,
});
}
}
});
},
selectFile,
async deleteFile(file: FileEntity) {
let response = null;
try {
response = await GlobalData.getInstance()
.getCurrentClient()
?.DeleteFileManager(path.value, file.name);
} catch (e) {
console.log(e);
}
if (response && response.success) {
refresh_file_list();
$q.notify({
type: "positive",
message: $t.t("delete file") + $t.t("success") + "!",
position: "top",
timeout: 1500,
});
} else {
$q.notify({
type: "warning",
message:
$t.t("delete file") +
$t.t("fail") +
"!" +
(response ? response.error_message : ""),
position: "top",
timeout: 1500,
});
}
},
renameFile(file: FileEntity) {
$q.dialog({
title: $t.t("rename"),
message: $t.t("input new file name") + ":",
prompt: {
model: file.name,
isValid: (val: string) => !!val && val.trim().length > 0,
type: "text",
},
ok: {
label: $t.t("ok"),
noCaps: true,
flat: true,
},
cancel: {
label: $t.t("cancel"),
noCaps: true,
flat: true,
},
persistent: true,
}).onOk(async (data: string) => {
if (data == file.name) {
return;
}
let response = await GlobalData.getInstance()
.getCurrentClient()
?.RenameFileManager(path.value, file.name, data);
if (response && response.success) {
refresh_file_list();
$q.notify({
type: "positive",
message: $t.t("file rename") + $t.t("success") + "!",
position: "top", position: "top",
timeout: 1500, timeout: 1500,
}); });
@ -980,7 +1030,7 @@ export default defineComponent({
$q.notify({ $q.notify({
type: "warning", type: "warning",
message: message:
$t.t("delete file") + $t.t("file rename") +
$t.t("fail") + $t.t("fail") +
"!" + "!" +
(response ? response.error_message : ""), (response ? response.error_message : ""),
@ -988,55 +1038,7 @@ export default defineComponent({
timeout: 1500, timeout: 1500,
}); });
} }
}, });
renameFile(file: FileEntity) {
$q.dialog({
title: $t.t("rename"),
message: $t.t("input new file name") + ":",
prompt: {
model: file.name,
isValid: (val: string) => !!val && val.trim().length > 0,
type: "text",
},
ok: {
label: $t.t("ok"),
noCaps: true,
flat: true,
},
cancel: {
label: $t.t("cancel"),
noCaps: true,
flat: true,
},
persistent: true,
}).onOk(async (data: string) => {
if (data == file.name) {
return;
}
let response = await GlobalData.getInstance()
.getCurrentClient()
?.RenameFileManager(path.value, file.name, data);
if (response && response.success) {
refresh_file_list();
$q.notify({
type: "positive",
message: $t.t("file rename") + $t.t("success") + "!",
position: "top",
timeout: 1500,
});
} else {
$q.notify({
type: "warning",
message:
$t.t("file rename") +
$t.t("fail") +
"!" +
(response ? response.error_message : ""),
position: "top",
timeout: 1500,
});
}
});
}, },
copyStringToClipboard(value: string) { copyStringToClipboard(value: string) {
copyToClipboard(value); copyToClipboard(value);
@ -1068,8 +1070,8 @@ export default defineComponent({
getUrl(file: File[]) { getUrl(file: File[]) {
let url = GlobalData.getInstance().createCurrentRequestUrl(); let url = GlobalData.getInstance().createCurrentRequestUrl();
if (url) { if (url) {
url.pathname = HttpProtocol.RequestUploadFile; url.pathname = "/upload_media_file"; //HttpProtocol.RequestUploadFile;
url.searchParams.append("type", HttpProtocol.HttpUploadTypeNormal); // url.searchParams.append("type", HttpProtocol.HttpUploadTypeNormal);
url.searchParams.append("base_dir", path.value); url.searchParams.append("base_dir", path.value);
return url.toString(); return url.toString();
} }
@ -1078,99 +1080,20 @@ export default defineComponent({
onStartUpload() { onStartUpload() {
loading.value = true; loading.value = true;
}, },
async onFileAdded(files: File[] | File) { async onFailed(info: any) {
setTimeout(async () => { let file_list: any = await _request_list_files(path.value);
const onError = async (file: File | null) => { setTimeout(() => {
await nextTick(() => {}); if (files.value.length != file_list.files.length) {
uploader.value.reset();
$q.notify({ $q.notify({
color: "negative", type: "positive",
icon: "warning", message: $t.t("file upload") + $t.t("finish") + "!",
message: $t.t("load file error") + "!",
position: "top", position: "top",
timeout: 3000, timeout: 1500,
}); });
}; loading.value = false;
uploading.value = false;
let file: File | null = null;
try {
if (Array.isArray(files)) {
if (files.length > 0) {
file = files[0];
}
} else {
file = files;
}
if (file) {
const file_name = file.name;
const blob = file.slice(0, 1024 * 1024 * 1); // 1 MB
uploader_loading.value = true;
try {
let url = GlobalData.getInstance().createCurrentRequestUrl();
if (url) {
url.pathname = HttpProtocol.RequestPathCheckFileSupport;
// if (FileSuffixHelper.isVideoPath(file_name)) {
// }
const data = new FormData();
data.append(
"file",
new File([blob], file_name, {
lastModified: file.lastModified,
})
);
const response = await api.post(url.toString(), data, {
headers: {
"Content-Type": "multipart/form-data",
},
});
if (response && response.data && response.data.is_support) {
} else {
onError(file);
}
} else {
throw "";
}
} catch (e) {
console.error(e);
onError(file);
}
uploader_loading.value = false;
return;
}
} catch (e) {
console.error(e);
onError(file);
} }
}, 1); }, 500);
},
onUploaded() {
uploading.value = false;
uploader.value.reset();
refresh_file_list();
$q.notify({
type: "positive",
message: $t.t("file upload") + $t.t("success") + "!",
position: "top",
timeout: 1500,
});
loading.value = false;
},
onFailed(info: any) {
console.log(info);
$q.notify({
type: "warning",
message: $t.t("file upload") + $t.t("fail") + "!",
position: "top",
timeout: 1500,
});
loading.value = false;
loading.value = false;
}, },
copyFile(file: FileEntity) { copyFile(file: FileEntity) {
if (file) { if (file) {

1078
src/components/ModeDialog.vue
View File

File diff suppressed because it is too large Load Diff

472
src/components/RecoveryDatabaseDialog.vue
View File

@ -1,247 +1,225 @@
<template> <template>
<q-dialog <q-dialog
persistent persistent
v-model="show_dialog" v-model="show_dialog"
@before-hide="resetData" @before-hide="resetData"
@keydown=" @keydown="
(evt) => { (evt) => {
if (!loading && evt.keyCode == 27) { if (!loading && evt.keyCode == 27) {
show_dialog = false; show_dialog = false;
} }
} }
" "
> >
<q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw"> <q-card class="overflow-hidden" style="overflow-y: scroll; max-width: 35vw">
<q-form @submit="onSubmit"> <q-form @submit="onSubmit">
<q-card-section class="q-ma-none q-pa-sm"> <q-card-section class="q-ma-none q-pa-sm">
<div class="row"> <div class="row">
<div class="col-auto text-h6"> <div class="col-auto text-h6">
{{ $t("database import") }} {{ $t("database import") }}
</div> </div>
<q-space /> <q-space />
<div> <div>
<q-btn <q-btn
:loading="loading" :loading="loading"
flat flat
round round
icon="close" icon="close"
:disable="loading" :disable="loading"
color="red" color="red"
v-close-popup v-close-popup
> >
<q-tooltip> <q-tooltip>
{{ $t("close") }} {{ $t("close") }}
</q-tooltip> </q-tooltip>
</q-btn> </q-btn>
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-section style="max-height: 50vh; width: 35vw" class="scroll"> <q-card-section style="max-height: 50vh; width: 35vw" class="scroll">
<q-list> <q-list>
<q-item> <q-item>
<q-item-section> <q-item-section>
<q-uploader <q-uploader
class="full-width" class="full-width"
ref="uploader" ref="uploader"
:url="upload_url" :url="upload_url"
method="post" method="POST"
:headers="generatorFileUploadHeaders" :label="$t('select data(DBP) file') + ':'"
:label="$t('select data(DBP) file') + ':'" accept=".dbp"
accept=".dbp" :hide-upload-btn="true"
:hide-upload-btn="true" @uploaded="onUploaded"
@uploaded="onUploaded" @failed="onFailed"
@failed="onFailed" @added="(files) => files && (file_count += files.length)"
@added="(files) => files && (file_count += files.length)" @removed="(files) => files && (file_count -= files.length)"
@removed="(files) => files && (file_count -= files.length)" />
/> </q-item-section>
</q-item-section> </q-item>
</q-item> </q-list>
</q-list> </q-card-section>
</q-card-section>
<q-separator />
<q-separator />
<q-card-actions align="right">
<q-card-actions align="right"> <q-btn
<q-btn :loading="loading"
:loading="loading" flat
flat :label="$t('Cancel')"
:label="$t('Cancel')" no-caps
no-caps color="primary"
color="primary" v-close-popup
v-close-popup />
/> <q-btn
<q-btn ref="accept"
ref="accept" flat
flat :label="$t('Accept')"
:label="$t('Accept')" no-caps
no-caps :loading="loading"
:loading="loading" type="submit"
type="submit" color="primary"
color="primary" />
/> </q-card-actions>
</q-card-actions> </q-form>
</q-form> </q-card>
</q-card> </q-dialog>
</q-dialog> </template>
</template>
<style scoped></style>
<style scoped></style>
<script lang="ts">
<script lang="ts"> import { defineComponent, ref, watch, computed } from "vue";
import { defineComponent, ref, watch, computed } from "vue"; import { useStore } from "src/store";
import { useStore } from "src/store"; import { useQuasar } from "quasar";
import { useQuasar } from "quasar"; import { useI18n } from "vue-i18n";
import { useI18n } from "vue-i18n"; import GlobalData from "src/common/GlobalData";
import GlobalData from "src/common/GlobalData"; import { HttpProtocol } from "src/entities/HttpProtocol";
import { HttpProtocol } from "src/entities/HttpProtocol"; import { api as viewerApi } from "v-viewer";
import { api as viewerApi } from "v-viewer";
export default defineComponent({
export default defineComponent({ name: "ComponentRecoveryDatabaseDialog",
name: "ComponentRecoveryDatabaseDialog",
setup() {
setup() { let $store = useStore();
let $store = useStore(); let $q = useQuasar();
let $q = useQuasar(); let $t = useI18n();
let $t = useI18n();
let show_dialog = ref(false);
let show_dialog = ref(false); let uploader: any = ref(null);
let uploader: any = ref(null); let loading = ref(false);
let loading = ref(false); let upload_url = ref("");
let upload_url = ref(""); let file_count = ref(0);
let file_count = ref(0);
return {
return { show_dialog,
show_dialog, loading,
loading, upload_url,
upload_url, uploader,
uploader, file_count,
file_count, showDialog() {
generatorFileUploadHeaders(files: File[]) { show_dialog.value = true;
if (files.length > 0) { let url = GlobalData.getInstance().createCurrentRequestUrl();
return [ if (url) {
{ url.pathname = "/upload_db_file";
name: HttpProtocol.kHeaderXProductName, upload_url.value = url.toString();
value: HttpProtocol.getProductName($store), }
}, },
{ resetData() {
name: HttpProtocol.kHeaderXFileLength, loading.value = false;
value: files[0].size, upload_url.value = "";
}, file_count.value = 0;
]; },
} async onSubmit() {
return []; if (file_count.value <= 0) {
}, $q.notify({
showDialog() { type: "warning",
show_dialog.value = true; message: $t.t("please select file first") + "!",
let client = GlobalData.getInstance().getCurrentClient(); position: "top",
if (client) { timeout: 1500,
let url = new URL(client.url); });
url.port = return;
GlobalData.getInstance().applicationConfig?.httpserver_port ?? }
HttpProtocol.DefaultHttpPort.toString(); loading.value = true;
url.pathname = HttpProtocol.RequestUploadFile; try {
url.protocol = "http:"; $q.dialog({
url.searchParams.append("type", HttpProtocol.UploadTypeDatabase); title: $t.t("Confirm"),
upload_url.value = url.toString(); message: $t.t("use this file to recovery data") + "?",
} ok: {
}, label: $t.t("ok"),
resetData() { noCaps: true,
loading.value = false; flat: true,
upload_url.value = ""; },
file_count.value = 0; cancel: {
}, label: $t.t("cancel"),
async onSubmit() { noCaps: true,
if (file_count.value <= 0) { flat: true,
$q.notify({ },
type: "warning", persistent: true,
message: $t.t("please select file first") + "!", })
position: "top", .onOk(() => {
timeout: 1500, uploader.value.upload();
}); })
return; .onCancel(() => {
} loading.value = false;
loading.value = true; });
try { } catch {}
$q.dialog({ },
title: $t.t("Confirm"), onUploaded() {
message: $t.t("use this file to recovery data") + "?", $q.notify({
ok: { type: "positive",
label: $t.t("ok"), message: $t.t("data import") + $t.t("success") + "!",
noCaps: true, position: "top",
flat: true, timeout: 1500,
}, });
cancel: { $q.dialog({
label: $t.t("cancel"), title: $t.t("Confirm"),
noCaps: true, message:
flat: true, $t.t("data changes will take effect after the restart") +
}, "!" +
persistent: true, "<p class='text-red'>" +
}) $t.t("reboot now") +
.onOk(() => { "?" +
uploader.value.upload(); "</p>",
}) html: true,
.onCancel(() => { ok: {
loading.value = false; label: $t.t("ok"),
}); noCaps: true,
} catch {} flat: true,
}, },
onUploaded() { cancel: {
$q.notify({ label: $t.t("cancel"),
type: "positive", noCaps: true,
message: $t.t("data import") + $t.t("success") + "!", flat: true,
position: "top", },
timeout: 1500, persistent: true,
}); })
$q.dialog({ .onOk(() => {
title: $t.t("Confirm"), GlobalData.getInstance().getCurrentClient()?.restartDevice();
message: $q.notify({
$t.t("data changes will take effect after the restart") + type: "positive",
"!" + message: $t.t("reboot device command sended") + "!",
"<p class='text-red'>" + position: "top",
$t.t("reboot now") + timeout: 1500,
"?" + });
"</p>", })
html: true, .onDismiss(() => {
ok: { loading.value = false;
label: $t.t("ok"), show_dialog.value = false;
noCaps: true, });
flat: true, },
}, onFailed(info: any) {
cancel: { console.log(info);
label: $t.t("cancel"), $q.notify({
noCaps: true, type: "warning",
flat: true, message: $t.t("data import") + $t.t("fail") + "!",
}, position: "top",
persistent: true, timeout: 1500,
}) });
.onOk(() => { loading.value = false;
GlobalData.getInstance().getCurrentClient()?.restartDevice(); },
$q.notify({ };
type: "positive", },
message: $t.t("reboot device command sended") + "!", });
position: "top", </script>
timeout: 1500,
});
})
.onDismiss(() => {
loading.value = false;
show_dialog.value = false;
});
},
onFailed(info: any) {
console.log(info);
$q.notify({
type: "warning",
message: $t.t("data import") + $t.t("fail") + "!",
position: "top",
timeout: 1500,
});
loading.value = false;
},
};
},
});
</script>

49
src/components/UpgradeDialog.vue
View File

@ -61,7 +61,6 @@
ref="uploader_software" ref="uploader_software"
:url="upload_url_software" :url="upload_url_software"
method="post" method="post"
:headers="generatorFileUploadHeaders"
:label="$t('select software upgrade file') + ':'" :label="$t('select software upgrade file') + ':'"
accept=".zip,.tar,.tar.gz" accept=".zip,.tar,.tar.gz"
:hide-upload-btn="true" :hide-upload-btn="true"
@ -76,7 +75,6 @@
ref="uploader_rootfs" ref="uploader_rootfs"
:url="upload_url_rootfs" :url="upload_url_rootfs"
method="post" method="post"
:headers="generatorFileUploadHeaders"
:label="$t('select rootfs upgrade file') + ':'" :label="$t('select rootfs upgrade file') + ':'"
accept=".img" accept=".img"
:hide-upload-btn="true" :hide-upload-btn="true"
@ -85,6 +83,7 @@
@added="(files) => files && (file_count += files.length)" @added="(files) => files && (file_count += files.length)"
@removed="(files) => files && (file_count -= files.length)" @removed="(files) => files && (file_count -= files.length)"
/> />
<!-- :headers="generatorFileUploadHeaders" -->
</q-item-section> </q-item-section>
</q-item> </q-item>
</q-list> </q-list>
@ -92,9 +91,7 @@
<q-separator /> <q-separator />
<q-card-actions> <q-card-actions align="right">
<q-item-section>V: {{ server_version }}</q-item-section>
<q-space />
<q-btn <q-btn
:loading="loading" :loading="loading"
flat flat
@ -146,7 +143,6 @@ export default defineComponent({
let select_options = [$t.t("software"), $t.t("rootfs")]; let select_options = [$t.t("software"), $t.t("rootfs")];
let upgrade_type = ref($t.t("software")); let upgrade_type = ref($t.t("software"));
const server_version = ref("unknow");
return { return {
show_dialog, show_dialog,
@ -158,49 +154,18 @@ export default defineComponent({
file_count, file_count,
upgrade_type, upgrade_type,
select_options, select_options,
server_version,
generatorFileUploadHeaders(files: File[]) {
if (files.length > 0) {
return [
{
name: HttpProtocol.kHeaderXProductName,
value: HttpProtocol.getProductName($store),
},
{
name: HttpProtocol.kHeaderXFileLength,
value: files[0].size,
},
];
}
return [];
},
loga(a: any) { loga(a: any) {
console.log(a); console.log(a);
}, },
showDialog() { showDialog() {
show_dialog.value = true; show_dialog.value = true;
let client = GlobalData.getInstance().getCurrentClient(); let url = GlobalData.getInstance().createCurrentRequestUrl();
if (client) { if (url) {
let url = new URL(client.url); url.pathname = "/upload_soft_file";
url.port =
GlobalData.getInstance().applicationConfig?.httpserver_port ??
HttpProtocol.DefaultHttpPort.toString();
url.pathname = HttpProtocol.RequestUploadFile;
url.protocol = "http:";
url.searchParams.append("type", HttpProtocol.UploadTypeRootFS);
upload_url_rootfs.value = url.toString();
url.searchParams.set("type", HttpProtocol.UploadTypeSoftware);
upload_url_software.value = url.toString(); upload_url_software.value = url.toString();
try { url.pathname = "/upload_root_fs_file";
client?.getBuildInfo()?.then((build_info) => { upload_url_rootfs.value = url.toString();
if (build_info) {
server_version.value = build_info.version;
}
});
// console.log(build_info);
} catch {}
} }
}, },
resetData() { resetData() {

66
src/entities/HttpProtocol.ts
View File

@ -1,33 +1,33 @@
export namespace HttpProtocol { export namespace HttpProtocol {
export const DefaultHttpPort = 80; export const DefaultHttpPort = 80;
export const RequestUploadFile = "/upload_file"; export const RequestUploadFile = "/upload_file";
export const RequestPathUpdateDBBackupFile = "/common/update_db_backup_file"; export const RequestPathUpdateDBBackupFile = "/update_db_backup_file";
export const RequestPathDBBackup = "/db_backup"; export const RequestPathDBBackup = "/download_db_backup_file";
export const RequestPathListFile = "/list_file"; export const RequestPathListFile = "/list_file";
export const RequestPathCreateDirectory = "/create_directory"; export const RequestPathCreateDirectory = "/create_directory";
export const RequestPathCheckFileSupport = "/check_file_support"; export const RequestPathCheckFileSupport = "/check_file_support";
export const RequestPathGetWebscoketPort = "/get_websocket_port"; export const RequestPathGetWebscoketPort = "/get_websocket_port";
export const RequestPathGetAllPort = "/get_all_port"; export const RequestPathGetAllPort = "/get_all_port";
export const RequestPathDeleteFile = "/delete_file"; export const RequestPathDeleteFile = "/delete_file";
export const RequestPathRenameFile = "/rename_file"; export const RequestPathRenameFile = "/rename_file";
export const RequestCheckModeIndex = "/check_mode_index"; export const RequestCheckModeIndex = "/check_mode_index";
export const HttpUploadTypeNormal = "U_T_Normal"; export const HttpUploadTypeNormal = "U_T_Normal";
export const UploadTypeBackgroundImage = "U_T_BACKGROUND_IMAGE"; export const UploadTypeBackgroundImage = "U_T_BACKGROUND_IMAGE";
export const UploadTypeMedia = "U_T_MEDIA"; export const UploadTypeMedia = "U_T_MEDIA";
export const UploadTypeDatabase = "U_T_DATABASE"; export const UploadTypeDatabase = "U_T_DATABASE";
export const UploadTypeRootFS = "U_T_ROOT_FS"; export const UploadTypeRootFS = "U_T_ROOT_FS";
export const UploadTypeSoftware = "U_T_SOFTWARE"; export const UploadTypeSoftware = "U_T_SOFTWARE";
export const kHeaderXFileLength = "X-File-Length"; export const kHeaderXFileLength = "X-File-Length";
export const kHeaderXFileMD5 = "X-File-MD5"; export const kHeaderXFileMD5 = "X-File-MD5";
export const kHeaderXProductName = "X-Product-Name"; export const kHeaderXProductName = "X-Product-Name";
const kHeaderDefaultValueXProductName = "LED_PLAYER"; const kHeaderDefaultValueXProductName = "LED_PLAYER";
export const getProductName = ($store: any): String => { export const getProductName = ($store: any): String => {
if ($store && $store.state && $store.state.product_name) { if ($store && $store.state && $store.state.product_name) {
return $store.state.product_name; return $store.state.product_name;
} }
return kHeaderDefaultValueXProductName; return kHeaderDefaultValueXProductName;
}; };
} }

21
src/entities/WSProtocol.ts
View File

@ -534,6 +534,9 @@ export namespace Protocol {
public static get kRpcFileManagerCreateDirectory() { public static get kRpcFileManagerCreateDirectory() {
return Commands.PROTOCOL_PREFIX + "RpcFileManagerCreateDirectory"; return Commands.PROTOCOL_PREFIX + "RpcFileManagerCreateDirectory";
} }
public static get kRpcCheckModeIndex() {
return Commands.PROTOCOL_PREFIX + "RpcCheckModeIndex";
}
static _all_commands = new Set([ static _all_commands = new Set([
Commands.kUnKnowCommand, Commands.kUnKnowCommand,
Commands.kSearchDevice, Commands.kSearchDevice,
@ -668,6 +671,7 @@ export namespace Protocol {
Commands.kRpcFileManagerRename, Commands.kRpcFileManagerRename,
Commands.kRpcFileManagerDelete, Commands.kRpcFileManagerDelete,
Commands.kRpcFileManagerCreateDirectory, Commands.kRpcFileManagerCreateDirectory,
Commands.kRpcCheckModeIndex,
]); ]);
public static get AllCommands() { public static get AllCommands() {
return this._all_commands; return this._all_commands;
@ -3541,4 +3545,21 @@ export namespace Protocol {
error_message="" error_message=""
error_code=0; error_code=0;
} }
export class RpcCheckModeIndexRequestEntity extends PacketEntity{
constructor(mode_index:number,rpc_id = 0) {
super();
super.command = Commands.kRpcCheckModeIndex;
super.flag = PacketEntity.FLAG_REQUEST;
this.mode_index=mode_index
}
mode_index = 0;
}
export class RpcCheckModeIndexResponseEntity extends PacketEntity{
constructor() {
super();
super.flag = PacketEntity.FLAG_RESPONSE;
}
success = false;
}
} }

3
src/i18n/en-US/index.ts
View File

@ -294,6 +294,7 @@ export default {
"open left tool bar": "Open Left Tool Bar", "open left tool bar": "Open Left Tool Bar",
"open right tool bar": "Open Right Tool Bar", "open right tool bar": "Open Right Tool Bar",
fail: " Fail", fail: " Fail",
finish:"Finish",
"edit group": "Edit Group", "edit group": "Edit Group",
"open window": "Open Window", "open window": "Open Window",
"close all windows": "Close All Windows", "close all windows": "Close All Windows",
@ -444,4 +445,6 @@ export default {
resize: "Resize", resize: "Resize",
"export magic": "Export", "export magic": "Export",
"raster graph": "Raster Graph", "raster graph": "Raster Graph",
"the folder name cannot start with a '.'":"The Folder Name Cannot Start With a '.'",
}; };

2
src/i18n/zh-CN/index.ts
View File

@ -5,6 +5,7 @@ export default {
" ": "", " ": "",
title: "MediaPlayerWebApp", title: "MediaPlayerWebApp",
failed: "失败", failed: "失败",
finish:"完成",
fail: "失败", fail: "失败",
error: "错误", error: "错误",
Confirm: "确认", Confirm: "确认",
@ -712,4 +713,5 @@ export default {
resize: "缩放", resize: "缩放",
"export magic": "导出", "export magic": "导出",
"raster graph": "栅格图", "raster graph": "栅格图",
"the folder name cannot start with a '.'":"文件夹名称不能以“.” 开头",
}; };

26
src/pages/TopToolBar.vue
View File

@ -305,7 +305,10 @@
<q-item <q-item
clickable clickable
:disable="!$store.state.power_state" :disable="!$store.state.power_state"
v-if="$store.state.isLedPlayer()&&!$store.state.custom_defines.function_magic_wall" v-if="
$store.state.isLedPlayer() &&
!$store.state.custom_defines.function_magic_wall
"
v-close-popup v-close-popup
@click=" @click="
($store.state.isSpecialVideo() ($store.state.isSpecialVideo()
@ -338,9 +341,6 @@
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item <q-item
clickable clickable
:disable="!$store.state.power_state" :disable="!$store.state.power_state"
@ -447,7 +447,7 @@
$refs.fusion_settings_dialog.showDialog(); $refs.fusion_settings_dialog.showDialog();
getconfig(); getconfig();
" "
v-if="$store.state.custom_defines.function_fusion" v-if="$store.state.custom_defines.function_fusion"
> >
<q-item-section avatar> <q-item-section avatar>
<q-icon name="open_with" /> <q-icon name="open_with" />
@ -457,7 +457,6 @@
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item <q-item
clickable clickable
v-close-popup v-close-popup
@ -505,7 +504,7 @@
<q-item v-else> <q-item v-else>
<q-item-section avatar style="margin-right: 0px; padding-right: 0px"> <q-item-section avatar style="margin-right: 0px; padding-right: 0px">
<q-btn <q-btn
flat flat
@click="isfullbtn()" @click="isfullbtn()"
:icon="isfull ? 'fullscreen_exit' : 'fullscreen'" :icon="isfull ? 'fullscreen_exit' : 'fullscreen'"
/> />
@ -711,9 +710,9 @@ export default defineComponent({
show_device_list.value = show_device_list.value =
typeof (<any>window).user_search?.hide_device_list == "undefined"; typeof (<any>window).user_search?.hide_device_list == "undefined";
}); });
let isfan=ref(true) let isfan = ref(true);
if ((window as any).$wujie) { if ((window as any).$wujie) {
isfan.value=false isfan.value = false;
} }
return { return {
show_advanced_menu, show_advanced_menu,
@ -738,8 +737,11 @@ export default defineComponent({
console.log(url.toString()); console.log(url.toString());
let response = await api.get(url.toString()); let response = await api.get(url.toString());
if (response.status == 200 && response && response.data) { if (response.status == 200 && response && response.data) {
url.pathname = console.log(response.data);
HttpProtocol.RequestPathDBBackup + "/" + response.data;
url.pathname = HttpProtocol.RequestPathDBBackup;
url.searchParams.append("name", response.data);
console.log(url);
openURL(url.toString()); openURL(url.toString());
} else { } else {
$q.notify({ $q.notify({
@ -992,7 +994,7 @@ export default defineComponent({
isfull.value = !isfull.value; isfull.value = !isfull.value;
if ((window as any).$wujie) { if ((window as any).$wujie) {
const $wujie = (window as any).$wujie as IWuJieInterface; const $wujie = (window as any).$wujie as IWuJieInterface;
$wujie?.bus.$emit("isfull", isfull.value); $wujie?.bus.$emit("isfull", isfull.value);
} }
}, },
}; };