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

   1 <!-- This is the landing page of you application, Update the content as per your requirements -->
   2 <div class="owl container" style="width: 800px">
   3
   4  <div class="row">
   5   <div class="col-md-11">
   6    <h4>Simple chat application based on (ODL) WebSockets</h4>
   7   </div>
   8  </div>
   9
  10  <div class="row">
  11   <div class="col-md-11">
  12    <hr/ >
  13   </div>
  14  </div>
  15
  16  <div class="row">
  17   <div class="col-md-11">
  18    <p>
  19     <span class="white">The beauty of WebSockets within OpenDaylight.</span>
  20    </p>
  21    <p>
  22     <span class="white">Useful links:</span>
  23    <ul>
  24     <li>
  25      <a href="https://wiki.opendaylight.org/view/OpenDaylight_Controller:MD-SAL:Restconf:Change_event_notification_subscription">
  26       <span class="white">https://wiki.opendaylight.org/view/OpenDaylight_Controller:MD-SAL:Restconf:Change_event_notification_subscription</span>
  27      </a>
  28     </li>
  29     <li>
  30      <a href="https://wiki.opendaylight.org/view/OpenDaylight_DLUX:Create_application_with_archetype">
  31       <span class="white">https://wiki.opendaylight.org/view/OpenDaylight_DLUX:Create_application_with_archetype</span>
  32      </a>
  33     </li>
  34    </ul>
  35    </p>
  36    <p>
  37     <span class="white">Code:</span>
  38    <ul>
  39     <li>
  40      <a href="https://github.com/OpenNetworkingFoundation/CENTENNIAL/tree/master/code/ux/odlChat">
  41       <span class="white">https://github.com/OpenNetworkingFoundation/CENTENNIAL/tree/master/code/ux/odlChat</span>
  42      </a>
  43     </li>
  44    </ul>
  45    </p>
  46
  47
  48   </div>
  49  </div>
  50
  51  <div class="row">
  52   <div class="col-md-11">
  53    <hr/ >
  54   </div>
  55  </div>
  56
  57  <div class="row" ng-repeat="tweet in collection">
  58   <div class="col-md-2 text-right">
  59    <span class="white">{{tweet.nickname}}:</span>
  60   </div>
  61   <div class="col-md-8">
  62    <span class="white">
  63     <b>{{tweet.message}}</b>
  64    </span>
  65   </div>
  66   <div class="col-md-1">
  67    <span>{{tweet.time}}</span>
  68   </div>
  69  </div>
  70
  71  <div class="row">
  72   <div class="col-md-11">
  73    <hr/ >
  74   </div>
  75  </div>
  76
  77  <div class="row">
  78   <div class="col-md-2 text-right">
  79    <input class="form-control" type="text" step="1" ng-model="chat.nickname" />
  80   </div>
  81   <div class="col-md-8 text-right">
  82    <input class="form-control" type="text" step="1" ng-model="chat.message" />
  83   </div>
  84   <div class="col-md-1">
  85    <button class="btn btn-primary" type="submit" ng-click="send(chat)">{{'MWTN_SEND' | translate}}</button>
  86   </div>
  87  </div>
  88
  89  <div class="row">
  90   <div class="col-md-2 text-right">
  91    <span class="white">{{'MWTN_NICKNAME' | translate}} </span>
  92   </div>
  93   <div class="col-md-8 text-right">
  94    <span class="white">{{'MWTN_MESSAGE' | translate}} </span>
  95   </div>
  96   <div class="col-md-1"></div>
  97  </div>
  98 </div>
  99 <hr />
 100 <div class="owl">
 101  <span class="white">ONAP SDN-R | ONF Wireless for @distversion@ - Build: @buildtime@</span>
 102 </div>