fix: TT-20 Calculate Difference

Author: wobravo

src/app/modules/shared/components/details-fields/details-fields.component.html

@@ -137,11 +137,13 @@
         </div>
       </div>
 
-      <div class="form-group row">
+      <div class="form-group row" *ngIf="!goingToWorkOnThis">
         <label class="col-12 col-sm-2">Total Hours:</label>
         <div class="col-12 col-sm-4">
-          <span>
-
+          <span class="border-tag"
+            [class.border-tag--disabled]="!(project_id.value && project_name.value)"
+            >
+            {{ this.getTimeDifference() }}
           </span>
         </div>
       </div>

src/app/modules/shared/components/details-fields/details-fields.component.scss

@@ -108,3 +108,10 @@ input[type="date"]::-webkit-clear-button {
   background-color: #e9ecef;
   opacity: 1;
 }
+
+.border-tag {
+  border: 1px solid $primary;
+  padding: 10px;
+  border-radius: 5px;
+  margin-top: 10px;
+}

src/app/modules/shared/components/details-fields/details-fields.component.ts

@@ -129,14 +129,23 @@ export class DetailsFieldsComponent implements OnChanges, OnInit {
   }
 
   getTimeDifference(){
-    const horainico = this.start_hour.value;
-    const horafinal = this.end_hour.value;
-    console.log(horainico + ' ' + horafinal);
-    const ab = moment(horainico, 'HH:mm');
-    const ac = moment(horafinal, 'HH:mm');
-    console.error(moment.duration(ab.diff(ac)).humanize());
-    const diff = [moment.duration(ab.diff(ac)).humanize()];
-    return diff;
+    moment.locale('es');
+    const hourStart = this.start_hour.value;
+    const hourEnd = this.end_hour.value;
+    const ab = moment(hourStart, 'HH:mm');
+    const ac = moment(hourEnd, 'HH:mm');
+    if (hourStart === '00:00') {
+      const hourTotal = '00:00';
+      return hourTotal;
+    }
+    if (hourEnd === '00:00') {
+      const hourTotal = '00:00';
+      return hourTotal;
+    }else {
+      const hourTotal = [moment.duration(ab.diff(ac))];
+      return hourTotal;
+    }
+
   }
 
   ngOnChanges(): void {