start of cb transition

starknine · Sep 15, 2014 · 4379351 · 4379351
1 parent 762ea5f
commit 4379351
Show file tree

Hide file tree

Showing 46 changed files with 5,044 additions and 200 deletions.
diff --git a/.jshintrc b/.jshintrc
@@ -10,7 +10,6 @@
   "latedef": true,
   "newcap": true,
   "noarg": true,
-  "quotmark": "single",
   "regexp": true,
   "undef": true,
   "unused": true,

diff --git a/app/audio/alert.mp3 b/app/audio/alert.mp3
diff --git a/app/audio/alert.ogg b/app/audio/alert.ogg
diff --git a/app/audio/alert.wav b/app/audio/alert.wav
diff --git a/app/images/angular.png b/app/images/angular.png
diff --git a/app/images/browsersync.png b/app/images/browsersync.png
diff --git a/app/images/gulp.png b/app/images/gulp.png
diff --git a/app/images/jasmine.png b/app/images/jasmine.png
diff --git a/app/images/karma.png b/app/images/karma.png
diff --git a/app/images/less.png b/app/images/less.png
diff --git a/app/images/protractor.png b/app/images/protractor.png
diff --git a/app/images/yeoman.png b/app/images/yeoman.png
diff --git a/app/img/apple-touch-icon-precomposed.png b/app/img/apple-touch-icon-precomposed.png
diff --git a/app/img/cb-loading-640x920.png b/app/img/cb-loading-640x920.png
diff --git a/app/img/cb-loading-phone.png b/app/img/cb-loading-phone.png
diff --git a/app/img/cb-loading.png b/app/img/cb-loading.png
diff --git a/app/img/cb-logo-small-white.png b/app/img/cb-logo-small-white.png
diff --git a/app/img/cb-logo-small.png b/app/img/cb-logo-small.png
diff --git a/app/img/chat-white.png b/app/img/chat-white.png
diff --git a/app/img/chat.png b/app/img/chat.png
diff --git a/app/img/favicon.ico b/app/img/favicon.ico
diff --git a/app/img/gradient.png b/app/img/gradient.png
diff --git a/app/img/icons/desktop.ico b/app/img/icons/desktop.ico
diff --git a/app/img/icons/phone.ico b/app/img/icons/phone.ico
diff --git a/app/img/suite.png b/app/img/suite.png
diff --git a/app/index.html b/app/index.html
@@ -1,64 +1,186 @@
 <!doctype html>
 <html class="no-js" ng-app="chatblendApp">
-  <head>
+<head>
     <meta charset="utf-8">
     <title>frontend</title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width">
-    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 
-    <!-- build:css({.tmp,app}) styles/vendor.css -->
-    <link rel="stylesheet" href="styles/vendor.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-title" content="ChatBlend">
+    <link rel="apple-touch-icon" href="/img/apple-touch-icon-precomposed.png"/>
+    <link href="/img/cb-loading-640x920.png" rel="apple-touch-startup-image">
+    <meta name="format-detection" content="telephone=no">
+    <link href='https://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
+    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+
+    <!-- build:css({.tmp,app}) styles/base.css -->
+    <link rel="stylesheet" href="/styles/base.css">
 
     <!-- bower:css -->
     <!-- endbower -->
     <!-- endbuild -->
 
-    <!-- build:css({.tmp,app}) styles/main.css -->
-    <link rel="stylesheet" href="styles/main.css">
+    <!-- build:css({.tmp,app}) styles/styles.css -->
+    <link rel="stylesheet" href="/styles/styles.css">
     <!-- endbuild -->
 
     <!-- build:js scripts/modernizr.js -->
-    <script src="bower_components/modernizr/modernizr.js"></script>
+    <script src="/bower_components/modernizr/modernizr.js"></script>
     <!-- endbuild -->
-  </head>
-  <body>
-    <!--[if lt IE 10]>
-      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-    <![endif]-->
-
-    <div ng-view></div>
-
-    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
-    <script>
-      (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
-      function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
-      e=o.createElement(i);r=o.getElementsByTagName(i)[0];
-      e.src='//www.google-analytics.com/analytics.js';
-      r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
-      ga('create','UA-XXXXX-X');ga('send','pageview');
+
+    <script type="text/javascript">
+    (function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(chref=d.href).replace(e.href,"").indexOf("#asd")&&(!/^[a-z\+\.\-]+:/i.test(chref)||chref.indexOf(e.protocol+"//"+e.host)===0)&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone");
     </script>
+</head>
+<body>
+  <div class="iosheader"></div>
+  <header class="cb-header">
+    <div class="cb-nav">
+      <div class="cb-suite-box">
+        <label class="s9-suite" for="cb-nav-setting">
+          <div class="cb-s-logo">
+            <div class="cb-s"></div><div class="cb-s"></div><div class="cb-s"></div><div class="cb-s"></div>
+          </div>
+        </label>
+        <a class="cb-logo" href="/"><img src="/img/chat.png" alt="Chat Blend"></a>
+      </div>
+    </div>
+    <!-- <%= if @active_user do %> -->
+      <div class="cb-search">
+        <input type="checkbox" id="setting-searchshow" class="cb-setting" />
+        <div class="search-con">
+          <label for="search-input" class="hide-on-small"><i class="fa fa-search"></i></label>
+          <label for="setting-searchshow" class="show-on-small"><i class="fa fa-search"></i></label>
+
+          <div class="search-input-container">
+            <input type="text" value="search conversations" class="search-input" id="search-input">
+          </div>
+
+          <label for="search-input" class="search_text hide-on-small">Search</label>
+          <label for="setting-searchshow" class="search_text show-on-small">Search</label>
+        </div>
+        <div class="search-results">
+          <div class="results-close"><i class="fa fa-times-circle"></i></div>
+        </div>
+      </div>
+      <div class="cb-user">
+        <div class="user-name">
+          Welcome, <strong>{{ active_user.first_name }}</strong>
+        </div>
+        <div class="user-settings">
+          <div class="icon-button">
+            <a href="#settings" id="cb-alerts">
+                <i class="fa fa-bell"></i>
+                <div class="fa-label">Alerts</div>
+            </a>
+          </div>
+          <div class="icon-button">
+            <a href="/manage">
+                <i class="fa fa-gear"></i>
+                <div class="fa-label">Admin</div>
+            </a>
+          </div>
+          <div class="icon-button hide-on-small">
+            <a href="/session/destroy">
+                <i class="fa fa-sign-out"></i>
+                <div class="fa-label">Sign Out</div>
+            </a>
+          </div>
+        </div>
 
-    <!-- build:js scripts/vendor.js -->
-    <!-- bower:js -->
-    <script src="bower_components/angular/angular.js"></script>
-    <script src="bower_components/angular-animate/angular-animate.js"></script>
-    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
-    <script src="bower_components/angular-touch/angular-touch.js"></script>
-    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
-    <script src="bower_components/angular-resource/angular-resource.js"></script>
-    <script src="bower_components/angular-route/angular-route.js"></script>
-    <!-- endbower -->
-    <!-- endbuild -->
+        <div class="settings-alerts">
+          <h3>Alerts</h3>
+          <ul class="sms-count-alert" style="display:none;">
+            <li><p>You currently have <span class="sms-available"></span> SMS available.</p></li>
+          </ul>
+          <ul>
+            <li><p>No current alerts</p></li>
+          </ul>
+        </div>
+      </div>
+    <!-- <% end %> -->
+  </header>
 
-    <!-- build:js({app,.tmp}) scripts/main.js -->
-    <script src="scripts/chatblendApp.js"></script>
-    <script src="scripts/main/main-ctrl.js"></script>
 
-    <!-- inject:partials -->
-    <!-- angular templates will be automaticaly converted in js and inserted here -->
-    <!-- endinject -->
-    <!-- endbuild -->
+  <input type="checkbox" class="cb-setting" id="cb-nav-setting">
+  <div class="cb-app">
+    <!-- display map service -->
+    <div class="app-maps">
+      <div class="maps-close">
+        <i class="fa fa-times-circle"></i>
+      </div>
+      <div class="maps-header">
+        <h3>Area Map</h3>
+      </div>
+      <input id="pac-input" class="controls" type="text" placeholder="Search Box">
+      <div class="maps-google" id="map-canvas">
+      </div>
+    </div>
+
+    <div class="app-menu">
+      <!-- <%= if @active_user do %> -->
+        <ul>
+          <!--<li><a href="#">Dashboard<div class="fa fa-desktop"></div></a></li>-->
+          <li><a href="/">Chats <div class="fa fa-bullhorn"></div></a></li>
+          <!--<li><a href="#">Export <div class="fa fa-download"></div></a></li>-->
+          <li><a href="/manage">Administration <div class="fa fa-gear"></div></a></li>
+          <li><a href="/conversations/archived">Archive <div class="fa fa-folder-open"></div></a></li>
+          <li><a href="https://www.chatblend.com/support.php" target="_blank">Support <div class="fa fa-question-circle"></div></a></li>
+          <li><a href="/session/destroy">Sign Out <div class="fa fa-sign-out"></div></a></li>
+        </ul>
+      <!-- <% end %> -->
+    </div>
+
+    <div class="app-chats">
+      <div class="app-gradient"><img src="/img/gradient.png" alt=""></div>
+
+      <div class="main">                
+        <div ng-view></div>
+      </div>
+    </div>
+  </div>
+  <div id="alert-sound"></div>
+
+  <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+  <script>
+    (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
+    function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
+    e=o.createElement(i);r=o.getElementsByTagName(i)[0];
+    e.src='//www.google-analytics.com/analytics.js';
+    r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
+    ga('create','UA-XXXXX-X');ga('send','pageview');
+  </script>
+
+  <!-- build:js scripts/vendor.js -->
+  <!-- bower:js -->
+  <script src="bower_components/modernizr/modernizr.js"></script>
+  <script src="bower_components/angular/angular.js"></script>
+  <script src="bower_components/angular-animate/angular-animate.js"></script>
+  <script src="bower_components/angular-cookies/angular-cookies.js"></script>
+  <script src="bower_components/angular-touch/angular-touch.js"></script>
+  <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
+  <script src="bower_components/angular-resource/angular-resource.js"></script>
+  <script src="bower_components/angular-route/angular-route.js"></script>
+  <!-- endbower -->
+  <script src="/scripts/pushstream.js"></script>
+  <!-- endbuild -->
+
+  <!-- build:js({app,.tmp}) scripts/main.js -->
+  <script src="/scripts/chatblendApp.js"></script>
+  <script src="/scripts/main/main-ctrl.js"></script>
+
+  <script src="/scripts/components/channel/channel-directive.js"></script>
+  <script src="/scripts/components/conversation/conversation-directive.js"></script>
+  <script src="/scripts/components/message/message-directive.js"></script>
+  <script src="/scripts/components/quickMessage/quickMessage-directive.js"></script>
+  <script src="/scripts/components/visitor/visitor-directive.js"></script>
 
-  </body>
+  <!-- inject:partials -->
+  <!-- angular templates will be automaticaly converted in js and inserted here -->
+  <!-- endinject -->
+  <!-- endbuild -->
+</body>
 </html>
diff --git a/app/partials/main.html b/app/partials/main.html
@@ -1,39 +1,6 @@
-<div class="container">
-
-  <nav class="navbar">
-    <a href="#">Gulp Angular</a>
-
-    <ul>
-      <li class="active"><a ng-href="#">Home</a></li>
-      <li><a ng-href="#">About</a></li>
-      <li><a ng-href="#">Contact</a></li>
-    </ul>
-  </nav>
-
-  <div class="jumbotron">
-    <h1>'Allo, 'Allo!</h1>
-    <p class="lead">
-      <img src="images/yeoman.png" alt="I'm Yeoman"><br>
-      Always a pleasure scaffolding your apps.
-    </p>
-    <p><a class="btn" ng-href="#">Splendid!</a></p>
-  </div>
-
-  <div class="col" ng-repeat="awesomeThing in awesomeThings | orderBy:'rank'">
-    <div class="thumbnail">
-      <img class="pull-right" ng-src="images/{{awesomeThing.logo}}" alt="{{awesomeThing.title}}">
-      <div class="caption">
-        <h3>{{awesomeThing.title}}</h3>
-        <p>{{awesomeThing.description}}</p>
-        <p><a ng-href="{{awesomeThing.url}}">{{awesomeThing.url}}</a></p>
-      </div>
-    </div>
-  </div>
-
-  <hr>
-
-  <div class="footer">
-    <p>With ♥ from <a href="https://twitter.com/Swiip">@Swiip</a></p>
-  </div>
-
+<div class="app-loading none">
+    <div class="cb-logo"><img src="/img/chat.png"><div><p>(ing)<p></div></div>
+    <i class="fa fa-spinner fa-spin"></i>
+</div>
+<div class="chats-channels">
 </div>
diff --git a/app/scripts/components/channel/channel-directive.js b/app/scripts/components/channel/channel-directive.js
@@ -0,0 +1,12 @@
+'use strict';
+
+angular.module('chatBlendApp', [])
+  .directive('channel', function() {
+    return {
+      restrict: 'AEC',
+      scope: {
+        // bindings from directive attributes
+      },
+      templateUrl: 'partials/scripts/components/channel/channel.html'
+    };
+  });