save column settings to cookie value

js/patterns/structure/templates/table.xml

@@ -22,7 +22,9 @@
       <th><input type="checkbox" class="select-all" /></th>
       <th>Title</th>
       <% _.each(activeColumns, function(column){ %>
-        <th><%- availableColumns[column] %></th>
+        <% if(_.has(availableColumns, column)) { %>
+          <th><%- availableColumns[column] %></th>
+        <% } %>
       <% }); %>
     </tr>
   </thead>

js/patterns/structure/templates/tablerow.xml

@@ -12,6 +12,8 @@
   <% } %>
 </td>
 <% _.each(activeColumns, function(column){ %>
-  <td class="<%- column %>"><%- attributes[column] %></td>
+  <% if(_.has(availableColumns, column)) { %>
+    <td class="<%- column %>"><%- attributes[column] %></td>
+  <% } %>
 <% }); %>
 

js/patterns/structure/views/app.js

@@ -45,7 +45,8 @@ define([
   'js/patterns/structure/views/textfilter',
   'js/patterns/structure/collections/result',
   'js/patterns/structure/collections/selected',
-  'mockup-patterns-dropzone'
+  'mockup-patterns-dropzone',
+  'jquery.cookie'
 ], function($, _, Backbone, Toolbar, ButtonGroup, ButtonView, BaseView,
             TableView, SelectionWellView, TagsView, PropertiesView,
             WorkflowView, DeleteView, RenameView, SelectionButtonView,
@@ -85,9 +86,11 @@ define([
     sort_order: 'ascending',
     additionalCriterias: [],
     pasteSelection: null,
+    cookieSettingPrefix: '_fc_',
     initialize: function(){
       var self = this;
       BaseView.prototype.initialize.call(self);
+      self.setAllCookieSettings();
 
       self.collection = new ResultCollection([], {
         url: self.options.collectionUrl
@@ -458,6 +461,31 @@ define([
       }
 
       return self;
+    },
+    getCookieSetting: function(name, _default){
+      if(_default === undefined){
+        _default = null;
+      }
+      var val;
+      try{
+        val = $.cookie(this.cookieSettingPrefix + name);
+        val = $.parseJSON(val).value;
+      }catch(e){
+        /* error parsing json, load default here now */
+        return _default;
+      }
+      if(val === undefined || val === null){
+        return _default;
+      }
+      return val;
+    },
+    setCookieSetting: function(name, val){
+      $.cookie(this.cookieSettingPrefix + name,
+               JSON.stringify({'value': val})
+      );
+    },
+    setAllCookieSettings: function(){
+      this.activeColumns = this.getCookieSetting('activeColumns', this.activeColumns);
     }
   });
 

js/patterns/structure/views/columns.js

@@ -81,13 +81,14 @@ define([
 
       return this;
     },
-    applyButtonClicked: function(e){
+    applyButtonClicked: function(){
       var self = this;
       this.hide();
       self.app.activeColumns = [];
       self.$('input:checked').each(function(){
         self.app.activeColumns.push($(this).val());
       });
+      self.app.setCookieSetting('activeColumns', this.app.activeColumns);
       self.app.tableView.render();
     }
   });

js/patterns/structure/views/tablerow.js

@@ -51,6 +51,7 @@ define([
       }
       data.attributes = this.model.attributes;
       data.activeColumns = this.app.activeColumns;
+      data.availableColumns = this.app.availableColumns;
       this.$el.html(this.template(data));
       var attrs = this.model.attributes;
       this.$el.addClass('state-' + attrs.review_state).