Project

General

Profile

1
<div style="text-align: center;" *ngIf="showSpinner">
2
  <span class="loading">{{ loadingMessage }}</span><br>
3
  <img src="/assets/imgs/loader-big.gif">
4
</div>
5
<form [formGroup]="updateGroup" *ngIf="selectedRepo">
6
  <div>
7
    <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="">
8
      Basic information
9
    </h4>
10
  </div>
11
  <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
12
  <div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>
13
  <div class="uk-alert uk-alert-warning">
14
    The following fields are completed by {{ sourceTitle }}.<br>
15
    If you want to edit them, you can do it by using this
16
    <a href="{{ sourceLinkToRepo }}" target="_blank">{{ sourceTitle }} link</a>
17
  </div>
18
  <form-inline [description]="softwarePlatformDesc">
19
    <select formControlName="softwarePlatform" class="form-control">
20
<!--      <option value="" selected>[Other] (enter name below)</option>-->
21
      <option *ngFor="let platform of typologies" value="{{ platform.value }}">{{ platform.name }}</option>
22
    </select>
23
  </form-inline>
24
  <form-inline [description]="platformNameDesc">
25
    <input formControlName="platformName" class="form-control" style="" type="text">
26
  </form-inline>
27
  <form-inline [description]="officialNameDesc" >
28
    <input formControlName="officialName" class="form-control" style="" type="text">
29
  </form-inline>
30
  <form-inline [description]="repoDescriptionDesc">
31
    <textarea formControlName="repoDescription" class="form-control"></textarea>
32
  </form-inline>
33
  <form-inline [description]="countryDesc">
34
    <select formControlName="country" class="form-control">
35
      <option value="">-- none selected --</option>
36
      <option *ngFor="let country of countries" value="{{country.code}}">{{ country.name }}</option>
37
    </select>
38
  </form-inline>
39
  <form-inline [description]="longtitudeDesc" [valid]="updateGroup.get('longtitude').valid">
40
    <span *ngIf="updateGroup.get('longtitude').invalid && updateGroup.get('longtitude').touched && updateGroup.get('longtitude').dirty"
41
          class="help-block inline"
42
          style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">Invalid Longtitude</span>
43
    <input formControlName="longtitude" class="form-control" type="number" step="0.05" (focus)="updateGroup.get('longtitude').markAsUntouched()" (blur)="updateGroup.get('longtitude').updateValueAndValidity()">
44
  </form-inline>
45
  <form-inline [description]="latitudeDesc" [valid]="updateGroup.get('latitude').valid">
46
    <span *ngIf="updateGroup.get('latitude').invalid && updateGroup.get('latitude').touched && updateGroup.get('latitude').dirty"
47
          class="help-block inline"
48
          style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">Invalid Latitude</span>
49
    <input formControlName="latitude" class="form-control" type="number" step="0.05" (focus)="updateGroup.get('latitude').markAsUntouched()" (blur)="updateGroup.get('latitude').updateValueAndValidity()">
50
  </form-inline>
51
  <form-inline [description]="websiteUrlDesc">
52
    <input formControlName="websiteUrl" class="form-control" type="text">
53
  </form-inline>
54
  <form-inline [description]="institutionNameDesc">
55
    <input formControlName="institutionName" class="form-control" type="text">
56
  </form-inline>
57
  <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium"
58
      uk-scrollspy-class="">Extra Information</h4>
59
  <form-inline [description]="englishNameDesc" [valid]="updateGroup.get('englishName').valid">
60
    <input formControlName="englishName" class="form-control" type="text">
61
  </form-inline>
62
  <form-inline [description]="logoUrlDesc" [valid]="updateGroup.get('logoUrl').valid">
63
    <input formControlName="logoUrl" class="form-control" type="text">
64
    <div class="comment fontItalic">
65
      Please make sure that the maximum size of the uploaded image is width=360px, height=240px
66
    </div>
67
  </form-inline>
68
  <form-inline [description]="timezoneDesc" [valid]="updateGroup.get('timezone').valid">
69
    <select formControlName="timezone" class="form-control">
70
      <option value="">-- none selected --</option>
71
      <option *ngFor="let timezone of timezones" value="{{ timezone.offset }}">{{ timezone.title }}</option>
72
    </select>
73
  </form-inline>
74
  <form-inline [description]="datasourceTypeDesc" [valid]="updateGroup.get('datasourceType').valid">
75
    <select formControlName="datasourceType" class="form-control">
76
      <option value="">-- none selected --</option>
77
      <option value="{{ selectedRepo.datasourceType }}">{{ selectedRepo.datasourceType }}</option>
78
    </select>
79
  </form-inline>
80
  <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium"
81
      uk-scrollspy-class="">Administrator & contact information</h4>
82
  <form-inline [description]="adminEmailDesc" [valid]="updateGroup.get('adminEmail').valid">
83
    <input formControlName="adminEmail" class="form-control" type="text">
84
  </form-inline>
85
  <div *ngIf="showButton" class="form-group">
86
    <button class="uk-button uk-button-primary updateRepoInfoButton" type="button" (click)="updateRepo()">Update Information</button>
87
  </div>
88
</form>
(3-3/8)