Project

General

Profile

1
<form [formGroup]="group" class="uk-margin-medium-bottom">
2
  <div>
3
    <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="">
4
      Basic information
5
    </h4>
6
  </div>
7
  <div *ngIf="loadingMessage" class="loading-big">
8
    <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
9
      {{ loadingMessage }}
10
    </div>
11
    <div class="whiteFilm"></div>
12
  </div>
13
  <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
14
  <div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>
15

    
16
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
17
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
18
      <div class="md-input-wrapper {{ (group.get('softwarePlatform') != null) ? 'md-input-filled' : '' }}">
19
        <form-inline [description]="softwarePlatformDesc" [valid]="group.get('softwarePlatform').valid">
20
          <select formControlName="softwarePlatform" class="md-input">
21
            <!--      <option value="" selected>[Other] (enter name below)</option> RESTORE AFTER getTypologies begins to work-->
22
            <option *ngFor="let platform of typologies" value="{{ platform.value }}">{{ platform.name }}</option>
23
          </select>
24
        </form-inline>
25
      </div>
26
    </div>
27
  </div>
28

    
29
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
30
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
31
      <div class="md-input-wrapper {{(group.get('platformName') != null) ? 'md-input-filled' : '' }}">
32
        <form-inline [description]="platformNameDesc" [valid]="group.get('platformName').valid">
33
            <span *ngIf="group.get('platformName').touched && group.get('platformName').value"
34
                  class="help-block inline"
35
                  style="margin-top: 0px; margin-bottom: 0px; font-style: italic">This value will be used as the platform for your repository</span>
36
          <input formControlName="platformName" class="md-input" style="" type="text">
37
        </form-inline>
38
      </div>
39
    </div>
40
  </div>
41

    
42
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
43
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
44
      <div class="md-input-wrapper {{ (group.get('officialName') != null) ? 'md-input-filled' : '' }}">
45
        <form-inline [description]="officialNameDesc" [valid]="group.get('officialName').valid">
46
          <input formControlName="officialName" class="md-input" style="" type="text">
47
        </form-inline>
48
      </div>
49
    </div>
50
  </div>
51

    
52
  <div *ngIf="mode == 'journal'">
53

    
54
    <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
55
      <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
56
        <div class="md-input-wrapper {{ (group.get('issn') != null) ? 'md-input-filled' : '' }}">
57
          <form-inline [description]="issnDesc" [valid]="group.get('issn').valid">
58
            <span *ngIf="group.get('issn').invalid && group.get('issn').touched && group.get('issn').dirty"
59
                  class="help-block inline uk-text-danger"
60
                  style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">Issn needs to be of the form: "1111-1111" or "1111-111X" or "11111111" or "1111111X"</span>
61
            <input formControlName="issn" class="md-input" type="text"
62
                   (focus)="group.get('issn').markAsUntouched()" (blur)="group.get('issn').updateValueAndValidity()">
63
          </form-inline>
64
        </div>
65
      </div>
66
    </div>
67

    
68
    <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
69
      <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
70
        <div class="md-input-wrapper {{ (group.get('eissn') != null) ? 'md-input-filled' : '' }}">
71
          <form-inline [description]="eissnDesc" [valid]="group.get('eissn').valid">
72
            <span *ngIf="group.get('eissn').invalid && group.get('eissn').touched && group.get('eissn').dirty"
73
                  class="help-block inline uk-text-danger"
74
                  style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">Eissn needs to be of the form: "1111-1111" or "1111-111X" or "11111111" or "1111111X"</span>
75
            <input formControlName="eissn" class="md-input" type="text"
76
                   (focus)="group.get('eissn').markAsUntouched()" (blur)="group.get('eissn').updateValueAndValidity()">
77
          </form-inline>
78
        </div>
79
      </div>
80
    </div>
81

    
82
    <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
83
      <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
84
        <div class="md-input-wrapper {{ (group.get('lissn') != null) ? 'md-input-filled' : '' }}">
85
          <form-inline [description]="lissnDesc" [valid]="group.get('lissn').valid">
86
            <span *ngIf="group.get('lissn').invalid && group.get('lissn').touched && group.get('lissn').dirty"
87
                  class="help-block inline uk-text-danger"
88
                  style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">Lissn needs to be of the form: "1111-1111" or "1111-111X" or "11111111" or "1111111X"</span>
89
            <input formControlName="lissn" class="md-input" type="text"
90
                   (focus)="group.get('lissn').markAsUntouched()" (blur)="group.get('lissn').updateValueAndValidity()">
91
          </form-inline>
92
        </div>
93
      </div>
94
    </div>
95

    
96
  </div>
97

    
98
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
99
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
100
      <div class="md-input-wrapper {{ (group.get('repoDescription') != null) ? 'md-input-filled' : '' }}">
101
        <form-inline [description]="repoDescriptionDesc" [valid]="group.get('repoDescription').valid">
102
          <textarea formControlName="repoDescription" class="md-input"></textarea>
103
        </form-inline>
104
      </div>
105
    </div>
106
  </div>
107

    
108
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
109
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
110
      <div class="md-input-wrapper {{ (group.get('country') != null) ? 'md-input-filled' : '' }}">
111
        <form-inline [description]="countryDesc" [valid]="group.get('country')">
112
          <select formControlName="country" class="md-input">
113
            <option value="">-- none selected --</option>
114
            <option *ngFor="let country of countries" value="{{country.code}}">{{ country.name }}</option>
115
          </select>
116
        </form-inline>
117
      </div>
118
    </div>
119
  </div>
120

    
121
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
122
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
123
      <div class="md-input-wrapper {{ (group.get('longtitude') != null) ? 'md-input-filled' : '' }}">
124
        <form-inline [description]="longtitudeDesc" [valid]="group.get('longtitude').valid">
125
          <span *ngIf="group.get('longtitude').invalid && group.get('longtitude').touched && group.get('longtitude').dirty"
126
                class="help-block inline uk-text-danger"
127
                style="margin-top: 0px; margin-bottom: 0px; ">Invalid Longtitude</span>
128
          <input formControlName="longtitude" class="md-input" type="number" step="0.5"
129
                 (focus)="group.get('longtitude').markAsUntouched()"
130
                 (blur)="group.get('longtitude').updateValueAndValidity()">
131
        </form-inline>
132
      </div>
133
    </div>
134
  </div>
135

    
136
  <!--<form-inline [description]="longtitudeDesc" [valid]="group.get('longtitude').valid">-->
137
    <!--<span *ngIf="group.get('longtitude').invalid && group.get('longtitude').touched && group.get('longtitude').dirty"-->
138
          <!--class="help-block inline uk-text-danger"-->
139
          <!--style="margin-top: 0px; margin-bottom: 0px; ">Invalid Longtitude</span>-->
140
    <!--<input formControlName="longtitude" class="md-input" type="number" step="0.5"-->
141
           <!--(focus)="group.get('longtitude').markAsUntouched()"-->
142
           <!--(blur)="group.get('longtitude').updateValueAndValidity()">-->
143
  <!--</form-inline>-->
144

    
145
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
146
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
147
      <div class="md-input-wrapper {{ (group.get('latitude') != null) ? 'md-input-filled' : '' }}">
148
        <form-inline [description]="latitudeDesc" [valid]="group.get('latitude').valid">
149
          <span *ngIf="group.get('latitude').invalid && group.get('latitude').touched && group.get('latitude').dirty"
150
                class="help-block inline uk-text-danger"
151
                style="margin-top: 0px; margin-bottom: 0px; ">Invalid Latitude</span>
152
          <input formControlName="latitude" class="md-input" type="number" step="0.5"
153
                 (focus)="group.get('latitude').markAsUntouched()"
154
                 (blur)="group.get('latitude').updateValueAndValidity()">
155
        </form-inline>
156
      </div>
157
    </div>
158
  </div>
159

    
160
  <!--<form-inline [description]="latitudeDesc" [valid]="group.get('latitude').valid">-->
161
    <!--<span *ngIf="group.get('latitude').invalid && group.get('latitude').touched && group.get('latitude').dirty"-->
162
          <!--class="help-block inline uk-text-danger"-->
163
          <!--style="margin-top: 0px; margin-bottom: 0px; ">Invalid Latitude</span>-->
164
    <!--<input formControlName="latitude" class="md-input" type="number" step="0.5"-->
165
           <!--(focus)="group.get('latitude').markAsUntouched()"-->
166
           <!--(blur)="group.get('latitude').updateValueAndValidity()">-->
167
  <!--</form-inline>-->
168

    
169
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
170
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
171
      <div class="md-input-wrapper {{ (group.get('websiteUrl') != null) ? 'md-input-filled' : '' }}">
172
        <form-inline [description]="websiteUrlDesc" [valid]="group.get('websiteUrl').valid">
173
          <span *ngIf="group.get('websiteUrl').invalid && group.get('websiteUrl').touched && group.get('websiteUrl').dirty"
174
                class="help-block inline uk-text-danger"
175
                style="margin-top: 0px; margin-bottom: 0px; ">You need to enter a valid url</span>
176
          <input formControlName="websiteUrl" class="md-input" type="text"
177
                 (focus)="group.get('websiteUrl').markAsUntouched()"
178
                 (blur)="group.get('websiteUrl').updateValueAndValidity()">
179
        </form-inline>
180
      </div>
181
    </div>
182
  </div>
183

    
184
  <!--<form-inline [description]="websiteUrlDesc" [valid]="group.get('websiteUrl').valid">-->
185
    <!--<span *ngIf="group.get('websiteUrl').invalid && group.get('websiteUrl').touched && group.get('websiteUrl').dirty"-->
186
          <!--class="help-block inline uk-text-danger"-->
187
          <!--style="margin-top: 0px; margin-bottom: 0px; ">You need to enter a valid url</span>-->
188
    <!--<input formControlName="websiteUrl" class="md-input" type="text"-->
189
           <!--(focus)="group.get('websiteUrl').markAsUntouched()"-->
190
           <!--(blur)="group.get('websiteUrl').updateValueAndValidity()">-->
191
  <!--</form-inline>-->
192

    
193
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
194
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
195
      <div class="md-input-wrapper {{ (group.get('institutionName') != null) ? 'md-input-filled' : '' }}">
196
        <form-inline [description]="institutionNameDesc" [valid]="group.get('institutionName').valid">
197
          <input formControlName="institutionName" class="md-input" type="text">
198
        </form-inline>
199
      </div>
200
    </div>
201
  </div>
202

    
203
  <!--<form-inline [description]="institutionNameDesc" [valid]="group.get('institutionName').valid">-->
204
    <!--<input formControlName="institutionName" class="md-input" type="text">-->
205
  <!--</form-inline>-->
206

    
207
  <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium"
208
      uk-scrollspy-class="">Extra Information</h4>
209

    
210
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
211
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
212
      <div class="md-input-wrapper {{ (group.get('englishName') != null) ? 'md-input-filled' : '' }}">
213
        <form-inline [description]="englishNameDesc" [valid]="group.get('englishName').valid">
214
          <input formControlName="englishName" class="md-input" type="text">
215
        </form-inline>
216
      </div>
217
    </div>
218
  </div>
219

    
220
  <!--<form-inline [description]="englishNameDesc" [valid]="group.get('englishName').valid">-->
221
    <!--<input formControlName="englishName" class="md-input" type="text" >-->
222
  <!--</form-inline>-->
223

    
224
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
225
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
226
      <div class="md-input-wrapper {{ (group.get('logoUrl') != null) ? 'md-input-filled' : '' }}">
227
        <form-inline [description]="logoUrlDesc" [valid]="group.get('logoUrl').valid">
228
        <span *ngIf="group.get('logoUrl').invalid && group.get('logoUrl').touched && group.get('logoUrl').dirty"
229
              class="help-block inline uk-text-danger"
230
              style="margin-top: 0px; margin-bottom: 0px; ">The url you entered is not valid</span>
231
          <input formControlName="logoUrl" class="md-input" type="text"
232
                 (focus)="group.get('logoUrl').markAsUntouched()"
233
                 (blur)="group.get('logoUrl').updateValueAndValidity()">
234
          <div class="comment fontItalic">
235
            Please make sure that the maximum size of the uploaded image is width=360px, height=240px
236
          </div>
237
        </form-inline>
238
      </div>
239
    </div>
240
  </div>
241

    
242
  <!--<form-inline [description]="logoUrlDesc" [valid]="group.get('logoUrl').valid">-->
243
    <!--<span *ngIf="group.get('logoUrl').invalid && group.get('logoUrl').touched && group.get('logoUrl').dirty"-->
244
          <!--class="help-block inline uk-text-danger"-->
245
          <!--style="margin-top: 0px; margin-bottom: 0px; ">The url you entered is not valid</span>-->
246
    <!--<input formControlName="logoUrl" class="md-input" type="text"-->
247
           <!--(focus)="group.get('logoUrl').markAsUntouched()"-->
248
           <!--(blur)="group.get('logoUrl').updateValueAndValidity()">-->
249
    <!--<div class="comment fontItalic">-->
250
      <!--Please make sure that the maximum size of the uploaded image is width=360px, height=240px-->
251
    <!--</div>-->
252
  <!--</form-inline>-->
253

    
254
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
255
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
256
      <div class="md-input-wrapper {{ (group.get('timezone') != null) ? 'md-input-filled' : '' }}">
257
        <form-inline [description]="timezoneDesc" [valid]="group.get('timezone').valid">
258
          <select formControlName="timezone" class="md-input">
259
            <option value="">-- none selected --</option>
260
            <option *ngFor="let timezone of timezones" value="{{ timezone.offset }}">{{ timezone.name }}</option>
261
          </select>
262
        </form-inline>
263
      </div>
264
    </div>
265
  </div>
266

    
267
  <!--<form-inline [description]="timezoneDesc" [valid]="group.get('timezone').valid">-->
268
    <!--<select formControlName="timezone" class="md-input">-->
269
      <!--<option value="">&#45;&#45; none selected &#45;&#45;</option>-->
270
      <!--<option *ngFor="let timezone of timezones" value="{{ timezone.offset }}">{{ timezone.name }}</option>-->
271
    <!--</select>-->
272
  <!--</form-inline>-->
273

    
274
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
275
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
276
      <div class="md-input-wrapper {{ (group.get('datasourceType') != null) ? 'md-input-filled' : '' }}">
277
        <form-inline [description]="datasourceTypeDesc" [valid]="group.get('datasourceType').valid">
278
          <select formControlName="datasourceType" class="md-input">
279
            <option value="">-- none selected --</option>
280
            <option *ngFor="let key of classCodes" value="{{key}}">{{ datasourceClasses.get(key) }}</option>
281
          </select>
282
        </form-inline>
283
      </div>
284
    </div>
285
  </div>
286

    
287
  <!--<form-inline [description]="datasourceTypeDesc" [valid]="group.get('datasourceType').valid">-->
288
    <!--<select formControlName="datasourceType" class="md-input">-->
289
      <!--<option value="">&#45;&#45; none selected &#45;&#45;</option>-->
290
      <!--<option *ngFor="let key of classCodes" value="{{key}}">{{ datasourceClasses[key] }}</option>-->
291
    <!--</select>-->
292
  <!--</form-inline>-->
293

    
294
  <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium"
295
      uk-scrollspy-class="">Administrator & contact information</h4>
296

    
297
  <div data-dynamic-fields="d_field_wizard" class="uk-grid" data-uk-grid-margin="" dynamic-fields-counter="0">
298
    <div class="uk-width-medium-1-1 parsley-row form_section uk-row-first">
299
      <div class="md-input-wrapper {{ (group.get('adminEmail') != null) ? 'md-input-filled' : '' }}">
300
        <form-inline [description]="adminEmailDesc" [valid]="group.get('adminEmail').valid">
301
          <span *ngIf="group.get('adminEmail').invalid && group.get('adminEmail').touched && group.get('adminEmail').dirty"
302
                class="help-block inline"
303
                style="margin-top: 0px; margin-bottom: 0px; ">You need to enter a valid email address</span>
304
          <input formControlName="adminEmail" class="md-input" type="text"
305
                 (focus)="group.get('adminEmail').markAsUntouched()"
306
                 (blur)="group.get('adminEmail').updateValueAndValidity()">
307
        </form-inline>
308
      </div>
309
    </div>
310
  </div>
311

    
312
  <!--<form-inline [description]="adminEmailDesc" [valid]="group.get('adminEmail').valid">-->
313
    <!--<span *ngIf="group.get('adminEmail').invalid && group.get('adminEmail').touched && group.get('adminEmail').dirty"-->
314
          <!--class="help-block inline"-->
315
          <!--style="margin-top: 0px; margin-bottom: 0px; ">You need to enter a valid email address</span>-->
316
    <!--<input formControlName="adminEmail" class="md-input" type="text"-->
317
           <!--(focus)="group.get('adminEmail').markAsUntouched()"-->
318
           <!--(blur)="group.get('adminEmail').updateValueAndValidity()">-->
319
  <!--</form-inline>-->
320

    
321
</form>
(1-1/8)