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

added more fields (read only atm) for recorders

Browse Source
This commit is contained in:
Tobias
2019-11-22 14:25:29 +01:00
parent 5792af21a5
commit c071591d82
5 changed files with 3563 additions and 3522 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/Recorders.vue
View File

@@ -52,11 +52,19 @@
</b-input-group>
</h5>
<hr/>
<p class="card-text"><strong>{{ $t('Model') }}:</strong>&nbsp;
{{recorder.model_name}}&nbsp;
</p>
<p class="card-text"><strong>{{ $t('firmware_version') }}:</strong>&nbsp;
{{recorder.firmware_version}}&nbsp;
</p>
<p class="card-text"><strong>{{ $t('serial_number') }}:</strong>&nbsp;
{{recorder.serial_number}}&nbsp;
</p>
<p class="card-text"><strong>{{ $t('network_name') }}:</strong>&nbsp;
<span v-if="!formEditField[recorder.id+'_network_name']">{{recorder.network_name}}&nbsp;
<a class="float-right badge badge-pill badge-info">
<a class="float-right badge badge-pill badge-info" @click="initRecorderUpdate(recorder, 'network_name')">
<font-awesome-icon
@click="initRecorderUpdate(recorder, 'network_name')"
icon="pencil-alt"/>
</a>
</span>
@@ -82,9 +90,8 @@
<p class="card-text"><strong>{{ $t('ip') }}:</strong>&nbsp;
<span v-if="!formEditField[recorder.id+'_ip']">{{recorder.ip}}&nbsp;
<a class="float-right badge badge-pill badge-info">
<a class="float-right badge badge-pill badge-info" @click="initRecorderUpdate(recorder, 'ip')">
<font-awesome-icon
@click="initRecorderUpdate(recorder, 'ip')"
icon="pencil-alt"/>
</a>
</span>
@@ -110,9 +117,8 @@
<p class="card-text"><strong>{{ $t('ip v6') }}:</strong>&nbsp;
<span v-if="!formEditField[recorder.id+'_ip6']">{{recorder.ip6}}&nbsp;
<a class="float-right badge badge-pill badge-info">
<a class="float-right badge badge-pill badge-info" @click="initRecorderUpdate(recorder, 'ip6')">
<font-awesome-icon
@click="initRecorderUpdate(recorder, 'ip6')"
icon="pencil-alt"/>
</a>
</span>
@@ -138,9 +144,8 @@
<p class="card-text"><strong>{{ $t('ssh_port') }}:</strong>&nbsp;
<span v-if="!formEditField[recorder.id+'_ssh_port']">{{recorder.ssh_port}}&nbsp;
<a class="float-right badge badge-pill badge-info">
<a class="float-right badge badge-pill badge-info" @click="initRecorderUpdate(recorder, 'ssh_port')">
<font-awesome-icon
@click="initRecorderUpdate(recorder, 'ssh_port')"
icon="pencil-alt"/>
</a>
</span>
@@ -197,9 +202,8 @@
<hr/>
<div v-if="recorder.room && !formEditField[recorder.id+'_room_id']">
<p class="card-text"><strong>{{ $t('Room') }}:</strong>&nbsp;{{recorder.room.name}}&nbsp;
<a class="float-right badge badge-pill badge-info">
<a class="float-right badge badge-pill badge-info" @click="initRecorderUpdate(recorder, 'room_id')">
<font-awesome-icon
@click="initRecorderUpdate(recorder, 'room_id')"
icon="pencil-alt"/>
</a></p>
</div>
@@ -269,18 +273,18 @@
<hr/>
<div v-if="recorder.recorder_model">
<p class="card-text"><strong>{{ $t('Model') }}:</strong>&nbsp;{{recorder.recorder_model.name}}&nbsp;
<p class="card-text"><strong>{{ $t('Model Adadpter') }}:</strong>&nbsp;{{recorder.recorder_model.name}}&nbsp;
<a class="float-right badge badge-pill badge-info">
<font-awesome-icon icon="pencil-alt"/>
</a></p>
</div>
<div v-else>
<p class="card-text"><strong>{{ $t('Model') }}:</strong>&nbsp;{{
<p class="card-text"><strong>{{ $t('Model Adadpter') }}:</strong>&nbsp;{{
$t('no_model_defined')}}</p>
<div class="form-group row">
<div class="col-sm-8">
<select class="form-control" v-model="form.recorder_model">
<option value="">{{$t('No model selected')}}</option>
<option value="">{{$t('No Model Adadpter selected')}}</option>
<option v-for="recorderModel in recorderModels"
v-bind:value="recorderModel.id">
{{ recorderModel.name }}
@@ -294,9 +298,8 @@
<strong>{{ $t('description') }}:</strong>&nbsp;
<span v-if="!formEditField[recorder.id+'_description']">{{recorder.description}}&nbsp;
<a class="float-right badge badge-pill badge-info">
<a class="float-right badge badge-pill badge-info" @click="initRecorderUpdate(recorder, 'description')">
<font-awesome-icon
@click="initRecorderUpdate(recorder, 'description')"
icon="pencil-alt"/>
</a>
</span>
@@ -392,6 +395,20 @@
</p>
</div>
<div class="form-group row">
<label class="label col-sm-2 col-form-label">{{ $t('mac') }}</label>
<div class="col-sm-6">
<input name="mac"
v-validate="'mac'"
v-model="form.mac"
v-bind:class="{'is-danger': errors.has('mac'), 'is-invalid': errors.has('mac')}"
class="form-control" type="text" :placeholder="$t('Recorder') + ' ' + $t('mac')">
</div>
<p class="col-sm-4" v-show="errors.has('mac')">
{{ errors.first('mac') }}
</p>
</div>
<div class="form-group row">
<label class="label col-sm-2 col-form-label">{{ $t('ip') }}</label>
<div class="col-sm-6">
@@ -534,9 +551,8 @@
<p class="card-text">
<strong>{{ $t('notes') }}:</strong>&nbsp;
<span v-if="!formEditField['model_'+recorderModel.id+'notes']">{{recorderModel.notes}}&nbsp;
<a class="float-right badge badge-pill badge-info">
<a class="float-right badge badge-pill badge-info" @click="initrecorderModelUpdate(recorderModel, 'notes')">
<font-awesome-icon
@click="initrecorderModelUpdate(recorderModel, 'notes')"
icon="pencil-alt"/>
</a>
</span>