termografica

This commit is contained in:
=
2021-02-22 18:08:08 +01:00
parent 2c8e54c9a6
commit 2f753cc8c4
9 changed files with 371 additions and 28 deletions
-1
View File
@@ -31,7 +31,6 @@
<button class="gray square close" @click="sendMessage('close')">&times;</button>
</div>
<modal-container name="modal" :class="{'blur':applyBlurNc}"></modal-container>
<modal-container name="modal2" :class="{'blur':applyBlurNc}"></modal-container>
<modal-nc-container name="modal-nc"></modal-nc-container>
</div>
</template>
@@ -1,20 +1,24 @@
<template>
<div class="setup">
<modal type="save-as" :title="'modal_title_Backup' | localize('Backup Recipes folder')">
<div slot="header-buttons">
<header slot="header-buttons">
<button class="modal-close" @click="close()">
<i class="fa fa-remove"></i>
</button>
</div>
</header>
<div class="form-group">
<label>{{'select_devices' | localize('Select Devices')}}</label>
<select v-model="device" :placeholder="'select_devices' | localize('Select Devices')" >
<select v-model="device" :placeholder="'select_devices' | localize('Select Devices')">
<option v-for="device in devicelist" :value="device.Path">{{device.Name}}</option>
</select>
</div>
<footer>
<button class="btn" @click="close()">{{'cancel' | localize("Annulla")}}</button>
<button class="btn btn-success" @click="run()" :disabled="!canDo">{{'confirm' | localize("Conferma")}}</button>
<button
class="btn btn-success"
@click="run()"
:disabled="!canDo"
>{{'confirm' | localize("Conferma")}}</button>
</footer>
</modal>
</div>
@@ -16,7 +16,7 @@
display: grid;
grid-template-columns: 780px 1fr;
grid-column-gap: 30px;
grid-template-rows: 540px 1fr;
grid-template-rows: 540px 20px 120px;
padding: 20px;
}
.modal.prophetimages section .imagecontainer {
@@ -36,6 +36,44 @@
text-transform: uppercase;
left: calc(50% - 200px);
}
.modal.prophetimages section .image-selector {
display: grid;
grid-row: 3;
grid-column-start: 1;
grid-column-end: -1;
margin: 0 44px;
margin-top: 20px;
position: relative;
}
.modal.prophetimages section .image-selector .timeseries {
width: 100%;
position: relative;
}
.modal.prophetimages section .image-selector .timeseries time {
color: #002680;
font-size: 18px;
font-weight: 500;
width: 200px;
position: absolute;
display: flex;
flex-flow: column;
align-items: center;
}
.modal.prophetimages section .image-selector .selector {
color: #002680;
font-size: 18px;
font-weight: 500;
position: absolute;
width: 200px;
text-align: center;
transform: translateX(-95px);
}
.modal.prophetimages section .image-selector img.selector {
width: 200px;
height: 140px;
transform: translateX(-100px);
bottom: 70px;
}
.modal.prophetimages section .color-bar {
display: grid;
grid-template-columns: 20px 1fr;
@@ -15,7 +15,7 @@
display: grid;
grid-template-columns: 780px 1fr;
grid-column-gap: 30px;
grid-template-rows: 540px 1fr;
grid-template-rows: 540px 20px 120px;
padding: 20px;
.imagecontainer {
@@ -36,6 +36,49 @@
}
}
.image-selector {
display: grid;
grid-row: 3;
grid-column-start: 1;
grid-column-end: -1;
margin: 0 44px;
margin-top: 20px;
position: relative;
.timeseries {
width: 100%;
position: relative;
time {
color: #002680;
font-size: 18px;
font-weight: 500;
width: 200px;
position: absolute;
display: flex;
flex-flow: column;
align-items: center;
}
}
.selector {
color: #002680;
font-size: 18px;
font-weight: 500;
position: absolute;
width: 200px;
text-align: center;
transform: translateX(-95px);
}
img.selector {
width: 200px;
height: 140px;
transform: translateX(-100px);
bottom: 70px;
}
}
.color-bar {
display: grid;
grid-template-columns: 20px 1fr;
@@ -7,4 +7,132 @@ import { ModalHelper, Modal } from "@/components/modals";
})
export default class ThermoModal extends Vue {
showPreview = 0;
selectedImage: number = 0;
serverPath = "/thermoprophet/colored";
images = ['20201104-163047.jpg',
'20201104-163309.jpg',
'20201104-163547.jpg',
'20201104-163826.jpg',
'20201104-164544.jpg',
'20201104-164850.jpg',
'20201104-165142.jpg',
'20201104-165418.jpg',
'20201104-165658.jpg',
'20201104-170154.jpg',
'20201104-170504.jpg',
'20201104-170741.jpg',
'20201104-171015.jpg',
'20201104-171256.jpg',
'20201110-141036.jpg',
'20201110-141318.jpg',
'20201110-141600.jpg',
'20201110-141842.jpg',
'20201110-142125.jpg',
'20201110-142333.jpg',
'20201110-142610.jpg',
'20201110-142852.jpg',
'20201110-143132.jpg',
'20201110-143434.jpg',
'20201110-155540.jpg',
'20201112-161151.jpg',
'20201112-161427.jpg',
'20201112-161701.jpg',
'20201112-161935.jpg',
'20201112-162221.jpg',
'20201112-163046.jpg',
'20201112-163107.jpg',
'20201112-163134.jpg',
'20201112-163141.jpg',
'20201112-163152.jpg',
'20201112-163235.jpg',
'20201112-163249.jpg',
'20201112-163313.jpg',
'20201112-163355.jpg',
'20201112-163435.jpg',
'20201112-163946.jpg',
'20201112-165438.jpg',
'20201112-165908.jpg',
'20201112-165931.jpg',
'20201112-165952.jpg',
'20201112-170518.jpg',
'20201112-170531.jpg',
'20201112-170604.jpg',
'20201112-170654.jpg',
'20201112-171322.jpg',
'20201112-171842.jpg',
'20201112-171946.jpg',
'20201112-172249.jpg',
'20201112-172440.jpg',
'20201112-172636.jpg',
'20201112-172834.jpg',
'20201112-173642.jpg',
'20201112-174108.jpg',
'20201112-174216.jpg',
'20201112-175159.jpg',
'20201113-141151.jpg',
'20201113-145345.jpg',
'20201113-145524.jpg',
'20201113-145707.jpg',
'20201113-145915.jpg',
'20201113-150118.jpg',
'20201113-150321.jpg',
'20201113-150527.jpg',
'20201113-150740.jpg',
'20201113-150959.jpg',
'20201113-153100.jpg',
'20201113-153143.jpg',
'20201113-153302.jpg',
'20201113-162158.jpg',
'20201113-162335.jpg',
'20201116-091043.jpg',
'20201116-091230.jpg',
'20201116-091419.jpg',
'20201116-091615.jpg',
'20201116-091828.jpg',
'20201116-092041.jpg',
'20201116-092301.jpg',
'20201116-092528.jpg',
'20201116-092802.jpg',
'20201116-093040.jpg',
'20201116-093327.jpg',
'20201116-093616.jpg',
'20201116-093914.jpg',
'20201116-100141.jpg',
'20201116-100404.jpg',
'20201116-100632.jpg',
'20201116-100858.jpg',
'20201116-101125.jpg',
'20201116-101403.jpg',
'20201116-101629.jpg',
'20201116-101858.jpg',
'20201116-102128.jpg',
'20201116-102356.jpg',
'20201116-102623.jpg',
'20201116-102847.jpg',
'20201116-103108.jpg',
'20201116-103332.jpg',
'20201116-103557.jpg',
'20201116-103819.jpg',
'20201116-104042.jpg',
'20201116-104305.jpg',
'20201116-104529.jpg',
'20201116-104756.jpg',
'20201116-105023.jpg',
'20201116-105251.jpg',
'20201116-105520.jpg',
'20201116-105751.jpg',
'20201116-110020.jpg',
'20201116-110349.jpg',
'20201116-110618.jpg'];
close() {
ModalHelper.HideModal();
}
mounted() {
for (const iterator of this.images) {
}
}
}
@@ -4,7 +4,7 @@
<i class="fa fa-remove"></i>
</button>
<div class="imagecontainer">
<img src="/thermoprophet/colored/_last.jpg" />
<img :src="`${serverPath}/${images[parseInt(selectedImage)]}`" />
<span>{{'thermo-long-tap-info' | localize("Long tap on image to add temperature inspectors")}}</span>
</div>
<div class="color-bar">
@@ -21,14 +21,29 @@
</div>
<div class="image-selector">
<div class="timeseries">
<span class="first">{{'first-image' | localize("First image")}}</span>
<span class="last">{{'last-image' | localize("Last image")}}</span>
<time></time>
<time></time>
<time></time>
<time></time>
<time>{{'first-image' | localize("First image")}}</time>
<time>{{'last-image' | localize("Last image")}}</time>
</div>
<img
:src="`${serverPath}/${images[parseInt(selectedImage)]}`"
v-if="showPreview"
class="selector"
:style="`left:${(parseInt(selectedImage) / images.length) * 858}px`"
/>
<input
type="range"
:min="0"
:max="images.length-1"
v-model="selectedImage"
@mouseenter="showPreview=1"
@mouseleave="showPreview=0"
/>
<div class="selectorarea">
<span
class="selector"
:style="`left:${(parseInt(selectedImage) / images.length) * 858}px`"
>{{'thermo-cycle' | localize("Cycle")}} {{selectedImage}}</span>
</div>
<input type="range" />
</div>
</modal>
</template>
@@ -6,6 +6,8 @@ import warmers from "./warmers.vue";
import { thermocameraService } from "@/services/thermocameraService";
import { warmersService } from "@/services/warmersService";
import { awaiter } from '@/_base';
import termoModal from "./thermoProphet-modal.vue";
import { ModalHelper } from '@/components/modals';
@Component({
name: "thermocamera", components: {
@@ -165,4 +167,8 @@ export default class Thermocamera extends Vue {
for (const c of this.selectedChannels) c.tCamTempSet = Math.min(Math.max(parseFloat(c.tCamTempSet.toString()) - 1, 0), 300);
this.$emit("tempsChanged");
}
async openThermoModal() {
ModalHelper.ShowModal(termoModal);
}
}
@@ -119,22 +119,15 @@
<div class="right-controls">
<div class="um-buttons">
<button
@click="resistanceMode=0"
:class="{selected: resistanceMode ==0}"
>°C</button>
<button
@click="resistanceMode=1"
:class="{selected: resistanceMode ==1}"
>%</button>
<button
@click="resistanceMode=2"
:class="{selected: resistanceMode ==2}"
>ID</button>
<button @click="resistanceMode=0" :class="{selected: resistanceMode ==0}">°C</button>
<button @click="resistanceMode=1" :class="{selected: resistanceMode ==1}">%</button>
<button @click="resistanceMode=2" :class="{selected: resistanceMode ==2}">ID</button>
</div>
<div class="tm-controls">
<button class="btn btn-info square"></button>
<button class="btn btn-info square" @click="openThermoModal()">
<img src="/assets/icons/png/ico-bt-selez-image.png" />
</button>
<input
:disabled="!thermocameraModeBTN"
type="range"
@@ -0,0 +1,117 @@
20201104-163047.jpg
20201104-163309.jpg
20201104-163547.jpg
20201104-163826.jpg
20201104-164544.jpg
20201104-164850.jpg
20201104-165142.jpg
20201104-165418.jpg
20201104-165658.jpg
20201104-170154.jpg
20201104-170504.jpg
20201104-170741.jpg
20201104-171015.jpg
20201104-171256.jpg
20201110-141036.jpg
20201110-141318.jpg
20201110-141600.jpg
20201110-141842.jpg
20201110-142125.jpg
20201110-142333.jpg
20201110-142610.jpg
20201110-142852.jpg
20201110-143132.jpg
20201110-143434.jpg
20201110-155540.jpg
20201112-161151.jpg
20201112-161427.jpg
20201112-161701.jpg
20201112-161935.jpg
20201112-162221.jpg
20201112-163046.jpg
20201112-163107.jpg
20201112-163134.jpg
20201112-163141.jpg
20201112-163152.jpg
20201112-163235.jpg
20201112-163249.jpg
20201112-163313.jpg
20201112-163355.jpg
20201112-163435.jpg
20201112-163946.jpg
20201112-165438.jpg
20201112-165908.jpg
20201112-165931.jpg
20201112-165952.jpg
20201112-170518.jpg
20201112-170531.jpg
20201112-170604.jpg
20201112-170654.jpg
20201112-171322.jpg
20201112-171842.jpg
20201112-171946.jpg
20201112-172249.jpg
20201112-172440.jpg
20201112-172636.jpg
20201112-172834.jpg
20201112-173642.jpg
20201112-174108.jpg
20201112-174216.jpg
20201112-175159.jpg
20201113-141151.jpg
20201113-145345.jpg
20201113-145524.jpg
20201113-145707.jpg
20201113-145915.jpg
20201113-150118.jpg
20201113-150321.jpg
20201113-150527.jpg
20201113-150740.jpg
20201113-150959.jpg
20201113-153100.jpg
20201113-153143.jpg
20201113-153302.jpg
20201113-162158.jpg
20201113-162335.jpg
20201116-091043.jpg
20201116-091230.jpg
20201116-091419.jpg
20201116-091615.jpg
20201116-091828.jpg
20201116-092041.jpg
20201116-092301.jpg
20201116-092528.jpg
20201116-092802.jpg
20201116-093040.jpg
20201116-093327.jpg
20201116-093616.jpg
20201116-093914.jpg
20201116-100141.jpg
20201116-100404.jpg
20201116-100632.jpg
20201116-100858.jpg
20201116-101125.jpg
20201116-101403.jpg
20201116-101629.jpg
20201116-101858.jpg
20201116-102128.jpg
20201116-102356.jpg
20201116-102623.jpg
20201116-102847.jpg
20201116-103108.jpg
20201116-103332.jpg
20201116-103557.jpg
20201116-103819.jpg
20201116-104042.jpg
20201116-104305.jpg
20201116-104529.jpg
20201116-104756.jpg
20201116-105023.jpg
20201116-105251.jpg
20201116-105520.jpg
20201116-105751.jpg
20201116-110020.jpg
20201116-110349.jpg
20201116-110618.jpg
files.txt
_last.jpg