1 |
57674
|
michele.ar
|
<organization-info info="info"></organization-info>
|
2 |
56511
|
michele.ar
|
|
3 |
|
|
<div class="row">
|
4 |
|
|
<div class="col-xl-8 col-lg-10">
|
5 |
|
|
<div class="card">
|
6 |
|
|
<div class="card-header">
|
7 |
57674
|
michele.ar
|
<org-tabs-menu selected='2' org-id="{{orgId}}" info="info"></org-tabs-menu>
|
8 |
56511
|
michele.ar
|
</div>
|
9 |
56512
|
michele.ar
|
|
10 |
57331
|
michele.ar
|
<table class="table table-sm mt-2">
|
11 |
56547
|
michele.ar
|
<thead>
|
12 |
|
|
<tr>
|
13 |
|
|
<th class="pl-3" style="border-top: none;">Related organization</th>
|
14 |
57331
|
michele.ar
|
<th style="border-top: none; width: 156px">Type</th>
|
15 |
|
|
<th style="border-top: none; width: 44px"></th>
|
16 |
56547
|
michele.ar
|
</tr>
|
17 |
|
|
</thead>
|
18 |
|
|
<tbody>
|
19 |
57331
|
michele.ar
|
<tr ng-if="rels.length == 0">
|
20 |
|
|
<td class="text-center text-muted" colspan="3">No relations</td>
|
21 |
|
|
</tr>
|
22 |
56547
|
michele.ar
|
<tr ng-repeat="r in rels">
|
23 |
57334
|
michele.ar
|
<td class="pl-3"><a href="#!/metadata/0/{{r.relatedOrgId}}" title="{{r.relatedOrgId}}">{{r.relatedOrgName}}</a></td>
|
24 |
56547
|
michele.ar
|
<td>{{r.type}}</td>
|
25 |
|
|
<td class="text-right">
|
26 |
57326
|
michele.ar
|
<button type="button" class="btn btn-sm btn-outline-danger" ng-click="deleteRelation(r.relatedOrgId, r.type)"><i class="fa fa-trash"></i></button>
|
27 |
56547
|
michele.ar
|
</td>
|
28 |
|
|
</tr>
|
29 |
|
|
</tbody>
|
30 |
57331
|
michele.ar
|
<tfoot>
|
31 |
|
|
<tr>
|
32 |
|
|
<td>
|
33 |
|
|
<input type="text" placeholder="add a related organization..." readonly="readonly"
|
34 |
|
|
class="form-control form-control-sm" style="background-color: white; color: #007bff;"
|
35 |
|
|
ng-model="newRelation.name"
|
36 |
|
|
data-toggle="modal" data-target="#selectRelatedOrgModal"/>
|
37 |
|
|
</td>
|
38 |
|
|
<td>
|
39 |
|
|
<select class="custom-select custom-select-sm" ng-model="newRelType">
|
40 |
|
|
<option disabled="disabled" value=''>rel type...</option>
|
41 |
|
|
<option ng-repeat="t in vocabularies.relTypes">{{t}}</option>
|
42 |
|
|
</select>
|
43 |
|
|
</td>
|
44 |
|
|
<td class="text-right">
|
45 |
|
|
<button type="button" class="btn btn-sm btn-outline-success" ng-disabled="!newRelType || !newRelation.id" ng-click="addRelation()"><i class="fa fa-plus"></i></button>
|
46 |
|
|
</td>
|
47 |
|
|
</tr>
|
48 |
|
|
</tfoot>
|
49 |
56547
|
michele.ar
|
</table>
|
50 |
56511
|
michele.ar
|
</div>
|
51 |
|
|
</div>
|
52 |
|
|
</div>
|
53 |
57137
|
michele.ar
|
|
54 |
|
|
<div class="modal fade" id="selectRelatedOrgModal" tabindex="-1" role="dialog">
|
55 |
|
|
<div class="modal-dialog modal-xl" role="document">
|
56 |
|
|
<div class="modal-content">
|
57 |
|
|
<div class="modal-header">
|
58 |
57326
|
michele.ar
|
<h5 class="modal-title">Select Organization</h5>
|
59 |
57137
|
michele.ar
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
60 |
|
|
</div>
|
61 |
57152
|
michele.ar
|
<div class="modal-body" style="min-height: 300px">
|
62 |
57137
|
michele.ar
|
<div class="input-group input-group-sm">
|
63 |
|
|
<input type="text" class="form-control" ng-model="textSearch" />
|
64 |
|
|
<div class="input-group-append">
|
65 |
|
|
<button type="button" class="btn btn-outline-primary" ng-click="search(textSearch, 0, 25)">Search</button>
|
66 |
|
|
</div>
|
67 |
|
|
</div>
|
68 |
|
|
<div ng-show="searchValue">
|
69 |
|
|
<p class="text-right"><b>Page:</b> {{searchOrgs.number + 1}} / {{searchOrgs.totalPages}} <b>- Total elements:</b> {{searchOrgs.totalElements}}</p>
|
70 |
|
|
<div ng-show="searchOrgs.totalElements > 0">
|
71 |
|
|
<nav>
|
72 |
|
|
<ul class="pagination justify-content-center">
|
73 |
|
|
<li class="page-item" ng-class="{'disabled' : searchOrgs.first }">
|
74 |
|
|
<a class="page-link" ng-click="search(searchValue, searchOrgs.number - 1, searchOrgs.size)">« Previous</a>
|
75 |
|
|
</li>
|
76 |
|
|
<li class="page-item" ng-class="{'disabled' : searchOrgs.last }">
|
77 |
|
|
<a class="page-link" ng-click="search(searchValue, searchOrgs.number + 1, searchOrgs.size)">Next »</a>
|
78 |
|
|
</li>
|
79 |
|
|
</ul>
|
80 |
|
|
</nav>
|
81 |
|
|
|
82 |
|
|
<table class="table table-sm table-hover">
|
83 |
|
|
<thead class="thead-light">
|
84 |
|
|
<tr class="d-flex">
|
85 |
|
|
<th class="col-6">Organization name</th>
|
86 |
|
|
<th class="col-3">Place</th>
|
87 |
57326
|
michele.ar
|
<th class="col-2 text-center">Acronyms</th>
|
88 |
|
|
<th class="col-1 text-center">Type</th>
|
89 |
57137
|
michele.ar
|
</tr>
|
90 |
|
|
</thead>
|
91 |
|
|
<tbody>
|
92 |
57326
|
michele.ar
|
<tr ng-repeat="o in searchOrgs.content" class="d-flex" title="{{o.id}}" ng-click="prepareNewRelation(o)" data-dismiss="modal" style="cursor: pointer;">
|
93 |
57138
|
michele.ar
|
<td class="col-6">{{o.name}}</td>
|
94 |
57253
|
michele.ar
|
<td class="col-3"><img ng-src="resources/images/flags/{{o.country}}.gif" /> {{o.city}}, {{o.country}}</td>
|
95 |
57326
|
michele.ar
|
<td class="col-2 text-center">{{o.acronyms.join()}}</td>
|
96 |
|
|
<td class="col-1 text-center">{{o.type}}</td>
|
97 |
57137
|
michele.ar
|
</tr>
|
98 |
|
|
</tbody>
|
99 |
|
|
</table>
|
100 |
|
|
</div>
|
101 |
|
|
</div>
|
102 |
|
|
</div>
|
103 |
|
|
</div>
|
104 |
|
|
</div>
|
105 |
|
|
</div>
|