1
|
<organization-info info="info"></organization-info>
|
2
|
|
3
|
<div class="row">
|
4
|
<div class="col-xl-8 col-lg-10">
|
5
|
<div class="card">
|
6
|
<div class="card-header">
|
7
|
<org-tabs-menu selected='2' org-id="{{orgId}}" info="info"></org-tabs-menu>
|
8
|
</div>
|
9
|
|
10
|
<table class="table table-sm mt-2">
|
11
|
<thead>
|
12
|
<tr>
|
13
|
<th class="pl-3" style="border-top: none;">Related organization</th>
|
14
|
<th style="border-top: none; width: 156px">Type</th>
|
15
|
<th style="border-top: none; width: 44px"></th>
|
16
|
</tr>
|
17
|
</thead>
|
18
|
<tbody>
|
19
|
<tr ng-if="rels.length == 0">
|
20
|
<td class="text-center text-muted" colspan="3">No relations</td>
|
21
|
</tr>
|
22
|
<tr ng-repeat="r in rels">
|
23
|
<td class="pl-3"><a href="#!/metadata/0/{{r.relatedOrgId}}" title="{{r.relatedOrgId}}">{{r.relatedOrgName}}</a></td>
|
24
|
<td>{{r.type}}</td>
|
25
|
<td class="text-right">
|
26
|
<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
|
</td>
|
28
|
</tr>
|
29
|
</tbody>
|
30
|
<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
|
</table>
|
50
|
</div>
|
51
|
</div>
|
52
|
</div>
|
53
|
|
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
|
<h5 class="modal-title">Select Organization</h5>
|
59
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
60
|
</div>
|
61
|
<div class="modal-body" style="min-height: 300px">
|
62
|
<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
|
<th class="col-2 text-center">Acronyms</th>
|
88
|
<th class="col-1 text-center">Type</th>
|
89
|
</tr>
|
90
|
</thead>
|
91
|
<tbody>
|
92
|
<tr ng-repeat="o in searchOrgs.content" class="d-flex" title="{{o.id}}" ng-click="prepareNewRelation(o)" data-dismiss="modal" style="cursor: pointer;">
|
93
|
<td class="col-6">{{o.name}}</td>
|
94
|
<td class="col-3"><img ng-src="resources/images/flags/{{o.country}}.gif" /> {{o.city}}, {{o.country}}</td>
|
95
|
<td class="col-2 text-center">{{o.acronyms.join()}}</td>
|
96
|
<td class="col-1 text-center">{{o.type}}</td>
|
97
|
</tr>
|
98
|
</tbody>
|
99
|
</table>
|
100
|
</div>
|
101
|
</div>
|
102
|
</div>
|
103
|
</div>
|
104
|
</div>
|
105
|
</div>
|