graph selectedMaintenance

Step/wwwroot/assets/styles/base/maintenance.less

@@ -151,7 +151,7 @@
 }
 .maintenance-box-right{
     position: relative;
-    &.selectedMaintenance::after{
+    &.enableMaintenance::after{
         content: "Devi selezionare una manutenzione";
         position: absolute;
         top: 0;

Step/wwwroot/assets/styles/style.css

@@ -7457,7 +7457,7 @@ footer .container button.big:before {
 .maintenance-box-right {
   position: relative;
 }
-.maintenance-box-right.selectedMaintenance::after {
+.maintenance-box-right.enableMaintenance::after {
   content: "Devi selezionare una manutenzione";
   position: absolute;
   top: 0;

Step/wwwroot/src/components/maintenance.ts

@@ -5,5 +5,19 @@ import {maintenanceCard} from "src/modules/base-components/cards";
 
 @Component({ components: { MaintenanceProgress, maintenanceCard } })
 export default class Maintenance extends Vue {
-    public selectedMaintenance: boolean = false;
+    public enableMaintenance: boolean = true;
+
+    public selectedMaintenance: any = null;
+
+    public test(){
+        if(this.selectedMaintenance){
+            this.selectedMaintenance = null;
+            this.enableMaintenance = true;
+        }
+        else{
+            
+            this.selectedMaintenance = {};
+            this.enableMaintenance = false;
+        }
+    }
 }

Step/wwwroot/src/components/maintenance.vue

@@ -33,7 +33,7 @@
                     </tr>
                   </thead>
                   <tbody class="scrollable">
-                    <tr>
+                    <tr @click="test()">
                       <td colspan="1">Effettuare la pulizia</td>
                       <td colspan="1"><maintenance-progress></maintenance-progress></td>
                       <td colspan="1">7 gg</td>
@@ -57,7 +57,7 @@
 
               </div>
             </div>
-            <div class="maintenance-box-right" :class="{'selectedMaintenance': selectedMaintenance}">
+            <div class="maintenance-box-right" :class="{'enableMaintenance': enableMaintenance}">
               <maintenance-card></maintenance-card>
             </div>
           </div>