Everything tested and ready for Tom to fix

cms/static/coffee/files.json

@@ -3,6 +3,6 @@
     "/static/js/vendor/jquery.min.js",
     "/static/js/vendor/json2.js",
     "/static/js/vendor/underscore-min.js",
-    "/static/js/vendor/backbone-min.js"
+    "/static/js/vendor/backbone.js"
   ]
 }

cms/static/coffee/src/client_templates/course_info_update.html

@@ -0,0 +1,28 @@
+<li>
+	<!-- FIXME what style should we use for initially hidden? --> <!-- TODO decide whether this should use codemirror -->
+	<form class="new-update-form">
+		<div class="row">
+			<label class="inline-label">Date:</label>
+			<!-- TODO replace w/ date widget and actual date (problem is that persisted version is "Month day" not an actual date obj -->
+			<input type="text" id="date-entry"
+				value="<%= updateModel.get('date') %>"></input>
+		</div>
+		<div class="row">
+			<textarea class="new-update-content text-editor"><%= updateModel.get('content') %></textarea>
+		</div>
+		<div class="row">
+			<!-- cid rather than id b/c new ones have cid's not id's -->
+			<a href="#" class="save-button" name="<%= updateModel.cid %>">Save</a>
+			<a href="#" class="cancel-button" name="<%= updateModel.cid %>">Cancel</a>
+		</div>
+	</form>
+	<h2>
+		<span class="calendar-icon"></span><span id="date-display"><%=
+			updateModel.get('date') %></span>
+	</h2>
+	<div class="update-contents"><%= updateModel.get('content') %></div>
+	<div class="row">
+		<a href="#" class="edit-button" name="<%- updateModel.cid %>">Edit</a>
+		<a href="#" class="delete-button" name="<%- updateModel.cid %>"">Delete</a>
+	</div>
+</li>

cms/static/coffee/src/client_templates/load_templates.html

@@ -0,0 +1,14 @@
+<!-- In order to enable better debugging of templates, put them in
+     the script tag section.
+     TODO add lazy load fn to load templates as needed (called
+        from backbone view initialize to set this.template of the view)
+-->
+
+<%block name="jsextra">
+ <script type="text/javascript" charset="utf-8">
+   // How do I load an html file server side so I can 
+   // Precompiling your templates can be a big help when debugging errors you can't reproduce. This is because precompiled templates can provide line numbers and a stack trace, something that is not possible when compiling templates on the client. The source property is available on the compiled template function for easy precompilation.
+   // <script>CMS.course_info_update = <%= _.template(jstText).source %>;</script>
+ 
+ </script>
+</%block>

cms/static/coffee/src/views/course_info_edit.coffee

@@ -1,63 +0,0 @@
-## Derived from and should inherit from a common ancestor w/ ModuleEdit
-class CMS.Views.CourseInfoEdit extends Backbone.View
-  tagName: 'div'
-  className: 'component'
-
-  events:
-    "click .component-editor .cancel-button": 'clickCancelButton'
-    "click .component-editor .save-button": 'clickSaveButton'
-    "click .component-actions .edit-button": 'clickEditButton'
-    "click .component-actions .delete-button": 'onDelete'
-
-  initialize: ->
-    @render()
-
-  $component_editor: => @$el.find('.component-editor')
-
-  loadDisplay: ->
-       XModule.loadModule(@$el.find('.xmodule_display'))
-
-  loadEdit: ->
-    if not @module
-      @module = XModule.loadModule(@$el.find('.xmodule_edit'))
-
-  # don't show metadata (deprecated for course_info)
-  render: ->
-    if @model.id
-      @$el.load("/preview_component/#{@model.id}", =>
-        @loadDisplay()
-        @delegateEvents()
-      )
-
-  clickSaveButton: (event) =>
-    event.preventDefault()
-    data = @module.save()
-    @model.save(data).done( =>
-    #   # showToastMessage("Your changes have been saved.", null, 3)
-      @module = null
-      @render()
-      @$el.removeClass('editing')
-    ).fail( ->
-      showToastMessage("There was an error saving your changes. Please try again.", null, 3)
-    )
-
-  clickCancelButton: (event) ->
-    event.preventDefault()
-    @$el.removeClass('editing')
-    @$component_editor().slideUp(150)
-
-  clickEditButton: (event) ->
-    event.preventDefault()
-    @$el.addClass('editing')
-    @$component_editor().slideDown(150)
-    @loadEdit()
-
-  onDelete: (event) ->
-    # clear contents, don't delete
-    @model.definition.data = "<ol></ol>"
-    # TODO change label to 'clear'
-    
-  onNew: (event) ->
-  	ele = $(@model.definition.data).find("ol")
-  	if (ele)
-  		ele = $(ele).first().prepend("<li><h2>" + $.datepicker.formatDate('MM d', new Date()) + "</h2>/n</li>");