Prelimitary demo version

h/css/common.scss

@@ -666,7 +666,20 @@ blockquote {
   }
 }
 
+.share-dialog {
+   display: block;
+  .icon-input {
+    position: relative;
+  }
+}
 
+.clipboard-icon {
+  text-decoration: none;
+  cursor: pointer;
+  color: black;
+  opacity: .5;
+  display: inline;
+}
 //SUMMARY////////////////////////////////
 //This is specific to the summary view.
 .summary {

h/js/controllers.coffee

@@ -268,12 +268,25 @@ class Annotation
       if id?
         $scope.thread = threading.getContainer id
 
+    $scope.$watch 'shared', (newValue) ->
+      if newValue and newValue is true
+        $timeout -> $element.find('input').focus()
+        $timeout -> $element.find('input').select()
+        
         # Check if this is a brand new annotation
         annotation = $scope.thread.message?.annotation
         if annotation? and drafts.contains annotation
           $scope.editing = true
 
 
+    $scope.shared = false
+    $scope.share = ->
+      $scope.shared = not $scope.shared
+      if $scope.shared and not $scope.shared_link
+        $scope.shared_link = window.location.host + '/a/' + $scope.$modelValue.id
+        
+      console.log $scope.shared
+
 class Editor
   this.$inject = ['$location', '$routeParams', '$scope', 'annotator']
   constructor: ($location, $routeParams, $scope, annotator) ->