tobias/lrc-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added links to single recorder view and added translations

Browse Source
This commit is contained in:
Tobias Kurze
2020-02-24 16:03:43 +01:00
parent bbf30ec6f2
commit 3358b8ce93
4 changed files with 3610 additions and 3608 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7183
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

22
src/components/Recorder.vue
View File

@@ -4,7 +4,6 @@
<section class="hero is-primary"> <section class="hero is-primary">
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="container has-text-centered">
{{cmd_params}}
<h3> <h3>
<div class="text-center"> <div class="text-center">
<font-awesome-icon class="float-left" icon="arrow-circle-left" @click="previousRecorder()"/> <font-awesome-icon class="float-left" icon="arrow-circle-left" @click="previousRecorder()"/>
@@ -25,11 +24,21 @@
</h2> </h2>
<p> <p>
<font-awesome-icon icon="tag"/>&nbsp;{{recorder.model_name ? recorder.model_name : "undefined"}}<br/> <span v-b-tooltip.hover :title="$t('model_name')">
<font-awesome-icon icon="code"/>&nbsp;{{recorder.firmware_version ? recorder.firmware_version : "undefined"}}<br/> <font-awesome-icon icon="tag"/>&nbsp;{{recorder.model_name ? recorder.model_name : $t("undefined")}}<br/>
<font-awesome-icon icon="video"/>&nbsp;{{recorder.additional_camera_connected ? "yes" : "no"}}<br/> </span>
<font-awesome-icon icon="barcode"/>&nbsp;{{recorder.serial_number ? recorder.serial_number : "undefined"}}<br/> <span v-b-tooltip.hover :title="$t('firmware_version')">
<font-awesome-icon icon="home"/>&nbsp;{{recorder.room ? recorder.room.name : "undefined"}} <font-awesome-icon icon="code"/>&nbsp;{{recorder.firmware_version ? recorder.firmware_version : $t("undefined")}}<br/>
</span>
<span v-b-tooltip.hover :title="$t('additional_camera_connected')">
<font-awesome-icon icon="video"/>&nbsp;{{recorder.additional_camera_connected ? $t("yes") : $t("no")}}<br/>
</span>
<span v-b-tooltip.hover :title="$t('serial_number')">
<font-awesome-icon icon="barcode" />&nbsp;{{recorder.serial_number ? recorder.serial_number : $t("undefined")}}<br/>
</span>
<span v-b-tooltip.hover :title="$t('room')">
<font-awesome-icon icon="home"/>&nbsp;{{recorder.room ? recorder.room.name : $t("undefined")}}
</span>
</p> </p>
</div> </div>
@@ -99,6 +108,7 @@
</b-card-header> </b-card-header>
<b-collapse id="accordion-3" visible accordion="my-accordion" role="tabpanel"> <b-collapse id="accordion-3" visible accordion="my-accordion" role="tabpanel">
<b-card-body> <b-card-body>
{{cmd_params}}
<b-list-group style="max-height: 400px; overflow-y:scroll;" v-if="!(recorder.locked || recorder.offline)"> <b-list-group style="max-height: 400px; overflow-y:scroll;" v-if="!(recorder.locked || recorder.offline)">
<b-list-group-item v-for="command in recorderModel.commands" <b-list-group-item v-for="command in recorderModel.commands"
v-bind:key="command.id"> v-bind:key="command.id">

6
src/components/Recorders.vue
View File

@@ -28,8 +28,12 @@
<b-card-group deck> <b-card-group deck>
<b-card class="mb-2" style="max-width: 30rem; min-width:20rem;" <b-card class="mb-2" style="max-width: 30rem; min-width:20rem;"
v-for="(recorder) in recorders" v-for="(recorder) in recorders"
:header="recorder.name + ' (' + recorder.ip + ' / ' + recorder.network_name + ')'"
v-bind:key="recorder.id"> v-bind:key="recorder.id">
<template v-slot:header>
<router-link :to="{name: 'recorder', params: {recorder_id: recorder.id}}">
<h4>{{recorder.name}}</h4></router-link>
<h6>{{' (' + recorder.ip + ' / ' + recorder.network_name + ')'}}</h6>
</template>
<b-card-text> <b-card-text>
<h5 class="card-title"><strong>{{ $t('name') }}:&nbsp;</strong> <h5 class="card-title"><strong>{{ $t('name') }}:&nbsp;</strong>
<span v-if="!formEditField[recorder.id+'_name']">{{recorder.name}}&nbsp; <span v-if="!formEditField[recorder.id+'_name']">{{recorder.name}}&nbsp;

7
src/plugins/i18n.ts
View File

@@ -73,6 +73,7 @@ const messages = {
' | {num} Aufzeichnungsgerätemodelle sind definiert', ' | {num} Aufzeichnungsgerätemodelle sind definiert',
no: 'nein', no: 'nein',
yes: 'ja', yes: 'ja',
undefined: 'unbekannt',
create: 'anlegen', create: 'anlegen',
and: 'und', and: 'und',
number: 'Nummer', number: 'Nummer',
@@ -81,6 +82,12 @@ const messages = {
requires_password: 'Passwort benötigt', requires_password: 'Passwort benötigt',
ssh_port: 'SSH Port', ssh_port: 'SSH Port',
telnet_port: 'Telnet Port', telnet_port: 'Telnet Port',
serial_number: 'Seriennummer',
additional_camera_connected: 'zusätzliche Kamera verbunden',
firmware_version: 'Firmwareversion',
model_name: 'Modellname',
created_at: 'Erstellt um',
last_time_modified: 'Letzter Änderungszeitpunkt',
}, },
en: { en: {
welcomeMsg: 'Welcome to Your Vue.js + TypeScript App', welcomeMsg: 'Welcome to Your Vue.js + TypeScript App',