add list/show routes

Author: Rokt33r

src/controllers/modals/EditSnippetModalController.js

@@ -14,12 +14,12 @@ angular.module('codexen')
         callSign: vm.snippet.callSign,
         mode: vm.snippet.mode == null ? null : vm.snippet.mode.toLowerCase(),
         content: vm.snippet.content,
-        tags: angular.isArray(vm.snippet.tags) ? vm.snippet.tags.map(function (tag) { return {_id: tag._id, name: tag.name} }) : []
+        tags: angular.isArray(vm.snippet.tags) ? vm.snippet.tags.map(function (tag) { return tag.name }) : []
       }
 
       Snippet.update(vm.snippet._id, params)
         .success(function (data) {
-          $modalInstance.close(data.snippet)
+          $modalInstance.close(data)
           console.log('snippet created!', data)
         })
     }

src/controllers/modals/NewSnippetModalController.js

@@ -11,12 +11,12 @@ angular.module('codexen')
         callSign: vm.callSign,
         mode: vm.mode == null ? null : vm.mode.toLowerCase(),
         content: vm.content,
-        tags: angular.isArray(vm.tags) ? vm.tags.map(function (tag) { return {_id: tag._id, name: tag.name} }) : []
+        tags: angular.isArray(vm.tags) ? vm.tags.map(function (tag) { return tag.name }) : []
       }
 
       Snippet.create(params)
         .success(function (data) {
-          $modalInstance.close(data.snippet)
+          $modalInstance.close(data)
         })
     }
 

src/controllers/states/SnippetsDetailController.js

@@ -7,14 +7,16 @@ angular.module('codexen')
 
     var snippetId = $state.params.id
 
-    Snippet.show(snippetId)
+    Snippet.show(snippetId, {
+      'include': ['Tag']
+    })
     .success(function (data) {
-      vm.snippet = data.snippet
+      vm.snippet = data
       vm.isLoaded = true
     })
 
     vm.delete = function () {
-      Snippet.delete(vm.snippet._id)
+      Snippet.delete(vm.snippet.id)
       .success(function () {
         $rootScope.$broadcast('snippetDeleted')
       })

src/controllers/states/SnippetsListController.js

@@ -7,13 +7,13 @@ angular.module('codexen')
 
     var loadSnippets = function () {
       if ($auth.isAuthenticated) {
-        console.log($auth.getPayload())
-        var userId = $auth.getPayload().sub
-        Snippet.findByUser(userId)
+        Snippet.findMine({
+          'include': ['Tag']
+        })
           .success(function (data) {
-            console.log('snippets fetched', data.snippets)
+            console.log('snippets fetched', data)
             vm.isLoaded = true
-            vm.snippets = data.snippets
+            vm.snippets = data
             vm.isGuest = false
           })
       }else {

src/services/snippet.js

@@ -11,16 +11,22 @@ angular.module('codexen')
       })
     }
 
+    var findMine = function (params) {
+      var url = apiUrl + 'snippets/my'
+
+      return $http.get(url, {params: params})
+    }
+
     var create = function (params) {
       var url = apiUrl + 'snippets/create'
 
       return $http.post(url, params)
     }
 
-    var show = function (id) {
+    var show = function (id, params) {
       var url = apiUrl + 'snippets/id/' + id
 
-      return $http.get(url)
+      return $http.get(url, {params: params})
     }
 
     var update = function (id, params) {
@@ -37,6 +43,7 @@ angular.module('codexen')
 
     return {
       findByUser: findByUser,
+      findMine: findMine,
       create: create,
       show: show,
       delete: destroy,

src/styles/_index.styl

@@ -28,7 +28,7 @@ textarea
   left: 0
   width: 200px
   background-color: $baseBackgroundColor
-  border-right solid 1px $baseBorderColor
+  border-right solid 2px $backgroundColorSelected
   box-sizing: border-box
   padding: 10px 0 10px 10px
 

src/styles/directives/side-nav.styl

@@ -2,6 +2,7 @@
   .nav-control-group
     margin 0 5px
   ul.nav.nav-pills
+    margin-top 10px
     li hr
       margin: 5px 0
       border-top none

src/tpls/directives/side-nav.tpl.html

@@ -3,8 +3,8 @@
     <img width="30" class="img-circle" ng-src="http://www.gravatar.com/avatar/{{ vm.currentUser.email | gravatar }}">
     <a href ng-bind="vm.currentUser.name"></a>
     <span class="nav-control-group pull-right">
-      <a href class="btn btn-sm btn-primary"><i class="fa fa-gears"></i></a>
-      <a href class="btn btn-sm btn-primary" ng-click="vm.signOut()"><i class="fa fa-sign-out"></i></a>
+      <a href class="btn btn-sm btn-default"><i class="fa fa-gears"></i></a>
+      <a href class="btn btn-sm btn-default" ng-click="vm.signOut()"><i class="fa fa-sign-out"></i></a>
     </span>
 
   </div>

src/tpls/modals/edit-snippet-modal.tpl.html

@@ -22,15 +22,16 @@ <h4>Edit Snippet</h4>
       <div
         ui-ace="{
           mode: vm.snippet.mode.toLowerCase(),
-          theme:'solarized_dark'
+          theme:'solarized_dark',
+          useWrapMode : true
 
         }"
         ng-model="vm.snippet.content"
       ></div>
     </div>
 
     <div class="form-group">
-      <ui-select multiple tagging="vm.transform" tagging-tokens="SPACE|,|/" ng-model="vm.snippet.tags" theme="bootstrap">
+      <ui-select multiple tagging="vm.transform" tagging-tokens="SPACE|,|/" ng-model="vm.snippet.Tags" theme="bootstrap">
         <ui-select-match placeholder="Write Tags">{{$item.name}}</ui-select-match>
         <ui-select-choices repeat="tag in vm.tagCandidates" refresh="vm.refreshTagCandidates($select.search)"
          refresh-delay="200">

src/tpls/modals/new-snippet-modal.tpl.html

@@ -22,7 +22,8 @@ <h4>New Snippet</h4>
       <div
         ui-ace="{
           mode: vm.mode.toLowerCase(),
-          theme:'solarized_dark'
+          theme:'solarized_dark',
+          useWrapMode : true
 
         }"
         ng-model="vm.content"