glowingbear-mainbox/index.html

<!DOCTYPE html>
<html>
  <head>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" rel="stylesheet" media="screen">
    <link href="css/glowingbear.css" rel="stylesheet" media="screen">
    <script type="text/javascript" src="js/angular.min.js"></script>
    <script type="text/javascript" src="js/underscore.js"></script>
    <script type="text/javascript" src="js/localstorage.js"></script>
    <script type="text/javascript" src="js/weechat-protocol.js"></script>
    <script type="text/javascript" src="js/websockets.js"></script>
  </head>
  <body ng-app="weechat" ng-controller="WeechatCtrl">
    <div id="wrap">
      <div>
        <div ng-hide="connected" class="container">
          <form class="form-horizontal">
            <legend>Connection</legend>
            <div class="alert alert-danger" ng-show="errorMessage">
              <strong>Oh no!</strong> We cannot connect!
            </div>
            <div class="control-group">
              <label class="control-label" for="hostport">Hostport</label>
              <div class="controls">
                <input type="text" id="hostport" ng-model="hostport" placeholder="Hostport">
              </div>
            </div>
            <div class="control-group">
              <label class="control-label" for="proto">Proto</label>
              <div class="controls">
                <input type="text" id="proto" ng-model="proto" placeholder="proto">
              </div>
            </div>
            <div class="control-group">
              <label class="control-label" for="password">Password</label>
              <div class="controls">
                <input type="password" id="password" ng-model="password" placeholder="Password">
              </div>
            </div>
            <div class="control-group">
              <div class="controls">
                <button class="btn btn-primary" ng-click="connect()">Connect!</button>
              </div>
            </div>
          </form>
        </div>

        <div ng-show="connected">
          <span class="label" ng-class="{'label-success': content.notification }" ng-repeat="(key, content) in buffers">
            <a ng-click="setActiveBuffer(key)">{{ content.full_name }}</a>
          </span>
          <div ng-repeat="bufferline in activeBuffer.lines">
            <span class="timestamp color-dark-gray">{{ bufferline.timestamp  | date: 'h:mm:ss'}}</span>
            <span ng-repeat="part in bufferline.content" class="text {{ part.fg }}">
              {{ part.text }}
            </span>

            <div ng-repeat="metadata in bufferline.metadata">
              <div ng-show="metadata.visible">
                <a ng-click="metadata.visible = false">Hide additional content</a>
                <div ng-bind-html-unsafe="metadata.content"></div>

              </div>
              <div ng-hide="metadata.visible">
                <a ng-click="metadata.visible = true">Show additional content</a>
              </div>
              
            </div>
          </div>
        </div>


      </div>
      <div id="push"></div>
    </div>
    <div id="footer" ng-show="connected">
      <form ng-submit="sendMessage()">
        <input id="sendMessage" type="text" ng-model="command"></input>
      </form>
    </div>
  </body>
</html>
login: added simple form 2013-02-16 19:18:14 +01:00			`<!DOCTYPE html>`
Declare ng-app in the body 2013-10-02 00:16:27 +02:00			`<html>`
initial commit 2013-02-16 18:49:20 +01:00			`<head>`
Take bootstrap from the CDN 2013-10-02 01:27:18 +02:00			`<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">`
			`<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" rel="stylesheet" media="screen">`
Set the background black 2013-10-02 01:39:24 +02:00			`<link href="css/glowingbear.css" rel="stylesheet" media="screen">`
login: added simple form 2013-02-16 19:18:14 +01:00			`<script type="text/javascript" src="js/angular.min.js"></script>`
Adds underscorejs 2013-07-28 05:59:12 +02:00			`<script type="text/javascript" src="js/underscore.js"></script>`
Save the connection paramaters into localStorage using a simple angular module for localstorage Note: it also saves the password into localStorage, this should be further improved to present a simple checkbox to the user asking if they want to save the password or not 2013-10-05 16:05:16 +02:00			`<script type="text/javascript" src="js/localstorage.js"></script>`
protocol.js -> weechat-protocol.js This makes it more clear that this script's code parses the WeeChat protocol specifically. 2013-10-05 20:04:39 +02:00			`<script type="text/javascript" src="js/weechat-protocol.js"></script>`
login: added simple form 2013-02-16 19:18:14 +01:00			`<script type="text/javascript" src="js/websockets.js"></script>`
initial commit 2013-02-16 18:49:20 +01:00			`</head>`
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<body ng-app="weechat" ng-controller="WeechatCtrl">`
			`<div id="wrap">`
			`<div>`
Center connection information 2013-10-05 18:41:48 +02:00			`<div ng-hide="connected" class="container">`
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<form class="form-horizontal">`
			`<legend>Connection</legend>`
			`<div class="alert alert-danger" ng-show="errorMessage">`
			`<strong>Oh no!</strong> We cannot connect!`
login: added simple form 2013-02-16 19:18:14 +01:00			`</div>`
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<div class="control-group">`
			`<label class="control-label" for="hostport">Hostport</label>`
			`<div class="controls">`
			`<input type="text" id="hostport" ng-model="hostport" placeholder="Hostport">`
			`</div>`
login: added simple form 2013-02-16 19:18:14 +01:00			`</div>`
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<div class="control-group">`
			`<label class="control-label" for="proto">Proto</label>`
			`<div class="controls">`
			`<input type="text" id="proto" ng-model="proto" placeholder="proto">`
			`</div>`
login: added simple form 2013-02-16 19:18:14 +01:00			`</div>`
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<div class="control-group">`
			`<label class="control-label" for="password">Password</label>`
			`<div class="controls">`
			`<input type="password" id="password" ng-model="password" placeholder="Password">`
			`</div>`
login: added simple form 2013-02-16 19:18:14 +01:00			`</div>`
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<div class="control-group">`
			`<div class="controls">`
			`<button class="btn btn-primary" ng-click="connect()">Connect!</button>`
			`</div>`
			`</div>`
			`</form>`
			`</div>`
Sends line to proper buffer 2013-07-30 15:22:37 +02:00
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<div ng-show="connected">`
			`<span class="label" ng-class="{'label-success': content.notification }" ng-repeat="(key, content) in buffers">`
			`<a ng-click="setActiveBuffer(key)">{{ content.full_name }}</a>`
WIP: embedded display of youtube videos 2013-08-03 17:25:38 +02:00			`</span>`
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<div ng-repeat="bufferline in activeBuffer.lines">`
			`<span class="timestamp color-dark-gray">{{ bufferline.timestamp \| date: 'h:mm:ss'}}</span>`
			`<span ng-repeat="part in bufferline.content" class="text {{ part.fg }}">`
			`{{ part.text }}`
			`</span>`
Hides additional plugin content by default 2013-08-06 23:07:29 +02:00
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`<div ng-repeat="metadata in bufferline.metadata">`
			`<div ng-show="metadata.visible">`
			`<a ng-click="metadata.visible = false">Hide additional content</a>`
			`<div ng-bind-html-unsafe="metadata.content"></div>`
Hides additional plugin content by default 2013-08-06 23:07:29 +02:00
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`</div>`
			`<div ng-hide="metadata.visible">`
			`<a ng-click="metadata.visible = true">Show additional content</a>`
			`</div>`

Handles additional content with a simple plugin manager 2013-08-06 22:39:10 +02:00			`</div>`
			`</div>`
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`</div>`
Handles additional content with a simple plugin manager 2013-08-06 22:39:10 +02:00
WIP: embedded display of youtube videos 2013-08-03 17:25:38 +02:00
Push command textbox at the bottom of the screen 2013-10-05 18:40:01 +02:00			`</div>`
			`<div id="push"></div>`
			`</div>`
			`<div id="footer" ng-show="connected">`
			`<form ng-submit="sendMessage()">`
			`<input id="sendMessage" type="text" ng-model="command"></input>`
			`</form>`
			`</div>`
			`</body>`
initial commit 2013-02-16 18:49:20 +01:00			`</html>`