3a06fa8dba9e9a3e1a540e86fdafca861039cf2f
[ccsdk/apps.git] / sdnr / wireless-transport / code-Carbon-SR1 / ux / mwtnTopology / mwtnTopology-module / src / main / resources / mwtnTopology / templates / siteDetails.tpl.html
1 <div class="owl">\r
2   <uib-alert type="{{status.type}}" ng-show="status.message">\r
3     <i ng-show="status.isWorking" class="fa fa-spinner fa-pulse" aria-hidden="true"></i>\r
4     <b><span>{{status.message}}</span></b>\r
5   </uib-alert>\r
6   <div ng-show="!status.message">\r
7     <p>\r
8       <span>{{'MWTN_SITE_ID' | translate}}: </span>\r
9       <b>{{vm.site.id}}</b>\r
10     </p>\r
11     <hr />\r
12     <p>\r
13       <span>{{'MWTN_SITE_NAME' | translate}}: </span>\r
14       <b>{{vm.site.name}}</b>\r
15       <br />\r
16       <span>{{'MWTN_LAT_LON' | translate}}</span>\r
17       <b>{{ vm.site.location.lat | coordinateFilter:'toDMS':'lat'}} | {{ vm.site.location.lng | coordinateFilter:'toDMS':'lon'}}</b>\r
18       <br />\r
19       <span>{{'MWTN_AMSL_GRD' | translate}}: </span>\r
20       <b> {{vm.site.amslGround | number:2 }} </b>\r
21       <span> [m]</span>\r
22       <br />\r
23       <span>{{'MWTN_TYPE' | translate}}: </span>\r
24       <b> {{vm.site.type || 'pyhsical-network-function' }} </b>\r
25       <span> </span>\r
26     </p>\r
27     <p>\r
28       <b>Site-Links ({{vm.site.siteLinks.length}}): </b>\r
29       <span style="color: #337ab7;" class="pointer glyphicon glyphicon-plus-sign" aria-hidden="true" ng-class="{'selected-site' : createNewLinkMode}"\r
30         ng-show="showNewLinkButton" ng-click="toggleCreateNewLinkMode()"></span>\r
31       <p />\r
32       <table class='table table-striped' ng-show="vm.site.siteLinks.length">\r
33         <thead>\r
34           <tr>\r
35             <th class='text-left'>Site-Link-Name</th>\r
36             <th class='text-right'>Azimuth A [°]</th>\r
37             <th class='text-right'>Azimuth Z [°]</th>\r
38             <th class='text-right'>Length [km]</th>\r
39           </tr>\r
40         </thead>\r
41         <tbody>\r
42           <tr ng-repeat='siteLink in vm.site.siteLinks'>\r
43             <td class='text-left'>\r
44               <a href='/ux/#/siteLinks/{{siteIndex}}/{{siteLink._source.id.high}}/{{siteLink._source.id.low}}' target='htSolutions'>{{siteLink.id}}</a>\r
45             </td>\r
46             <td class='text-right'>{{ siteLink.azimuthAz | number : 1 }}</td>\r
47             <td class='text-right'>{{ siteLink.azimuthZa | number : 1 }}</td>\r
48             <td class='text-right'>{{ siteLink.length  | number : 3 }}</td>\r
49           </tr>\r
50         </tbody>\r
51       </table>\r
52     <p>\r
53       <b>Network elements ({{vm.site.plannedNetworkElements.length}}): </b>\r
54       <!--\r
55       <span style="color: #337ab7;" class="pointer glyphicon glyphicon-plus-sign" aria-hidden="true" ng-class="{'selected-site' : createNewLinkMode}"\r
56         ng-show="showNewLinkButton" ng-click="toggleCreateNewLinkMode()"></span> -->\r
57       <p />\r
58       <table class='table table-striped' ng-show="vm.site.plannedNetworkElements.length">\r
59         <thead>\r
60           <tr>\r
61             <th class='text-left'>{{'MWTN_ID' | translate}}</th>\r
62             <th class='text-left'>{{'MWTN_NAME' | translate}}</th>\r
63             <th class='text-left'>{{'MWTN_TYPE' | translate}}</th>\r
64           </tr>\r
65         </thead>\r
66         <tbody>\r
67           <tr ng-repeat='ne in vm.site.plannedNetworkElements'>\r
68             <td class='text-left'>\r
69               <a href='#/pnfInventory/{{ne.id}}' target='htSolutions'>{{ne.id}}</a>\r
70             </td>\r
71             <td class='text-left'>{{ ne.name }}</td>\r
72             <td class='text-left'>{{ ne.type }}</td>\r
73           </tr>\r
74         </tbody>\r
75       </table>\r
76   </div>\r
77 </div>