scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-13 07:16:50 +08:00
Code Issues Projects Releases Packages Wiki Activity

Disable label preview options for Viewer role [SCI-7322]

Browse source
This commit is contained in:
Andrej 2022-10-13 15:46:46 +02:00
parent 58acb94977
commit 16b4a89fb8
1 changed files with 50 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/javascript/vue/label_template/components/label_preview.vue
View file

@ -11,6 +11,7 @@
</div> </div>
</div> </div>
<div v-if="!viewOnly" class="label-preview__controls" :class="{'open': optionsOpen}"> <div v-if="!viewOnly" class="label-preview__controls" :class="{'open': optionsOpen}">
<div v-if="canManage">
<div class="label-preview__controls__units"> <div class="label-preview__controls__units">
<div class="sci-input-container"> <div class="sci-input-container">
<label>{{ i18n.t('label_templates.label_preview.units') }}</label> <label>{{ i18n.t('label_templates.label_preview.units') }}</label>
@ -50,6 +51,12 @@
{{ i18n.t('label_templates.label_preview.refresh_preview') }} {{ i18n.t('label_templates.label_preview.refresh_preview') }}
</div> </div>
</div> </div>
<div v-else>
<div>{{ i18n.t('label_templates.label_preview.height') }}: {{ height }} {{ unit }} </div>
<div>{{ i18n.t('label_templates.label_preview.width') }}: {{ width }} {{ unit }} </div>
<div>{{ i18n.t('label_templates.label_preview.density') }}: {{ densityLabel() }}</div>
</div>
</div>
<div v-if="base64Image" class="label-preview__image"> <div v-if="base64Image" class="label-preview__image">
<img :src="`data:image/png;base64,${base64Image}`" /> <img :src="`data:image/png;base64,${base64Image}`" />
</div> </div>
@ -111,6 +118,9 @@
}, },
heightMm() { heightMm() {
return this.unit === 'in' ? this.height * 25.4 : this.height; return this.unit === 'in' ? this.height * 25.4 : this.height;
},
canManage() {
return this.template.attributes.urls.update;
} }
}, },
watch: { watch: {
@ -172,6 +182,12 @@
updateDensity(density) { updateDensity(density) {
this.density = density; this.density = density;
this.$emit('density:update', this.density); this.$emit('density:update', this.density);
},
densityLabel() {
let resolutions = this.unit === 'in' ? DPI_RESOLUTION_OPTIONS : DPMM_RESOLUTION_OPTIONS;
return resolutions.find(element => {
return element.value === this.density;
}).label;
} }
} }
} }