Project

General

Profile

1
<p class="muted"><b>ID: </b>{{orgId}}</p>
2

    
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>
18
			</div>
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" />
30
							</div>
31
						</div>
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" />
57
							</div>
58
						</div>
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>
88
							</div>
89
						</div>
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>
131
							</div>
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>
167
							</div>
168
						</div>
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>
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>
216
						</div>
217
					</fieldset>
218
				</form>
219
			</div>
220
		</div>
221
	</div>
222
</div>
(2-2/6)