add edit modal & fix some features

src/directives/btn-edit-snippet.js

@@ -0,0 +1,18 @@
+angular.module('codexen.directives')
+  .directive('btnEditSnippet', function (editSnippetModal, $rootScope) {
+    return {
+      scope:{
+        snippet: '=btnEditSnippet'
+      },
+      link: function (scope, el) {
+        el.on('click', function () {
+          editSnippetModal.open(scope.snippet)
+            .result.then(function (snippet) {
+              $rootScope.$broadcast('snippetUpdated', snippet)
+            }, function () {
+              console.log('edit snippet modal dismissed')
+            })
+        })
+      }
+    }
+  })

src/directives/btn-new-snippet.js

@@ -5,6 +5,7 @@ angular.module('codexen.directives')
         el.on('click', function () {
           newSnippetModal.open()
             .result.then(function (snippet) {
+              console.log('event fire', snippet)
               $rootScope.$broadcast('snippetUpdated', snippet)
             }, function () {
               console.log('new snippet modal dismissed')

src/directives/side-nav.tpl.html

@@ -32,7 +32,7 @@
     <a ui-sref="snippets"><i class="fa fa-code"></i> Snippets</a>
   </li>
   <li ui-sref-active="active">
-    <a ui-sref="clips"><i class="fa fa-paperclip"></i> Clips</a>
+    <a><i class="fa fa-paperclip"></i> Clips(ready)</a>
   </li>
   <li class="divider"><hr></li>
   <li>