time-tracker-ui/src/app/modules/shared/components/details-fields/details-fields.component.html at cffbc412093735cc3edb985c93502c3c390aa2b7 · ioet/time-tracker-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<form [formGroup]="entryForm" (ngSubmit)="onSubmit()">
  <label><input id='isEntryRunning' type="checkbox" (change)="onGoingToWorkOnThisChange($event)" [checked]="goingToWorkOnThis"> I am working on
    this</label>

  <div class="input-group input-group-sm mb-3">

    <div class="input-group-prepend">
      <span class="input-group-text span-width">Project</span>
    </div>
    <select
      [class.is-invalid]="project_id.invalid"
      required
      id="project_id"
      class="custom-select"
      formControlName="project_id"
    >
      <option value="" selected="selected"></option>
      <option *ngFor="let project of listProjects" value="{{ project.id }}">{{ project.customer_name }}
        - {{ project.name }}</option>
    </select>
  </div>

  <div class="input-group input-group-sm mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text span-width">Activity</span>
    </div>
    <select
      [class.is-invalid]="activity_id.invalid"
      required
      id="activity_id"
      class="custom-select"
      formControlName="activity_id"
    >
      <option value="" selected="selected"></option>
      <option *ngFor="let activity of activities" value="{{ activity.id }}">{{ activity.name }}</option>
    </select>
    <div
      class="invalid-feedback"
      *ngIf="(activity_id.dirty || activity_id.touched) && activity_id.invalid && activity_id.errors.required"
    ></div>
  </div>

  <div class="input-group input-group-sm mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text span-width">Ticket</span>
    </div>
    <input
      formControlName="uri"
      id="uri"
      type="text"
      class="form-control"
      aria-label="Small"
      aria-describedby="inputGroup-sizing-sm"
    />
  </div>

  <div class="input-group input-group-sm mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text span-width">Date</span>
    </div>
    <input
      formControlName="entry_date"
      id="entry_date"
      type="date"
      class="form-control"
      aria-label="Small"
      aria-describedby="inputGroup-sizing-sm"
      [class.is-invalid]="entry_date.invalid && entry_date.touched"
      required
    />
  </div>
  <div class="input-group input-group-sm mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text span-width">Time in</span>
    </div>
    <input
      [clearIfNotMatch]="true"
      [showMaskTyped]="true"
      [dropSpecialCharacters]="false"
      matInput
      mask="Hh:m0"
      formControlName="start_hour"
      id="start_hour"
      type="text"
      class="form-control"
      aria-label="Small"
      [class.is-invalid]="start_hour.invalid && start_hour.touched"
      required
      aria-describedby="inputGroup-sizing-sm"
    />
    <div class="input-group-prepend" *ngIf="!goingToWorkOnThis">
      <span class="input-group-text span-width">Time out</span>
    </div>
    <input
      *ngIf="!goingToWorkOnThis"
      [clearIfNotMatch]="true"
      [showMaskTyped]="true"
      [dropSpecialCharacters]="false"
      matInput
      mask="Hh:m0"
      formControlName="end_hour"
      type="text"
      id="end_hour"
      class="form-control"
      aria-label="Small"
      [class.is-invalid]="end_hour.invalid && end_hour.touched"
      required
      aria-describedby="inputGroup-sizing-sm"
    />
  </div>

  <app-technologies
    (technologyAdded)="onTechnologiesUpdated($event)"
    (technologyRemoved)="onTechnologiesUpdated($event)"
    [selectedTechnologies]="selectedTechnologies"
  >
  </app-technologies>

  <div class="form-group text-left">
    <label for="NotesTextarea">Description</label>
    <textarea maxlength="1500" formControlName="description" class="form-control" id="NotesTextarea"
              rows="3"></textarea>
  </div>
  <div class="modal-footer">
    <button type="submit" class="btn btn-primary">Save</button>
    <button #closeModal type="button" class="btn btn-secondary" data-dismiss="modal">
      Close
    </button>
  </div>
</form>