Project

General

Profile

1
<div class="panel-group" id="TermsAccordion">
2
	<div class="panel panel-default"
3
		ng-repeat="term in entries | filter:termFilter">
4
		<div class="panel-heading">
5
			<h4 class="panel-title">
6
				 <a data-toggle="collapse" data-parent="#accordion"
7
					href="#accordionTerm{{$index}}"><strong>{{term.code}}</strong> <br/> <span class="text-muted">{{term.englishName}}</span></a> <span
8
					class="pull-right">
9
					<button type="button" class="btn btn-xs btn-primary " ng-click="showTermModal(term)">
10
						<span class="glyphicon glyphicon-pencil"></span>
11
					</button>
12
					<button type="button" class="btn btn-xs btn-danger " ng-click="deleteTerm(term)">
13
						<span class="glyphicon glyphicon-trash"></span>
14
					</button>
15
				</span>
16
			</h4>
17
		</div>
18
		<div id="accordionTerm{{$index}}" class="panel-collapse collapse in">
19
			<div class="panel-body">
20
				<ul class="nav nav-tabs">
21
					<li class="active"><a href="#accordionTerm{{$index}}_synonyms"
22
						data-toggle="tab">Synonyms</a></li>
23
					<li><a href="#accordionTerm{{$index}}_rels" data-toggle="tab">Relations</a></li>
24
				</ul>
25
				<div class="tab-content" style="margin-top: 10px;">
26
					<div class="tab-pane active" id="accordionTerm{{$index}}_synonyms">
27
						<p class="text-muted" ng-hide="term.synonyms.length > 0">No synonyms</p>
28
						<table class="table table-bordered table-striped" ng-show="term.synonyms.length > 0">
29
							<th>Synonym</th>
30
							<th>Encoding</th>
31
							<th>Operation</th>
32
							<tr ng-repeat="synonym in term.synonyms">
33
								<td class="col-md-8">{{synonym.term}}</td>
34
								<td class="col-md-4">{{synonym.encoding}}</td>
35
								<td class="col-md-1">
36
									<button type="button" class="btn btn-xs btn-primary" ng-click="showSynonymModal(term, synonym)">
37
										<span class="glyphicon glyphicon-pencil"></span>
38
									</button>
39
									<button type="button" class="btn btn-xs btn-danger" ng-click="deleteSynonym(term, synonym)">
40
										<span class="glyphicon glyphicon-trash"></span>
41
									</button>
42
								</td>
43
							</tr>
44
						</table>
45
						<button class="btn btn-xs btn-primary" type="button"
46
							ng-click="showSynonymModal(term, null)">
47
							<span class="glyphicon glyphicon-plus"></span>
48
						</button>
49
					</div>
50
					<div class="tab-pane" id="accordionTerm{{$index}}_rels">
51
						<p class="text-muted" ng-hide="term.relations.length > 0">No relations</p>
52
						<table class="table table-bordered table-striped" ng-show="term.relations.length > 0">
53
							<th>Related Term</th>
54
							<th>Relation Type</th>
55
							<th>Operation</th>
56
							<tr ng-repeat="rel in term.relations">
57
								<td class="col-md-8">{{rel.code}}</td>
58
								<td class="col-md-4">{{rel.type}}</td>
59
								<td class="col-md-1">
60
									<button type="button" class="btn btn-xs btn-primary" ng-click="showRelModal(term, rel)">
61
										<span class="glyphicon glyphicon-pencil"></span>
62
									</button>
63
									<button type="button" class="btn btn-xs btn-danger" ng-click="deleteRel(term, rel)">
64
										<span class="glyphicon glyphicon-trash"></span>
65
									</button>
66
								</td>
67
							</tr>
68
						</table>
69
						<button class="btn btn-xs btn-primary" type="button" ng-click="showRelModal(term, null)">
70
							<span class="glyphicon glyphicon-plus"></span>
71
						</button>
72
					</div>
73
				</div>
74
			</div>
75
		</div>
76
	</div>
77
</div>
(5-5/6)