layout assi

Thermo.Active/wwwroot/assets/styles/style.css

@@ -87,6 +87,7 @@
   justify-content: flex-start;
   width: calc(100% - 28px);
   height: calc(100% - 28px - 82px);
+  position: relative;
 }
 .setup .modal section.body section .auto {
   overflow-y: auto;

Thermo.Active/wwwroot/src/app_modules_thermo/setup/components/axis-info.ts

@@ -0,0 +1,28 @@
+import Component from "vue-class-component";
+import Vue from "vue";
+import { Prop } from "vue-property-decorator";
+import PrintProcesso from "@/app_modules_thermo/processo/components/printProcesso";
+
+@Component({})
+export default class AxisInfo extends Vue {
+
+  @Prop()
+  id: number;
+
+  @Prop({ default: 'axes' })
+  name: string;
+
+  @Prop({ default: 'axes-quote' })
+  quoteLabel: string;
+
+  @Prop({ default: 'axes-speed' })
+  speedLabel: string;
+
+
+
+  get axis() {
+    return null;
+  }
+
+
+}

Thermo.Active/wwwroot/src/app_modules_thermo/setup/components/axis-info.vue

@@ -0,0 +1,45 @@
+<template>
+	<div class="axis-info">
+		<table>
+			<thead>
+				<tr>
+					<th></th>
+					<th width="200">{{name | localize(name)}}</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<th>{{quoteLabel | localize(quoteLabel)}}</th>
+					<td>0 mm</td>
+				</tr>
+				<tr>
+					<th>{{speedLabel | localize(speedLabel)}}</th>
+					<td>0 mm/s</td>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+</template>
+<script src="./axis-info.ts" lang="ts"></script>
+<style scoped>
+.axis-info {
+	position: absolute;
+	top: 0;
+	right: 0;
+	min-width: 250px;
+	height: 80px;
+}
+
+td {
+	background-color: rgba(23, 145, 255, 0.46);
+	text-align: right;
+}
+
+th {
+	color: #999;
+}
+
+table {
+	width: 100%;
+}
+</style>

Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/controstampo.ts

@@ -1,16 +1,18 @@
 import Vue from 'vue';
 import Component from 'vue-class-component';
 import { Prop } from 'vue-property-decorator';
-import Slider from "@/app_modules_thermo/components/slider.vue";
+
 import Scheda from "@/app_modules_thermo/components/scheda.vue";
 import Controstamposvg from "./SVG_Components/svgcontrostampo.vue";
-import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
+
+import axes from "@/app_modules_thermo/setup/components/axis-info.vue";
 
 @Component({
   name: "controstampo",
   components: {
     scheda: Scheda,
-    svgcontrostampo: Controstamposvg
+    svgcontrostampo: Controstamposvg,
+    axes
   }
 })
 export default class Controstampo extends Vue {

Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/controstampo.vue

@@ -98,6 +98,7 @@
 			<!-- <button class="btn btn-success absolute square bottom left">
 				<img src="assets/icons/png/w.png" />
 			</button>-->
+			<axes></axes>
 		</article>
 	</section>
 </template>

Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/discesa-cornice.ts

@@ -1,11 +1,12 @@
 import Vue from "vue";
 import Component from "vue-class-component";
 import { Prop } from 'vue-property-decorator';
-import Slider from "@/app_modules_thermo/components/slider.vue";
-import QuoteVelocitaSVG from "./SVG_Components/quote-velocita.vue";
-import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
 
-@Component({ name: "discesacornice", components: { quoteVelocitaSVG: QuoteVelocitaSVG } })
+import QuoteVelocitaSVG from "./SVG_Components/quote-velocita.vue";
+
+import axes from "@/app_modules_thermo/setup/components/axis-info.vue";
+
+@Component({ name: "discesacornice", components: { quoteVelocitaSVG: QuoteVelocitaSVG, axes } })
 export default class DiscesaCornice extends Vue {
 
 

Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/discesa-cornice.vue

@@ -82,6 +82,7 @@
 			<!-- <button class="btn btn-success absolute square bottom left">
 				<img src="assets/icons/png/w.png" />
 			</button>-->
+			<axes></axes>
 		</article>
 	</section>
 </template>

Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.ts

@@ -1,11 +1,10 @@
 import Vue from "vue";
 import Component from "vue-class-component";
 import { Prop } from 'vue-property-decorator';
-import Slider from "@/app_modules_thermo/components/slider.vue"
 import StampoSVG from "./SVG_Components/stampo.vue";
-import Tastierino from "@/app_modules_thermo/components/tastierino.vue";
+import axes from "@/app_modules_thermo/setup/components/axis-info.vue";
 
-@Component({ name: "salita-stampo", components: { stampoSVG: StampoSVG } })
+@Component({ name: "salita-stampo", components: { stampoSVG: StampoSVG, axes } })
 export default class DiscesaCornice extends Vue {
 
 

Thermo.Active/wwwroot/src/app_modules_thermo/setup/quote-velocita/components/salita-stampo.vue

@@ -103,6 +103,7 @@
 			<!-- <button class="btn btn-success absolute square bottom left">
 				<img src="assets/icons/png/w.png" />
 			</button>-->
+			<axes></axes>
 		</article>
 	</section>
 </template>