sdnr/wireless-transport/code-Carbon-SR1/ux/mwtnTopology/mwtnTopology-module/src/main/resources/mwtnTopology/templates/linkDetails.tpl.html

   1 <div>\r
   2   <uib-alert type="{{status.type}}" ng-show="status.message"> <i ng-show="status.isWorking" class="fa fa-spinner fa-pulse"></i> \r
   3     <b><span>{{status.message}}</span></b> \r
   4   </uib-alert>\r
   5   <div ng-show="!status.message">\r
   6     <p>\r
   7       <span>Sitelink name: </span>\r
   8       <b>{{vm.link.name || vm.link.id }}</b>\r
   9       <br/>      \r
  10       <span>Length: </span>\r
  11       <b> {{vm.link.length || 0 | number:3 }} </b>\r
  12       <span> km</span>\r
  13       <br/>      \r
  14       <span>Type: </span>\r
  15       <b> {{vm.link.type || 'traffic' }} </b>\r
  16       <span> </span>\r
  17     </p>\r
  18     <table>\r
  19       <caption class="text-left">\r
  20         <b>{{'SITE' | translate}} A</b>\r
  21       </caption>\r
  22       <tbody>\r
  23         <tr>\r
  24           <td class="text-right" style="padding-right: 5px;">{{'MWTN_SITE_ID' | translate}}:</td>\r
  25           <td class="text-left">\r
  26             <b>{{vm.link.siteA.id}}</b>\r
  27           </td>\r
  28         </tr>\r
  29         <tr>\r
  30           <td class="text-right" style="padding-right: 5px;">{{'MWTN_NAME' | translate}}:</td>\r
  31           <td class="text-left">\r
  32             <b>{{vm.link.siteA.name}}</b>\r
  33           </td>\r
  34         </tr>\r
  35         <tr>\r
  36           <td class="text-right" style="padding-right: 5px;">Lat/Lon:</td>\r
  37           <td class="text-left">\r
  38             <b>{{vm.link.siteA.location.lat | coordinateFilter:'toDMS':'lat'}} | {{vm.link.siteA.location.lng | coordinateFilter:'toDMS':'lon'}}</b>\r
  39           </td>\r
  40         </tr>\r
  41         <tr>\r
  42           <td class="text-right" style="padding-right: 5px;">Azimuth:</td>\r
  43           <td class="text-left">\r
  44             <b> {{vm.link.azimuthA || 0 | number:1 }} </b>\r
  45             <span> °</span>\r
  46           </td>\r
  47         </tr>\r
  48       </tbody>\r
  49     </table>\r
  50     <table>\r
  51       <caption class="text-left">\r
  52         <b>{{'MWTN_SITE' | translate}} Z</b>\r
  53       </caption>\r
  54       <tbody>\r
  55         <tr>\r
  56           <td class="text-right" style="padding-right: 5px;">{{'MWTN_SITE_ID' | translate}}:</td>\r
  57           <td class="text-left">\r
  58             <b>{{vm.link.siteZ.id}}</b>\r
  59           </td>\r
  60         </tr>\r
  61         <tr>\r
  62           <td class="text-right" style="padding-right: 5px;">Site-Name:</td>\r
  63           <td class="text-left">\r
  64             <b>{{vm.link.siteZ.name}}</b>\r
  65           </td>\r
  66         </tr>\r
  67         <tr>\r
  68           <td class="text-right" style="padding-right: 5px;">Lat/Lon:</td>\r
  69           <td class="text-left">\r
  70             <b>{{vm.link.siteZ.location.lat | coordinateFilter:'toDMS':'lat'}} | {{vm.link.siteZ.location.lng | coordinateFilter:'toDMS':'lon'}}</b>\r
  71           </td>\r
  72         </tr>\r
  73         <tr>\r
  74           <td class="text-right" style="padding-right: 5px;">Azimuth:</td>\r
  75           <td class="text-left">\r
  76             <b> {{vm.link.azimuthB || 0 | number:1 }} </b>\r
  77             <span> °</span>\r
  78           </td>\r
  79         </tr>\r
  80       </tbody>\r
  81     </table> \r
  82     <br/>\r
  83     <br/>\r
  84     <table class='table table-striped' ng-show="vm.link.airInterfaceLinks && vm.link.airInterfaceLinks.length">\r
  85        <caption class="text-left">\r
  86         <b>{{'MWTN_AIR_INTERFACE_LINKS' | translate}}</b>\r
  87       </caption>\r
  88       <thead>\r
  89         <tr>\r
  90           <th>{{'MWTN_ID' | translate}}</th>\r
  91           <th>{{'MWTN_RADIO' | translate}}</th>\r
  92           <th>{{'MWTN_BAND' | translate}}</th>\r
  93           <th>{{'MWTN_POLARIZATION' | translate}}</th>\r
  94           <th>{{'MWTN_STATUS' | translate}}</th>\r
  95         </tr>\r
  96       </thead>\r
  97       <tbody>\r
  98         <tr ng-repeat="airIf in vm.link.airInterfaceLinks">\r
  99           <td> {{ airIf.id}} </td>\r
 100           <td> {{ airIf.radio}} </td>\r
 101           <td> {{ airIf.bandDesignator }} </td>\r
 102           <td> {{ airIf.polarization }} </td>\r
 103           <td> {{ airIf.mainStatus }} </td>\r
 104 \r
 105           \r
 106         </tr>\r
 107       </tbody>\r
 108     </table>\r
 109   </div>\r
 110 </div>