angular-node-java-ai/src/app/modules/application/example-template-driven-forms/tutorial.component.html at 8949c81c4d7f35a270a532974a5dd0a95138178e · ganatan/angular-node-java-ai · 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
<div class="row justify-content-center pt-2">
    <div class="text-center col">
      <h1 class="h3">Feature : Template-driven Forms</h1>
      <hr>
    </div>
</div>
<div class="row justify-content-center p-2">
  <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">
    {{ movie | json }}
  </div>
  <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8">
    <div class="card">
      <div class="card-header text-center">
        <h4>Movie : <span class="text-primary font-weight-bold">Avengers: Endgame</span></h4>
      </div>
      <div class="card-body">
        <form>
          <div class="form-row">
            <div class="form-group col-md-6">
              <label for="name">Name</label>
              <input type="text" class="form-control" name="name" id="name" [ngModel]="movie.name">
            </div>
            <div class="form-group col-md-6">
              <label for="release">Release Date</label>
              <input type="text" class="form-control" name="release" id="release"  [ngModel]="movie.releaseDate">
            </div>
          </div>
          <div class="form-row">
            <div class="form-group col-md-4">
              <label for="domestic">Domestic</label>
              <input type="text" class="form-control" name="domestic" id="domestic" [(ngModel)]="movie.domestic">
            </div>
            <div class="form-group col-md-4">
              <label for="international">International</label>
              <input type="text" class="form-control" name="international" id="international"  [(ngModel)]="movie.international">
            </div>
            <div class="form-group col-md-4">
              <label for="worldwide">Worldwide</label>
              <input type="text" class="form-control" name="worldwide" id="worldwide" [(ngModel)]="movie.worldwide">
            </div>
          </div>
          <div class="form-row justify-content-center">
            <button type="submit" class="btn btn-primary mr-4">Create</button>
            <button type="submit" class="btn btn-primary mr-4">Update</button>
            <button type="submit" class="btn btn-primary">Delete</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>