Project

General

Profile

1
<p class="text-muted" ng-if="orgId">
2
	<b>ID: </b>{{orgId}}<br />
3
	<b>Created at</b> {{org.creationDate | date:'MMMM d, y HH:mm:ss'}} <b>by</b> {{org.createdBy}}<br />
4
	<b>Modified at</b> {{org.modificationDate | date:'MMMM d, y HH:mm:ss'}} <b>by</b> {{org.modifiedBy}}
5
</p>
6

    
7
<div class="row">
8
	<div class="col-xl-8 col-lg-10">
9
		<div class="card">
10
			<div class="card-header">
11
				<ul class="nav nav-tabs card-header-tabs">
12
					<li class="nav-item">
13
						<a href="javascript:void(0)" class="nav-link active">Metadata</a>
14
					</li>
15
					<li class="nav-item" ng-if="orgId">
16
						<a href="#!/relations/{{orgId}}" class="nav-link" href="#">Relations</a>
17
					</li>
18
					<li class="nav-item" ng-if="orgId">
19
						<a href="#!/similarities/{{orgId}}" class="nav-link" href="#">Similarities</a>
20
					</li>
21
				</ul>
22
			</div>
23
			<div class="card-body">
24
				<form>
25
					<fieldset>
26
						<legend>Official name and type</legend>
27
				
28
						<div class="form-group">
29
							<div class="input-group input-group-sm">
30
								<div class="input-group-prepend">
31
									<div class="input-group-text">name</div>
32
								</div>
33
								<input type="text" class="form-control" placeholder="name" ng-model="org.name" />
34
								<div class="input-group-append input-group-prepend">
35
									<div class="input-group-text">type</div>
36
								</div>
37
								<select class="custom-select" ng-model="org.type">
38
									<option disabled="disabled" value=''>type...</option>
39
									<option ng-repeat="t in vocabularies.orgTypes">{{t}}</option>
40
								</select>
41
							</div>
42
						</div>
43
					</fieldset>
44
					<fieldset class="mt-4">
45
						<legend>Geographical location</legend>
46
					
47
						<div class="form-group">
48
							<div class="input-group input-group-sm">
49
								<div class="input-group-prepend">
50
									<div class="input-group-text">city</div>
51
								</div>
52
								<input type="text" class="form-control" placeholder="" ng-model="org.city" />
53
								<div class="input-group-append input-group-prepend">
54
									<div class="input-group-text">country</div>
55
								</div>
56
								<select class="custom-select" ng-model="org.country">
57
									<option disabled="disabled" value=''>country...</option>
58
									<option ng-repeat="c in vocabularies.countries">{{c}}</option>
59
								</select>
60
								<div class="input-group-append input-group-prepend">
61
									<div class="input-group-text">lat</div>
62
								</div>
63
								<input type="text" class="form-control" placeholder="0.0" ng-model="org.lat" />
64
								<div class="input-group-append input-group-prepend">
65
									<div class="input-group-text">lng</div>
66
								</div>
67
								<input type="text" class="form-control" placeholder="0.0" ng-model="org.lng" />
68
							</div>
69
						</div>
70
					</fieldset>
71
					
72
					<fieldset class="mt-4">
73
						<legend>Other names and identifiers</legend>
74
						
75
						<div class="form-group row">
76
							<div class="col-lg-8 mb-2">
77
								<div class="card">
78
									<div class="card-header bg-primary text-white text-center py-1">Acronyms</div>
79
									<table class="table table-sm">
80
										<tbody>
81
											<tr ng-repeat="a in org.acronyms">
82
												<td>{{a}}</td>
83
												<td class="text-right">
84
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.acronyms.splice($index, 1)"><i class="fa fa-trash"></i></button>
85
												</td>
86
											</tr>
87
										</tbody>
88
									</table>
89
									<div class="card-footer">
90
										<div class="input-group input-group-sm" ng-init="newAcronym=''">
91
											<input type="text" class="form-control" placeholder="new acronym..." ng-model='newAcronym'/>
92
											<div class="input-group-append">
93
												<button type="button" class="btn btn-outline-success" ng-click="org.acronyms.push(newAcronym); newAcronym=''" ng-disabled="!newAcronym || org.acronyms.indexOf(newAcronym) !== -1" ><i class="fa fa-plus"></i></button>
94
											</div>
95
										</div>
96
									</div>
97
								</div>
98
							</div>
99
						</div>
100

    
101
						<div class="form-group row">
102
							<div class="col-lg-8 mb-2">
103
								<div class="card">
104
									<div class="card-header bg-primary text-white text-center py-1">Aliases</div>
105
									<table class="table table-sm">
106
										<thead class="thead-light">
107
											<tr>
108
												<th>name</th>
109
												<th>lang</th>
110
												<th></th>
111
											</tr>
112
										</thead>
113
										<tbody>
114
											<tr ng-repeat="n in org.otherNames">
115
												<td>{{n.name}}</td>
116
												<td>{{n.lang}}</td>
117
												<td class="text-right">
118
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.otherNames.splice($index, 1)"><i class="fa fa-trash"></i></button>
119
												</td>
120
											</tr>
121
										</tbody>
122
									</table>	
123
									<div class="card-footer">
124
										<div class="input-group input-group-sm" ng-init="newOtherName=newLang=''">
125
											<input type="text" class="form-control" placeholder="new alias..." ng-model="newOtherName" />
126
											<select class="custom-select" ng-model="newLang">
127
												<option disabled="disabled" value=''>language...</option>
128
												<option ng-repeat="l in vocabularies.languages">{{l}}</option>
129
											</select>
130
											<div class="input-group-append">
131
												<button type="button" class="btn btn-outline-success" ng-click="org.otherNames.push({'name': newOtherName, 'lang': newLang}); newOtherName=newLang=''" ng-disabled="!newOtherName || !newLang"><i class="fa fa-plus"></i></button>
132
											</div>
133
										</div>
134
									</div>
135
								</div>
136
							</div>
137
						</div>
138

    
139
						<div class="form-group row">
140
							<div class="col-lg-8 mb-2">
141
								<div class="card">
142
									<div class="card-header bg-primary text-white text-center py-1">Identifiers</div>
143
									<table class="table table-sm">
144
										<thead class="thead-light">
145
											<tr>
146
												<th>id</th>
147
												<th>type</th>
148
												<th></th>
149
											</tr>
150
										</thead>
151
										<tbody>
152
											<tr ng-repeat="id in org.otherIdentifiers">
153
												<td>{{id.id}}</td>
154
												<td>{{id.type}}</td>
155
												<td class="text-right">
156
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.otherIdentifiers.splice($index, 1)"><i class="fa fa-trash"></i></button>
157
												</td>
158
											</tr>
159
										</tbody>
160
									</table>
161
									<div class="card-footer">
162
										<div class="input-group input-group-sm" ng-init="newId=newIdType=''">
163
											<input type="text" class="form-control" placeholder="new id..." ng-model="newId" />
164
											<select class="custom-select" ng-model="newIdType">
165
												<option disabled="disabled" value=''>new type...</option>
166
												<option ng-repeat="t in vocabularies.idTypes">{{t}}</option>
167
											</select>
168
											<div class="input-group-append">
169
												<button type="button" class="btn btn-outline-success" ng-click="org.otherIdentifiers.push({'id': newId, 'type': newIdType}); newId=newIdType=''" ng-disabled="!newId || !newIdType"><i class="fa fa-plus"></i></button>
170
											</div>
171
										</div>
172
									</div>
173
								</div>
174
							</div>
175
						</div>
176

    
177
						<div class="form-group row">
178
							<div class="col-lg-8 mb-2">
179
								<div class="card">
180
									<div class="card-header bg-primary text-white text-center py-1">Urls</div>
181
									<table class="table table-sm">
182
										<tbody>
183
											<tr ng-repeat="u in org.urls">
184
												<td><a href="{{u}}" target="_blank">{{u}}</a></td>
185
												<td class="text-right">
186
													<button type="button" class="btn btn-sm  btn-outline-danger" ng-click="org.urls.splice($index, 1)"><i class="fa fa-trash"></i></button>
187
												</td>
188
											</tr>
189
										</tbody>
190
									</table>
191
									<div class="card-footer">
192
										<div class="input-group input-group-sm" ng-init="newUrl=''">
193
											<input type="text" class="form-control" placeholder="http://..." ng-model="newUrl" />
194
											<div class="input-group-append">
195
												<button type="button" class="btn btn-outline-success" ng-click="org.urls.push(newUrl); newUrl=''" ng-disabled="!newUrl || org.urls.indexOf(newUrl) !== -1" ><i class="fa fa-plus"></i></button>
196
											</div>
197
										</div>
198
									</div>	
199
								</div>
200
							</div>
201
						</div>
202
					</fieldset>
203
					
204
					<button type="submit" class="btn btn-sm btn-primary" ng-click="save()">save</button>
205
				</form>
206
			</div>
207
		</div>
208
	</div>
209
</div>
(2-2/6)