rebuild app structure

src/directives/btn-edit-snippet.js

@@ -1,12 +1,13 @@
-angular.module('codexen.directives')
-  .directive('btnEditSnippet', function (editSnippetModal, $rootScope) {
+/* global angular */
+angular.module('codexen')
+  .directive('btnEditSnippet', function (Modal, $rootScope) {
     return {
-      scope:{
+      scope: {
         snippet: '=btnEditSnippet'
       },
       link: function (scope, el) {
         el.on('click', function () {
-          editSnippetModal.open(scope.snippet)
+          Modal.editSnippet(scope.snippet)
             .result.then(function (snippet) {
               $rootScope.$broadcast('snippetUpdated', snippet)
             }, function () {

src/directives/btn-new-snippet.js

@@ -1,9 +1,10 @@
-angular.module('codexen.directives')
-  .directive('btnNewSnippet', function (newSnippetModal, $rootScope) {
+/* global angular */
+angular.module('codexen')
+  .directive('btnNewSnippet', function (Modal, $rootScope) {
     return {
       link: function (scope, el) {
         el.on('click', function () {
-          newSnippetModal.open()
+          Modal.newSnippet()
             .result.then(function (snippet) {
               console.log('event fire', snippet)
               $rootScope.$broadcast('snippetUpdated', snippet)

src/directives/side-nav.js

@@ -1,42 +1,8 @@
-
-angular.module('codexen.directives')
-  .directive('sideNav', function(){
+/* global angular */
+angular.module('codexen')
+  .directive('sideNav', function () {
     return {
-      templateUrl: 'directives/side-nav.tpl.html',
+      templateUrl: 'tpls/directives/side-nav.tpl.html',
       controller: 'SideNavController as vm'
     }
   })
-  .controller('SideNavController', function($auth, User, $rootScope, $scope){
-    var vm = this
-
-    vm.isAuthenticated = $auth.isAuthenticated()
-
-    var reloadUser = function(){
-      if(vm.isAuthenticated){
-        User.me().success(function (data){
-          console.log('currentUser', data)
-          vm.currentUser = data.user
-        })
-      }
-    }
-    reloadUser()
-
-    vm.signOut = function () {
-      $auth.logout()
-        .then(function () {
-          console.log('Sign Out')
-          $rootScope.$broadcast('userSignOut')
-        })
-    }
-
-    $scope.$on('userSignIn', function () {
-      vm.isAuthenticated = true
-      reloadUser()
-    })
-
-    $scope.$on('userSignOut', function () {
-      vm.isAuthenticated = false
-      vm.currentUser = null
-
-    })
-  })

src/directives/side-nav.scss

@@ -1,25 +0,0 @@
-@import "../variables";
-@import "../mixins";
-
-$side-view-link-hover-color: $gray-dark;
-$side-view-link-active-color: $link-color;
-$side-view-link-active-bg: $body-bg;
-
-#side-view ul.nav.nav-pills{
-  li hr{
-    margin: 5px 0;
-    border-color: lighten($gray-dark, 20%);
-
-  }
-  li a{
-    color: white;
-    &:hover{
-      color: $side-view-link-hover-color;
-    }
-  }
-
-  li.active a{
-    color:$side-view-link-active-color;
-    background-color: $side-view-link-active-bg;
-  }
-}

src/directives/side-nav.tpl.html

@@ -1,53 +0,0 @@
-<div class="current-user">
-  <div ng-if="vm.currentUser">
-    <img width="30" ng-src="http://www.gravatar.com/avatar/{{ vm.currentUser.email | gravatar }}">
-    <span ng-bind="vm.currentUser.name"></span>
-    <span class="dropdown" dropdown is-open>
-      <a type="button" name="button" dropdown-toggle class="btn btn-sm btn-default dropdown-toggle"><i class="fa fa-caret-down"></i></a>
-      <ul class="dropdown-menu">
-        <li>
-          <a ng-click="vm.signOut()"><i class="fa fa-sign-out"></i> Sign Out</a>
-        </li>
-      </ul>
-    </span>
-
-  </div>
-  <div ng-if="!vm.currentUser">
-    <span>Guest</span>
-
-    <span class="dropdown" dropdown is-open>
-      <a type="button" name="button" dropdown-toggle class="btn btn-sm btn-default dropdown-toggle"><i class="fa fa-caret-down"></i></a>
-      <ul class="dropdown-menu">
-        <li>
-          <a ui-sref="auth.signin"><i class="fa fa-sign-in"></i> Sign In</a>
-        </li>
-        <li>
-          <a ui-sref="auth.register"><i class="fa fa-user-plus"></i> Register</a>
-        </li>
-      </ul>
-    </span>
-  </div>
-</div>
-
-<p>Side Nav</p>
-<ul class="nav nav-pills nav-stacked">
-  <li>
-    <a btn-new-snippet href="#"><i class="fa fa-plus-square-o"></i> New Snippet</a>
-  </li>
-  <li class="divider"><hr></li>
-  <li>
-  </li>
-  <li ui-sref-active="active">
-    <a ui-sref="home"><i class="fa fa-home"></i> Home</a>
-  </li>
-  <li ui-sref-active="active">
-    <a ui-sref="snippets"><i class="fa fa-code"></i> Snippets</a>
-  </li>
-  <li ui-sref-active="active">
-    <a><i class="fa fa-paperclip"></i> Clips(ready)</a>
-  </li>
-  <li class="divider"><hr></li>
-  <li>
-    <a href=""><i class="fa fa-gears"></i> Configuration</a>
-  </li>
-</ul>

src/directives/tags.js

@@ -1,12 +1,13 @@
-angular.module('codexen.directives')
+/* global angular */
+angular.module('codexen')
   .directive('tags', function () {
     return {
-      restrict:'A',
-      template: '<p class="tags" ng-if="tags.length">'+
-        '<i class="fa fa-tags"></i> '+
-        '<a ng-repeat="tag in tags" href="#">#<span ng-bind="tag.name"></span></a>'+
+      restrict: 'A',
+      template: '<p class="tags" ng-if="tags.length">' +
+        '<i class="fa fa-tags"></i> ' +
+        '<a ng-repeat="tag in tags" href="#">#<span ng-bind="tag.name"></span></a>' +
       '</p>',
-      scope:{
+      scope: {
         tags: '='
       }
     }