Project

General

Profile

« Previous | Next » 

Revision 56511

View differences:

edit.html
1
<p class="muted"><b>ID: </b>{{org.id}} - <b>source:</b> {{org.source}}</p>
1
<p class="muted"><b>ID: </b>{{orgId}}</p>
2 2

  
3
<form>
4
	<fieldset class="mb-4">
5
		<legend>Organization name</legend>
6

  
7
		<div class="form-group row">
8
			<div class="input-group input-group-sm col-xl-8 col-lg-10">
9
				<div class="input-group-prepend">
10
					<div class="input-group-text">name</div>
11
				</div>
12
				<input type="text" class="form-control" placeholder="name" ng-model="org.name" />
3
<div class="row">
4
	<div class="col-xl-8 col-lg-10">
5
		<div class="card">
6
			<div class="card-header">
7
				<ul class="nav nav-tabs card-header-tabs">
8
					<li class="nav-item">
9
						<a href="#!/metadata/{{orgId}}" class="nav-link active">Metadata</a>
10
					</li>
11
					<li class="nav-item">
12
						<a href="#!/relations/{{orgId}}" class="nav-link" href="#">Relations</a>
13
					</li>
14
					<li class="nav-item">
15
						<a href="#!/similarities/{{orgId}}" class="nav-link" href="#">Similarities</a>
16
					</li>
17
				</ul>
13 18
			</div>
14
		</div>
15
	</fieldset>
16
	<fieldset class="mb-4">
17
		<legend>Geographical location</legend>
18
	
19
		<div class="form-group row">
20
			<div class="input-group input-group-sm col-xl-8 col-lg-10">
21
				<div class="input-group-prepend">
22
					<div class="input-group-text">city</div>
23
				</div>
24
				<input type="text" class="form-control" placeholder="" ng-model="org.city" />
25
				<div class="input-group-append input-group-prepend">
26
					<div class="input-group-text">country</div>
27
				</div>
28
				<select class="custom-select" ng-model="org.country">
29
					<option disabled="disabled" value=''>country...</option>
30
					<option ng-repeat="c in vocabularies.countries">{{c}}</option>
31
				</select>
32
				<div class="input-group-append input-group-prepend">
33
					<div class="input-group-text">lat</div>
34
				</div>
35
				<input type="text" class="form-control" placeholder="0.0" ng-model="org.lat" />
36
				<div class="input-group-append input-group-prepend">
37
					<div class="input-group-text">lng</div>
38
				</div>
39
				<input type="text" class="form-control" placeholder="0.0" ng-model="org.lng" />
40
			</div>
41
		</div>
42
	</fieldset>
43
	
44
	<fieldset class="mb-4">
45
		<legend>Organization type</legend>
46
		<div class="form-group row">
47
			<div class="col-xl-4 col-lg-8">
48
				<div class="card">
49
					<table class="table table-sm">
50
						<tbody>
51
							<tr ng-repeat="t in org.types">
52
								<td>{{t}}</td>
53
								<td class="text-right">
54
									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.types.splice($index, 1)">delete</button>
55
								</td>
56
							</tr>
57
						</tbody>
58
					</table>
59
					<div class="card-footer">
60
						<div class="input-group input-group-sm" ng-init="newType=''">
61
							<select class="custom-select" ng-model="newType">
62
								<option disabled="disabled" value=''>new type...</option>
63
								<option ng-repeat="t in vocabularies.orgTypes" ng-disabled="org.types.indexOf(t) !== -1">{{t}}</option>
64
							</select>
65
							<div class="input-group-append">
66
								<button type="button" class="btn btn-outline-success" ng-click="org.types.push(newType); newType=''" ng-disabled="!newType">add</button>
19
			<div class="card-body">
20
				<form>
21
					<fieldset>
22
						<legend>Organization name</legend>
23
				
24
						<div class="form-group">
25
							<div class="input-group input-group-sm">
26
								<div class="input-group-prepend">
27
									<div class="input-group-text">name</div>
28
								</div>
29
								<input type="text" class="form-control" placeholder="name" ng-model="org.name" />
67 30
							</div>
68 31
						</div>
69
					</div>
70
				</div>
71
			</div>
72
		</div>
73
	</fieldset>
74

  
75

  
76
	<fieldset class="mb-4">
77
		<legend>Other names and identifiers</legend>
78
		
79
		<div class="form-group row">
80
			<div class="col-xl-4 col-lg-8 mb-2">
81
				<div class="card">
82
					<div class="card-header text-center">Identifiers</div>
83
					<table class="table table-sm">
84
						<thead class="thead-light">
85
							<tr>
86
								<th>id</th>
87
								<th>type</th>
88
								<th></th>
89
							</tr>
90
						</thead>
91
						<tbody>
92
							<tr ng-repeat="id in org.otherIdentifiers">
93
								<td>{{id.id}}</td>
94
								<td>{{id.type}}</td>
95
								<td class="text-right">
96
									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.otherIdentifiers.splice($index, 1)">delete</button>
97
								</td>
98
							</tr>
99
						</tbody>
100
					</table>
101
					<div class="card-footer">
102
						<div class="input-group input-group-sm" ng-init="newId=newIdType=''">
103
							<input type="text" class="form-control" placeholder="new id..." ng-model="newId" />
104
							<select class="custom-select" ng-model="newIdType">
105
								<option disabled="disabled" value=''>new type...</option>
106
								<option ng-repeat="t in vocabularies.idTypes">{{t}}</option>
107
							</select>
108
							<div class="input-group-append">
109
								<button type="button" class="btn btn-outline-success" ng-click="org.otherIdentifiers.push({'id': newId, 'type': newIdType}); newId=newIdType=''" ng-disabled="!newId || !newIdType">add</button>
32
					</fieldset>
33
					<fieldset class="mt-4">
34
						<legend>Geographical location</legend>
35
					
36
						<div class="form-group">
37
							<div class="input-group input-group-sm">
38
								<div class="input-group-prepend">
39
									<div class="input-group-text">city</div>
40
								</div>
41
								<input type="text" class="form-control" placeholder="" ng-model="org.city" />
42
								<div class="input-group-append input-group-prepend">
43
									<div class="input-group-text">country</div>
44
								</div>
45
								<select class="custom-select" ng-model="org.country">
46
									<option disabled="disabled" value=''>country...</option>
47
									<option ng-repeat="c in vocabularies.countries">{{c}}</option>
48
								</select>
49
								<div class="input-group-append input-group-prepend">
50
									<div class="input-group-text">lat</div>
51
								</div>
52
								<input type="text" class="form-control" placeholder="0.0" ng-model="org.lat" />
53
								<div class="input-group-append input-group-prepend">
54
									<div class="input-group-text">lng</div>
55
								</div>
56
								<input type="text" class="form-control" placeholder="0.0" ng-model="org.lng" />
110 57
							</div>
111 58
						</div>
112
					</div>
113
				</div>
114
			</div>
115
		
116
			<div class="col-xl-4 col-lg-8 mb-2">
117
				<div class="card">
118
					<div class="card-header text-center">Aliases</div>
119
					<table class="table table-sm">
120
						<thead class="thead-light">
121
							<tr>
122
								<th>name</th>
123
								<th>lang</th>
124
								<th></th>
125
							</tr>
126
						</thead>
127
						<tbody>
128
							<tr ng-repeat="n in org.otherNames">
129
								<td>{{n.name}}</td>
130
								<td>{{n.lang}}</td>
131
								<td class="text-right">
132
									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.otherNames.splice($index, 1)">delete</button>
133
								</td>
134
							</tr>
135
						</tbody>
136
					</table>	
137
					<div class="card-footer">
138
						<div class="input-group input-group-sm" ng-init="newOtherName=newLang=''">
139
							<input type="text" class="form-control" placeholder="new alias..." ng-model="newOtherName" />
140
							<select class="custom-select" ng-model="newLang">
141
								<option disabled="disabled" value=''>language...</option>
142
								<option ng-repeat="l in vocabularies.languages">{{l}}</option>
143
							</select>
144
							<div class="input-group-append">
145
								<button type="button" class="btn btn-outline-success" ng-click="org.otherNames.push({'name': newOtherName, 'lang': newLang}); newOtherName=newLang=''" ng-disabled="!newOtherName || !newLang">add</button>
59
					</fieldset>
60
					
61
					<fieldset class="mt-4">
62
						<legend>Organization type</legend>
63
						<div class="form-group row">
64
							<div class="col-lg-6">
65
								<div class="card">
66
									<table class="table table-sm">
67
										<tbody>
68
											<tr ng-repeat="t in org.types">
69
												<td>{{t}}</td>
70
												<td class="text-right">
71
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.types.splice($index, 1)">delete</button>
72
												</td>
73
											</tr>
74
										</tbody>
75
									</table>
76
									<div class="card-footer">
77
										<div class="input-group input-group-sm" ng-init="newType=''">
78
											<select class="custom-select" ng-model="newType">
79
												<option disabled="disabled" value=''>new type...</option>
80
												<option ng-repeat="t in vocabularies.orgTypes" ng-disabled="org.types.indexOf(t) !== -1">{{t}}</option>
81
											</select>
82
											<div class="input-group-append">
83
												<button type="button" class="btn btn-outline-success" ng-click="org.types.push(newType); newType=''" ng-disabled="!newType">add</button>
84
											</div>
85
										</div>
86
									</div>
87
								</div>
146 88
							</div>
147 89
						</div>
148
					</div>
149
				</div>
150
			</div>
151
		</div>
152
		<div class="form-group row">
153
			<div class="col-xl-4 col-lg-8 mb-2">
154
				<div class="card">
155
					<div class="card-header text-center">Acronyms</div>
156
					<table class="table table-sm">
157
						<tbody>
158
							<tr ng-repeat="a in org.acronyms">
159
								<td>{{a}}</td>
160
								<td class="text-right">
161
									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.acronyms.splice($index, 1)">delete</button>
162
								</td>
163
							</tr>
164
						</tbody>
165
					</table>
166
					<div class="card-footer">
167
						<div class="input-group input-group-sm" ng-init="newAcronym=''">
168
							<input type="text" class="form-control" placeholder="new acronym..." ng-model='newAcronym'/>
169
							<div class="input-group-append">
170
								<button type="button" class="btn btn-outline-success" ng-click="org.acronyms.push(newAcronym); newAcronym=''" ng-disabled="!newAcronym || org.acronyms.indexOf(newAcronym) !== -1" >add</button>
90
					</fieldset>
91
				
92
				
93
					<fieldset class="mt-4">
94
						<legend>Other names and identifiers</legend>
95
						
96
						<div class="form-group row">
97
							<div class="col-lg-6 mb-2">
98
								<div class="card">
99
									<div class="card-header text-center">Identifiers</div>
100
									<table class="table table-sm">
101
										<thead class="thead-light">
102
											<tr>
103
												<th>id</th>
104
												<th>type</th>
105
												<th></th>
106
											</tr>
107
										</thead>
108
										<tbody>
109
											<tr ng-repeat="id in org.otherIdentifiers">
110
												<td>{{id.id}}</td>
111
												<td>{{id.type}}</td>
112
												<td class="text-right">
113
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.otherIdentifiers.splice($index, 1)">delete</button>
114
												</td>
115
											</tr>
116
										</tbody>
117
									</table>
118
									<div class="card-footer">
119
										<div class="input-group input-group-sm" ng-init="newId=newIdType=''">
120
											<input type="text" class="form-control" placeholder="new id..." ng-model="newId" />
121
											<select class="custom-select" ng-model="newIdType">
122
												<option disabled="disabled" value=''>new type...</option>
123
												<option ng-repeat="t in vocabularies.idTypes">{{t}}</option>
124
											</select>
125
											<div class="input-group-append">
126
												<button type="button" class="btn btn-outline-success" ng-click="org.otherIdentifiers.push({'id': newId, 'type': newIdType}); newId=newIdType=''" ng-disabled="!newId || !newIdType">add</button>
127
											</div>
128
										</div>
129
									</div>
130
								</div>
171 131
							</div>
172
						</div>
173
					</div>
174
				</div>
175
			</div>
176
			<div class="col-xl-4 col-lg-8 mb-2">
177
				<div class="card">
178
					<div class="card-header text-center">Urls</div>
179
					<table class="table table-sm">
180
						<tbody>
181
							<tr ng-repeat="u in org.urls">
182
								<td><a href="{{u}}" target="_blank">{{u}}</a></td>
183
								<td class="text-right">
184
									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.urls.splice($index, 1)">delete</button>
185
								</td>
186
							</tr>
187
						</tbody>
188
					</table>
189
					<div class="card-footer">
190
						<div class="input-group input-group-sm" ng-init="newUrl=''">
191
							<input type="text" class="form-control" placeholder="http://..." ng-model="newUrl" />
192
							<div class="input-group-append">
193
								<button type="button" class="btn btn-outline-success" ng-click="org.urls.push(newUrl); newUrl=''" ng-disabled="!newUrl || org.urls.indexOf(newUrl) !== -1" >add</button>
132
						
133
							<div class="col-lg-6 mb-2">
134
								<div class="card">
135
									<div class="card-header text-center">Aliases</div>
136
									<table class="table table-sm">
137
										<thead class="thead-light">
138
											<tr>
139
												<th>name</th>
140
												<th>lang</th>
141
												<th></th>
142
											</tr>
143
										</thead>
144
										<tbody>
145
											<tr ng-repeat="n in org.otherNames">
146
												<td>{{n.name}}</td>
147
												<td>{{n.lang}}</td>
148
												<td class="text-right">
149
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.otherNames.splice($index, 1)">delete</button>
150
												</td>
151
											</tr>
152
										</tbody>
153
									</table>	
154
									<div class="card-footer">
155
										<div class="input-group input-group-sm" ng-init="newOtherName=newLang=''">
156
											<input type="text" class="form-control" placeholder="new alias..." ng-model="newOtherName" />
157
											<select class="custom-select" ng-model="newLang">
158
												<option disabled="disabled" value=''>language...</option>
159
												<option ng-repeat="l in vocabularies.languages">{{l}}</option>
160
											</select>
161
											<div class="input-group-append">
162
												<button type="button" class="btn btn-outline-success" ng-click="org.otherNames.push({'name': newOtherName, 'lang': newLang}); newOtherName=newLang=''" ng-disabled="!newOtherName || !newLang">add</button>
163
											</div>
164
										</div>
165
									</div>
166
								</div>
194 167
							</div>
195 168
						</div>
196
					</div>	
197
				</div>
198
			</div>
199
		</div>
200
	</fieldset>
201

  
202
	<fieldset class="mb-4">
203
		<legend>Relations</legend>
204
		
205
		<div class="form-group row">
206
			<div class="col-xl-8 col-lg-10">
207
				<div class="card">
208
					<table class="table table-sm">
209
						<thead class="thead-light">
210
							<tr>
211
								<th>related org</th>
212
								<th>type</th>
213
								<th></th>
214
							</tr>
215
						</thead>
216
						<tbody>
217
							<tr ng-repeat="r in org.relations">
218
								<td><a href="#!/show/{{r.relatedOrgId}}" title="{{r.relatedOrgId}}">{{r.relatedOrgName}}</a></td>
219
								<td>{{r.type}}</td>
220
								<td class="text-right">
221
									<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.relations.splice($index, 1)">delete</button>
222
								</td>
223
							</tr>
224
						</tbody>
225
					</table>
226
					<div class="card-footer">
227
						<div class="input-group input-group-sm" ng-init="newRelId=newRelType=''">
228
							<input type="text" class="form-control" placeholder="new relation (organization id)..." ng-model="newRelId" />
229
							<select class="custom-select" ng-model="newRelType">
230
								<option disabled="disabled" value=''>relation type...</option>
231
								<option ng-repeat="t in vocabularies.relTypes">{{t}}</option>
232
							</select>
233
							<div class="input-group-append">
234
								<button type="button" class="btn btn-outline-success" ng-click="org.relations.push({'relatedOrgId': newRelId, 'relatedOrgName': 'New organization (ID: ' + newRelId + ')', 'type': newRelType}); newRelId=newRelType=''" ng-disabled="!newRelId || !newRelType">add</button>
169
						<div class="form-group row">
170
							<div class="col-lg-6 mb-2">
171
								<div class="card">
172
									<div class="card-header text-center">Acronyms</div>
173
									<table class="table table-sm">
174
										<tbody>
175
											<tr ng-repeat="a in org.acronyms">
176
												<td>{{a}}</td>
177
												<td class="text-right">
178
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.acronyms.splice($index, 1)">delete</button>
179
												</td>
180
											</tr>
181
										</tbody>
182
									</table>
183
									<div class="card-footer">
184
										<div class="input-group input-group-sm" ng-init="newAcronym=''">
185
											<input type="text" class="form-control" placeholder="new acronym..." ng-model='newAcronym'/>
186
											<div class="input-group-append">
187
												<button type="button" class="btn btn-outline-success" ng-click="org.acronyms.push(newAcronym); newAcronym=''" ng-disabled="!newAcronym || org.acronyms.indexOf(newAcronym) !== -1" >add</button>
188
											</div>
189
										</div>
190
									</div>
191
								</div>
235 192
							</div>
193
							<div class="col-lg-6 mb-2">
194
								<div class="card">
195
									<div class="card-header text-center">Urls</div>
196
									<table class="table table-sm">
197
										<tbody>
198
											<tr ng-repeat="u in org.urls">
199
												<td><a href="{{u}}" target="_blank">{{u}}</a></td>
200
												<td class="text-right">
201
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.urls.splice($index, 1)">delete</button>
202
												</td>
203
											</tr>
204
										</tbody>
205
									</table>
206
									<div class="card-footer">
207
										<div class="input-group input-group-sm" ng-init="newUrl=''">
208
											<input type="text" class="form-control" placeholder="http://..." ng-model="newUrl" />
209
											<div class="input-group-append">
210
												<button type="button" class="btn btn-outline-success" ng-click="org.urls.push(newUrl); newUrl=''" ng-disabled="!newUrl || org.urls.indexOf(newUrl) !== -1" >add</button>
211
											</div>
212
										</div>
213
									</div>	
214
								</div>
215
							</div>
236 216
						</div>
237
					</div>	
238
				</div>
217
					</fieldset>
218
				</form>
239 219
			</div>
240 220
		</div>
241
	</fieldset>
242
</form>
243

  
221
	</div>
222
</div>

Also available in: Unified diff