websockets_ionic_v1_chat-detail.html

<!--
  This template loads for the 'tab.friend-detail' state (app.js)
  'friend' is a $scope variable created in the FriendsCtrl controller (controllers.js)
  The FriendsCtrl pulls data from the Friends service (service.js)
  The Friends service returns an array of friend data
-->
<ion-view view-title="{{chat.name}}" cache-view="false">
  <ion-content class="padding" overflow-scroll="true">
    <ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()"></ion-refresher>

    <img ng-src="{{chat.face}}" style="width: 64px; height: 64px">

    <ion-list id="messages">
      <ion-item ng-repeat="msg in messages">
        {{msg.message.text}}
      </ion-item>
    </ion-list>

    <div class="list">
      <label class="item item-input">
        <textarea id="message" type="text" placeholder="Say something" ng-model="message.text"></textarea><br>
      </label>
    </div>

    <button id="openbutton" ion-button round ng-click="wsConnect()">Connect</button>
    <button id="sendbutton" ion-button round ng-click="wsSend()">Send</button>
    <button id="closebutton" ion-button round ng-click="wsClose()">Close</button>

  </ion-content>
</ion-view>