Project

General

Profile

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">&times;</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)">&laquo; 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 &raquo;</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>
(7-7/9)