     @model.get "id"
 
 
+  showUnsavedNotification: ->
+    @saveButton.text "Save*"
+  removeUnsavedNotification: ->
+    @saveButton.text "Save"
 
   save: ->
     html = @editor.getSession().getValue()

    @editor = ace.edit "editor"
    @editor.setShowPrintMargin false
    HTMLmode = require("ace/mode/html").Mode
    @editor.getSession().setTabSize(2);
    # @editor.getSession().setUseWrapMode(true);
    @editor.getSession().setMode(new HTMLmode())


    # Hide the line numbering, doesn't work perfectly


    @initAce()

    @model.bind "initialfetch",  =>
      console.log "settting HTML"
      @removeUnsavedNotification()
      @setEditorContents @model.get "html"

      @editor.getSession().on "change", =>
        console.log "CHANGE"
        @showUnsavedNotification()

    @model.bind "change", (slide) =>

