disabled input text

llvllariox · Aug 11, 2020 · 93515cc · 93515cc
1 parent eb3935b
commit 93515cc
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 19 deletions.
diff --git a/.firebase/hosting.ZGlzdFxtYXBhcw.cache b/.firebase/hosting.ZGlzdFxtYXBhcw.cache
@@ -1,8 +1,4 @@
 favicon.ico,1590589470368,2c19690e9587bae12f419b34d2edeecc76808099540a9c9f4ea6194116cfc8f7
-polyfills-es2015.f238b0d57425d6662402.js,1596554269613,c23e21ecb3cd36a210d96506739d38a720b9dac23891e03ebadb73d65ffcb2e3
-polyfills-es5.0b79a039423a45390045.js,1596554280701,247eca72362b31f58d1328a14e253b98c14663d77ff3dd5fc19ecb96ca979800
-runtime-es2015.409e6590615fb48d139f.js,1596554269175,8351e28e6622d0d4825d766649b2ae0e8767c34304fff594f102bfe52b7e4e29
-runtime-es5.409e6590615fb48d139f.js,1596554269175,8351e28e6622d0d4825d766649b2ae0e8767c34304fff594f102bfe52b7e4e29
 assets/css/bootstrap.min.css,1590380838872,1ef471c96e5c0732b5e0d735126350ef8f969f850a3cc2aac2b1073dd168a265
 assets/css/bootstrap.min.css.map,1590380838888,efd36e67d0853e8790fa84bfab53cd22ab9592b6b22ce390dd4ceef986955554
 assets/images/calendar-regular.png,1594741259895,9890df84eb3e623778915b0500220cfaf1e5eb078c5bb7cffb285bc929009bea
@@ -21,8 +17,13 @@ assets/js/bootstrap.min.js.map,1590380859088,043d6638bd3f6dac7e56e7a0b1e3c8839bf
 assets/js/custom.js,1596216591103,2c23ced121b226086300ccb603696d161343648014abe38030e9a9c0e8801108
 assets/js/jquery-3.4.1.slim.min.js,1590380859102,3473ff1df960b4d0bc611701393a2eb142564d3593df3ba7bf1a13fb63bdfeaa
 assets/js/popper.min.js,1590380859114,d7707cf8010bc1b6be59e387d822cd5499633df93289cdb43e4238f2aa03721b
-index.html,1596770349303,a9aef3fc24ae308766b56221550e0c146095c2a57b0df0bde4d857fa30f74b4a
-styles.7ea80073c7337831cfc3.css,1596770304293,956ca31de2f2b7000cb54ab65a2de5a69a484915bd81b40fab3bf1133f739e0e
-3rdpartylicenses.txt,1596770304293,98e7650d70e79f927f30bf8909c916c287ded3541b4a7832382a4b204ece92e7
-main-es5.e1f496989728132f7a95.js,1596770341723,61f6ab410a19c53807843c87ca1886051cf524be67008ed97ea83f5b760b16ae
-main-es2015.e1f496989728132f7a95.js,1596770348982,e1a3af46d2549d7c63b7cdd128f00419bce246c31695ba6dcfe75f67a0d1d775
+index.html,1597152243784,d1361255edb08b04795be55575c19ba1c903e477011147eaa83476b4e41a42b7
+3rdpartylicenses.txt,1597152198104,27dfadd84a0f46e35ede9732405cb75f6715223878ba06c036534216aa2b6f77
+runtime-es2015.409e6590615fb48d139f.js,1597079919910,8351e28e6622d0d4825d766649b2ae0e8767c34304fff594f102bfe52b7e4e29
+styles.7ea80073c7337831cfc3.css,1597152198104,956ca31de2f2b7000cb54ab65a2de5a69a484915bd81b40fab3bf1133f739e0e
+assets/images/logo_tbk.jpg,1596826315441,9c49c84bb0b59fd460a528f79123379d66d6d577ac4033f7c706dfc15a55cd35
+runtime-es5.409e6590615fb48d139f.js,1597079919910,8351e28e6622d0d4825d766649b2ae0e8767c34304fff594f102bfe52b7e4e29
+polyfills-es2015.9a57001dd9671e1ec8b7.js,1597079920342,a733309d6c8fc968e415b8b9e3e5eab982720a7aac710b66e85ab3a9c3606c50
+polyfills-es5.140e771a37f5fbdec635.js,1597079932406,8e81424990a84e53fa4dd8f5389b64501b7d0bfacdcaff8005564eb0f8dd20d6
+main-es2015.61e32a2a8dd16deea391.js,1597152243389,e800851027456554922bab2b3bbba38b820d728771fde89357dc3b0935450313
+main-es5.61e32a2a8dd16deea391.js,1597152237475,adb8184a528a5b7e772baa98bdca3bdf1ddf97586455f7cd13232b6dce6b4eba
diff --git a/src/app/components/ver-capacity/ver-capacity.component.css b/src/app/components/ver-capacity/ver-capacity.component.css
@@ -26,4 +26,8 @@ tr:hover {
 
 .danger {
     color: red !important;
+}
+
+input[type="text"][disabled] {
+    color: black;
 }
diff --git a/src/app/components/ver-capacity/ver-capacity.component.html b/src/app/components/ver-capacity/ver-capacity.component.html
@@ -37,14 +37,14 @@
                     </tr>
                     <tr class="" style="background-color: rgb(255, 255, 255)">
                         <td class="small text-dark" scope="col" style="width: 300px;text-overflow: ellipsis;">&nbsp; &nbsp;En ejecución</td>
-                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="capacityService.totalMes1" class="text-right" pattern="" type="text" style="border: 0px;"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="capacityService.totalMes1" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
                         <!-- <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;">{{capacityService.totalMes|number:'1.2'}}</td> -->
-                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="capacityService.totalMes2" class="text-right" pattern="" type="text" style="border: 0px;"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="capacityService.totalMes2" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
                     </tr>
                     <tr class="" style="background-color: rgb(255, 255, 255)">
                         <td class="small text-dark" scope="col" style="width: 300px;text-overflow: ellipsis;">&nbsp; &nbsp;Reservado</td>
-                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Reservavalor1" class="text-right" pattern="" type="text" style="border: 0px;"></td>
-                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Reservavalor2" class="text-right" pattern="" type="text" style="border: 0px;"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Reservavalor1" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Reservavalor2" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
                     </tr>
                     <tr class="" style="background-color: rgb(180, 198, 231)">
                         <td class="small font-weight-bold text-dark" scope="col" style="width: 300px;text-overflow: ellipsis;">Mantención y Centro de Compentencia</td>
@@ -53,13 +53,13 @@
                     </tr>
                     <tr class="" style="background-color: rgb(255, 255, 255)">
                         <td class="small text-dark" scope="col" style="width: 300px;text-overflow: ellipsis;">&nbsp; &nbsp;Mantención y Centro de Compentencia + BUC</td>
-                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input (keyup)="cambiarTotal()" currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Mttovalor1" class="text-right" pattern="" type="text" style="border: 0px;"></td>
-                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Mttovalor3" class="text-right" pattern="" type="text" style="border: 0px;"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input (keyup)="cambiarTotal()" currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Mttovalor1" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Mttovalor3" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
                     </tr>
                     <tr class="" style="background-color: rgb(255, 255, 255)">
                         <td class="small text-dark" scope="col" style="width: 300px;text-overflow: ellipsis;">&nbsp; &nbsp;Mantención Backend</td>
-                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input (keyup)="cambiarTotal()" currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Mttovalor2" class="text-right" pattern="" type="text" style="border: 0px;"></td>
-                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Mttovalor4" class="text-right" pattern="" type="text" style="border: 0px;"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input (keyup)="cambiarTotal()" currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Mttovalor2" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 200px;text-overflow: ellipsis;"><input currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="Mttovalor4" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
                     </tr>
                     <tr class="" style="background-color: rgb(180, 198, 231)">
                         <td class="small font-weight-bold text-dark" scope="col" style="width: 300px;text-overflow: ellipsis;">Capacity disponible SWF</td>
@@ -93,8 +93,8 @@
                     <tr *ngFor="let CS of capacityService.jsonDataPlanServiceCS; let i = index" class="" style="background-color: rgb(255, 255, 255)">
                         <td *ngIf="mostrarVal" class="small text-center puntero text-danger" scope="col" style="width: 20px" (click)="eliminarCS(i)" id="Col2">X</td>
                         <td class="small text-dark text-left" scope="col" style="width: 350px;text-overflow: ellipsis;">{{CS.descripcion}}</td>
-                        <td class="small text-dark text-right" scope="col" style="width: 180px;text-overflow: ellipsis;"><input (keyup)="cambiarTotalCS()" currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="CS.mes1.totalMes1" class="text-right" pattern="" type="text" style="border: 0px;"></td>
-                        <td class="small text-dark text-right" scope="col" style="width: 180px;text-overflow: ellipsis;"><input (keyup)="cambiarTotalCS()" currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="CS.mes2.totalMes2" class="text-right" pattern="" type="text" style="border: 0px;"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 180px;text-overflow: ellipsis;"><input (keyup)="cambiarTotalCS()" currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="CS.mes1.totalMes1" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
+                        <td class="small text-dark text-right" scope="col" style="width: 180px;text-overflow: ellipsis;"><input (keyup)="cambiarTotalCS()" currencyMask [options]="{ prefix: '', thousands: ',', decimal: '.' }" [(ngModel)]="CS.mes2.totalMes2" class="text-right" pattern="" type="text" style="border: 0px;" [disabled]="!mostrarVal"></td>
                         <!-- <td class="small text-dark text-right" scope="col" style="width: 180px;text-overflow: ellipsis;">{{CS.mes1.totalMes1}}</td> -->
                         <!-- <td class="small text-dark text-right" scope="col" style="width: 180px;text-overflow: ellipsis;">{{CS.mes2.totalMes2}}</td> -->
                     </tr>