Egalware/cms_thermo_active
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix layout pirometro

Browse Source
This commit is contained in:
=
2020-06-12 13:59:16 +02:00
parent 75b4337c75
commit 1fb1bba657
7 changed files with 119 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Thermo.Active/wwwroot/assets/styles/base/layout.less
-1
View File
@@ -4,7 +4,6 @@
@import "modals.less";
@import "graph-dashboard.less";
@import "dashboard.less";
@import "pirometro.less";
@import "riscaldi.less";
@import "slider.less";
@import "tastierino.less";
Thermo.Active/wwwroot/assets/styles/base/pirometro.less
-39
View File
@@ -1,39 +0,0 @@
// out: false, sourceMap: false, main: ../style.less
@import "grid-system.less";
@import "colors.less";
@import "fonts.less";
@import "setup.less";
.modal.pirometro-info {
section {
&.termo {
.tast {
margin-left: 400px;
}
}
.specific {
width: 470px;
}
.termospecific {
button {
margin-left: 5px;
width: 48px;
height: 48px;
object-fit: contain;
border-radius: 2px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
border: solid 1px #001e48;
background-image: linear-gradient(to bottom, #1756ad, #002680);
}
}
}
}
Thermo.Active/wwwroot/assets/styles/base/setup.less
+2 -1
View File
@@ -364,7 +364,8 @@
}
&.center {
margin: auto;
margin-left: auto;
margin-right: auto;
}
&.box-500 {
Thermo.Active/wwwroot/assets/styles/style.css
+2 -17
View File
@@ -291,7 +291,8 @@
border: none;
}
.box.center {
margin: auto;
margin-left: auto;
margin-right: auto;
}
.box.box-500 {
width: 500px;
@@ -4523,22 +4524,6 @@
height: 1px;
background-color: #676767;
}
.modal.pirometro-info section.termo .tast {
margin-left: 400px;
}
.modal.pirometro-info section .specific {
width: 470px;
}
.modal.pirometro-info section .termospecific button {
margin-left: 5px;
width: 48px;
height: 48px;
object-fit: contain;
border-radius: 2px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
border: solid 1px #001e48;
background-image: linear-gradient(to bottom, #1756ad, #002680);
}
.warmers {
position: relative;
}
Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/pirometro.vue
+21 -21
View File
@@ -1,28 +1,28 @@
<template>
<section>
<div class="specific">
<div class="input-area">
<label>{{'pyrometer_pyrometer_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.pyrometer_pyrometer_enabled.status.enabled"></toggle-button>
</div>
<div class="input-area">
<div>
<img src="assets/icons/png/clessidra.png" />
<label>{{'pyrometer_pyrometer_delay'|localize('Ritardo')}}</label>
<article>
<div class="box box-500 transparent center">
<div class="body">
<div class="input-area">
<label>{{'pyrometer_pyrometer_enabled'|localize('Abilitazione')}}</label>
<toggle-button v-model="recipe.pyrometer_pyrometer_enabled.status.enabled"></toggle-button>
</div>
<div class="input-area">
<div>
<img src="assets/icons/png/clessidra.png" />
<label>{{'pyrometer_pyrometer_delay'|localize('Ritardo')}}</label>
</div>
<numeric v-model="recipe.pyrometer_pyrometer_delay" />
</div>
<slider v-model="recipe.pyrometer_pyrometer_delay"></slider>
<div class="input-area">
<label>{{'pyrometer_pyrometer_setpoint'|localize('Set point')}}</label>
<numeric v-model="recipe.pyrometer_pyrometer_setpoint" />
</div>
<slider v-model="recipe.pyrometer_pyrometer_setpoint"></slider>
</div>
<numeric v-model="recipe.pyrometer_pyrometer_delay" />
</div>
<slider
v-model="recipe.pyrometer_pyrometer_delay"
></slider>
<div class="input-area">
<label>{{'pyrometer_pyrometer_setpoint'|localize('Set point')}}</label>
<numeric v-model="recipe.pyrometer_pyrometer_setpoint" />
</div>
<slider
v-model="recipe.pyrometer_pyrometer_setpoint"
></slider>
</div>
</article>
</section>
</template>
Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-inferiore.vue
+47 -71
View File
@@ -1,87 +1,63 @@
<template>
<section class="termo">
<aside class="scrollable">
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
<numeric
v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"
/>
</div>
<slider
v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"
></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
<numeric
v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"
/>
</div>
<slider
v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"
></slider>
<div class="box transparent">
<div class="body">
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment" />
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_start_adjustment"></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment" />
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_end_adjustment"></slider>
<hr />
<hr />
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
<numeric
v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"
/>
</div>
<slider
v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"
></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
<numeric
v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"
/>
</div>
<slider
v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"
></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_min_percentage" />
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_min_percentage"></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_max_percentage" />
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_max_percentage"></slider>
<hr />
<hr />
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_sleep_enabled'|localize('Abilitazione riposo')}}</label>
<toggle-button v-model="recipe.pyrometer_lowerthermoregulator_sleep_enabled.status.enabled"></toggle-button>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_sleep_enabled'|localize('Abilitazione riposo')}}</label>
<toggle-button v-model="recipe.pyrometer_lowerthermoregulator_sleep_enabled.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage" />
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_sleep_temperature'|localize('Temperatura a riposo (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_sleep_temperature" />
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_sleep_temperature"></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_working_temperature'|localize('Temperatura a regime (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_lowerthermoregulator_working_temperature" />
</div>
<slider v-model="recipe.pyrometer_lowerthermoregulator_working_temperature"></slider>
</div>
</div>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
<numeric
v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"
/>
</div>
<slider
v-model="recipe.pyrometer_lowerthermoregulator_sleep_percentage"
></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_sleep_temperature'|localize('Temperatura a riposo (°C/10)')}}</label>
<numeric
v-model="recipe.pyrometer_lowerthermoregulator_sleep_temperature"
/>
</div>
<slider
v-model="recipe.pyrometer_lowerthermoregulator_sleep_temperature"
></slider>
<div class="input-area">
<label>{{'pyrometer_lowerthermoregulator_working_temperature'|localize('Temperatura a regime (°C/10)')}}</label>
<numeric
v-model="recipe.pyrometer_lowerthermoregulator_working_temperature"
/>
</div>
<slider
v-model="recipe.pyrometer_lowerthermoregulator_working_temperature"
></slider>
</aside>
<hr />
<div class="specific termospecific">
<article>
<svgtermoinferiore :recipe="recipe"></svgtermoinferiore>
<button>
<button class="btn btn-success square absolute bottom left">
<img src="assets/icons/png/double.png" />
</button>
</div>
</article>
</section>
</template>
Thermo.Active/wwwroot/src/app_modules_thermo/setup/pirometro/components/base-components/termo-superiore.vue
+47 -71
View File
@@ -1,87 +1,63 @@
<template>
<section class="termo">
<aside class="scrollable">
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
<numeric
v-model="recipe.pyrometer_upperthermoregulator_start_adjustment"
/>
</div>
<slider
v-model="recipe.pyrometer_upperthermoregulator_start_adjustment"
></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
<numeric
v-model="recipe.pyrometer_upperthermoregulator_end_adjustment"
/>
</div>
<slider
v-model="recipe.pyrometer_upperthermoregulator_end_adjustment"
></slider>
<div class="box transparent">
<div class="body">
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_start_adjustment'|localize('Inizio regolazione (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_start_adjustment" />
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_start_adjustment"></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_end_adjustment'|localize('Fine regolazione (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_end_adjustment" />
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_end_adjustment"></slider>
<hr />
<hr />
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
<numeric
v-model="recipe.pyrometer_upperthermoregulator_min_percentage"
/>
</div>
<slider
v-model="recipe.pyrometer_upperthermoregulator_min_percentage"
></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
<numeric
v-model="recipe.pyrometer_upperthermoregulator_max_percentage"
/>
</div>
<slider
v-model="recipe.pyrometer_upperthermoregulator_max_percentage"
></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_min_percentage'|localize('Percentuale Minimo')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_min_percentage" />
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_min_percentage"></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_max_percentage'|localize('Percentuale Massimo')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_max_percentage" />
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_max_percentage"></slider>
<hr />
<hr />
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_sleep_enabled'|localize('Abilitazione riposo')}}</label>
<toggle-button v-model="recipe.pyrometer_upperthermoregulator_sleep_enabled.status.enabled"></toggle-button>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_sleep_enabled'|localize('Abilitazione riposo')}}</label>
<toggle-button v-model="recipe.pyrometer_upperthermoregulator_sleep_enabled.status.enabled"></toggle-button>
</div>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage" />
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage"></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_sleep_temperature'|localize('Temperatura a riposo (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_sleep_temperature" />
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_sleep_temperature"></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_working_temperature'|localize('Temperatura a regime (°C/10)')}}</label>
<numeric v-model="recipe.pyrometer_upperthermoregulator_working_temperature" />
</div>
<slider v-model="recipe.pyrometer_upperthermoregulator_working_temperature"></slider>
</div>
</div>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_sleep_percentage'|localize('Percentuale riposo')}}</label>
<numeric
v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage"
/>
</div>
<slider
v-model="recipe.pyrometer_upperthermoregulator_sleep_percentage"
></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_sleep_temperature'|localize('Temperatura a riposo (°C/10)')}}</label>
<numeric
v-model="recipe.pyrometer_upperthermoregulator_sleep_temperature"
/>
</div>
<slider
v-model="recipe.pyrometer_upperthermoregulator_sleep_temperature"
></slider>
<div class="input-area">
<label>{{'pyrometer_upperthermoregulator_working_temperature'|localize('Temperatura a regime (°C/10)')}}</label>
<numeric
v-model="recipe.pyrometer_upperthermoregulator_working_temperature"
/>
</div>
<slider
v-model="recipe.pyrometer_upperthermoregulator_working_temperature"
></slider>
</aside>
<hr />
<div class="specific termospecific">
<article>
<svgtermosuperiore :recipe="recipe"></svgtermosuperiore>
<button>
<button class="btn btn-success square absolute bottom left">
<img src="assets/icons/png/double.png" />
</button>
</div>
</article>
</section>
</template>