| {{item.idGroup}} |
{{item.idReflector}} |
@@ -39,7 +39,7 @@
-
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/sotto-cofano/sotto-cofano.css b/Thermo.Active/wwwroot/src/app_modules_thermo/sotto-cofano/sotto-cofano.css
new file mode 100644
index 00000000..ee0923ae
--- /dev/null
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/sotto-cofano/sotto-cofano.css
@@ -0,0 +1,147 @@
+.main-container {
+ width: 1920px;
+ height: 1080px;
+ display: grid;
+ grid-template-rows: 193px 1fr;
+ grid-template-columns: 495px 1fr;
+}
+.main-container table {
+ border-collapse: collapse;
+ position: relative;
+}
+.main-container table thead {
+ width: 674px;
+ height: 34px;
+ padding: 10px 0 0;
+ background-color: #4e585e;
+ box-sizing: border-box;
+}
+.main-container table thead tr th {
+ background-color: #4e585e;
+ position: sticky;
+ top: 0;
+ height: 12px;
+ font-size: 14px;
+ line-height: 34px;
+ text-align: left;
+ color: #ffffff;
+ min-width: 64px;
+ overflow: hidden;
+ padding: 0;
+}
+.main-container table thead tr th:after {
+ content: "";
+ position: absolute;
+ bottom: 0px;
+ width: 100%;
+ height: 2px;
+ background-color: #bbbcbc;
+ display: block;
+}
+.main-container table .center {
+ text-align: center;
+}
+.main-container table tbody {
+ width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0px;
+ margin: 0;
+}
+.main-container table tbody td {
+ height: 64px;
+ color: #e8e8e8;
+}
+.main-container table tbody tr.back-0 {
+ background-color: #747f85;
+}
+.main-container table tbody tr.back-1 {
+ background-color: #4e585e;
+}
+.main-container table tbody.autocolor tr:nth-child(odd) {
+ background-color: #747f85;
+}
+.main-container table tbody.autocolor tr:nth-child(even) {
+ background-color: #4e585e;
+}
+.main-container table tbody::-webkit-scrollbar {
+ width: 16px;
+}
+.main-container table tbody::-webkit-scrollbar-track {
+ margin: 20px 0px;
+ background-color: #5a656b;
+ border-radius: 15px;
+}
+.main-container table tbody::-webkit-scrollbar-thumb {
+ width: 16px;
+ background: #3e464a;
+ border: 4px solid #5a656b;
+ border-radius: 15px;
+}
+.main-container .table-container {
+ height: 700px;
+}
+.main-container .table-container tr.group-row {
+ height: 64px;
+ width: 100%;
+ background: transparent !important;
+}
+.main-container .table-container tr.group-row td {
+ text-align: center;
+ padding: 20px;
+ height: auto;
+ font-size: 16px;
+ color: #fff;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.main-container .table-container td.pointer {
+ text-align: center;
+}
+.main-container .table-container button.pointer {
+ width: 48px;
+ height: 48px;
+ object-fit: contain;
+ border-radius: 2px;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
+ background-image: linear-gradient(to bottom, #818a8f 0%, #42494e 98%);
+ border: none;
+}
+.main-container .table-container button.pointer .pinned {
+ transform: rotateZ(45deg);
+}
+.main-container .column-menu {
+ grid-row: 2;
+ border-top: #ffffff 2px solid;
+}
+.main-container .column-page {
+ grid-row: 2;
+ grid-column: 2;
+ width: 1424px;
+ height: 885px;
+ border-top: #ffffff 2px solid;
+ background-color: #657178;
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
+}
+.main-container .column-page-one-column {
+ grid-row: 2;
+ grid-column: 2;
+ width: auto;
+ height: 885px;
+ border-top: #ffffff 2px solid;
+ background-color: #657178;
+ display: grid;
+}
+.main-container .column-page-one-column > table {
+ margin: 20px 0 0 20px;
+}
+.main-container .one-column-table-container {
+ height: 750px;
+ margin: 20px 20px 0 20px;
+}
+.main-container .one-column-table-container > table {
+ width: -webkit-fill-available;
+}
+.main-container .pointer {
+ cursor: pointer;
+}
diff --git a/Thermo.Active/wwwroot/src/app_modules_thermo/sotto-cofano/sotto-cofano.less b/Thermo.Active/wwwroot/src/app_modules_thermo/sotto-cofano/sotto-cofano.less
index f4f428bb..e53dd098 100644
--- a/Thermo.Active/wwwroot/src/app_modules_thermo/sotto-cofano/sotto-cofano.less
+++ b/Thermo.Active/wwwroot/src/app_modules_thermo/sotto-cofano/sotto-cofano.less
@@ -11,18 +11,19 @@
table {
border-collapse: collapse;
+ position: relative;
+
thead {
width: 674px;
height: 34px;
padding: 10px 0 0;
-
background-color: @fill-under-grey-1-2;
- border-bottom: 2px solid @light-grey-blue;
box-sizing: border-box;
tr {
th {
background-color: @fill-under-grey-1-2;
+ // border-bottom: 2px solid @light-grey-blue;
position: sticky;
top: 0;
height: 12px;
@@ -31,6 +32,18 @@
text-align: left;
color: #ffffff;
min-width: 64px;
+ overflow: hidden;
+ padding: 0;
+
+ &:after {
+ content: "";
+ position: absolute;
+ bottom: 0px;
+ width: 100%;
+ height: 2px;
+ background-color: @light-grey-blue;
+ display: block;
+ }
}
}
}
@@ -50,13 +63,26 @@
color: #e8e8e8;
}
- tr:nth-child(odd) {
+ // tr:nth-child(odd),
+ tr.back-0 {
background-color: @fill-under-grey-3-2;
}
- tr:nth-child(even) {
+ // tr:nth-child(even),
+ tr.back-1 {
background-color: @fill-under-grey-1-2;
}
+ &.autocolor{
+ tr:nth-child(odd) {
+ background-color: @fill-under-grey-3-2;
+ }
+ tr:nth-child(even) {
+ background-color: @fill-under-grey-1-2;
+ }
+
+ }
+
+
&::-webkit-scrollbar {
width: 16px;
}
@@ -107,6 +133,9 @@
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
background-image: linear-gradient(to bottom, #818a8f 0%, #42494e 98%);
border: none;
+ .pinned{
+ transform: rotateZ(45deg);
+ }
}
}
@@ -129,7 +158,7 @@
.column-page-one-column {
grid-row: 2;
grid-column: 2;
- width: 1384px;
+ width: auto;
height: 885px;
border-top: @white 2px solid;
background-color: @fill-under-grey-2-2;
@@ -141,7 +170,7 @@
.one-column-table-container {
height: 750px;
- margin: 20px 0 0 20px;
+ margin: 20px 20px 0 20px;
> table {
width: -webkit-fill-available;
}
diff --git a/Thermo.Active/wwwroot/src/components/modals/ModalHelper.ts b/Thermo.Active/wwwroot/src/components/modals/ModalHelper.ts
index fbffbe03..f801327c 100644
--- a/Thermo.Active/wwwroot/src/components/modals/ModalHelper.ts
+++ b/Thermo.Active/wwwroot/src/components/modals/ModalHelper.ts
@@ -10,6 +10,14 @@ declare let $: any;
export class ModalHelper {
+
+ public static selectedResistanceModal = {
+ idGroup: -1,
+ idReflector: -1,
+ idBoard: -1,
+ idoutput: -1,
+ status: 0
+ };
public static loadDepotModal = {
positionId: 0,
diff --git a/Thermo.Active/wwwroot/src/modules/app-footer.ts b/Thermo.Active/wwwroot/src/modules/app-footer.ts
index 795d1dfb..0dd95610 100644
--- a/Thermo.Active/wwwroot/src/modules/app-footer.ts
+++ b/Thermo.Active/wwwroot/src/modules/app-footer.ts
@@ -58,6 +58,9 @@ export default class AppFooter extends Vue {
return machineStatusActions.isAreaVisible(store, areaname);
}
+ isThermoHoodVisible() {
+ return machineStatusActions.isAreaVisible(store, "thermoHood");
+ }
public getUtilities(): Array |