add list/show routes

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,7 +22,8 @@
       <div
         ui-ace="{
           mode: vm.snippet.mode.toLowerCase(),
-          theme:'solarized_dark'
+          theme:'solarized_dark',
+          useWrapMode : true
 
         }"
         ng-model="vm.snippet.content"
@@ -30,7 +31,7 @@
     </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 @@
       <div
         ui-ace="{
           mode: vm.mode.toLowerCase(),
-          theme:'solarized_dark'
+          theme:'solarized_dark',
+          useWrapMode : true
 
         }"
         ng-model="vm.content"

src/tpls/states/snippets.detail.tpl.html

@@ -3,7 +3,7 @@
   <div class="detail-header">
     <span class="detail-header-title">
       <span ng-bind="vm.snippet.callSign"></span>
-      <small><span ng-bind="snippet.updatedAt|fromNow"></span> <i class="fa fa-clock-o"></i></small>
+      <small><span ng-bind="vm.snippet.updatedAt|fromNow"></span> <i class="fa fa-clock-o"></i></small>
     </span>
     <span class="detail-header-control pull-right">
       <button type="button" name="button" class="btn btn-default"><i class="fa fa-share"></i></button>
@@ -20,12 +20,13 @@
 
     <div ng-if="vm.isLoaded" class="">
       <p ng-bind="vm.snippet.description"></p>
-      <div tags="vm.snippet.tags"></div>
+      <div tags="vm.snippet.Tags"></div>
       <div ui-ace="{
         showGutter: false,
         useWrapMode : true,
         mode:vm.snippet.mode.toLowerCase(),
         maxLines: -1,
+        theme:'solarized_dark',
         rendererOptions: {
             maxLinks: Infinity
         }

src/tpls/states/snippets.list.tpl.html

@@ -26,7 +26,7 @@
         <a ui-sref="auth.signin" class="btn btn-default"><i class="fa fa-signin"></i> Sign In</a>
       </li>
 
-      <li ng-repeat="snippet in vm.snippets | filter:vm.search" ui-sref="snippets.detail({id:snippet._id})" ui-sref-active="active">
+      <li ng-repeat="snippet in vm.snippets | filter:vm.search" ui-sref="snippets.detail({id:snippet.id})" ui-sref-active="active">
         <div class="media">
           <div class="media-left">
             <img width="25" height="25" src="http://www.gravatar.com/avatar/ea0b6ad1c11700120d1af08810caa19d" alt="" />
@@ -41,7 +41,7 @@
             </p>
           </div>
         </div>
-        <div tags="snippet.tags"></div>
+        <div tags="snippet.Tags"></div>
       </li>
     </ul>
   </div>