anchor.diff:      annotationPath: function(annotationId) {
         return '<%= resource_annotation_path('$RESOURCE_ID', '$ANNOTATION_ID') %>'.replace('$RESOURCE_ID', this.resourceId).replace('$ANNOTATION_ID', annotationId);
       },
  -    create: type => {
  +    create: function(type) {
  +      this.saveAnnotation(type);
  +    },
  +    destroy: function() {
  +      alert("destroy")
  +    },
  +    reveal: function() {
  +      alert("reveal")
  +    },
  +    saveChanges: function() {
  +      alert("save changes");
  +    },
  +    cancelChanges: function(type) {
         alert(type)
       },
  -    destroy: () => {
  -      alert("destroy")
  -    },
  -    reveal: () => {
  -      alert("reveal")
  -    },
  -    save_changes: () => {
  -      alert("save changes");
  -    },
  -    cancel_changes: type => {
  -      alert(type)
  -    },
  -    edit_link: () => {
  +    editLink: function() {
         alert("edit link");
       },
  -    update_link: () => {
  +    updateLink: function() {
         alert("update link");
       },
  -    submit: type => {
  +    submit: function(type) {
         alert("submit");
  -    }
  +    },
  +    saveAnnotation: function(type, offsets, content = null) {
  +      Axios.post(this.annotationsPath + '.json', {
  +        annotation: {
  +          kind: type,
  +          content: content,
  +          start_paragraph: offsets.start.p,
  +          start_offset: offsets.start.offset,
  +          end_paragraph: offsets.end.p,
  +          end_offset: offsets.end.offset
  +        }
  +      }, { scroll: false })
  +        .then( response => {
  +          window.location.search = `annotation-id=${response.data.annotation_id}`;
  +    });
  +  }
     }
   }
   </script>
  
positive.code:       </template>
        <template v-if="annotationType == 'link'">
          <a @click="destroy">Remove link</a>
          <a class="edit-link" @click="edit_link">Edit link</a>
        </template>
        <a v-if="annotationType == 'note'" @click="destroy">Remove Note</a>
      </template>
      <template v-else-if="mode == 'save-changes'">
        <a @click="save_changes">Save</a>
        <a @click="cancel_changes('elide')">Cancel</a>
      </template>
    </div>
  </div>
  </template>
  
  <script>
  export default {
    props: {
      mode: {
  
negative.code:       <textarea name="content" placeholder="Note text..."></textarea>
        <input class="save-note" type="submit" value="Save" />
      </form>
      <form v-else-if="mode == 'edit-link'" v-on:submit.prevent="updateLink">
        <input name="content" type="url" placeholder="Url to link to..." value="${(this.getLinkValue())}" />
      </form>
      <template v-else-if="mode == 'edit-handle'">
  