diff --git a/.tmp/scripts/templates/active-server.js b/.tmp/scripts/templates/active-server.js
new file mode 100644
index 0000000..edcf65c
--- /dev/null
+++ b/.tmp/scripts/templates/active-server.js
@@ -0,0 +1,72 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, len, ref, server;
+    
+      _print(_safe('<label for="activeServer">'));
+    
+      _print(this.label);
+    
+      _print(_safe('</label>\n<select name="activeServer" class="activeServer">\n  <option value="null">--</option>\n  '));
+    
+      ref = this.servers;
+      for (i = 0, len = ref.length; i < len; i++) {
+        server = ref[i];
+        _print(_safe('\n    '));
+        if (server.id === this.activeServerId) {
+          _print(_safe('\n      <option value="'));
+          _print(server.id);
+          _print(_safe('" selected >'));
+          _print(server.name);
+          _print(_safe('</option>\n    '));
+        } else {
+          _print(_safe('\n      <option value="'));
+          _print(server.id);
+          _print(_safe('">'));
+          _print(server.name);
+          _print(_safe('</option>\n    '));
+        }
+        _print(_safe('\n  '));
+      }
+    
+      _print(_safe('\n</select>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/add-user.js b/.tmp/scripts/templates/add-user.js
new file mode 100644
index 0000000..1b01b74
--- /dev/null
+++ b/.tmp/scripts/templates/add-user.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('  <div class="dative-widget-header ui-widget-header ui-corner-top">\n\n    <div class=\'dative-widget-header-title\'>Grant a user access to this\n    corpus</div>\n\n  </div>\n\n  <div class="dative-widget-body">\n\n    <ul class="fieldset">\n\n      <li>\n        <label for=\'role\'>Role</label>\n        <select name=\'role\'>\n          <option value=\'reader\'>Reader</option>\n          <option value=\'writer\'>Writer</option>\n          <option value=\'admin\'>Admin</option>\n        </select>\n        <div class=\'dative-add-user-failed-container\'>\n          <span class=\'ui-state-error ui-corner-all dative-add-user-failed\n            role-error\'></span>\n        </div>\n      </li>\n\n      <li>\n        <label for=\'username\'>Username</label>\n        <input type=\'text\' name=\'username\' class=\'dative-tooltip ui-corner-all\'\n          title=\'enter the username of an existing user; the form will autocomplete\n          with the usernames of existing users\' />\n        <div class=\'dative-add-user-failed-container\'>\n          <span class=\'ui-state-error ui-corner-all dative-add-user-failed\n            username-error\'></span>\n        </div>\n      </li>\n\n      <li>\n        <label for=\'username\'></label>\n        <button class=\'request-add-user dative-tooltip\'\n          title=\'request that this user be added to this corpus with the specified role\'\n          >Add User</button>\n      </li>\n\n    </ul>\n\n  </div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/alert-dialog.js b/.tmp/scripts/templates/alert-dialog.js
new file mode 100644
index 0000000..c9b5bdf
--- /dev/null
+++ b/.tmp/scripts/templates/alert-dialog.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-alert-dialog\'>\n\n  <div class=\'dative-alert-text\'>\n    Hello from the alert dialog!\n  </div>\n\n  <textarea class=\'dative-alert-prompt\'></textarea>\n\n</div>\n\n<div class=\'dative-alert-dialog-target\'><div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/app.js b/.tmp/scripts/templates/app.js
new file mode 100644
index 0000000..acf6b38
--- /dev/null
+++ b/.tmp/scripts/templates/app.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div id=\'mainmenu\'></div>\n<div id=\'progress-widget-container\'></div>\n<div id=\'notifier-container\'></div>\n<div id=\'appview\' class=\'ui-widget ui-widget-content ui-corner-all\'></div>\n<div id=\'login-dialog-container\'></div>\n<div id=\'register-dialog-container\'></div>\n<div id=\'alert-dialog-container\'></div>\n<div id=\'tasks-dialog-container\'></div>\n<div id=\'help-dialog-container\'></div>\n<div id=\'exporter-dialog-container\'></div>\n<div id=\'importer-dialog-container\'></div>\n<div id=\'resources-dialog-container\'></div>\n<div id=\'resource-displayer-dialog-container-1\'></div>\n<div id=\'resource-displayer-dialog-container-2\'></div>\n<div id=\'resource-displayer-dialog-container-3\'></div>\n<div id=\'resource-displayer-dialog-container-4\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/application-settings-edit.js b/.tmp/scripts/templates/application-settings-edit.js
new file mode 100644
index 0000000..e6ff2ce
--- /dev/null
+++ b/.tmp/scripts/templates/application-settings-edit.js
@@ -0,0 +1,119 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var activeServer, corpus, i, j, k, len, len1, len2, ref, ref1, ref2, s, server;
+    
+      _print(_safe('<form id="applicationSettingsForm" action="" method="" class="applicationSettingsForm">\n  <ul class="fieldset">\n\n    '));
+    
+      activeServer = ((function() {
+        var i, len, ref, results;
+        ref = this.servers;
+        results = [];
+        for (i = 0, len = ref.length; i < len; i++) {
+          s = ref[i];
+          if (s.url === this.activeServer) {
+            results.push(s);
+          }
+        }
+        return results;
+      }).call(this))[0];
+    
+      _print(_safe('\n\n    <li class="serverSelect">\n      <label for="activeServer">Active Server *</label>\n      <select name="activeServer" class="activeServer">\n      '));
+    
+      if (!this.servers.length) {
+        _print(_safe('\n        <option value="noServer">configure a server in Application\n          Settings</option>\n      '));
+      } else {
+        _print(_safe('\n        '));
+        ref = this.servers;
+        for (i = 0, len = ref.length; i < len; i++) {
+          server = ref[i];
+          _print(_safe('\n          <option value="'));
+          _print(server.url);
+          _print(_safe('">'));
+          _print(server.name);
+          _print(_safe('</option>\n        '));
+        }
+        _print(_safe('\n      '));
+      }
+    
+      _print(_safe('\n      </select>\n    </li>\n\n    <li class="corpusSelect">\n      <label for="corpus">Corpus</label>\n      <select name="corpus" class="corpus">\n      '));
+    
+      if (!activeServer.corpora.length) {
+        _print(_safe('\n        <option value="noCorpus">login to access corpus list</option>\n      '));
+      } else {
+        _print(_safe('\n        '));
+        ref1 = activeServer.corpora;
+        for (j = 0, len1 = ref1.length; j < len1; j++) {
+          corpus = ref1[j];
+          _print(_safe('\n            <option value="'));
+          _print(corpus);
+          _print(_safe('">'));
+          _print(corpus);
+          _print(_safe('</option>\n        '));
+        }
+        _print(_safe('\n      '));
+      }
+    
+      _print(_safe('\n      </select>\n    </li>\n\n    <!--\n    <li>\n      <label for="loggedIn">Logged in</label>\n      <div class="dative-display">'));
+    
+      _print(this.loggedIn);
+    
+      _print(_safe('</div>\n    </li>\n\n    <li>\n      <label for="username">Username</label>\n      <div class="dative-display">'));
+    
+      _print(this.username);
+    
+      _print(_safe('</div>\n    </li>\n    -->\n\n  </ul>\n\n  <div class="dative-widget-center server-config-widget ui-widget\n    ui-widget-content ui-corner-all">\n\n    <div class="ui-widget-header ui-corner-top dative-widget-header">\n\n      <div class=\'dative-widget-header-title\'>Servers</div>\n\n      <button class="float-left toggle-appear"></button>\n      <button class="float-left add-server" title="new server"></button>\n      <button class="float-left save-server" title="save server"></button>\n\n    </div>\n\n    <div class="buffer" style="height:10px;"></div>\n\n    <div class="server-config-widget-body dative-widget-body">\n\n      <ul class="fieldset">\n\n        <li>\n          '));
+    
+      ref2 = this.servers;
+      for (k = 0, len2 = ref2.length; k < len2; k++) {
+        server = ref2[k];
+        _print(_safe('\n            <ul class="fieldset">\n              <li>\n                <label for="name">Name</label>\n                <input type="text" name="name" class="dative-input\n                  dative-input-display" value="'));
+        _print(server.name);
+        _print(_safe('" />\n              </li>\n              <li>\n                <label for="url">URL</label>\n                <input type="text" name="url" class="dative-input\n                  dative-input-display" value="'));
+        _print(server.url);
+        _print(_safe('" />\n              </li>\n              <li>\n                <label for="type">Type</label>\n                <input type="text" name="type" class="dative-input\n                  dative-input-display" value="'));
+        _print(server.type);
+        _print(_safe('" />\n              </li>\n            </ul>\n          '));
+      }
+    
+      _print(_safe('\n        </li>\n      </ul>\n    </div>\n  </div>\n\n</form>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/application-settings-header.js b/.tmp/scripts/templates/application-settings-header.js
new file mode 100644
index 0000000..3323f72
--- /dev/null
+++ b/.tmp/scripts/templates/application-settings-header.js
@@ -0,0 +1,109 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var activeServer, corpus, i, j, len, len1, ref, ref1, s, server;
+    
+      _print(_safe('<div class=\'dative-page-header ui-widget-header ui-corner-top\'>\n  <div class=\'dative-page-header-title\'>'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n  <div class=\'dative-page-header-widgets\'>\n    <button class="float-left edit" title="edit"></span>\n    <button class="float-left save" title="save"></span>\n  </div>\n</div>\n<div class=\'dative-page-body\'>\n\n\n\n<form id="applicationSettingsForm" action="" method="" class="applicationSettingsForm">\n  <ul class="fieldset">\n\n    '));
+    
+      activeServer = ((function() {
+        var i, len, ref, results;
+        ref = this.servers;
+        results = [];
+        for (i = 0, len = ref.length; i < len; i++) {
+          s = ref[i];
+          if (s.url === this.activeServer) {
+            results.push(s);
+          }
+        }
+        return results;
+      }).call(this))[0];
+    
+      _print(_safe('\n\n    <li class="serverSelect">\n      <label for="activeServer">Active Server *</label>\n      <select name="activeServer" class="activeServer">\n      '));
+    
+      if (!this.servers.length) {
+        _print(_safe('\n        <option value="noServer">configure a server in Application\n          Settings</option>\n      '));
+      } else {
+        _print(_safe('\n        '));
+        ref = this.servers;
+        for (i = 0, len = ref.length; i < len; i++) {
+          server = ref[i];
+          _print(_safe('\n          <option value="'));
+          _print(server.url);
+          _print(_safe('">'));
+          _print(server.name);
+          _print(_safe('</option>\n        '));
+        }
+        _print(_safe('\n      '));
+      }
+    
+      _print(_safe('\n      </select>\n    </li>\n\n    <li class="corpusSelect">\n      <label for="corpus">Corpus</label>\n      <select name="corpus" class="corpus">\n      '));
+    
+      if (!activeServer.corpora.length) {
+        _print(_safe('\n        <option value="noCorpus">login to access corpus list</option>\n      '));
+      } else {
+        _print(_safe('\n        '));
+        ref1 = activeServer.corpora;
+        for (j = 0, len1 = ref1.length; j < len1; j++) {
+          corpus = ref1[j];
+          _print(_safe('\n            <option value="'));
+          _print(corpus);
+          _print(_safe('">'));
+          _print(corpus);
+          _print(_safe('</option>\n        '));
+        }
+        _print(_safe('\n      '));
+      }
+    
+      _print(_safe('\n      </select>\n    </li>\n\n    <!--\n    <li>\n      <label for="loggedIn">Logged in</label>\n      <div class="dative-display">'));
+    
+      _print(this.loggedIn);
+    
+      _print(_safe('</div>\n    </li>\n\n    <li>\n      <label for="username">Username</label>\n      <div class="dative-display">'));
+    
+      _print(this.username);
+    
+      _print(_safe('</div>\n    </li>\n    -->\n\n  </ul>\n\n\n</form>\n\n\n\n\n\n\n\n\n\n\n\n\n\n</div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/application-settings-view.js b/.tmp/scripts/templates/application-settings-view.js
new file mode 100644
index 0000000..41d01bc
--- /dev/null
+++ b/.tmp/scripts/templates/application-settings-view.js
@@ -0,0 +1,68 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<form class="applicationSettingsForm">\n  <ul class="fieldset">\n\n    <li>\n      <label for="serverType">Server type</label>\n      <div class="dative-display dative-input-display">'));
+    
+      _print(this.serverType);
+    
+      _print(_safe('</div>\n    </li>\n\n    <li class="corpusSelect">\n      <label for="corpus">Corpus</label>\n      <div class="dative-display dative-input-display"\n        >'));
+    
+      _print(this.corpus || 'no corpus selected');
+    
+      _print(_safe('</div>\n    </li>\n\n    <li>\n      <label for="serverURL">Server URL</label>\n      <div class="dative-display dative-input-display">'));
+    
+      _print(this.serverURL);
+    
+      _print(_safe('</div>\n    </li>\n\n    <li>\n      <label for="serverPort">Server port</label>\n      <div class="dative-display dative-input-display">'));
+    
+      _print(this.serverPort);
+    
+      _print(_safe('</div>\n    </li>\n\n    <li>\n      <label for="loggedIn">Logged in</label>\n      <div class="dative-display">'));
+    
+      _print(this.loggedIn);
+    
+      _print(_safe('</div>\n    </li>\n\n    <li>\n      <label for="username">Username</label>\n      <div class="dative-display">'));
+    
+      _print(this.username);
+    
+      _print(_safe('</div>\n    </li>\n\n    <li class="center">\n      <button class="edit">Edit</button>\n    </li>\n\n  </ul>\n</form>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/application-settings.js b/.tmp/scripts/templates/application-settings.js
new file mode 100644
index 0000000..f8cb34f
--- /dev/null
+++ b/.tmp/scripts/templates/application-settings.js
@@ -0,0 +1,104 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, j, len, len1, ref, ref1, ref2, ref3, themeName, themeNameHumanReadable;
+    
+      _print(_safe('<div class=\'dative-page-header ui-widget-header ui-corner-top\'>\n\n    <div class=\'button-container-left\'>\n        <button class="all-settings dative-tooltip"\n                title="Show all settings"\n                ><i class=\'fa fa-th-large fa-fw\'></i>\n        </button>\n    </div>\n\n    <div class=\'dative-page-header-title\'>'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n\n    <div class=\'button-container-right\'>\n\n        <button class="application-settings-help dative-tooltip"\n                title="Help with application settings"\n                ><i class=\'fa fa-question fa-fw\'></i>\n        </button>\n\n    </div>\n\n</div>\n\n<div class=\'dative-page-body\'>\n\n    <div class=\'application-settings-big-buttons\'>\n\n        <div class=\'big-button ui-corner-all servers dative-tooltip\'\n             title=\'Configure the OLD servers that you want to\n                connect to\'\n            ><div class=\'big-button-text\'>Servers</div>\n            <div class=\'big-button-icon\'>\n                <i class=\'fa fa-server fa-4x fa-fw fa-align-center\'></i>\n            </div>\n        </div>\n\n        '));
+    
+      if (this.loggedIn === true) {
+        _print(_safe('\n\n            <div class=\'big-button ui-corner-all server-settings dative-tooltip\'\n                title=\'Configure the settings of the OLD server that you\n                    are logged in to\'\n                ><div class=\'big-button-text\'>Server Settings</div>\n                <div class=\'big-button-icon\'>\n                    <i class=\'fa fa-server fa-4x fa-fw fa-align-center\'></i>\n                    <i class=\'fa fa-cogs fa-4x fa-fw fa-align-center\'></i>\n                </div>\n            </div>\n\n            <div class=\'big-button ui-corner-all input-validation dative-tooltip\'\n                title=\'Control the possible values of certain form fields\'\n                ><div class=\'big-button-text\'>Input Validation</div>\n                <div class=\'big-button-icon\'>\n                    <i class=\'fa fa-check-circle fa-4x fa-fw fa-align-center\'></i>\n                    <i class=\'fa fa-times-circle fa-4x fa-fw fa-align-center\'></i>\n                </div>\n            </div>\n\n            <div class=\'big-button ui-corner-all keyboard-preferences dative-tooltip\'\n                title=\'Configure Dative keyboards to be used on specific input fields\'\n                ><div class=\'big-button-text\'>Keyboard Preferences</div>\n                <div class=\'big-button-icon\'>\n                    <i class=\'fa fa-keyboard-o fa-4x fa-fw fa-align-center\'></i>\n                </div>\n            </div>\n\n        '));
+      }
+    
+      _print(_safe('\n\n        <div class=\'big-button ui-corner-all appearance dative-tooltip\'\n             title=\'Change how your Dative looks\'\n            ><div class=\'big-button-text\'>Appearance</div>\n            <div class=\'big-button-icon\'>\n                <i class=\'fa fa-picture-o fa-4x fa-fw fa-align-center\'></i>\n            </div>\n        </div>\n\n    </div>\n\n    <div class=\'application-settings-interfaces\'>\n\n        <div class=\'servers-interface application-settings-interface\'>\n            <div class=\'active-server\'></div>\n            <div class=\'servers-collection\'></div>\n        </div>\n\n        <div class=\'appearance-interface application-settings-interface\'>\n\n            '));
+    
+      ref = this.jQueryUIThemes;
+      for (i = 0, len = ref.length; i < len; i++) {
+        ref1 = ref[i], themeName = ref1[0], themeNameHumanReadable = ref1[1];
+        _print(_safe('\n                '));
+        if (themeName === this.activeJQueryUITheme) {
+          _print(_safe('\n                    <div class=\'jquery-theme-image-container dative-tooltip\n                                dative-shadowed-widget ui-corner-all\n                                ui-state-highlight\n                                theme-'));
+          _print(themeName);
+          _print(_safe('\'\n                         tabindex=\'0\'\n                         title=\'Click to make Dative look like this\n                            “'));
+          _print(themeNameHumanReadable);
+          _print(_safe('” theme\'>\n                '));
+        } else {
+          _print(_safe('\n                    <div class=\'jquery-theme-image-container dative-tooltip\n                                dative-shadowed-widget ui-corner-all\n                                theme-'));
+          _print(themeName);
+          _print(_safe('\'\n                         tabindex=\'0\'\n                         title=\'Click to make Dative look like this\n                            “'));
+          _print(themeNameHumanReadable);
+          _print(_safe('” theme\'>\n                '));
+        }
+        _print(_safe('\n                        <div class=\'jquery-theme-name\'>'));
+        _print(themeNameHumanReadable);
+        _print(_safe('</div>\n                        <img src=\'images/jqueryui-theme-examples/'));
+        _print(themeName);
+        _print(_safe('.png\' />\n                    </div>\n            '));
+      }
+    
+      _print(_safe('\n\n        </div>\n\n        <div class=\'server-settings-interface ui-corner-all\n            dative-paginated-item dative-shadowed-widget dative-widget-center\n            ui-widget ui-widget-content application-settings-interface\'></div>\n\n        <div class=\'keyboard-preferences-interface ui-corner-all\n            dative-paginated-item dative-shadowed-widget dative-widget-center\n            ui-widget ui-widget-content application-settings-interface\'></div>\n\n    </div>\n\n</div>\n\n  <!--\n  <div class="applicationSettingsForm">\n    <ul class="fieldset">\n\n      <li class="active-server"></li>\n\n      <li class="server-config-container"></li>\n\n      <li class="theme-selector">\n        <label for=\'css-theme\'>Theme</label>\n        <select name=\'css-theme\'>\n          '));
+    
+      ref2 = this.jQueryUIThemes;
+      for (j = 0, len1 = ref2.length; j < len1; j++) {
+        ref3 = ref2[j], themeName = ref3[0], themeNameHumanReadable = ref3[1];
+        _print(_safe('\n            '));
+        if (themeName === this.activeJQueryUITheme) {
+          _print(_safe('\n              <option value="'));
+          _print(themeName);
+          _print(_safe('" selected\n              >'));
+          _print(themeNameHumanReadable);
+          _print(_safe('</option>\n            '));
+        } else {
+          _print(_safe('\n              <option value="'));
+          _print(themeName);
+          _print(_safe('"\n              >'));
+          _print(themeNameHumanReadable);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          '));
+      }
+    
+      _print(_safe('\n        </select>\n      </li>\n\n    </ul>\n  </div>\n  -->\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/basepage.js b/.tmp/scripts/templates/basepage.js
new file mode 100644
index 0000000..825bd63
--- /dev/null
+++ b/.tmp/scripts/templates/basepage.js
@@ -0,0 +1,48 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-page-header ui-widget-header ui-corner-top\'>\n  <div class=\'dative-page-header-title\'>'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n  <div class=\'dative-page-header-widgets\'></div>\n</div>\n<div class=\'dative-page-body\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/button-control.js b/.tmp/scripts/templates/button-control.js
new file mode 100644
index 0000000..676e527
--- /dev/null
+++ b/.tmp/scripts/templates/button-control.js
@@ -0,0 +1,72 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<button\n    class=\'button-control-button '));
+    
+      _print(this.buttonClass);
+    
+      _print(_safe(' dative-tooltip\'\n    title=\''));
+    
+      _print(this.buttonTitle);
+    
+      _print(_safe('\'>'));
+    
+      _print(_safe(this.buttonText));
+    
+      _print(_safe('</button>\n<div class=\'button-control-summary '));
+    
+      _print(this.controlSummaryClass);
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(_safe(this.controlSummary));
+    
+      _print(_safe('</div>\n<div class=\'button-control-results '));
+    
+      _print(this.controlResultsClass);
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(this.controlResults);
+    
+      _print(_safe('</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/collection-contents-input.js b/.tmp/scripts/templates/collection-contents-input.js
new file mode 100644
index 0000000..af71d7d
--- /dev/null
+++ b/.tmp/scripts/templates/collection-contents-input.js
@@ -0,0 +1,74 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, ref, value;
+    
+      _print(_safe('<div class="collection-contents-preview-container">\n\n    <div class="c-contents-buttons">\n\n        <button class="c-contents-preview"\n                title="View a preview of the contents of this collection,\n                    with referenced forms displayed in their normal way."\n                ><i class="fa fa-fw fa-eye"></i></button>\n\n        <button class="c-contents-refresh"\n                title="Refresh the preview of the contents of this collection."\n                ><i class="fa fa-fw fa-refresh"></i></button>\n\n    </div>\n\n    <textarea\n        rows=\'1\'\n        name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n        class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n            Scrollable\n            ui-corner-all\n            form-add-input\n            dative-tooltip\n            dative-input-field\n            textarea-only\n            script-textarea\'\n        '));
+    
+      ref = this.domAttributes;
+      for (attribute in ref) {
+        value = ref[attribute];
+        _print(_safe('\n            '));
+        _print(attribute);
+        _print(_safe('="'));
+        _print(value);
+        _print(_safe('"\n        '));
+      }
+    
+      _print(_safe('\n        title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n        >'));
+    
+      _print(this.value);
+    
+      _print(_safe('</textarea>\n\n    <div class="collection-contents-preview-wrapper invisible ui-corner-all">\n        <div class="collection-contents-preview Scrollable"></div>\n    </div>\n\n</div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/comment-representation.js b/.tmp/scripts/templates/comment-representation.js
new file mode 100644
index 0000000..49a9e7e
--- /dev/null
+++ b/.tmp/scripts/templates/comment-representation.js
@@ -0,0 +1,76 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\'\n  ><span\n    class=\''));
+    
+      _print(this.textClass);
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(this.textValue);
+    
+      _print(_safe('</span>\n  (By\n  <span\n    class=\''));
+    
+      _print(this.usernameClass);
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(this.usernameValue);
+    
+      _print(_safe('</span>\n  <span\n    class=\''));
+    
+      _print(this.timestampClass);
+    
+      _print(_safe('\n           dative-tooltip\'\n    title=\'This comment was made on '));
+    
+      _print(this.humanDatetime(this.timestampValue));
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(this.timeSince(this.timestampValue));
+    
+      _print(_safe('</span\n  >)</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/controls.js b/.tmp/scripts/templates/controls.js
new file mode 100644
index 0000000..67b8fb4
--- /dev/null
+++ b/.tmp/scripts/templates/controls.js
@@ -0,0 +1,56 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'dative-widget-header-title container-center\'\n    >'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-left\'>\n\n    <button class="hide-controls-widget dative-tooltip"\n            title="hide this '));
+    
+      _print(this.resourceNameHumanReadable);
+    
+      _print(_safe(' controls widget">\n      <i class=\'fa fa-times fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container"></span>\n\n    <button class=\'controls-help dative-tooltip\'\n            title=\'help with using the controls of this\n              '));
+    
+      _print(this.resourceNameHumanReadable);
+    
+      _print(_safe('\'\n    ><i class=\'fa fa-fw fa-question\'></i>\n    </button>\n\n  </div>\n\n</div>\n\n<div class="dative-widget-body">\n\n  <div class="controls-container"></div>\n\n</div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/corpora.js b/.tmp/scripts/templates/corpora.js
new file mode 100644
index 0000000..001e177
--- /dev/null
+++ b/.tmp/scripts/templates/corpora.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-page-header ui-widget-header ui-corner-top\'>\n\n  <div class=\'dative-page-header-title\'>Corpora</div>\n  <div class=\'button-container-left\'>\n\n    <button class="create-corpus dative-tooltip"\n      title="show form for creating a new corpus">\n      <i class="fa fa-plus fa-fw"></i>\n    </button>\n\n    <button class="expand-all-corpora dative-tooltip"\n      title="expand all corpus views">\n      <i class="fa fa-angle-double-down fa-fw"></i>\n    </button>\n\n    <button class="collapse-all-corpora dative-tooltip"\n      title="collapse all corpus views">\n      <i class="fa fa-angle-double-up fa-fw"></i>\n    </button>\n\n  </div>\n\n</div>\n\n<div class=\'dative-page-body\'>\n\n  <div class=\'create-corpus-widget-container\'></div>\n  <div class=\'corpora-list\'></div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/corpus.js b/.tmp/scripts/templates/corpus.js
new file mode 100644
index 0000000..6f1f2bb
--- /dev/null
+++ b/.tmp/scripts/templates/corpus.js
@@ -0,0 +1,66 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var activeIndicator;
+    
+      _print(_safe('\n  <div class="dative-widget-header ui-widget-header ui-corner-top\n    ui-corner-bottom header-no-body">\n\n    '));
+    
+      activeIndicator = this.isActive ? '(active)' : '';
+    
+      _print(_safe('\n    <div class=\'dative-widget-header-title\'>\n      '));
+    
+      _print(this.title);
+    
+      _print(_safe('\n      <span class="active-indicator">'));
+    
+      _print(activeIndicator);
+    
+      _print(_safe('</span>\n    </div>\n\n    <div class=\'button-container-left\'>\n\n      <button class="toggle-appear dative-tooltip"\n        title="show corpus details">\n        <i class="fa fa-caret-right fa-fw"></i>\n      </button>\n\n      <button class="use-corpus dative-tooltip"\n        title="activate this corpus and view its data">\n        <i class="fa fa-toggle-off fa-fw"></i>\n      </button>\n\n      <button class="edit-corpus dative-tooltip"\n        title="show interface for editing the details of this corpus">\n        <i class="fa fa-edit fa-fw"></i>\n      </button>\n\n      <button class="add-user dative-tooltip"\n        title="show interface for managing the users of this corpus">\n        <i class="fa fa-users fa-fw"></i>\n      </button>\n\n    </div>\n\n  </div>\n\n  '));
+    
+      if (this.isActive) {
+        _print(_safe('\n    <div class="dative-widget-body ui-state-highlight ui-corner-bottom">\n  '));
+      } else {
+        _print(_safe('\n    <div class="dative-widget-body">\n  '));
+      }
+    
+      _print(_safe('\n\n    <div class="edit-corpus-widget ui-widget ui-widget-content\n      dative-widget-center ui-corner-all"></div>\n\n    <div class="add-user-widget ui-widget ui-widget-content\n      dative-widget-center ui-corner-all"></div>\n\n    <div class="users-widget admins-widget ui-widget ui-widget-content\n      dative-widget-center ui-corner-all">\n\n      <div class="dative-widget-header ui-widget-header ui-corner-top">\n        <div class=\'dative-widget-header-title\'>Admins</div>\n      </div>\n\n      <div class="dative-widget-body admins-widget-body">\n        There are no admins for this corpus.\n      </div>\n    </div>\n\n    <div class="users-widget writers-widget ui-widget ui-widget-content\n      dative-widget-center ui-corner-all">\n      <div class="dative-widget-header ui-widget-header ui-corner-top">\n        <div class=\'dative-widget-header-title\'>Writers</div>\n      </div>\n      <div class="dative-widget-body writers-widget-body">\n        There are no writers for this corpus.\n      </div>\n    </div>\n\n    <div class="users-widget readers-widget ui-widget ui-widget-content\n      dative-widget-center ui-corner-all">\n      <div class="dative-widget-header ui-widget-header ui-corner-top">\n        <div class=\'dative-widget-header-title\'>Readers</div>\n      </div>\n      <div class="dative-widget-body readers-widget-body">\n        There are no readers for this corpus.\n      </div>\n    </div>\n\n  </div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/create-corpus.js b/.tmp/scripts/templates/create-corpus.js
new file mode 100644
index 0000000..0bfca4d
--- /dev/null
+++ b/.tmp/scripts/templates/create-corpus.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('  <div class="dative-widget-header ui-widget-header ui-corner-top dative-tooltip">\n\n    <div class=\'dative-widget-header-title\'>Create a new corpus</div>\n\n  </div>\n\n  <div class="dative-widget-body">\n\n    <ul class="fieldset">\n\n      <li>\n        <label for=\'corpus-title\'>Corpus title</label>\n        <input type=\'text\' name=\'corpus-title\' class=\'dative-tooltip ui-corner-all\'\n          title=\'enter the title of the corpus you would like to create\' />\n        <div class=\'dative-create-corpus-failed-container\'>\n          <span class=\'ui-state-error ui-corner-all dative-create-corpus-failed\n            corpus-title-error\'></span>\n        </div>\n      </li>\n\n      <li>\n        <label for=\'request-create-corpus\'></label>\n        <button class=\'request-create-corpus dative-tooltip\'\n          title=\'request that a corpus with the specified title be created\'\n          >Create Corpus</button>\n        <span class=\'request-create-corpus-error-tooltip dative-tooltip\'></span>\n        <span class=\'request-create-corpus-success-tooltip dative-tooltip\'></span>\n      </li>\n\n    </ul>\n\n  </div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/csv-import-header.js b/.tmp/scripts/templates/csv-import-header.js
new file mode 100644
index 0000000..2fb6eff
--- /dev/null
+++ b/.tmp/scripts/templates/csv-import-header.js
@@ -0,0 +1,82 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var formAttribute, i, j, label, len, len1, ref, ref1;
+    
+      _print(_safe('<div class=\'index-cell import-preview-table-header-cell\'></div>\n\n<div class=\'import-preview-table-header-cell import-preview-controls-cell\'>\n\n    <button class=\'select-all-for-import ui-corner-all\'>Select All</button>\n\n    <button class=\'select-none-for-import ui-corner-all\'>De-select All</button>\n\n</div>\n\n'));
+    
+      ref = this.columnLabels;
+      for (i = 0, len = ref.length; i < len; i++) {
+        label = ref[i];
+        _print(_safe('\n\n    <div class=\'import-preview-table-header-cell import-preview-values-cell\'>\n\n        <select\n            class=\'column-header dative-tooltip\'\n            title=\'Choose the form field label that the values in this column\n                belong to\'>\n            <option value=\'\'>Please select a form field label.</option>\n            '));
+        ref1 = this.sortedFormAttributes;
+        for (j = 0, len1 = ref1.length; j < len1; j++) {
+          formAttribute = ref1[j];
+          _print(_safe('\n                '));
+          if (formAttribute === label) {
+            _print(_safe('\n                    <option value=\''));
+            _print(formAttribute);
+            _print(_safe('\' selected\n                        >'));
+            _print(this.snake2regular(formAttribute));
+            _print(_safe('</option>\n                '));
+          } else {
+            _print(_safe('\n                    <option value=\''));
+            _print(formAttribute);
+            _print(_safe('\'\n                        >'));
+            _print(this.snake2regular(formAttribute));
+            _print(_safe('</option>\n                '));
+          }
+          _print(_safe('\n            '));
+        }
+        _print(_safe('\n        </select>\n\n        '));
+        if (label) {
+          _print(_safe('\n            <i  class=\'column-alert ui-corner-all fa fa-fw\n                    fa-exclamation-triangle ui-state-highlight invisible\n                    dative-tooltip\'\n                title=\'Values in this column will not be imported because\n                    users cannot specify “'));
+          _print(this.snake2regular(label));
+          _print(_safe('” values;\n                    they can only be specified by the system.\'></i>\n        '));
+        } else {
+          _print(_safe('\n            <i  class=\'column-alert ui-corner-all fa fa-fw\n                    fa-exclamation-triangle ui-state-highlight invisible\n                    dative-tooltip\'\n                title=\'Values in this column will not be imported; please choose a\n                    form field label for this column.\'></i>\n        '));
+        }
+        _print(_safe('\n\n    </div>\n\n'));
+      }
+    
+      _print(_safe('\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/csv-import-row.js b/.tmp/scripts/templates/csv-import-row.js
new file mode 100644
index 0000000..2ee9159
--- /dev/null
+++ b/.tmp/scripts/templates/csv-import-row.js
@@ -0,0 +1,80 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, index, len, ref, value;
+    
+      _print(_safe('<div\n    tabindex=\'0\'\n    class=\'import-preview-table-row\'>\n\n    <div class=\'index-cell import-preview-table-cell\'>\n        <div class=\'csv-row-spinner\'></div>\n        <span class=\'csv-row-index\'>'));
+    
+      _print(this.rowIndex + 1);
+    
+      _print(_safe('</span>\n    </div>\n\n    <div class=\'form-for-import-select-cell import-preview-table-cell\'>\n\n        '));
+    
+      if (this.selected) {
+        _print(_safe('\n            <i class=\'fa fa-2x fa-check-square deselect-for-import\n                ui-corner-all\' tabindex=\'0\'></i>\n        '));
+      } else {
+        _print(_safe('\n            <i class=\'fa fa-2x fa-square select-for-import\n                ui-corner-all\' tabindex=\'0\'></i>\n        '));
+      }
+    
+      _print(_safe('\n\n        <button class=\'import-csv-row dative-tooltip import-preview-row-button\'\n            title=\'Import just this form\'\n            >Import<i class=\'import-status fa fa-fw\'\n                      style=\'display: none;\'></i></button>\n\n        <button class=\'preview-row dative-tooltip import-preview-row-button\'\n            title=\'View this form in IGT format\'>Preview</button>\n\n        '));
+    
+      if (this.valid === null) {
+        _print(_safe('\n            <button class=\'validate-csv-row dative-tooltip\n                import-preview-row-button\' title=\'Check for potential warnings\n                and errors prior to importing this row.\'\n                >Validate<i class=\'validation-status fa fa-fw\'\n                    style=\'display: none;\'></i></button>\n        '));
+      } else if (this.valid === true) {
+        _print(_safe('\n            <button class=\'validate-csv-row dative-tooltip\n                import-preview-row-button\' title=\'Check for potential warnings\n                and errors prior to importing this row.\'\n                >Validate<i class=\'validation-status fa fa-fw fa-check-circle\n                    ui-state-ok\'></i></button>\n        '));
+      } else if (this.valid === false) {
+        _print(_safe('\n            <button class=\'validate-csv-row dative-tooltip\n                import-preview-row-button\' title=\'Check for potential warnings\n                and errors prior to importing this row.\'\n                >Validate<i class=\'validation-status fa fa-fw fa-times-circle\n                    ui-state-error-color\'></i></button>\n        '));
+      }
+    
+      _print(_safe('\n\n    </div>\n\n    '));
+    
+      ref = this.line;
+      for (index = i = 0, len = ref.length; i < len; index = ++i) {
+        value = ref[index];
+        _print(_safe('\n        <div class=\'import-preview-table-cell csv-value-cell\'\n            tabindex=\'0\' title=\''));
+        _print(this.columnLabelsHuman[index]);
+        _print(_safe('\'\n            ><div class=\'csv-value-cell-text\'>'));
+        _print(value);
+        _print(_safe('</div></div>\n    '));
+      }
+    
+      _print(_safe('\n\n    <div class=\'import-preview-table-row-under invisible\'>\n\n        <div class=\'import-preview-table-row-errors-container errors-container\n                    invisible\'>\n            <ul class=\'import-errors-list\'></ul>\n        </div>\n\n        <div class=\'import-preview-table-row-warnings-container warnings-container\n                    invisible\'>\n            <ul class=\'import-warnings-list\'></ul>\n        </div>\n\n        <div class=\'import-preview-table-row-display-container invisible\'></div>\n\n    </div>\n\n</div>\n\n<div class=\'import-templates\' style=\'display: none;\'>\n\n    <li class=\'import-warning-list-item\'>\n        <div class=\'import-warning ui-state-highlight ui-corner-all\'>\n            <i class=\'fa fa-fw fa-exclamation-triangle\'></i>\n            Warning: <span class=\'warning-text\'></span>\n        </div>\n        <button class=\'warning-solution import-solution\'></button>\n    </li>\n\n    <li class=\'import-error-list-item\'>\n        <div class=\'import-error ui-state-error ui-corner-all\'>\n            <i class=\'fa fa-fw fa-exclamation-triangle\'></i>\n            Error: <span class=\'error-text\'></span>\n        </div>\n        <button class=\'error-solution import-solution\'></button>\n    </li>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/csv-import.js b/.tmp/scripts/templates/csv-import.js
new file mode 100644
index 0000000..5af03b9
--- /dev/null
+++ b/.tmp/scripts/templates/csv-import.js
@@ -0,0 +1,78 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var data, ref, type;
+    
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'dative-widget-header-title container-center\'\n     >Import Forms</div>\n\n  <div class=\'button-container-left\'>\n\n    <button class="hide-import-widget dative-tooltip"\n            title="hide this import widget">\n      <i class=\'fa fa-times fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container import-spinner-container"></span>\n\n    <button class=\'import-help dative-tooltip\'\n          title=\'help with importing forms\'\n        ><i class=\'fa fa-fw fa-question\'></i>\n    </button>\n\n  </div>\n\n</div>\n\n\n<div class="dative-widget-body dative-importer">\n\n    <div class="dative-importer-content-container">\n\n        <div class="dative-importer-import">\n\n            <ul class=\'fieldset importer-fieldset\'>\n\n                <li class=\'dative-form-field\'>\n                    <div class=\'dative-field-label-container\'>\n                        <label for=\'import_button\'\n                            class=\'dative-field-label dative-tooltip\'\n                            title=\'Choose a file to import\'\n                    >Import file</label></div>\n                    <div class=\'dative-field-input-container\'>\n                        <button\n                            class=\'choose-import-file-button\n                                ui-corner-all\n                                dative-tooltip\n                                dative-input-field\'\n                            title=\'Choose a file to import\'\n                            >Choose file</button>\n                        <span class=\'import-file-name import-file-meta\'></span>\n                        <button\n                            class=\'discard-file-button\n                                ui-corner-all\n                                dative-tooltip\n                                dative-input-field\'\n                            title=\'Discard this file\'\n                            ><i class=\'fa fa-fw fa-trash\'></i></button>\n                        <!-- this is the hidden input tag -->\n                        <div\n                            style=\'height: 0px;width:0px; overflow:hidden;\'\n                            ><input\n                                type="file"\n                                name=\'file-upload-input\'\n                                tabindex=\'999\'\n                                /></div>\n                    </div>\n                </li>\n\n                <!-- INVISIBLE until/ in case we support other, non-CSV, import formats -->\n                <li class=\'dative-form-field invisible\'>\n                    <div\n                    class=\'dative-field-label-container\'>\n                        <label for=\'import_type\'\n                            class=\'dative-field-label dative-tooltip\'\n                            title=\'Select the format of your input file\'\n                    >Import file format</label></div>\n                    <div\n                    class=\'dative-field-input-container\'>\n                        <select\n                            name=\'import_type\'\n                            class=\'import-type dative-tooltip\'\n                            title=\'Choose an import type\'>\n                            '));
+    
+      ref = this.importTypes;
+      for (type in ref) {
+        data = ref[type];
+        _print(_safe('\n                                <option value=\''));
+        _print(type);
+        _print(_safe('\'\n                                    >'));
+        _print(data.label);
+        _print(_safe('</option>\n                            '));
+      }
+    
+      _print(_safe('\n                        </select></div>\n                </li>\n\n            </ul>\n\n        </div>\n\n        <div class="dative-importer-preview">\n            <div class=\'import-controls-container\'>\n\n                <button\n                    class=\'import-selected-button\n                        ui-corner-all\n                        dative-tooltip\'\n                    title=\'Click to import all selected forms\'\n                    ><i class=\'import-selected-button-text\'>Import Selected</i><i\n                        class=\'fa fa-fw fa-upload\'></i></button>\n\n                <button\n                    class=\'stop-import-selected-button\n                        invisible\n                        ui-corner-all\n                        dative-tooltip\'\n                    title=\'Stop the current import\'\n                    >Stop Importing<i class=\'fa fa-fw fa-stop\'></i></button>\n\n                <button\n                    class=\'preview-selected-button\n                        ui-corner-all\n                        dative-tooltip\'\n                    title=\'View the selected rows as Dative forms (IGT display)\'\n                    >Preview Selected</button>\n\n                <button\n                    class=\'validate-selected-button\n                        ui-corner-all\n                        dative-tooltip\'\n                    title=\'Check for issues/errors in all selected rows\'\n                    >Validate Selected</button>\n\n                <button\n                    class=\'import-options-button\n                        ui-corner-all\n                        dative-tooltip\'\n                    title=\'Configure options for how import works\'\n                    >Options ...</button>\n\n            </div>\n\n            <div class=\'import-options-container invisible\'>\n\n                <ul>\n\n                    <li class=\'dative-tooltip\' title=\'If checked, Dative will try\n                        to identify multiple translations in the translations\n                        column, using the “translation delimiter” below.\'>\n                        '));
+    
+      if (this.parseTranslations) {
+        _print(_safe('\n                            <i class=\'fa fa-2x fa-check-square parse-translations\n                                fa-dative-checkbox ui-corner-all\' tabindex=\'0\'></i>\n                        '));
+      } else {
+        _print(_safe('\n                            <i class=\'fa fa-2x fa-square parse-translations\n                                fa-dative-checkbox ui-corner-all\' tabindex=\'0\'></i>\n                        '));
+      }
+    
+      _print(_safe('\n                        parse translations</li>\n\n                    <li class=\'dative-tooltip\' title=\'If checked, Dative will\n                        attempt to identify compatibility prefixes on\n                        translations, e.g., the “*” at the beginning of “*dog”.\'>\n                        '));
+    
+      if (this.identifyTranslationCompatibilities) {
+        _print(_safe('\n                            <i class=\'fa fa-2x fa-check-square fa-dative-checkbox\n                                identify-translation-compatibilities ui-corner-all\'\n                                tabindex=\'0\'></i>\n                        '));
+      } else {
+        _print(_safe('\n                            <i class=\'fa fa-2x fa-check-square fa-dative-checkbox\n                                identify-translation-compatibilities ui-corner-all\'\n                                tabindex=\'0\'></i>\n                        '));
+      }
+    
+      _print(_safe('\n                        identify compatibility prefixes in translations</li>\n\n                    <li class=\'dative-tooltip\' title=\'Enter a character that\n                        Dative should use for the translation delimiter; this\n                        is the character that separates individual translations.\'>\n                        <input type=\'text\' name=\'translation_delimiter\'\n                            maxlength=\'1\' class=\'ui-corner-all\'\n                            value=\''));
+    
+      _print(this.translationDelimiter);
+    
+      _print(_safe('\' />\n                        translation delimiter</li>\n\n                </ul>\n\n            </div>\n\n            <div class=\'import-report-container\'>\n\n                <div class=\'import-success-count import-report-count\'>\n                    <i class=\'fa fa-fw fa-check-circle ui-state-ok\'></i>\n                    <span class=\'import-success-count-count\'>0 successful imports</span>\n                </div>\n\n                <div class=\'import-fail-count import-report-count\'>\n                    <i class=\'fa fa-fw fa-times-circle ui-state-error-color\'></i>\n                    <span class=\'import-fail-count-count\'>0 failed imports</span>\n                </div>\n\n                <div class=\'import-abort-count import-report-count\'>\n                    <i class=\'fa fa-fw fa-exclamation-circle\'></i>\n                    <span class=\'import-abort-count-count\'>0 aborted imports</span>\n                </div>\n\n            </div>\n\n\n            <div class=\'errors-container general-errors-container\n                invisible\'>\n\n                <h1 class=\'errors-header ui-state-error ui-corner-all\'\n                    ><i class=\'errors-header-icon fa fa-fw\n                        fa-exclamation-triangle\'></i\n                    ><span class=\'errors-header-text\'>Errors</span></h1>\n\n                <button class=\'toggle-errors\' ><i class=\'fa fa-fw\n                    fa-caret-right\'></i></button>\n\n                <h1 class=\'no-errors-header ui-state-ok ui-corner-all invisible\'\n                    ><i class=\'no-errors-header-icon fa fa-fw\n                        fa-check-circle\'></i\n                    ><span class=\'no-errors-header-text\'>No Errors</span></h1>\n\n                <div class=\'general-errors-list-wrapper ui-corner-all\'>\n                    <ul class=\'general-errors-list Scrollable\'></ul>\n                </div>\n            </div>\n\n            <div class=\'warnings-container general-warnings-container\n                invisible\'>\n\n                <h1 class=\'warnings-header ui-state-highlight ui-corner-all\'\n                    ><i class=\'warnings-header-icon fa fa-fw\n                        fa-exclamation-triangle\'></i\n                    ><span class=\'warnings-header-text\'>Warnings</span>\n                  </h1>\n\n                <button class=\'toggle-warnings\' ><i class=\'fa fa-fw\n                    fa-caret-right\'></i></button>\n\n                <button class=\'fix-all-warnings dative-tooltip\' title=\'Fix all\n                    fixable warnings\' >Fix all warnings</button>\n\n                <h1 class=\'no-warnings-header ui-state-ok ui-corner-all invisible\'\n                    ><i class=\'no-warnings-header-icon fa fa-fw\n                        fa-check-circle\'></i\n                    ><span class=\'no-warnings-header-text\'>No Warnings</span></h1>\n\n                <div class=\'general-warnings-list-wrapper ui-corner-all\'>\n                    <ul class=\'general-warnings-list Scrollable\'></ul>\n                </div>\n            </div>\n\n            <div class=\'import-preview-table-wrapper ui-corner-all\'>\n                <div class=\'import-preview-table Scrollable\'>\n                    <div class=\'import-preview-table-head\'></div>\n                    <div class=\'import-preview-table-body\'></div>\n                </div>\n            </div>\n        </div>\n\n    </div>\n</div>\n\n<div class=\'import-templates\' style=\'display: none;\'>\n\n    <li class=\'import-warning-list-item\'>\n        <div class=\'import-warning ui-state-highlight ui-corner-all\'>\n            <i class=\'fa fa-fw fa-exclamation-triangle\'></i>\n            Warning: <span class=\'warning-text\'></span>\n        </div>\n        <button class=\'warning-solution import-solution\'></button>\n    </li>\n\n    <li class=\'import-error-list-item\'>\n        <div class=\'import-error ui-state-error ui-corner-all\'>\n            <i class=\'fa fa-fw fa-exclamation-triangle\'></i>\n            Error: <span class=\'error-text\'></span>\n        </div>\n        <button class=\'error-solution import-solution\'></button>\n    </li>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/date-input.js b/.tmp/scripts/templates/date-input.js
new file mode 100644
index 0000000..8260054
--- /dev/null
+++ b/.tmp/scripts/templates/date-input.js
@@ -0,0 +1,60 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<input\n  type=\'text\'\n  name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         date-field\'\n  maxlength=\'10\'\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n  value=\''));
+    
+      _print(this.value);
+    
+      _print(_safe('\' />\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/div-input.js b/.tmp/scripts/templates/div-input.js
new file mode 100644
index 0000000..fc6dc95
--- /dev/null
+++ b/.tmp/scripts/templates/div-input.js
@@ -0,0 +1,48 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/edit-corpus.js b/.tmp/scripts/templates/edit-corpus.js
new file mode 100644
index 0000000..033e47b
--- /dev/null
+++ b/.tmp/scripts/templates/edit-corpus.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('  <div class="dative-widget-header ui-widget-header ui-corner-top">\n\n    <div class=\'dative-widget-header-title\'>Edit the details of this\n    corpus</div>\n\n  </div>\n\n  <div class="dative-widget-body">\n\n    <ul class="fieldset">\n\n      <li>\n        <label for=\'title\'>Title</label>\n        <input type="text" maxlength="255" name="title"\n          class="title ui-corner-all corpus-edit-input dative-tooltip"\n          title="Modify the title of this corpus" value="'));
+    
+      _print(this.title);
+    
+      _print(_safe('" />\n        <div class=\'dative-edit-corpus-failed-container\'>\n          <span class=\'ui-state-error ui-corner-all dative-edit-corpus-failed\n            title-error edit-corpus-error\'></span>\n        </div>\n      </li>\n\n      <li>\n        <label for=\'description\'>description</label>\n        <textarea rows="1" name="description"\n          class="description ui-corner-all corpus-edit-input dative-tooltip"\n          title="Modify the description of this corpus"\n        >'));
+    
+      _print(this.description);
+    
+      _print(_safe('</textarea>\n        <div class=\'dative-edit-corpus-failed-container\'>\n          <span class=\'ui-state-error ui-corner-all dative-edit-corpus-failed\n            description-error edit-corpus-error\'></span>\n        </div>\n      </li>\n\n      <li>\n        <label for=\'\'></label>\n        <button class=\'request-edit-corpus dative-tooltip\'\n          title=\'save corpus changes\'\n          ><i class="fa fa-fw fa-floppy-o"></i>Save Corpus Details</button>\n      </li>\n\n      <p class=\'ui-state-error\'>WARNing: Corpus metadata update currently\n      deactivated in Dative.</p>\n\n    </ul>\n\n  </div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/exporter-dialog.js b/.tmp/scripts/templates/exporter-dialog.js
new file mode 100644
index 0000000..4562cfd
--- /dev/null
+++ b/.tmp/scripts/templates/exporter-dialog.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-exporter-dialog\'>\n    <div class="dative-exporter-dialog-content-container">\n\n        <div class="dative-exporter-dialog-exporters"></div>\n\n        <div class="dative-exporter-dialog-content"></div>\n\n    </div>\n</div>\n\n<div class=\'dative-exporter-dialog-target\'><div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/exporter.js b/.tmp/scripts/templates/exporter.js
new file mode 100644
index 0000000..2c9a98a
--- /dev/null
+++ b/.tmp/scripts/templates/exporter.js
@@ -0,0 +1,58 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'exporter\'>\n\n    <div class=\'exporter-interface\'>\n\n        <div class=\'exporter-meta\'>\n            <h1 class=\'exporter-title\'>'));
+    
+      _print(this.title);
+    
+      _print(_safe('</h1>\n            <div class=\'exporter-description\'>'));
+    
+      _print(_safe(this.description));
+    
+      _print(_safe('</div>\n        </div>\n\n        <div class=\'exporter-controls\'>\n            '));
+    
+      if (this.hasSettings) {
+        _print(_safe('\n                <button class=\'exporter-settings-button dative-tooltip\'\n                    title=\'Reveal/hide settings for configuring this export\'\n                    ><i class=\'fa fa-fw fa-cogs\'></i></button>\n            '));
+      }
+    
+      _print(_safe('\n            <button class=\'export dative-tooltip\'\n                title=\'Generate an export using this exporter\'\n                >Export</button>\n        </div>\n\n        <div class=\'exporter-settings\'></div>\n\n    </div>\n\n    <div class=\'exporter-export-content-container\'>\n\n        <div class=\'exporter-export-content-pre-container ui-corner-all\'>\n            <div class=\'exporter-export-content\'></div>\n        </div>\n\n        <div class=\'exporter-export-controls\'></div>\n\n    </div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/field-display.js b/.tmp/scripts/templates/field-display.js
new file mode 100644
index 0000000..43434c6
--- /dev/null
+++ b/.tmp/scripts/templates/field-display.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\''));
+    
+      _print(this.fieldDisplayLabelContainerClass);
+    
+      _print(_safe('\'></div>\n<div class=\''));
+    
+      _print(this.fieldDisplayRepresentationContainerClass);
+    
+      _print(_safe('\'></div>\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/field-suggestible-warnings.js b/.tmp/scripts/templates/field-suggestible-warnings.js
new file mode 100644
index 0000000..76b02fc
--- /dev/null
+++ b/.tmp/scripts/templates/field-suggestible-warnings.js
@@ -0,0 +1,56 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'suggestion-button-container\'>\n    <button class=\'toggle-suggestions dative-tooltip\'\n            title=\'show suggested values for this '));
+    
+      _print(this.label);
+    
+      _print(_safe(' field\'\n            tabindex=\'-1\'\n        ><i class=\'fa fa-ellipsis-v\'></i></button>\n</div>\n<div class=\''));
+    
+      _print(this.fieldLabelContainerClass);
+    
+      _print(_safe('\'></div>\n<div class=\''));
+    
+      _print(this.fieldInputContainerClass);
+    
+      _print(_safe(' with-suggestions\'></div>\n<div class=\'suggestions invisible ui-corner-bottom\'></div>\n<div class=\'dative-field-validation-container\'>\n    <div\n        class=\'ui-state-error\n               ui-corner-all\n               dative-field-validation-error\'\n        ><i class=\'fa fa-fw fa-exclamation-triangle\'></i\n        ><span class=\'dative-field-validation-error-message\'></span></div>\n</div>\n<div class=\'dative-field-warnings-container\' style=\'display: none;\'>\n    <div\n        class=\'ui-state-highlight\n               ui-corner-all\n               dative-field-validation-warning\'\n        ><i class=\'fa fa-fw fa-exclamation-circle\'></i\n        ><span class=\'dative-field-validation-warning-message\'></span></div>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/field-suggestible.js b/.tmp/scripts/templates/field-suggestible.js
new file mode 100644
index 0000000..bc1c56b
--- /dev/null
+++ b/.tmp/scripts/templates/field-suggestible.js
@@ -0,0 +1,56 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'suggestion-button-container\'>\n    <button class=\'toggle-suggestions dative-tooltip\'\n            title=\'show suggested values for this '));
+    
+      _print(this.label);
+    
+      _print(_safe(' field\'\n            tabindex=\'-1\'\n        ><i class=\'fa fa-ellipsis-v\'></i></button>\n</div>\n<div class=\''));
+    
+      _print(this.fieldLabelContainerClass);
+    
+      _print(_safe('\'></div>\n<div class=\''));
+    
+      _print(this.fieldInputContainerClass);
+    
+      _print(_safe(' with-suggestions\'></div>\n<div class=\'suggestions invisible ui-corner-bottom\'></div>\n<div class=\'dative-field-validation-container\'>\n    <div\n        class=\'ui-state-error\n               ui-corner-all\n               dative-field-validation-error\'\n        ><i class=\'fa fa-fw fa-exclamation-triangle\'></i\n        ><span class=\'dative-field-validation-error-message\'></span></div>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/field.js b/.tmp/scripts/templates/field.js
new file mode 100644
index 0000000..4aa7b5f
--- /dev/null
+++ b/.tmp/scripts/templates/field.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\''));
+    
+      _print(this.fieldLabelContainerClass);
+    
+      _print(_safe('\'></div>\n<div class=\''));
+    
+      _print(this.fieldInputContainerClass);
+    
+      _print(_safe('\'></div>\n<div class=\'dative-field-validation-container\'>\n    <div\n        class=\'ui-state-error\n               ui-corner-all\n               dative-field-validation-error\'\n        ><i class=\'fa fa-fw fa-exclamation-triangle\'></i\n        ><span class=\'dative-field-validation-error-message\'></span></div>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/file-data-upload-input.js b/.tmp/scripts/templates/file-data-upload-input.js
new file mode 100644
index 0000000..b490a99
--- /dev/null
+++ b/.tmp/scripts/templates/file-data-upload-input.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<button\n    class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n        ui-corner-all\n        form-add-input\n        dative-tooltip\n        dative-input-field\'\n    title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n    >Choose file<i\n        class=\'fa fa-fw fa-upload\'></i></button>\n\n<div class=\'file-upload-container\'>\n    <div class=\'file-upload-status\'>Uploading file data ...</div>\n    <div class=\'file-upload-progress-bar\'></div>\n</div>\n\n\n<!-- this is the hidden input tag -->\n<div\n    style=\'height: 0px;width:0px; overflow:hidden;\'\n    ><input\n        type="file"\n        name=\'file-upload-input\'\n        tabindex=\'999\'\n        /></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/file-data.js b/.tmp/scripts/templates/file-data.js
new file mode 100644
index 0000000..54be6bb
--- /dev/null
+++ b/.tmp/scripts/templates/file-data.js
@@ -0,0 +1,152 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var object, ref, verb;
+    
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  '));
+    
+      if (this.parentFile) {
+        _print(_safe('\n      <div class=\'dative-widget-header-title container-center-left\n        parent-file-header-title\'\n        >'));
+        _print(this.headerTitle);
+        _print(_safe('</div>\n  '));
+      } else {
+        _print(_safe('\n    <div class=\'dative-widget-header-title container-center\'\n        >'));
+        _print(this.headerTitle);
+        _print(_safe('</div>\n  '));
+      }
+    
+      _print(_safe('\n\n  <div class=\'button-container-left\'>\n\n    '));
+    
+      if (this.parentFile) {
+        _print(_safe('\n        <button class="deselect dative-tooltip"\n                title="Deselect this file as the parent file"\n            >deselect</button>\n    '));
+      } else {
+        _print(_safe('\n        <button class="hide-file-data-widget dative-tooltip"\n                title="hide the file data widget of this '));
+        _print(this.resourceName);
+        _print(_safe('">\n            <i class=\'fa fa-times fa-fw\'></i>\n        </button>\n    '));
+      }
+    
+      _print(_safe('\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container"></span>\n\n    '));
+    
+      if (this.parentFile) {
+        _print(_safe('\n\n        <span class=\'current-time-seconds\'>0s</span>\n\n        <button class=\'set-current-position-to-start dative-tooltip\'\n                title=\'set current position as the “start” value\'\n            >set start</button>\n\n        <button class=\'set-current-position-to-end dative-tooltip\'\n            title=\'set current position as the “end” value\'\n            >set end</button>\n\n    '));
+      } else {
+        _print(_safe('\n\n        '));
+        if (this.undownloadable) {
+          _print(_safe('\n            <a href="'));
+          _print(this.fileURL);
+          _print(_safe('" type="'));
+          _print(this.MIMEType);
+          _print(_safe('" target="_blank">\n                <button class=\'file-data-download dative-tooltip\'\n                        title=\'visit the page where this '));
+          _print(this.resourceName);
+          _print(_safe('’s data\n                            are stored\'\n                ><i class=\'fa fa-fw fa-external-link\'></i></button>\n            </a>\n        '));
+        } else {
+          _print(_safe('\n            <a href="'));
+          _print(this.fileURL);
+          _print(_safe('" type="'));
+          _print(this.MIMEType);
+          _print(_safe('"\n            download="'));
+          _print(this.name);
+          _print(_safe('" target="_blank">\n                <button class=\'file-data-download dative-tooltip\'\n                        title=\'download the file data of this '));
+          _print(this.resourceName);
+          _print(_safe('\'\n                ><i class=\'fa fa-fw fa-download\'></i></button>\n        </a>\n        '));
+        }
+        _print(_safe('\n\n        <button class=\'file-data-help dative-tooltip\'\n                title=\'help with viewing the file data of this\n                '));
+        _print(this.resourceName);
+        _print(_safe('\'\n        ><i class=\'fa fa-fw fa-question\'></i>\n        </button>\n\n    '));
+      }
+    
+      _print(_safe('\n\n  </div>\n\n</div>\n\n<div '));
+    
+      _print(this.containerStyle);
+    
+      _print(_safe(' class="dative-widget-body ui-corner-bottom">\n\n        '));
+    
+      if (this.MIMEType === 'application/pdf') {
+        _print(_safe('\n            <object class="file-data-pdf"\n                    data="'));
+        _print(this.fileURL);
+        _print(_safe('"\n                    type="'));
+        _print(this.MIMEType);
+        _print(_safe('"\n                    name="'));
+        _print(this.name);
+        _print(_safe('"\n                    >'));
+        _print(this.name);
+        _print(_safe('</object>\n        '));
+      } else if (this.type === 'audio') {
+        _print(_safe('\n            <audio class="file-data-audio" controls>\n                <!-- We try to load the reduced .ogg copy here -->\n                '));
+        if (this.lossyFilename && this.MIMEType === 'audio/x-wav') {
+          _print(_safe('\n                    <source\n                        src="'));
+          _print(this.reducedURL);
+          _print(_safe('"\n                        type="audio/ogg">\n                '));
+        }
+        _print(_safe('\n                <source\n                    src="'));
+        _print(this.fileURL);
+        _print(_safe('"\n                    type="'));
+        _print(this.MIMEType);
+        _print(_safe('">\n                Your browser does not support the audio tag.\n            </audio>\n        '));
+      } else if (this.type === 'video' && this.canPlayVideo) {
+        _print(_safe('\n            <video class="file-data-video ui-corner-bottom" controls>\n                <source\n                    src="'));
+        _print(this.fileURL);
+        _print(_safe('"\n                    type="'));
+        _print(this.MIMEType);
+        _print(_safe('">\n                Your browser does not support the video tag.\n            </video>\n        '));
+      } else if (this.type === 'image') {
+        _print(_safe('\n            <img class="file-data-image ui-corner-bottom"\n                 src="'));
+        _print(this.fileURL);
+        _print(_safe('"></img>\n        '));
+      } else if (this.embedCode) {
+        _print(_safe('\n            '));
+        _print(_safe(this.embedCode));
+        _print(_safe('\n        '));
+      } else {
+        _print(_safe('\n            '));
+        object = this.name ? "the file " + this.name : "this file";
+        _print(_safe('\n            '));
+        verb = (ref = this.type) === 'audio' || ref === 'video' ? 'play' : 'display';
+        _print(_safe('\n            <div class=\'file-data-no-display\'>Sorry, '));
+        _print(object);
+        _print(_safe(' cannot be\n                '));
+        _print(verb);
+        _print(_safe('ed.</div>\n        '));
+      }
+    
+      _print(_safe('\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/filter-expression.js b/.tmp/scripts/templates/filter-expression.js
new file mode 100644
index 0000000..acf49e4
--- /dev/null
+++ b/.tmp/scripts/templates/filter-expression.js
@@ -0,0 +1,184 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, buttonText, i, j, k, len, len1, len2, myAttribute, myModel, myRelation, mySubattribute, myValue, operandClass, ref, ref1, ref2, ref3, ref4, ref5, ref6, relation;
+    
+      _print(_safe('<table class=\'filter-expression-table\'>\n    <tr>\n\n        '));
+    
+      if ((ref = this.filterExpression[0]) === 'and' || ref === 'or' || ref === 'not') {
+        _print(_safe('\n            '));
+        buttonText = this.filterExpression[0];
+        _print(_safe('\n        '));
+      } else {
+        _print(_safe('\n            '));
+        buttonText = '<i class="fa fa-ellipsis-h"></i>';
+        _print(_safe('\n        '));
+      }
+    
+      _print(_safe('\n\n        <td class=\'middle-cell\'>\n            <div class=\'operator\'>\n                <button class=\'operator dative-tooltip\'\n                        title=\'click here to reveal buttons for changing this\n                            node.\'>'));
+    
+      _print(_safe(buttonText));
+    
+      _print(_safe('</button>\n\n                <div class=\'filter-expression-action-widget-container\'>\n                    <div class=\'filter-expression-action-widget ui-corner-all\n                        dative-shadowed-widget\'>\n\n                        <button class=\'conjoin dative-tooltip\'\n                                title=\'add an “and” to the left of this\n                                search expression.\'\n                                >and<i class=\'fa fa-arrow-left\'></i></button>\n\n                        <button class=\'make-and dative-tooltip\'\n                                title=\'change this to an “and”.\'>and</button>\n\n                        <button class=\'disjoin dative-tooltip\'\n                                title=\'add an “or” to the left of this\n                                    search expression.\'\n                                >or<i class=\'fa fa-arrow-left\'></i></button>\n\n                        <button class=\'make-or dative-tooltip\'\n                                title=\'change this to an “or”.\'>or</button>\n\n                        <button class=\'negate dative-tooltip\'\n                                title=\'negate this search\n                                    expression\'\n                                >not<i class=\'fa fa-arrow-left\'></i></button>\n\n                        <button class=\'make-not-not dative-tooltip\'\n                                title=\'remove the negation from this search\n                                expression\'><i>not</i></button>\n\n                        <button class=\'add-operand dative-tooltip\'\n                                title=\'add another search expression beneath\n                                    this one\'><i class=\'fa fa-plus\'\n                                    ></i>&nbsp;<i class=\'fa fa-arrow-right\'></i></button>\n\n                        <button class=\'destroy dative-tooltip\'\n                                title=\'destroy this search expression\'\n                            ><i class=\'fa fa-times\'></i></button>\n\n                    </div>\n                </div>\n            </div>\n        </td>\n\n        <td>\n            '));
+    
+      if ((ref1 = this.filterExpression[0]) === 'and' || ref1 === 'or') {
+        _print(_safe('\n                '));
+        operandClass = 'filter-expression-operand filter-expression-operand-array';
+        _print(_safe('\n            '));
+      } else {
+        _print(_safe('\n                '));
+        operandClass = 'filter-expression-operand';
+        _print(_safe('\n            '));
+      }
+    
+      _print(_safe('\n\n            <div class=\''));
+    
+      _print(operandClass);
+    
+      _print(_safe('\'>\n\n                '));
+    
+      if (this.filterExpression.length > 3) {
+        _print(_safe('\n\n                    '));
+        if (this.filterExpression.length === 5) {
+          _print(_safe('\n                        '));
+          ref2 = this.filterExpression, myModel = ref2[0], myAttribute = ref2[1], mySubattribute = ref2[2], myRelation = ref2[3], myValue = ref2[4];
+          _print(_safe('\n                    '));
+        } else {
+          _print(_safe('\n                        '));
+          ref3 = this.filterExpression, myModel = ref3[0], myAttribute = ref3[1], myRelation = ref3[2], myValue = ref3[3];
+          _print(_safe('\n                        '));
+          if (myValue === null) {
+            _print(_safe('\n                            '));
+            if (myRelation === '=') {
+              _print(_safe('\n                                '));
+              myRelation = 'is null';
+              _print(_safe('\n                            '));
+            } else if (myRelation === '!=') {
+              _print(_safe('\n                                '));
+              myRelation = 'is not null';
+              _print(_safe('\n                            '));
+            }
+            _print(_safe('\n                        '));
+          }
+          _print(_safe('\n                    '));
+        }
+        _print(_safe('\n\n                    <select name=\'attribute\' class=\'attribute dative-tooltip\'\n                            tabindex=\'0\'\n                            title=\'select a '));
+        _print(this.snake2regular(myModel).toLowerCase());
+        _print(_safe('\n                                attribute to build a search expression on.\'>\n                        '));
+        ref4 = this.attributes;
+        for (i = 0, len = ref4.length; i < len; i++) {
+          attribute = ref4[i];
+          _print(_safe('\n                            '));
+          if (attribute === myAttribute) {
+            _print(_safe('\n                                <option value=\''));
+            _print(attribute);
+            _print(_safe('\' selected\n                                    >'));
+            _print(this.snake2regular(attribute));
+            _print(_safe('</option>\n                            '));
+          } else {
+            _print(_safe('\n                                <option value=\''));
+            _print(attribute);
+            _print(_safe('\'\n                                    >'));
+            _print(this.snake2regular(attribute));
+            _print(_safe('</option>\n                            '));
+          }
+          _print(_safe('\n                        '));
+        }
+        _print(_safe('\n                    </select>\n\n                    '));
+        if (this.filterExpression.length === 5) {
+          _print(_safe('\n                        <select name=\'sub-attribute\' class=\'sub-attribute\n                            dative-tooltip\' tabindex=\'0\' title=\'select a\n                            sub-attribute for the\n                            '));
+          _print(this.snake2regular(myAttribute));
+          _print(_safe('\'>\n                    '));
+        } else {
+          _print(_safe('\n                        <select name=\'sub-attribute\' class=\'sub-attribute\n                            dative-tooltip\' tabindex=\'0\' title=\'\'>\n                    '));
+        }
+        _print(_safe('\n                        '));
+        if (this.filterExpression.length === 5) {
+          _print(_safe('\n                            '));
+          ref5 = this.subattributes[myAttribute].sort() || [];
+          for (j = 0, len1 = ref5.length; j < len1; j++) {
+            attribute = ref5[j];
+            _print(_safe('\n                                '));
+            if (attribute === mySubattribute) {
+              _print(_safe('\n                                    <option value=\''));
+              _print(attribute);
+              _print(_safe('\' selected\n                                        >'));
+              _print(this.snake2regular(attribute));
+              _print(_safe('</option>\n                                '));
+            } else {
+              _print(_safe('\n                                    <option value=\''));
+              _print(attribute);
+              _print(_safe('\'\n                                        >'));
+              _print(this.snake2regular(attribute));
+              _print(_safe('</option>\n                                '));
+            }
+            _print(_safe('\n                            '));
+          }
+          _print(_safe('\n                        '));
+        }
+        _print(_safe('\n                    </select>\n\n                    <select name=\'relation\' class=\'relation dative-tooltip\'\n                            tabindex=\'0\'\n                            title=\'select a relation for the search expression\'>\n                        '));
+        ref6 = this.relations;
+        for (k = 0, len2 = ref6.length; k < len2; k++) {
+          relation = ref6[k];
+          _print(_safe('\n                            '));
+          if (relation === myRelation) {
+            _print(_safe('\n                                <option value=\''));
+            _print(relation);
+            _print(_safe('\' selected\n                                    >'));
+            _print(relation);
+            _print(_safe('</option>\n                            '));
+          } else {
+            _print(_safe('\n                                <option value=\''));
+            _print(relation);
+            _print(_safe('\'\n                                    >'));
+            _print(relation);
+            _print(_safe('</option>\n                            '));
+          }
+          _print(_safe('\n                        '));
+        }
+        _print(_safe('\n                    </select>\n\n                    <textarea name=\'value\' name=\'value\'\n                        class=\'value ui-corner-all dative-tooltip\'\n                        title=\'enter an expression that the (sub)attribute\n                            should match, given the specified relation\'\n                        tabindex=\'0\'>'));
+        _print(myValue);
+        _print(_safe('</textarea>\n                '));
+      }
+    
+      _print(_safe('\n\n            </div>\n\n        </td>\n\n    </tr>\n</table>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/form-add-widget-backup.js b/.tmp/scripts/templates/form-add-widget-backup.js
new file mode 100644
index 0000000..5c95847
--- /dev/null
+++ b/.tmp/scripts/templates/form-add-widget-backup.js
@@ -0,0 +1,257 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, category, class_, elicitationMethod, grammaticality, i, id, index, inputGenerator, j, k, l, len, len1, len10, len11, len12, len13, len2, len3, len4, len5, len6, len7, len8, len9, m, n, o, p, q, r, ref, ref1, ref10, ref11, ref12, ref13, ref14, ref15, ref16, ref17, ref18, ref19, ref2, ref20, ref3, ref4, ref5, ref6, ref7, ref8, ref9, s, source, speaker, t, tag, translation, u, user, v;
+    
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'dative-widget-header-title\'>'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-left\'>\n\n    <button class="hide-form-add-widget dative-tooltip"\n      title="hide this form add widget">\n      <i class=\'fa fa-angle-double-up fa-fw\'></i>\n    </button>\n\n    <button class="toggle-secondary-data dative-tooltip"\n      title="show the secondary data input fields">\n      <i class=\'fa fa-angle-down fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <button class=\'form-add-help dative-tooltip\' title=\'help with adding a form\'>\n      <i class=\'fa fa-fw fa-question\'></i>\n    </button>\n\n  </div>\n\n</div>\n\n<div class="dative-widget-body">\n\n  '));
+    
+      if (this.activeServerType === 'OLD') {
+        _print(_safe('\n    '));
+        class_ = ' old';
+        _print(_safe('\n  '));
+      } else if (this.activeServerType === 'FieldDB') {
+        _print(_safe('\n    '));
+        class_ = ' fielddb';
+        _print(_safe('\n  '));
+      } else {
+        _print(_safe('\n    '));
+        class_ = '';
+        _print(_safe('\n  '));
+      }
+    
+      _print(_safe('\n  <div class="form-add-form'));
+    
+      _print(class_);
+    
+      _print(_safe('">\n\n    <ul class="fieldset igt-data">\n\n      '));
+    
+      if (this.activeServerType === 'OLD') {
+        _print(_safe('\n\n        <li>\n\n          <label for="transcription">Transcription</label>\n\n          <select name="grammaticality" class="grammaticality"\n            title="The grammaticality or pragmatic acceptibility judgment of the form">\n            '));
+        ref = this.options.grammaticalities;
+        for (i = 0, len = ref.length; i < len; i++) {
+          grammaticality = ref[i];
+          _print(_safe('\n              <option value="'));
+          _print(grammaticality);
+          _print(_safe('">'));
+          _print(grammaticality);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          </select>\n\n          <textarea rows="1" name="transcription"\n            class="transcription ui-corner-all form-add-input dative-tooltip"\n            maxlength="255"\n            title="A transcription of the form (probably orthographic)"\n            >'));
+        _print(this.transcription);
+        _print(_safe('</textarea>\n\n        </li>\n\n        <li>\n\n          <label for="morphemeBreak">Morpheme Break</label>\n\n          <textarea name="morphemeBreak" maxlength="255"\n            class="ui-corner-all dative-tooltip"\n            title="A morphological analysis of the form: a sequence of morphemes\n            and delimiters"\n            >'));
+        _print(this.morphemeBreak);
+        _print(_safe('</textarea>\n\n        </li>\n\n        <li>\n\n          <label for="morphemeGloss">Morpheme Gloss</label>\n\n          <textarea name="morphemeGloss" class="ui-corner-all dative-tooltip"\n            maxlength="255"\n            title="A gloss for each morpheme in the morpheme break line above"\n            >'));
+        _print(this.morphemeGloss);
+        _print(_safe('</textarea>\n\n        </li>\n\n        '));
+        if (this.translations.length) {
+          _print(_safe('\n\n          '));
+          ref1 = this.translations;
+          for (index = j = 0, len1 = ref1.length; j < len1; index = ++j) {
+            translation = ref1[index];
+            _print(_safe('\n\n            <li class="translation-li">\n\n              <label class="translation-label"\n                for="translations-'));
+            _print(index);
+            _print(_safe('.transcription"\n                >Translation</label>\n\n              <select name="translations-'));
+            _print(index);
+            _print(_safe('.grammaticality"\n                class="grammaticality translation-grammaticality"\n                title="The acceptibility of this as a translation for the form">\n                '));
+            ref2 = this.options.grammaticalities;
+            for (k = 0, len2 = ref2.length; k < len2; k++) {
+              grammaticality = ref2[k];
+              _print(_safe('\n                  <option value="'));
+              _print(grammaticality);
+              _print(_safe('"\n                    >'));
+              _print(grammaticality);
+              _print(_safe('</option>\n                '));
+            }
+            _print(_safe('\n              </select>\n\n              <textarea name="translations-'));
+            _print(index);
+            _print(_safe('.transcription"\n                maxlength="255"\n                title="The text of the translation"\n                class="translation translation-transcription ui-corner-all\n                  dative-tooltip"\n                >'));
+            _print(translation.transcription);
+            _print(_safe('\n              </textarea>\n\n              '));
+            if (index === 0) {
+              _print(_safe('\n                <button class="append-translation-field\n                  append-remove-translation-field dative-tooltip"\n                  title="Add another translation.">\n                  <i class="fa fa-fw fa-plus"></i>\n                </button>\n              '));
+            } else {
+              _print(_safe('\n                <button class="remove-translation-field dative-tooltip\n                  append-remove-translation-field"\n                  title="Delete this translation.">\n                  <i class="fa fa-fw fa-minus"></i>\n                </button>\n              '));
+            }
+            _print(_safe('\n\n            </li>\n\n          '));
+          }
+          _print(_safe('\n\n        '));
+        } else {
+          _print(_safe('\n\n          <li class="translation-li">\n\n            <label for="translations-0.transcription">Translation</label>\n\n            <select name="translations-0.grammaticality"\n              class="grammaticality translation-grammaticality"\n              title="The acceptibility of this as a translation for the form">\n              '));
+          ref3 = this.options.grammaticalities;
+          for (l = 0, len3 = ref3.length; l < len3; l++) {
+            grammaticality = ref3[l];
+            _print(_safe('\n                <option value="'));
+            _print(grammaticality);
+            _print(_safe('">'));
+            _print(grammaticality);
+            _print(_safe('</option>\n              '));
+          }
+          _print(_safe('\n            </select>\n\n            <textarea name="translations-0.transcription"\n              maxlength="255"\n              class="translation ui-corner-all dative-tooltip"\n              title="The text of the translation"\n              ></textarea>\n\n            <button class="append-translation-field dative-tooltip\n              append-remove-translation-field"\n              title="Add another translation.">\n              <i class="fa fa-fw fa-plus"></i>\n            </button>\n\n          </li>\n\n        '));
+        }
+        _print(_safe('\n\n      '));
+        _print(_safe('\n\n      '));
+      } else if (this.activeServerType === 'FieldDB') {
+        _print(_safe('\n\n      '));
+        _print(_safe('\n\n        '));
+        ref4 = this.h.fieldDB.igtAttributes;
+        for (m = 0, len4 = ref4.length; m < len4; m++) {
+          attribute = ref4[m];
+          _print(_safe('\n          <li>\n            '));
+          _print(_safe(this.h.fieldDB.inputGenerator(attribute)(attribute, this)));
+          _print(_safe('\n          </li>\n        '));
+        }
+        _print(_safe('\n\n        '));
+        ref5 = this.h.fieldDB.translationAttributes;
+        for (n = 0, len5 = ref5.length; n < len5; n++) {
+          attribute = ref5[n];
+          _print(_safe('\n          <li>\n            '));
+          _print(_safe(this.h.fieldDB.inputGenerator(attribute)(attribute, this)));
+          _print(_safe('\n          </li>\n        '));
+        }
+        _print(_safe('\n\n      '));
+      }
+    
+      _print(_safe('\n\n      </ul>\n\n\n    '));
+    
+      _print(_safe('\n\n    <div class="secondary-data">\n\n      <ul class="fieldset">\n\n      '));
+    
+      if (this.activeServerType === 'OLD') {
+        _print(_safe('\n\n        <li>\n          <label for="comments">General Comments</label>\n          <textarea name="comments" class="comments ui-corner-all dative-tooltip"\n            title="General-purpose field for comments and notes about the form"\n            >'));
+        _print(this.comments);
+        _print(_safe('</textarea>\n        </li>\n\n        <li>\n          <label for="speakerComments">Speaker Comments</label>\n          <textarea name="speakerComments"\n            class="ui-corner-all speaker-comments dative-tooltip"\n            title="Comments made by the speaker that are relevant to this form"\n          >'));
+        _print(this.speakerComments);
+        _print(_safe('</textarea>\n        </li>\n\n        <li>\n          <label for="elicitationMethod">Elicitation Method</label>\n          <select name="elicitationMethod"\n            class="elicitation-method dative-tooltip elicitation-method"\n            title="Method of elicitation, e.g., translation, judgment,\n              spontaneously offered, etc.">\n            '));
+        ref6 = this.options.elicitationMethods;
+        for (o = 0, len6 = ref6.length; o < len6; o++) {
+          ref7 = ref6[o], id = ref7[0], elicitationMethod = ref7[1];
+          _print(_safe('\n              <option value="'));
+          _print(id);
+          _print(_safe('">'));
+          _print(elicitationMethod);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          </select>\n        </li>\n\n        <li>\n          <div class="tags-multiselect">\n            <label for="tags">Tags</label>\n            <select name="tags" multiple="multiple" class="dative-tooltip tags"\n              title="Tags for categorizing forms">\n              '));
+        ref8 = this.options.tags;
+        for (p = 0, len7 = ref8.length; p < len7; p++) {
+          ref9 = ref8[p], id = ref9[0], tag = ref9[1];
+          _print(_safe('\n                <option value="'));
+          _print(id);
+          _print(_safe('">'));
+          _print(tag);
+          _print(_safe('</option>\n              '));
+        }
+        _print(_safe('\n            </select>\n          </div>\n        </li>\n\n        <li>\n          <label for="syntacticCategory">Category</label>\n          <select name="syntacticCategory"\n            class="syntactic-category dative-tooltip"\n            title="A syntactic or morphological category for this form">\n            '));
+        ref10 = this.options.categories;
+        for (q = 0, len8 = ref10.length; q < len8; q++) {
+          ref11 = ref10[q], id = ref11[0], category = ref11[1];
+          _print(_safe('\n              <option value="'));
+          _print(id);
+          _print(_safe('">'));
+          _print(category);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          </select>\n        </li>\n\n      </ul>\n\n      <ul class="fieldset">\n\n        <li>\n          <label for="speaker">Speaker</label>\n          <select name="speaker" class="speaker dative-tooltip"\n            title="The speaker (i.e., consultant) of this form">\n            '));
+        ref12 = this.options.speakers;
+        for (r = 0, len9 = ref12.length; r < len9; r++) {
+          ref13 = ref12[r], id = ref13[0], speaker = ref13[1];
+          _print(_safe('\n              <option value="'));
+          _print(id);
+          _print(_safe('">'));
+          _print(speaker);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          </select>\n        </li>\n\n        <li>\n          <label for="elicitor">Elicitor</label>\n          <select name="elicitor" class="elicitor dative-tooltip"\n            title="The fieldworker who elicited (i.e., recorded, transcribed)\n            this form">\n            '));
+        ref14 = this.options.users;
+        for (s = 0, len10 = ref14.length; s < len10; s++) {
+          ref15 = ref14[s], id = ref15[0], user = ref15[1];
+          _print(_safe('\n              <option value="'));
+          _print(id);
+          _print(_safe('">'));
+          _print(user);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          </select>\n        </li>\n\n        <li>\n          <label for="verifier">Verifier</label>\n          <select name="verifier" class="verifier dative-tooltip"\n            title="A user who has verified the accuracy of this form">\n            '));
+        ref16 = this.options.users;
+        for (t = 0, len11 = ref16.length; t < len11; t++) {
+          ref17 = ref16[t], id = ref17[0], user = ref17[1];
+          _print(_safe('\n              <option value="'));
+          _print(id);
+          _print(_safe('">'));
+          _print(user);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          </select>\n        </li>\n\n        <li>\n          <label for="source">Source</label>\n          <select name="source" class="source dative-tooltip"\n            title="A textual source whence this form was taken">\n            '));
+        ref18 = this.options.sources;
+        for (u = 0, len12 = ref18.length; u < len12; u++) {
+          ref19 = ref18[u], id = ref19[0], source = ref19[1];
+          _print(_safe('\n              <option value="'));
+          _print(id);
+          _print(_safe('">'));
+          _print(source);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          </select>\n        </li>\n\n        <li>\n          <label for="dateElicited">Date Elicited</label>\n          <input type="text" name="dateElicited"\n            class="date-elicited ui-corner-all dative-tooltip"\n            title="When this form was elicited"\n            value="'));
+        _print(this.dateElicited);
+        _print(_safe('"/>\n        </li>\n\n      '));
+        _print(_safe('\n      '));
+      } else if (this.activeServerType === 'FieldDB') {
+        _print(_safe('\n\n        '));
+        ref20 = this.h.fieldDB.secondaryAttributes;
+        for (v = 0, len13 = ref20.length; v < len13; v++) {
+          attribute = ref20[v];
+          _print(_safe('\n          <li>\n            '));
+          inputGenerator = this.h.fieldDB.inputGenerator(attribute);
+          _print(_safe('\n            '));
+          _print(_safe(inputGenerator(attribute, this)));
+          _print(_safe('\n          </li>\n        '));
+        }
+        _print(_safe('\n\n      '));
+      }
+    
+      _print(_safe('\n\n      </ul>\n\n    </div> '));
+    
+      _print(_safe('\n\n    <ul class="fieldset button-only-fieldset">\n      <li class="center">\n        <button class="add-form-button dative-tooltip"\n          title="Save this new form">Add Form</button>\n      </li>\n\n      <li class=\'blargon\'>\n          The Blargon of Blargonia.\n      </li>\n\n    </ul>\n\n  </div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/form-add-widget.js b/.tmp/scripts/templates/form-add-widget.js
new file mode 100644
index 0000000..958f1b4
--- /dev/null
+++ b/.tmp/scripts/templates/form-add-widget.js
@@ -0,0 +1,78 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'dative-widget-header-title\'>'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-left\'>\n\n    <button class="hide-form-add-widget dative-tooltip"\n            title="hide this form '));
+    
+      _print(this.addUpdateType);
+    
+      _print(_safe(' widget">\n      <i class=\'fa fa-times fa-fw\'></i>\n    </button>\n\n    <button class="toggle-secondary-data-fields dative-tooltip"\n      title="show the secondary data input fields">\n      <i class=\'fa fa-angle-down fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container"></span>\n\n    <button class="clear-form dative-tooltip"\n      title="clear this form: reset all fields to their default values"\n      ><i class=\'fa fa-eraser fa-fw\'></i>\n    </button>\n\n    '));
+    
+      if (this.addUpdateType === 'update') {
+        _print(_safe('\n      <button class="undo-changes dative-tooltip"\n        title="undo changes: restore to pre-modification state"\n        ><i class=\'fa fa-undo fa-fw\'></i>\n      </button>\n    '));
+      }
+    
+      _print(_safe('\n\n    <button class=\'form-add-help dative-tooltip\'\n      '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n        title=\'help with adding a form\'\n      '));
+      } else {
+        _print(_safe('\n        title=\'help with updating a form\'\n      '));
+      }
+    
+      _print(_safe('\n    ><i class=\'fa fa-fw fa-question\'></i>\n    </button>\n\n  </div>\n\n</div>\n\n<div class="dative-widget-body">\n\n  <div class="form-add-form '));
+    
+      _print(this.activeServerType.toLowerCase());
+    
+      _print(_safe('">\n\n    <ul class="fieldset primary-data"></ul>\n    <ul class="fieldset secondary-data"></ul>\n\n    <ul class="fieldset button-only-fieldset">\n\n      <li class="center">\n        <button\n          class="add-form-button dative-tooltip"\n          '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n            title=\'Create this new form\'\n          '));
+      } else {
+        _print(_safe('\n            title=\'Save changes to this form\'\n          '));
+      }
+    
+      _print(_safe('\n          >Save</button>\n\n        <button\n          class="toggle-secondary-data-fields dative-tooltip"\n          title="show the secondary data input fields"\n          ><i class=\'fa fa-angle-down fa-fw\'></i>\n        </button>\n\n      </li>\n\n    </ul>\n\n  </div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/form-add.js b/.tmp/scripts/templates/form-add.js
new file mode 100644
index 0000000..be6c2bb
--- /dev/null
+++ b/.tmp/scripts/templates/form-add.js
@@ -0,0 +1,82 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-page-header ui-widget-header ui-corner-top\'>\n  <div class=\'dative-page-header-title\'>'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n  <!-- <div class=\'dative-page-header-widgets\'></div> -->\n</div>\n\n<div class=\'dative-page-body\'>\n\n  <form action="form/add_ajax" method="post" class="formAdd">\n\n    <ul class="fieldset">\n\n      <li>\n        <label for="transcription">Transcription</label>\n        <select name="grammaticality" id="grammaticality" class="grammaticality">\n        </select>\n        <textarea rows="1" name="transcription" class="transcription ui-corner-all\n        form-add-input" id="transcription"\n        maxlength="510">'));
+    
+      _print(this.transcription);
+    
+      _print(_safe('</textarea>\n      </li>\n\n      <li>\n        <label for="morpheme_break">Morpheme Break</label>\n        <textarea name="morpheme_break" id="morpheme_break" class="ui-corner-all"\n        maxlength="510">'));
+    
+      _print(this.morpheme_break);
+    
+      _print(_safe('</textarea>\n      </li>\n\n      <li>\n        <label for="morpheme_gloss">Morpheme Gloss</label>\n        <textarea name="morpheme_gloss" id="morpheme_gloss" class="ui-corner-all"\n        maxlength="510">'));
+    
+      _print(this.morpheme_gloss);
+    
+      _print(_safe('</textarea>\n      </li>\n\n      <li>\n        <label for="translations-0.transcription">Translation</label>\n        <select name="translations-0.grammaticality"\n          id="translations0grammaticality" class="grammaticality">\n        </select>\n        <textarea name="translations-0.transcription"\n          id="translations0transcription"\n          class="translation ui-corner-all"\n          '));
+    
+      if (this.translations[0]) {
+        _print(_safe('\n            >'));
+        _print(this.translations[0].transcription);
+        _print(_safe('</textarea>\n          '));
+      } else {
+        _print(_safe('\n            ></textarea>\n          '));
+      }
+    
+      _print(_safe('\n        <button class="insertTranslationFieldButton"\n          title="Add another translation.">Add Translation</button>\n      </li>\n\n    </ul>\n\n    <ul class="fieldset">\n      <li>\n        <label for="comments">General Comments</label>\n        <textarea name="comments" id="comments" class="ui-corner-all"\n          >'));
+    
+      _print(this.comments);
+    
+      _print(_safe('</textarea>\n      </li>\n      <li>\n        <label for="speaker_comments">Speaker Comments</label>\n        <textarea name="speaker_comments" id="speaker_comments" class="ui-corner-all"\n        >'));
+    
+      _print(this.speaker_comments);
+    
+      _print(_safe('</textarea>\n      </li>\n      <li>\n        <label for="elicitation_method">Elicitation Method</label>\n        <select name="elicitation_method" id="elicitation_method"></select>\n      </li>\n      <li>\n        <div class="tags-multiselect">\n          <label for="tags">Tags</label>\n          <select name="tags" id="tags" multiple="multiple"></select>\n        </div>\n      </li>\n      <li>\n        <label for="syntactic_category">Category</label>\n        <select name="syntactic_category" id="syntactic_category"></select>\n      </li>\n    </ul>\n\n    <ul class="fieldset">\n      <li>\n        <label for="speaker">Speaker</label>\n        <select name="speaker" id="speaker"></select>\n      </li>\n      <li>\n        <label for="elicitor">Elicitor</label>\n        <select name="elicitor" id="elicitor"></select>\n      </li>\n      <li>\n        <label for="verifier">Verifier</label>\n        <select name="verifier" id="verifier"></select>\n      </li>\n      <li>\n        <label for="source">Source</label>\n        <select name="source" id="source"></select>\n      </li>\n      <li>\n        <label for="date_elicited">Date Elicited</label>\n        <input type="text" name="date_elicited" id="date_elicited"\n          class="dateElicited ui-corner-all" value="'));
+    
+      _print(this.date_elicited);
+    
+      _print(_safe('"/>\n      </li>\n    </ul>\n\n    <ul class="fieldset">\n      <li class="center">\n        <input id="submit-button" type="submit" value="Add Form" />\n      </li>\n    </ul>\n  </form>\n</div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/form.js b/.tmp/scripts/templates/form.js
new file mode 100644
index 0000000..ca2d811
--- /dev/null
+++ b/.tmp/scripts/templates/form.js
@@ -0,0 +1,70 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'button-container-left\'>\n\n    '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n      <button class="hide-form-widget dative-tooltip"\n        title="hide this new form widget">\n        <i class=\'fa fa-times fa-fw\'></i>\n      </button>\n    '));
+      } else {
+        _print(_safe('\n      <button class="hide-form-details dative-tooltip"\n        title="hide the buttons and extra data of this form">\n        <i class=\'fa fa-angle-double-up fa-fw\'></i>\n      </button>\n  '));
+      }
+    
+      _print(_safe('\n\n    <button class="toggle-secondary-data dative-tooltip"\n      title="hide the secondary data of this form">\n      <i class=\'fa fa-angle-up fa-fw\'></i>\n    </button>\n\n    <button class="toggle-data-labels dative-tooltip"\n      title="show labels">labels:\n      <i class=\'fa fa-toggle-off fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class=\'dative-widget-header-title\'>'));
+    
+      _print(this.headerTitle || '');
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-right\'>\n\n    <button class="update-form dative-tooltip"\n      '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n        title="edit the details of this form"\n      '));
+      } else {
+        _print(_safe('\n        title="update this form"\n      '));
+      }
+    
+      _print(_safe('\n      ><i class=\'fa fa-pencil-square-o fa-fw\'></i>\n    </button>\n\n    <!-- TODO: make assoiate part of the update interface.\n    <button class="associate-form dative-tooltip"\n      title="associate this form to a file">\n      <i class=\'fa fa-link fa-fw\'></i>\n    </button>\n    -->\n\n    <button class="export-form dative-tooltip"\n      title="export this form"\n      ><i class=\'fa fa-download fa-fw\'></i>\n    </button>\n\n    '));
+    
+      if (this.addUpdateType === 'update') {
+        _print(_safe('\n\n      <button class="remember-form dative-tooltip"\n        title="copy this form to your personal clipboard"\n        ><i class=\'fa fa-clipboard fa-fw\'></i>\n      </button>\n\n      <button class="delete-form dative-tooltip"\n        title="delete this form"\n        ><i class=\'fa fa-trash fa-fw\'></i>\n      </button>\n\n      <button class="duplicate-form dative-tooltip"\n        title="duplicate this form"\n        ><i class=\'fa fa-copy fa-fw\'></i>\n      </button>\n\n      <button class="form-history dative-tooltip"\n        title="view the history of this form"\n        ><i class=\'fa fa-history fa-fw\'></i>\n      </button>\n\n    '));
+      }
+    
+      _print(_safe('\n\n  </div>\n\n</div>\n\n\n<div class=\'dative-widget-body\'>\n\n  <div class=\'update-form-widget update-widget dative-widget-center ui-widget\n    ui-widget-content ui-corner-all\'></div>\n\n  <div class=\'form-primary-data dative-form-primary-data\'>\n    <div class=\'form-igt-data dative-form-igt\'></div>\n    <div class=\'form-translations-data\'></div>\n  </div>\n\n  <div class=\'form-secondary-data\'></div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/forms-search.js b/.tmp/scripts/templates/forms-search.js
new file mode 100644
index 0000000..647a392
--- /dev/null
+++ b/.tmp/scripts/templates/forms-search.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-page-header ui-widget-header ui-corner-top\'>\n\n  <div class=\'dative-page-header-title\'>Search Forms</div>\n\n</div>\n\n<div class=\'dative-page-body\'>\n  <p class=\'paragraph-widget ui-corner-all\'>The GUI for searching forms should go here</p>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/forms.js b/.tmp/scripts/templates/forms.js
new file mode 100644
index 0000000..89df75f
--- /dev/null
+++ b/.tmp/scripts/templates/forms.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'focusable-top\' tabindex=\'0\'></div>\n\n<div class=\'dative-page-header ui-widget-header ui-corner-top\n    dative-two-part-header\'>\n\n  <div class=\'dative-forms-view-header\'>\n\n    <div class=\'dative-page-header-title\'>\n      <div class=\'no-forms\'>\n        There are no forms to display\n      </div>\n      <div class=\'pagination-info\'>\n        Browsing\n        <span class=\'form-range\'></span>\n        of\n        <span class=\'form-count\'></span>\n        (page\n        <span class=\'current-page\'></span>\n        of\n        <span class=\'page-count\'></span>)\n      </div>\n    </div>\n\n    <div class=\'button-container-left\'>\n\n      <button class=\'new-form dative-tooltip\' title=\'create a new form\'>\n        <i class=\'fa fa-fw fa-plus\'></i>\n      </button>\n\n      <button class=\'expand-all dative-tooltip\' title=\'expand all forms\'>\n        <i class=\'fa fa-fw fa-angle-double-down\'></i>\n      </button>\n\n      <button class=\'collapse-all dative-tooltip\' title=\'collapse all forms\'>\n        <i class=\'fa fa-fw fa-angle-double-up\'></i>\n      </button>\n\n    </div>\n\n    <div class=\'button-container-right\'>\n\n      <button class="toggle-all-labels dative-tooltip"\n        title="form labels are off; click here to turn them on">labels:\n        <i class=\'fa fa-toggle-off fa-fw\'></i>\n      </button>\n\n      <button class=\'forms-browse-help dative-tooltip\' title=\'help with browsing forms\'>\n        <i class=\'fa fa-fw fa-question\'></i>\n      </button>\n\n    </div>\n\n  </div>\n\n  <div class=\'dative-pagination-menu-top\'></div>\n\n</div>\n\n<div class=\'dative-page-body\'>\n\n  <div class=\'dative-pagin-items\'></div>\n\n  <div class=\'new-form-view dative-form-object dative-widget-center ui-widget\n    ui-widget-content ui-corner-all\'></div>\n\n  <div class=\'dative-pagin-nav dative-pagin-nav-bottom\'></div>\n\n</div>\n\n<div class=\'focusable-bottom\' tabindex=\'0\'></div>\n\n<div id=\'exporter-dialog-container\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/generate-and-compile-control.js b/.tmp/scripts/templates/generate-and-compile-control.js
new file mode 100644
index 0000000..21c315f
--- /dev/null
+++ b/.tmp/scripts/templates/generate-and-compile-control.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<button\n    class=\'generate-and-compile dative-tooltip\'\n    title=\'Click this button to request that this parser’s FST script be\n        generated and compiled so that it can be used to parse.\'\n>Generate &amp; Compile</button>\n<div class=\'generate-and-compile-results\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/get-probabilities-control.js b/.tmp/scripts/templates/get-probabilities-control.js
new file mode 100644
index 0000000..7598d36
--- /dev/null
+++ b/.tmp/scripts/templates/get-probabilities-control.js
@@ -0,0 +1,72 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<textarea\n    rows=\'1\'\n    name=\''));
+    
+      _print(this.textareaName);
+    
+      _print(_safe('\'\n    class=\'ui-corner-all\n           form-add-input\n           dative-tooltip\n           dative-input-field\n           control-input\n           get-probabilities-control-input\'\n    title=\''));
+    
+      _print(this.textareaTitle);
+    
+      _print(_safe('\'\n></textarea>\n<button\n    class=\'rare-delimiter-insert align-top dative-tooltip\'\n    title=\'Click to insert this delimiter at the current cursor position\'\n>'));
+    
+      _print(this.rareDelimiter);
+    
+      _print(_safe('</button>\n<button\n    class=\''));
+    
+      _print(this.buttonClass);
+    
+      _print(_safe(' align-top dative-tooltip\'\n    title=\''));
+    
+      _print(this.buttonTitle);
+    
+      _print(_safe('\'\n>'));
+    
+      _print(this.buttonText);
+    
+      _print(_safe('</button>\n<div class=\''));
+    
+      _print(this.resultsContainerClass);
+    
+      _print(_safe('\'></div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/grammaticality-value-representation.js b/.tmp/scripts/templates/grammaticality-value-representation.js
new file mode 100644
index 0000000..6b67640
--- /dev/null
+++ b/.tmp/scripts/templates/grammaticality-value-representation.js
@@ -0,0 +1,60 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\'\n  ><span\n    class=\''));
+    
+      _print(this.grammaticalityClass);
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(this.grammaticalityValue);
+    
+      _print(_safe('</span\n  >'));
+    
+      _print(this.value);
+    
+      _print(_safe('</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/help-dialog.js b/.tmp/scripts/templates/help-dialog.js
new file mode 100644
index 0000000..7c597f0
--- /dev/null
+++ b/.tmp/scripts/templates/help-dialog.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-help-dialog\'>\n\n  <div class="help-search-container">\n\n    <label for="help-search">\n      <i class="fa fa-search black-fa"></i>\n    </label>\n\n    <input class="ui-corner-all dative-tooltip" type="text" name="help-search"\n      title="Search through the help text" spellcheck="false" />\n\n  </div>\n\n  <div class="help-search-spacer"></div>\n\n  <div class="help-content-container">\n    <div class="help-content"></div>\n  </div>\n\n</div>\n\n<div class=\'dative-help-dialog-target\'><div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/home.js b/.tmp/scripts/templates/home.js
new file mode 100644
index 0000000..56ed767
--- /dev/null
+++ b/.tmp/scripts/templates/home.js
@@ -0,0 +1,64 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-page-header ui-widget-header ui-corner-top\'>\n\n    '));
+    
+      if (this.header) {
+        _print(_safe('\n        <div class=\'dative-page-header-title\'>'));
+        _print(this.header);
+        _print(_safe('</div>\n    '));
+      } else {
+        _print(_safe('\n        <div class=\'dative-page-header-title\'>Dative Home Page</div>\n    '));
+      }
+    
+      _print(_safe('\n\n</div>\n\n<div class=\'dative-page-body large-unicode-font\'>\n    '));
+    
+      if (this.html) {
+        _print(_safe('\n        <div class=\'html-snippet homepage\'>\n            '));
+        _print(_safe(this.html));
+        _print(_safe('\n        </div>\n    '));
+      } else {
+        _print(_safe('\n        <p class=\'paragraph-widget ui-corner-all\'>Welcome to Dative, an\n            application for linguistic fieldwork.</p>\n    '));
+      }
+    
+      _print(_safe('\n</div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/html-snippet-representation.js b/.tmp/scripts/templates/html-snippet-representation.js
new file mode 100644
index 0000000..160d4d0
--- /dev/null
+++ b/.tmp/scripts/templates/html-snippet-representation.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'html-content-field-wrapper ui-corner-all\'>\n  <div\n    class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe(' html-content-field Scrollable\'\n    >'));
+    
+      _print(_safe(this.valueFormatter(this.value)));
+    
+      _print(_safe('</div>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/importer-dialog.js b/.tmp/scripts/templates/importer-dialog.js
new file mode 100644
index 0000000..79208bf
--- /dev/null
+++ b/.tmp/scripts/templates/importer-dialog.js
@@ -0,0 +1,58 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var data, ref, type;
+    
+      _print(_safe('<div class=\'dative-importer-dialog\'>\n    <div class="dative-importer-dialog-content-container">\n\n        <div class="dative-importer-dialog-import">\n\n            <i class=\'import-spinner fa fa-fw fa-circle-o-notch fa-spin\'></i>\n\n            <ul class=\'fieldset importer-fieldset\'>\n\n                <li class=\'dative-form-field\'>\n                    <div class=\'dative-field-label-container\'>\n                        <label for=\'import_button\'\n                            class=\'dative-field-label dative-tooltip\'\n                            title=\'Choose a file to import\'\n                    >Import file</label></div>\n                    <div class=\'dative-field-input-container\'>\n                        <button\n                            class=\'choose-import-file-button\n                                ui-corner-all\n                                dative-tooltip\n                                dative-input-field\'\n                            title=\'Choose a file to import\'\n                            >Choose file</button>\n                        <span class=\'import-file-name\'></span>\n                        <div class=\'file-upload-container\'>\n                            <div class=\'file-upload-status\'>Uploading file data ...</div>\n                            <div class=\'file-upload-progress-bar\'></div>\n                        </div>\n                        <!-- this is the hidden input tag -->\n                        <div\n                            style=\'height: 0px;width:0px; overflow:hidden;\'\n                            ><input\n                                type="file"\n                                name=\'file-upload-input\'\n                                tabindex=\'999\'\n                                /></div>\n                    </div>\n                </li>\n\n                <li class=\'dative-form-field\'>\n                    <div\n                    class=\'dative-field-label-container\'>\n                        <label for=\'import_type\'\n                            class=\'dative-field-label dative-tooltip\'\n                            title=\'Select the format of your input file\'\n                    >Import file format</label></div>\n                    <div\n                    class=\'dative-field-input-container\'>\n                        <select\n                            name=\'import_type\'\n                            class=\'import-type dative-tooltip\'\n                            title=\'Choose an import type\'>\n                            '));
+    
+      ref = this.importTypes;
+      for (type in ref) {
+        data = ref[type];
+        _print(_safe('\n                                <option value=\''));
+        _print(type);
+        _print(_safe('\'\n                                    >'));
+        _print(data.label);
+        _print(_safe('</option>\n                            '));
+      }
+    
+      _print(_safe('\n                        </select></div>\n                </li>\n\n            </ul>\n\n        </div>\n\n        <div class="dative-importer-dialog-preview">\n            <div class=\'import-controls-container\'>\n                <button\n                    class=\'import-selected-button\n                        ui-corner-all\n                        dative-tooltip\'\n                    title=\'Click to import all selected forms\'\n                    ><i class=\'import-selected-button-text\'>Import Selected</i><i\n                        class=\'fa fa-fw fa-upload\'></i></button>\n                <button\n                    class=\'view-selected-button\n                        ui-corner-all\n                        dative-tooltip\'\n                    title=\'View the selected rows as Dative forms (IGT display)\'\n                    >View Selected</button>\n                <button\n                    class=\'validate-selected-button\n                        ui-corner-all\n                        dative-tooltip\'\n                    title=\'Check for issues/errors in all selected rows\'\n                    >Validate Selected</button>\n            </div>\n\n            <div class=\'errors-container general-errors-container\n                invisible\'>\n                <h1 class=\'errors-header ui-state-error ui-corner-all\'\n                    ><i class=\'errors-header-icon fa fa-fw\n                    fa-exclamation-triangle\'></i\n                    ><span class=\'errors-header-text\'>Errors</span></h1>\n                <div class=\'errors-inner-container\'></div>\n            </div>\n\n            <div class=\'warnings-container general-warnings-container\n                invisible\'>\n                <h1 class=\'warnings-header ui-state-highlight ui-corner-all\'\n                    ><i class=\'warnings-header-icon fa fa-fw\n                    fa-exclamation-triangle\'></i\n                    ><span class=\'warnings-header-text\'>Warnings</span></h1>\n                <div class=\'warnings-inner-container\'></div>\n            </div>\n\n            <div class=\'import-preview-table\'>\n                <div class=\'import-preview-table-head\'></div>\n                <div class=\'import-preview-table-body\'></div>\n            </div>\n        </div>\n\n    </div>\n</div>\n\n<div class=\'dative-importer-dialog-target\'><div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/input-textarea-input.js b/.tmp/scripts/templates/input-textarea-input.js
new file mode 100644
index 0000000..d396a1c
--- /dev/null
+++ b/.tmp/scripts/templates/input-textarea-input.js
@@ -0,0 +1,76 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<input\n  type=\'text\'\n  name=\''));
+    
+      _print(this.inputName);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this.inputClass);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\'\n  title=\''));
+    
+      _print(this.inputTitle);
+    
+      _print(_safe('\'\n  value=\''));
+    
+      _print(this.inputValue);
+    
+      _print(_safe('\' />\n\n<textarea\n  rows=\'1\'\n  name=\''));
+    
+      _print(this.textareaName);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this.textareaClass);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         textarea-input\'\n  title=\''));
+    
+      _print(this.textareaTitle);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.textareaValue);
+    
+      _print(_safe('</textarea>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/keyboard-input.js b/.tmp/scripts/templates/keyboard-input.js
new file mode 100644
index 0000000..ff7f44e
--- /dev/null
+++ b/.tmp/scripts/templates/keyboard-input.js
@@ -0,0 +1,298 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var colIndex, coord, dim, editable, fontSize, height, i, j, k, keyCount, l, label, len, len1, len2, meta, mode, ref, ref1, ref2, ref3, ref4, ref5, ref6, repr, rowIndex, spacerHeight, style, subIndex, subcoord, subdim, title, width;
+    
+      _print(_safe('<div class=\'keyboard-table\'>\n'));
+    
+      ref = this.keyboardLayout.rows;
+      for (rowIndex = i = 0, len = ref.length; i < len; rowIndex = ++i) {
+        keyCount = ref[rowIndex];
+        _print(_safe('\n    <div class=\'keyboard-table-row row-'));
+        _print(rowIndex);
+        _print(_safe('\'>\n\n    '));
+        for (colIndex = j = 0, ref1 = keyCount; 0 <= ref1 ? j < ref1 : j > ref1; colIndex = 0 <= ref1 ? ++j : --j) {
+          _print(_safe('\n        '));
+          coord = rowIndex + "-" + colIndex;
+          _print(_safe('\n        '));
+          meta = this.keyboardLayout.coord2meta[coord];
+          _print(_safe('\n        '));
+          ref2 = [meta != null ? meta.editable : void 0, meta != null ? meta.repr : void 0], editable = ref2[0], repr = ref2[1];
+          _print(_safe('\n        '));
+          dim = this.keyboardLayout.dimensions[coord];
+          _print(_safe('\n\n        '));
+          if (dim) {
+            _print(_safe('\n\n            <!-- CASE: array of dimension objects (sub-keys) -->\n            '));
+            if (dim.length) {
+              _print(_safe('\n                <div class=\'keyboard-table-cell-container ui-corner-all\'>\n                    '));
+              for (subIndex = k = 0, len1 = dim.length; k < len1; subIndex = ++k) {
+                subdim = dim[subIndex];
+                _print(_safe('\n                        '));
+                subcoord = coord + "-" + subIndex;
+                _print(_safe('\n                        '));
+                meta = this.keyboardLayout.coord2meta[subcoord];
+                _print(_safe('\n                        '));
+                ref3 = [meta != null ? meta.editable : void 0, meta != null ? meta.repr : void 0], editable = ref3[0], repr = ref3[1];
+                _print(_safe('\n                        '));
+                width = subdim.width * this.keyboardLayout.ppi;
+                _print(_safe('\n                        '));
+                height = subdim.height * this.keyboardLayout.ppi;
+                _print(_safe('\n                        '));
+                if (height > 25) {
+                  spacerHeight = 0.4 * height;
+                } else {
+                  spacerHeight = 0;
+                }
+                _print(_safe('\n                        '));
+                if (editable) {
+                  _print(_safe('\n                            '));
+                  if (this.editable) {
+                    _print(_safe('\n                                '));
+                    title = meta.unicodeMetadata[0] + ". Double-click to edit.";
+                    _print(_safe('\n                            '));
+                  } else {
+                    _print(_safe('\n                                '));
+                    title = meta.unicodeMetadata[0] + ".";
+                    _print(_safe('\n                            '));
+                  }
+                  _print(_safe('\n                        <div class=\'editable dative-tooltip keyboard-table-cell coord-'));
+                  _print(subcoord);
+                  _print(_safe(' ui-corner-all\'\n                             title=\''));
+                  title;
+                  _print(_safe('\'\n                        '));
+                } else {
+                  _print(_safe('\n                        <div class=\'uneditable keyboard-table-cell coord-'));
+                  _print(subcoord);
+                  _print(_safe(' ui-corner-all\'\n                        '));
+                }
+                _print(_safe('\n                             style=\'width: '));
+                _print(width);
+                _print(_safe('px; height: '));
+                _print(height);
+                _print(_safe('px;\'\n                             data-coord=\''));
+                _print(subcoord);
+                _print(_safe('\'>\n                            <div class=\'spacer-above-repr\'\n                                 style=\'height: '));
+                _print(spacerHeight);
+                _print(_safe('px;\'></div>\n                            <div class=\'key-repr keyboard-cell-repr\'\n                                 >'));
+                _print(repr[0]);
+                _print(_safe('</div>\n                            <div class=\'key-repr keyboard-cell-shift-repr\'\n                                 style=\'display: none;\'>'));
+                _print(repr[1]);
+                _print(_safe('</div>\n                            <div class=\'key-repr keyboard-cell-alt-repr\'\n                                 style=\'display: none;\'>'));
+                _print(repr[2]);
+                _print(_safe('</div>\n                            <div class=\'key-repr keyboard-cell-alt-shift-repr\'\n                                 style=\'display: none;\'>'));
+                _print(repr[3]);
+                _print(_safe('</div>\n                        </div>\n                    '));
+              }
+              _print(_safe('\n                </div>\n\n            <!-- CASE: single dimension objects for single key -->\n            '));
+            } else {
+              _print(_safe('\n                '));
+              width = dim.width * this.keyboardLayout.ppi;
+              _print(_safe('\n                '));
+              height = dim.height * this.keyboardLayout.ppi;
+              _print(_safe('\n                '));
+              if (!repr[1] && height > 25) {
+                style = ' style=\'margin-top: 1em;\'';
+              } else {
+                style = '';
+              }
+              _print(_safe('\n                '));
+              if (((ref4 = repr[0]) != null ? ref4.length : void 0) > 5) {
+                fontSize = ' font-size: 75%;';
+              } else {
+                fontSize = '';
+              }
+              _print(_safe('\n                '));
+              if (height > 25) {
+                spacerHeight = 0.4 * height;
+              } else {
+                spacerHeight = 0;
+              }
+              _print(_safe('\n                '));
+              if (editable) {
+                _print(_safe('\n                    '));
+                if (this.editable) {
+                  _print(_safe('\n                        '));
+                  title = meta.unicodeMetadata[0] + ". Double-click to edit.";
+                  _print(_safe('\n                    '));
+                } else {
+                  _print(_safe('\n                        '));
+                  title = meta.unicodeMetadata[0] + ".";
+                  _print(_safe('\n                    '));
+                }
+                _print(_safe('\n                <div class=\'editable dative-tooltip keyboard-table-cell coord-'));
+                _print(coord);
+                _print(_safe(' ui-corner-all\'\n                     title=\''));
+                _print(title);
+                _print(_safe('\'\n                '));
+              } else {
+                _print(_safe('\n                <div class=\'uneditable keyboard-table-cell coord-'));
+                _print(coord);
+                _print(_safe(' ui-corner-all\'\n                '));
+              }
+              _print(_safe('\n                     style=\'width: '));
+              _print(width);
+              _print(_safe('px; height: '));
+              _print(height);
+              _print(_safe('px;'));
+              _print(fontSize);
+              _print(_safe('\'\n                     data-coord=\''));
+              _print(coord);
+              _print(_safe('\'>\n                    <div class=\'spacer-above-repr\'\n                         style=\'height: '));
+              _print(spacerHeight);
+              _print(_safe('px;\'></div>\n                    <div class=\'key-repr keyboard-cell-repr\'\n                         >'));
+              _print(repr[0]);
+              _print(_safe('</div>\n                    <div class=\'key-repr keyboard-cell-shift-repr\'\n                         style=\'display: none;\'>'));
+              _print(repr[1]);
+              _print(_safe('</div>\n                    <div class=\'key-repr keyboard-cell-alt-repr\'\n                         style=\'display: none;\'>'));
+              _print(repr[2]);
+              _print(_safe('</div>\n                    <div class=\'key-repr keyboard-cell-alt-shift-repr\'\n                         style=\'display: none;\'>'));
+              _print(repr[3]);
+              _print(_safe('</div>\n                </div>\n            '));
+            }
+            _print(_safe('\n\n        <!-- CASE: default dimensions for single key -->\n        '));
+          } else {
+            _print(_safe('\n            '));
+            width = this.keyboardLayout.defaultDimensions.width * this.keyboardLayout.ppi;
+            _print(_safe('\n            '));
+            height = this.keyboardLayout.defaultDimensions.height * this.keyboardLayout.ppi;
+            _print(_safe('\n            '));
+            if (((ref5 = repr[0]) != null ? ref5.length : void 0) > 5) {
+              fontSize = ' font-size: 75%;';
+            } else {
+              fontSize = '';
+            }
+            _print(_safe('\n            '));
+            if (height > 25) {
+              spacerHeight = 0.4 * height;
+            } else {
+              spacerHeight = 0;
+            }
+            _print(_safe('\n            '));
+            if (editable) {
+              _print(_safe('\n                '));
+              if (this.editable) {
+                _print(_safe('\n                    '));
+                title = meta.unicodeMetadata[0] + ". Double-click to edit.";
+                _print(_safe('\n                '));
+              } else {
+                _print(_safe('\n                    '));
+                title = meta.unicodeMetadata[0] + ".";
+                _print(_safe('\n                '));
+              }
+              _print(_safe('\n            <div class=\'editable dative-tooltip keyboard-table-cell coord-'));
+              _print(coord);
+              _print(_safe(' ui-corner-all\'\n                 title=\''));
+              _print(title);
+              _print(_safe('\'\n            '));
+            } else {
+              _print(_safe('\n            <div class=\'uneditable keyboard-table-cell coord-'));
+              _print(coord);
+              _print(_safe(' ui-corner-all\'\n            '));
+            }
+            _print(_safe('\n                 style=\'width: '));
+            _print(width);
+            _print(_safe('px; height: '));
+            _print(height);
+            _print(_safe('px;'));
+            _print(fontSize);
+            _print(_safe('\'\n                 data-coord=\''));
+            _print(coord);
+            _print(_safe('\'>\n                 <div class=\'spacer-above-repr\'\n                      style=\'height: '));
+            _print(spacerHeight);
+            _print(_safe('px;\'></div>\n                <div class=\'key-repr keyboard-cell-repr\'>'));
+            _print(repr[0]);
+            _print(_safe('</div>\n                <div class=\'key-repr keyboard-cell-shift-repr\'\n                     style=\'display: none;\'>'));
+            _print(repr[1]);
+            _print(_safe('</div>\n                <div class=\'key-repr keyboard-cell-alt-repr\'\n                     style=\'display: none;\'>'));
+            _print(repr[2]);
+            _print(_safe('</div>\n                <div class=\'key-repr keyboard-cell-alt-shift-repr\'\n                     style=\'display: none;\'>'));
+            _print(repr[3]);
+            _print(_safe('</div>\n            </div>\n        '));
+          }
+          _print(_safe('\n\n    '));
+        }
+        _print(_safe('\n\n    </div>\n'));
+      }
+    
+      _print(_safe('\n</div>\n\n<div class=\'keyboard-test-input-container\'>\n    <textarea class=\'dative-tooltip keyboard-test-input ui-corner-all\'\n        title=\'Test the keyboard here\'\n    ></textarea>\n</div>\n\n<div class=\'key-map-interface\' style=\'display: none;\'>\n\n    <div class=\'key-map-table ui-corner-all dative-shadowed-widget ui-widget ui-widget-content\'>\n        <div class=\'key-map-table-header dative-widget-header ui-widget-header\n            ui-corner-top\'>\n            <div class=\'dative-widget-header-title container-center\'>\n                Key #<span class=\'key-map-table-keycode\'></span>\n            </div>\n            <div class=\'button-container-left\'>\n                <button class="hide-key-map-table dative-tooltip"\n                        title="hide key map interface">\n                    <i class=\'fa fa-times fa-fw\'></i>\n                </button>\n            </div>\n        </div>\n        <div class=\'dative-widget-body\'>\n            '));
+    
+      ref6 = ['default', 'shift', 'alt', 'altshift'];
+      for (l = 0, len2 = ref6.length; l < len2; l++) {
+        mode = ref6[l];
+        _print(_safe('\n            '));
+        if (mode === 'altshift') {
+          _print(_safe('\n                '));
+          label = 'alt+shift';
+          title = ' and the alt and shift keys are being held down.';
+          _print(_safe('\n            '));
+        } else {
+          _print(_safe('\n                '));
+          label = mode;
+          _print(_safe('\n                '));
+          if (mode === 'alt') {
+            _print(_safe('\n                    '));
+            title = ' and the alt key is being held down.';
+            _print(_safe('\n                '));
+          } else if (mode === 'shift') {
+            _print(_safe('\n                    '));
+            title = ' and the shift key is being held down.';
+            _print(_safe('\n                '));
+          } else {
+            _print(_safe('\n                    '));
+            title = '.';
+            _print(_safe('\n                '));
+          }
+          _print(_safe('\n            '));
+        }
+        _print(_safe('\n            <div class=\'key-mapping\'>\n                <div class=\'key-mapping-label-container\'>\n                    <label for=\''));
+        _print(mode);
+        _print(_safe('\' class=\'key-mapping-label\'\n                        >'));
+        _print(label);
+        _print(_safe('</label>\n                </div>\n                <textarea name=\''));
+        _print(mode);
+        _print(_safe('\' data-keycode=\'\'\n                    maxlength=\'5\' title=\'Enter the character or string that\n                        should be produced when this key is pressed'));
+        _print(title);
+        _print(_safe('\'\n                    class=\'dative-tooltip ui-corner-all key-mapping-value\'\n                    ></textarea>\n            </div>\n            '));
+      }
+    
+      _print(_safe('\n        </div>\n    </div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/label.js b/.tmp/scripts/templates/label.js
new file mode 100644
index 0000000..9932908
--- /dev/null
+++ b/.tmp/scripts/templates/label.js
@@ -0,0 +1,56 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<label\n  for=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\'dative-field-label\n         dative-tooltip\'\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.label);
+    
+      _print(_safe('</label>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/login-dialog.js b/.tmp/scripts/templates/login-dialog.js
new file mode 100644
index 0000000..97cd0da
--- /dev/null
+++ b/.tmp/scripts/templates/login-dialog.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-login-dialog\'>\n\n  <ul class=\'fieldset\'>\n\n    <li class="active-server"></li>\n\n    <li>\n      <label for=\'username\'>Username</label>\n      <input type=\'text\' name=\'username\' class=\'username dative-tooltip ui-corner-all\'\n        title="enter your username" tabindex=0 id="big" />\n      <span class=\'ui-state-error ui-corner-all dative-login-failed\n        username-error\'></span>\n    </li>\n\n    <li>\n      <label for=\'password\'>Password</label>\n      <input type=\'password\' name=\'password\' class=\'password dative-tooltip ui-corner-all\'\n        title="enter your password" tabindex=0 />\n      <span class=\'ui-state-error ui-corner-all dative-login-failed\n        password-error\'></span>\n    </li>\n\n  </ul>\n\n</div>\n\n<div class=\'dative-login-dialog-target\'><div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/mainmenu.js b/.tmp/scripts/templates/mainmenu.js
new file mode 100644
index 0000000..eb9d091
--- /dev/null
+++ b/.tmp/scripts/templates/mainmenu.js
@@ -0,0 +1,48 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<ul class="sf-menu">\n\n    <li><a>Dative</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li>\n              <a data-event="request:applicationSettingsBrowse"\n                 >Application Settings</a>\n            </li>\n            <li>\n                <a data-event="request:home">Home</a>\n            </li>\n            <li class="requires-authentication">\n                <a data-event="request:pagesBrowse" data-meta="true">Pages</a>\n            </li>\n            <li class=\'requires-authentication fielddb\'>\n                <a data-event="request:corporaBrowse">Corpora</a>\n            </li>\n            <li>\n              <a data-event="request:openRegisterDialogBox"\n                >Register</a>\n            </li>\n            <li class="requires-authentication">\n                <a data-event="request:toggleTasksDialog">Tasks</a>\n            </li>\n        </ul>\n    </li>\n\n    <li class=\'requires-authentication\'><a>Forms</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li class=\'requires-authentication\'>\n                <a data-event="request:formAdd">Add</a>\n            </li>\n            <li class=\'requires-authentication\'>\n                <a data-event="request:searchesBrowse" data-meta="true">Saved Searches</a>\n            </li>\n            <li class=\'requires-authentication\'>\n                <a data-event="request:formsBrowse" data-meta="true">Browse</a>\n            </li>\n            <li class=\'requires-authentication\'>\n                <a data-event="request:formsImport">Import</a>\n            </li>\n        </ul>\n    </li>\n\n    <li class=\'requires-authentication old hideable\'><a>Corpora</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li class=\'requires-authentication\'>\n              <a data-event="request:subcorpusAdd">Add</a>\n            </li>\n            <li class=\'requires-authentication\'>\n              <a data-event="request:subcorporaBrowse" data-meta="true">Browse</a>\n            </li>\n        </ul>\n    </li>\n\n    <li class=\'requires-authentication old hideable\'><a>Resources</a>\n        <ul class=\'ui-corner-bottom\'>\n\n            <li class=\'requires-authentication\'>\n                <a data-event="request:syntacticCategoriesBrowse" data-meta="true"\n                    >Categories</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n              <a data-event="request:collectionsBrowse" data-meta="true">Collections</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n                <a data-event="request:elicitationMethodsBrowse" data-meta="true"\n                    >Elicitation Methods</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n              <a data-event="request:filesBrowse" data-meta="true">Files</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n                <a data-event="request:keyboardsBrowse" data-meta="true"\n                    >Keyboards</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n                <a data-event="request:languagesBrowse" data-meta="true">Languages</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n                <a data-event="request:orthographiesBrowse" data-meta="true">Orthographies</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n                <a data-event="request:sourcesBrowse" data-meta="true">Sources</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n                <a data-event="request:speakersBrowse" data-meta="true">Speakers</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n                <a data-event="request:tagsBrowse" data-meta="true">Tags</a>\n            </li>\n\n            <li class=\'requires-authentication\'>\n              <a data-event="request:usersBrowse" data-meta="true">Users</a>\n            </li>\n\n        </ul>\n    </li>\n\n    <li class=\'requires-authentication old hideable\'><a>Analysis</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li class=\'requires-authentication\'\n              ><a data-event="request:phonologiesBrowse" data-meta="true">Phonologies</a>\n            </li>\n            <li class=\'requires-authentication\'\n              ><a data-event="request:morphologiesBrowse" data-meta="true">Morphologies</a>\n            </li>\n            <li class=\'requires-authentication\'\n              ><a data-event="request:languageModelsBrowse" data-meta="true">Language Models</a>\n            </li>\n            <li class=\'requires-authentication\'\n              ><a data-event="request:morphologicalParsersBrowse" data-meta="true"\n                  >Morphological Parsers</a>\n            </li>\n        </ul>\n    </li>\n\n    <!--\n    <li><a>Files</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li><a data-event="request:fileAdd">Add</a></li>\n            <li><a data-event="request:filesSearch">Search</a></li>\n            <li><a data-event="request:filesBrowse">Browse</a></li>\n        </ul>\n    </li>\n\n    <li><a>Collections</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li><a data-event="request:collectionAdd">Add</a></li>\n            <li><a data-event="request:collectionsSearch">Search</a></li>\n            <li><a data-event="request:collectionsBrowse">Browse</a></li>\n        </ul>\n    </li>\n\n    <li><a>Analysis</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li><a data-event="request:phonology">Phonology</a></li>\n            <li><a data-event="request:analyzedWordsCorpus">\n                Analyzed Words Corpus</a></li>\n            <li><a data-event="request:morphotactics">Morphotactics</a></li>\n            <li><a data-event="request:morphophonology">\n                Morphophonology</a></li>\n            <li><a data-event="request:morphologicalProbabilityCalculator">\n                Morphological Probability Calculator</a></li>\n            <li><a data-event="request:morphologicalParser">\n                Morphological Parser</a></li>\n        </ul>\n    </li>\n\n    <li><a>Dictionary</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li><a data-event="request:dictionarySetup">Setup</a></li>\n            <li><a data-event="request:dictionarySearch">Search</a></li>\n            <li><a data-event="request:dictionaryBrowse">Browse</a></li>\n        </ul>\n    </li>\n\n    <li><a>People</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li><a data-event="request:viewSpeakers">Speakers</a></li>\n            <li><a data-event="request:viewUsers">Users</a></li>\n        </ul>\n    </li>\n\n    <li><a>Tags</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li><a>Tags</a></li>\n            <li><a>Syntactic Categories</a></li>\n            <li><a>Elicitation Methods</a></li>\n        </ul>\n    </li>\n\n    <li><a>Sources</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li><a>Add</a></li>\n            <li><a>Browse</a></li>\n        </ul>\n    </li>\n\n    -->\n\n    <li class=\'hideable\'><a>Help</a>\n        <ul class=\'ui-corner-bottom\'>\n            <li><a data-event="request:toggleHelpDialogBox">Help Page</a></li>\n            <li><a >Version '));
+    
+      _print(this.version);
+    
+      _print(_safe('</a></li>\n        </ul>\n    </li>\n\n    <li class=\'hideable\'><a>Account</a>\n        <ul class=\'ui-corner-bottom\'>\n            <!--\n            <li><a>My Page</a></li>\n            <li><a>My Settings</a></li>\n            <li><a>My Memory</a></li>\n            -->\n            <li><a data-event="request:openLoginDialogBox">Login</a></li>\n        </ul>\n    </li>\n\n    <li class=\'menu-overflow\' style=\'display: none;\'>\n        <a><i class=\'fa fa-fw fa-angle-double-right\'></i></a>\n        <ul class=\'ui-corner-bottom\'></ul>\n    </li>\n\n</ul>\n\n<div class=\'container-center active-corpus-name\'>\n</div>\n\n<div class=\'container-right\'>\n\n    <a class=\'active-keyboard dative-tooltip\'\n       title=\'browse keyboards in a dialog window\'\n        ><i class=\'fa fa-keyboard-o fa-fw\'></i>\n    </a>\n\n  <a class="dative-help" title="help with using Dative">\n    <i class=\'fa fa-question fa-fw\'></i>\n  </a>\n\n  <a class="dative-authenticated" title="login">\n    <i class=\'fa fa-lock fa-fw\'></i>\n  </a>\n\n  <a class="logged-in-username" title="you are not logged in"></a>\n</div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/modified-by-user-representation.js b/.tmp/scripts/templates/modified-by-user-representation.js
new file mode 100644
index 0000000..dfee9c2
--- /dev/null
+++ b/.tmp/scripts/templates/modified-by-user-representation.js
@@ -0,0 +1,68 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\'\n  ><span\n    class=\''));
+    
+      _print(this.usernameClass);
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(this.usernameValue);
+    
+      _print(_safe('</span\n  > (<span\n    class=\''));
+    
+      _print(this.timestampClass);
+    
+      _print(_safe('\n           dative-tooltip\'\n    title=\'This modification was made on '));
+    
+      _print(this.humanDatetime(this.timestampValue));
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(this.timeSince(this.timestampValue));
+    
+      _print(_safe('</span\n  >)</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/multi-element-tag-input.js b/.tmp/scripts/templates/multi-element-tag-input.js
new file mode 100644
index 0000000..bfc596b
--- /dev/null
+++ b/.tmp/scripts/templates/multi-element-tag-input.js
@@ -0,0 +1,64 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, len, object, ref;
+    
+      _print(_safe('<ul\n    title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n    class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\'>\n    '));
+    
+      ref = this.value;
+      for (i = 0, len = ref.length; i < len; i++) {
+        object = ref[i];
+        _print(_safe('\n        <li>'));
+        _print(object.name);
+        _print(_safe('</li>\n    '));
+      }
+    
+      _print(_safe('\n</ul>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/multiselect-input.js b/.tmp/scripts/templates/multiselect-input.js
new file mode 100644
index 0000000..81eda0d
--- /dev/null
+++ b/.tmp/scripts/templates/multiselect-input.js
@@ -0,0 +1,98 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, len, options, ref, ref1, selectOption, x,
+        indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+    
+      _print(_safe('<select\n  multiple=\'multiple\'\n  name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n         dative-tooltip\'\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'>\n  '));
+    
+      options = this.options[this.optionsAttribute] || [];
+    
+      _print(_safe('\n  '));
+    
+      ref = _.sortBy(options, (function(_this) {
+        return function(x) {
+          return x[_this.sortByAttribute].toLowerCase();
+        };
+      })(this));
+      for (i = 0, len = ref.length; i < len; i++) {
+        selectOption = ref[i];
+        _print(_safe('\n    '));
+        if (ref1 = this.selectValueGetter(selectOption), indexOf.call((function() {
+          var j, len1, ref2, results;
+          ref2 = this.value;
+          results = [];
+          for (j = 0, len1 = ref2.length; j < len1; j++) {
+            x = ref2[j];
+            results.push(this.selectValueGetter(x));
+          }
+          return results;
+        }).call(this), ref1) >= 0) {
+          _print(_safe('\n      <option value="'));
+          _print(this.selectValueGetter(selectOption));
+          _print(_safe('" selected\n        >'));
+          _print(this.selectTextGetter(selectOption));
+          _print(_safe('</option>\n    '));
+        } else {
+          _print(_safe('\n      <option value="'));
+          _print(this.selectValueGetter(selectOption));
+          _print(_safe('"\n        >'));
+          _print(this.selectTextGetter(selectOption));
+          _print(_safe('</option>\n    '));
+        }
+        _print(_safe('\n  '));
+      }
+    
+      _print(_safe('\n</select>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/notification.js b/.tmp/scripts/templates/notification.js
new file mode 100644
index 0000000..5be080f
--- /dev/null
+++ b/.tmp/scripts/templates/notification.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'notification-title\'><i class=\'icon\'></i>'));
+    
+      _print(this.title);
+    
+      _print(_safe('</div>\n<div class=\'notification-content\'>'));
+    
+      _print(this.content);
+    
+      _print(_safe('</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/notifier.js b/.tmp/scripts/templates/notifier.js
new file mode 100644
index 0000000..db17a45
--- /dev/null
+++ b/.tmp/scripts/templates/notifier.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'notifier\'>\n    <div class=\'notifications-container\'></div>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/page.js b/.tmp/scripts/templates/page.js
new file mode 100644
index 0000000..f3117f0
--- /dev/null
+++ b/.tmp/scripts/templates/page.js
@@ -0,0 +1,60 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="dative-page-name">'));
+    
+      _print(this.name);
+    
+      _print(_safe('</div>\n\n'));
+    
+      if (this.html) {
+        _print(_safe('\n    '));
+        _print(this.html);
+        _print(_safe('\n    <div>ggg html</div>\n'));
+      } else {
+        _print(_safe('\n    <div class="dative-page-content">X'));
+        _print(this.content);
+        _print(_safe('</div>\n    <div>fff html</div>\n'));
+      }
+    
+      _print(_safe('\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/pagination-item-table.js b/.tmp/scripts/templates/pagination-item-table.js
new file mode 100644
index 0000000..9130c08
--- /dev/null
+++ b/.tmp/scripts/templates/pagination-item-table.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<tbody>\n  <tr>\n    <td class=\'dative-pagin-item-index-cell\'>\n      <span class=\'dative-pagin-item-index\'>('));
+    
+      _print(this.integerWithCommas(this.index));
+    
+      _print(_safe(')\n    </td>\n    <td class=\'dative-pagin-item-content\'>\n        <div id=\''));
+    
+      _print(this.resourceId);
+    
+      _print(_safe('\'></div>\n    </td>\n  </tr>\n</tbody>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/pagination-menu-top.js b/.tmp/scripts/templates/pagination-menu-top.js
new file mode 100644
index 0000000..eec67fe
--- /dev/null
+++ b/.tmp/scripts/templates/pagination-menu-top.js
@@ -0,0 +1,64 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, integer, len, ref, selected;
+    
+      _print(_safe('<div class=\'button-container-left\'>\n\n  <button class="first-page dative-tooltip"\n    title="go to first page">\n    <i class="fa fa-angle-double-left fa-fw"></i>\n  </button>\n\n  <button class="previous-page dative-tooltip"\n    title="go to previous page">\n    <i class="fa fa-angle-left fa-fw"></i>\n  </button>\n\n</div>\n\n<div class=\'button-container-center\'>\n\n  <select name=\'items-per-page\'>\n    '));
+    
+      ref = this.possibleItemsPerPage;
+      for (i = 0, len = ref.length; i < len; i++) {
+        integer = ref[i];
+        _print(_safe('\n      '));
+        selected = integer === this.itemsPerPage ? 'selected' : '';
+        _print(_safe('\n      <option value=\''));
+        _print(integer);
+        _print(_safe('\' '));
+        _print(selected);
+        _print(_safe('\n        >'));
+        _print(integer);
+        _print(_safe(' '));
+        _print(this.pluralizeByNum('item', integer));
+        _print(_safe(' per page\n      </option>\n    '));
+      }
+    
+      _print(_safe('\n  </select>\n\n  <button class="current-minus-3 dative-tooltip"\n    title="go three pages back"></button>\n\n  <button class="current-minus-2 dative-tooltip"\n    title="go two pages back"></button>\n\n  <button class="current-minus-1 dative-tooltip"\n    title="go one page back"></button>\n\n  <button class="current-page dative-tooltip"\n    title="current page"></button>\n\n  <button class="current-plus-1 dative-tooltip"\n    title="go one page forward"></button>\n\n  <button class="current-plus-2 dative-tooltip"\n    title="go two pages forward"></button>\n\n  <button class="current-plus-3 dative-tooltip"\n    title="go three pages forward"></button>\n\n</div>\n\n<div class=\'button-container-right\'>\n\n  <button class="next-page dative-tooltip"\n    title="go to next page">\n    <i class="fa fa-angle-right fa-fw"></i>\n  </button>\n\n  <button class="last-page dative-tooltip"\n    title="go to last page">\n    <i class="fa fa-angle-double-right fa-fw"></i>\n  </button>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/parse-control.js b/.tmp/scripts/templates/parse-control.js
new file mode 100644
index 0000000..6742bea
--- /dev/null
+++ b/.tmp/scripts/templates/parse-control.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<textarea\n    rows=\'1\'\n    name=\'parse\'\n    class=\'ui-corner-all\n           form-add-input\n           dative-tooltip\n           dative-input-field\n           control-input\'\n    title=\'Enter one or more words here and click the “Parse” button\n        in order to parse those words using this parser.\'\n></textarea>\n<button\n    class=\'parse align-top dative-tooltip\'\n    title=\'Enter one or more words in the input on the left and click here\n        in order to parse those words using this parser.\'\n>Parse</button>\n<div class=\'parse-results\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/password-input.js b/.tmp/scripts/templates/password-input.js
new file mode 100644
index 0000000..736260d
--- /dev/null
+++ b/.tmp/scripts/templates/password-input.js
@@ -0,0 +1,74 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, ref, value;
+    
+      _print(_safe('<input\n  type=\'password\'\n  name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         input-only\'\n  '));
+    
+      ref = this.domAttributes;
+      for (attribute in ref) {
+        value = ref[attribute];
+        _print(_safe('\n    '));
+        _print(attribute);
+        _print(_safe('="'));
+        _print(value);
+        _print(_safe('"\n  '));
+      }
+    
+      _print(_safe('\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n  value=\''));
+    
+      _print(this.value);
+    
+      _print(_safe('\'>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/progress-widget.js b/.tmp/scripts/templates/progress-widget.js
new file mode 100644
index 0000000..7be37ce
--- /dev/null
+++ b/.tmp/scripts/templates/progress-widget.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'progress-widget ui-widget ui-widget-content ui-corner-all\'>\n  <div id=\'progress-widget-spinner\' class=\'progress-widget-spinner\'>\n  </div>\n  <div class=\'progress-widget-tasks\'>\n    <ul>\n    </ul>\n  <div>\n</div>\n\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/register-dialog.js b/.tmp/scripts/templates/register-dialog.js
new file mode 100644
index 0000000..a50e703
--- /dev/null
+++ b/.tmp/scripts/templates/register-dialog.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-register-dialog\'>\n  <form action=\'register\' method=\'post\' class=\'registerForm\'>\n    <ul class=\'fieldset\'>\n\n      <li class="active-server"></li>\n\n      <li class=\'fielddb\'>\n        <label for=\'username\'>Username *</label>\n        <input type=\'text\' name=\'username\' class=\'username dative-tooltip ui-corner-all\'\n          title=\'enter the username for your new account\'\n          tabindex=0 id="big" />\n        <span class=\'dative-register-validation ui-state-error ui-corner-all\n          username-validation\'></span>\n      </li>\n\n      <li class=\'fielddb\'>\n        <label for=\'password\'>Password *</label>\n        <input type=\'password\' name=\'password\' class=\'password dative-tooltip ui-corner-all\'\n          title=\'enter a password for your new account\' tabindex=0 />\n        <span class=\'ui-state-error ui-corner-all dative-register-validation\n          password-validation\'></span>\n      </li>\n\n      <li class=\'fielddb\'>\n        <label for=\'passwordConfirm\'>Confirm password *</label>\n        <input type=\'password\' name=\'passwordConfirm\' class=\'passwordConfirm dative-tooltip ui-corner-all\'\n          title=\'repeat your new password (to make sure it is right)\' tabindex=0 />\n        <span class=\'ui-state-error ui-corner-all dative-register-validation\n          passwordConfirm-validation\'></span>\n      </li>\n\n      <li class=\'fielddb\'>\n        <label for=\'email\'>E-mail *</label>\n        <input type=\'text\' name=\'email\' class=\'email dative-tooltip ui-corner-all\'\n          title=\'enter your email address\' tabindex=0 />\n        <span class=\'ui-state-error ui-corner-all dative-register-validation\n          email-validation\'></span>\n      </li>\n\n      <li class=\'old register-info\'>\n        <span>OLD web services do not allow self-registration. To register,\n        please contact an administrator of a particular OLD web service (or set\n        up your own OLD). See the <a\n        href="http://www.onlinelinguisticdatabase.org/">OLD website</a> to find\n        an administrator. Read the <a\n        href="http://online-linguistic-database.readthedocs.org/en/latest/"\n        >documentation</a> to set up an OLD.</span>\n      </li>\n\n      <li class=\'none register-info\'>\n        <span>Please select a FieldDB web server to register with.</span>\n      </li>\n\n    </ul>\n  </form>\n</div>\n\n<div class=\'dative-register-dialog-target\'><div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/related-model-representation.js b/.tmp/scripts/templates/related-model-representation.js
new file mode 100644
index 0000000..40ae949
--- /dev/null
+++ b/.tmp/scripts/templates/related-model-representation.js
@@ -0,0 +1,60 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\'\n  ><a\n    href=\'javascript:;\'\n    class=\'field-display-link\n           related-'));
+    
+      _print(this.hyphenatedAttribute);
+    
+      _print(_safe('-display\n           dative-tooltip\'\n           title=\'click here to view this '));
+    
+      _print(this.regularAttribute);
+    
+      _print(_safe('\n                  in the page\'\n    >'));
+    
+      _print(_safe(this.valueFormatter(this.value)));
+    
+      _print(_safe('</a>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/related-resource-representation.js b/.tmp/scripts/templates/related-resource-representation.js
new file mode 100644
index 0000000..8fa1a8c
--- /dev/null
+++ b/.tmp/scripts/templates/related-resource-representation.js
@@ -0,0 +1,60 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      if (this.value) {
+        _print(_safe('\n\n    <div\n        class=\''));
+        _print(this["class"]);
+        _print(_safe('\'\n        ><a\n            href=\'javascript:;\'\n            class=\'field-display-link\n                dative-tooltip\'\n            title=\'click here to view this '));
+        _print(this.resourceNameHuman);
+        _print(_safe(' in the page\'\n        >'));
+        _print(_safe(this.valueFormatter(this.value)));
+        _print(_safe('</a>\n    </div>\n\n'));
+      } else {
+        _print(_safe('\n\n    <div class=\''));
+        _print(this["class"]);
+        _print(_safe('\'>'));
+        _print(this.emptyValue);
+        _print(_safe('</div>\n\n'));
+      }
+    
+      _print(_safe('\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/resource-add-widget.js b/.tmp/scripts/templates/resource-add-widget.js
new file mode 100644
index 0000000..cbb8ab5
--- /dev/null
+++ b/.tmp/scripts/templates/resource-add-widget.js
@@ -0,0 +1,110 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'dative-widget-header-title container-center\'\n    >'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-left\'>\n\n    <button class="hide-resource-add-widget dative-tooltip"\n            title="hide this '));
+    
+      _print(this.resourceNameHuman);
+    
+      _print(_safe(' '));
+    
+      _print(this.addUpdateType);
+    
+      _print(_safe(' widget">\n      <i class=\'fa fa-times fa-fw\'></i>\n    </button>\n\n    '));
+    
+      if (this.editableSecondaryAttributes.length > 0) {
+        _print(_safe('\n        <button class="toggle-secondary-data-fields dative-tooltip"\n                title="show the secondary data input fields"\n                ><i class=\'fa fa-angle-down fa-fw\'></i>\n        </button>\n    '));
+      }
+    
+      _print(_safe('\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container"></span>\n\n    <button class="clear-form dative-tooltip"\n      title="clear this form: reset all fields to their default values"\n      ><i class=\'fa fa-eraser fa-fw\'></i>\n    </button>\n\n    '));
+    
+      if (this.addUpdateType === 'update') {
+        _print(_safe('\n      <button class="undo-changes dative-tooltip"\n        title="undo changes: restore to pre-modification state"\n        ><i class=\'fa fa-undo fa-fw\'></i>\n      </button>\n    '));
+      }
+    
+      _print(_safe('\n\n    <button class=\'resource-add-help dative-tooltip\'\n      '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n            title=\'help with adding\n                '));
+        _print(this.indefiniteDeterminer(this.resourceNameHuman));
+        _print(_safe('\n                '));
+        _print(this.resourceNameHuman);
+        _print(_safe('\'\n      '));
+      } else {
+        _print(_safe('\n            title=\'help with updating\n                '));
+        _print(this.indefiniteDeterminer(this.resourceNameHuman));
+        _print(_safe('\n                '));
+        _print(this.resourceNameHuman);
+        _print(_safe('\'\n      '));
+      }
+    
+      _print(_safe('\n    ><i class=\'fa fa-fw fa-question\'></i>\n    </button>\n\n  </div>\n\n</div>\n\n<div class="dative-widget-body">\n\n    <div class="resource-add-form linguistic-data-entry-form\n        '));
+    
+      _print(this.activeServerType.toLowerCase());
+    
+      _print(_safe('">\n\n    <ul class="fieldset primary-data"></ul>\n    <ul class="fieldset secondary-data"></ul>\n\n    <ul class="fieldset button-only-fieldset">\n\n      <li class="center">\n        <button\n          class="add-resource-button dative-tooltip"\n          '));
+    
+      if (this.forImport) {
+        _print(_safe('\n              title=\'Import this '));
+        _print(this.resourceNameHuman);
+        _print(_safe('\'\n            >Import</button>\n          '));
+      } else if (this.addUpdateType === 'add') {
+        _print(_safe('\n              title=\'Create this new '));
+        _print(this.resourceNameHuman);
+        _print(_safe('\'\n            >Save</button>\n          '));
+      } else {
+        _print(_safe('\n              title=\'Save changes to this '));
+        _print(this.resourceNameHuman);
+        _print(_safe('\'\n            >Save</button>\n          '));
+      }
+    
+      _print(_safe('\n\n        '));
+    
+      if (this.editableSecondaryAttributes.length > 0) {
+        _print(_safe('\n            <button\n                class="toggle-secondary-data-fields dative-tooltip"\n                title="show the secondary data input fields"\n                ><i class=\'fa fa-angle-down fa-fw\'></i>\n            </button>\n        '));
+      }
+    
+      _print(_safe('\n\n      </li>\n\n    </ul>\n\n  </div>\n\n</div>\n\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/resource-as-row.js b/.tmp/scripts/templates/resource-as-row.js
new file mode 100644
index 0000000..def98aa
--- /dev/null
+++ b/.tmp/scripts/templates/resource-as-row.js
@@ -0,0 +1,76 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, class_, ref, value;
+    
+      class_ = this.isHeaderRow ? 'header' : 'field';
+    
+      _print(_safe('\n\n'));
+    
+      if (!this.isHeaderRow) {
+        _print(_safe('\n<div class=\'resource-as-row-cell controls-header\'>\n\n    <button class="select dative-tooltip"\n            title="select this '));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe('"\n            >select</i>\n    </button>\n\n    <button class="view dative-tooltip"\n            title="view this '));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe(' in more detail"\n            >view</i>\n    </button>\n\n</div>\n'));
+      } else {
+        _print(_safe('\n<div class=\'resource-as-row-cell\n            text\n            controls-header\n            '));
+        _print(class_);
+        _print(_safe('\'\n    >Controls</div>\n'));
+      }
+    
+      _print(_safe('\n\n'));
+    
+      ref = this.model;
+      for (attribute in ref) {
+        value = ref[attribute];
+        _print(_safe('\n<div class=\'resource-as-row-cell\n            text\n            '));
+        _print(class_);
+        _print(_safe('\n            resource-as-row-attr-'));
+        _print(attribute);
+        _print(_safe('\'\n    >'));
+        _print(_safe(value));
+        _print(_safe('</div>\n'));
+      }
+    
+      _print(_safe('\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/resource-displayer-dialog.js b/.tmp/scripts/templates/resource-displayer-dialog.js
new file mode 100644
index 0000000..ebc285c
--- /dev/null
+++ b/.tmp/scripts/templates/resource-displayer-dialog.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-resource-displayer-dialog\'>\n\n  <div class="resource-displayer-content-container">\n      <div class="resource-displayer-content"></div>\n  </div>\n\n</div>\n\n<div class=\'dative-resource-displayer-dialog-target\'><div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/resource-select-via-search-input.js b/.tmp/scripts/templates/resource-select-via-search-input.js
new file mode 100644
index 0000000..9f49a76
--- /dev/null
+++ b/.tmp/scripts/templates/resource-select-via-search-input.js
@@ -0,0 +1,72 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'resource-select-via-search-input-container\'>\n\n<div class=\'resource-select-via-search-interface\'>\n\n    <i class="fa fa-search search-term-icon black-fa"></i>\n\n    '));
+    
+      if (this.multiSelect) {
+        _print(_safe('\n    <input\n        type=\'text\'\n        name=\'search-term\'\n        class=\'dative-tooltip ui-corner-all resource-select-via-search-input-input\'\n        title=\'Enter a pattern to search for '));
+        _print(this.resourceNameHuman);
+        _print(_safe('.\'\n        />\n    '));
+      } else {
+        _print(_safe('\n    <input\n        type=\'text\'\n        name=\'search-term\'\n        class=\'dative-tooltip ui-corner-all resource-select-via-search-input-input\'\n        title=\'Enter a pattern to search for a '));
+        _print(this.resourceNameHuman);
+        _print(_safe('.\'\n        />\n    '));
+      }
+    
+      _print(_safe('\n\n    <button\n        class=\'perform-search dative-tooltip\n            resource-select-via-search-input-button\'\n        title=\'Click here to perform the search; results will be returned in the\n            page.\'\n        >Search</button>\n\n    '));
+    
+      if (this.multiSelect) {
+        _print(_safe('\n    <button\n        class=\'create-new-resource dative-tooltip\n            resource-select-via-search-input-button\'\n        title=\'Click here to create a new '));
+        _print(this.resourceNameHumanSingular);
+        _print(_safe('\n            within the page\'\n        ><i class=\'fa fa-fw fa-plus\'></i></button>\n    '));
+      } else {
+        _print(_safe('\n    <button\n        class=\'create-new-resource dative-tooltip\n            resource-select-via-search-input-button\'\n        title=\'Click here to create a new '));
+        _print(this.resourceNameHuman);
+        _print(_safe(' within the\n            page\'\n        ><i class=\'fa fa-fw fa-plus\'></i></button>\n    '));
+      }
+    
+      _print(_safe('\n\n</div>\n\n<div class=\'resource-results-via-search-table-wrapper ui-corner-all\n    dative-shadowed-widget ui-widget ui-widget-content\'>\n\n    <div class=\'dative-widget-header ui-widget-header ui-corner-top\'>\n\n        <div class=\'button-container-left\'>\n            <span class=\'results-count\'></span>\n        </div>\n\n        <div class=\'dative-widget-header-title container-center\'\n            ><span\n                class=\'search-results-resource-name-truncated\'\n                >'));
+    
+      _print(this.resourceNameHumanCapitalized);
+    
+      _print(_safe('</span> Search Results</div>\n\n        <div class=\'button-container-right\'>\n            <span class=\'results-showing-count\'></span>\n        </div>\n\n    </div>\n\n    <div class=\'dative-widget-body ui-corner-bottom\n        resource-results-via-search-table\'></div>\n\n</div>\n\n<div class=\'selected-resource-display-container\'></div>\n<!-- <div class=\'selected-resource-display-container dative-shadowed-widget\n    ui-widget ui-widget-content ui-corner-all\'></div> -->\n\n</div>\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/resource.js b/.tmp/scripts/templates/resource.js
new file mode 100644
index 0000000..165874f
--- /dev/null
+++ b/.tmp/scripts/templates/resource.js
@@ -0,0 +1,196 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+    
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'button-container-left\'>\n\n    '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n      <button class="hide-resource-widget dative-tooltip"\n              title="hide this new '));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe(' widget">\n        <i class=\'fa fa-times fa-fw\'></i>\n      </button>\n    '));
+      } else if (!this.headerAlwaysVisible) {
+        _print(_safe('\n      <button class="hide-resource-details dative-tooltip"\n              title="hide the buttons and extra data of this\n                '));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe('">\n        <i class=\'fa fa-angle-double-up fa-fw\'></i>\n      </button>\n    '));
+      }
+    
+      _print(_safe('\n\n    '));
+    
+      if (this.secondaryDataFieldsLength > 0) {
+        _print(_safe('\n        <button class="toggle-secondary-data dative-tooltip"\n                title="hide the secondary data of this\n                    '));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe('">\n            <i class=\'fa fa-angle-up fa-fw\'></i>\n        </button>\n    '));
+      }
+    
+      _print(_safe('\n\n    '));
+    
+      if (!this.labelsAlwaysVisible) {
+        _print(_safe('\n        <button class="toggle-data-labels dative-tooltip"\n            title="show labels">labels:\n            <i class=\'fa fa-toggle-off fa-fw\'></i>\n        </button>\n    '));
+      }
+    
+      _print(_safe('\n\n  </div>\n\n  '));
+    
+      if (this.addUpdateType === 'add' || (!this.mainPageViewable)) {
+        _print(_safe('\n    <div class=\'dative-widget-header-title container-center\'\n        ><span class=\'resource-icon\'>'));
+        _print(_safe(this.resourceIcon));
+        _print(_safe('</span\n        ><span\n            class=\'header-title-content\'\n        >'));
+        _print(_safe(this.headerTitle || ''));
+        _print(_safe('</span></div>\n  '));
+      } else {
+        _print(_safe('\n    <div class=\'dative-widget-header-title container-center\'\n        ><span class=\'resource-icon\'>'));
+        _print(_safe(this.resourceIcon));
+        _print(_safe('</span\n        ><span\n            class=\'header-title-content dative-tooltip\'\n            title=\'view this '));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe(' in the main page\'\n        >'));
+        _print(_safe(this.headerTitle || ''));
+        _print(_safe('</span></div>\n  '));
+      }
+    
+      _print(_safe('\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container"></span>\n\n    '));
+    
+      if (indexOf.call(this.excludedActions, 'data') < 0) {
+        _print(_safe('\n      <button class="file-data dative-tooltip"\n              title="view the data of this '));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe('"\n              >'));
+        _print(_safe(this.dataTypeIcon));
+        _print(_safe('\n      </button>\n    '));
+      }
+    
+      _print(_safe('\n\n    '));
+    
+      if (indexOf.call(this.excludedActions, 'update') < 0 && this.updatePermitted) {
+        _print(_safe('\n      <button class="update-resource dative-tooltip"\n        '));
+        if (this.addUpdateType === 'add') {
+          _print(_safe('\n              title="edit the details of this '));
+          _print(this.resourceNameHumanReadable());
+          _print(_safe('"\n        '));
+        } else {
+          _print(_safe('\n              title="update this '));
+          _print(this.resourceNameHumanReadable());
+          _print(_safe('"\n        '));
+        }
+        _print(_safe('\n        ><i class=\'fa fa-pencil-square-o fa-fw\'></i>\n      </button>\n    '));
+      }
+    
+      _print(_safe('\n\n    '));
+    
+      if (indexOf.call(this.excludedActions, 'export') < 0) {
+        _print(_safe('\n      <button class="export-resource dative-tooltip"\n              title="export this '));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe('"\n        ><i class=\'fa fa-download fa-fw\'></i>\n      </button>\n    '));
+      }
+    
+      _print(_safe('\n\n    '));
+    
+      if (this.addUpdateType === 'update') {
+        _print(_safe('\n\n      '));
+        if (indexOf.call(this.excludedActions, 'delete') < 0) {
+          _print(_safe('\n        <button class="delete-resource dative-tooltip"\n                title="delete this '));
+          _print(this.resourceNameHumanReadable());
+          _print(_safe('"\n          ><i class=\'fa fa-trash fa-fw\'></i>\n        </button>\n      '));
+        }
+        _print(_safe('\n\n      '));
+        if (indexOf.call(this.excludedActions, 'duplicate') < 0) {
+          _print(_safe('\n        <button class="duplicate-resource dative-tooltip"\n                title="duplicate this '));
+          _print(this.resourceNameHumanReadable());
+          _print(_safe('"\n          ><i class=\'fa fa-copy fa-fw\'></i>\n        </button>\n      '));
+        }
+        _print(_safe('\n\n      '));
+        if (indexOf.call(this.excludedActions, 'history') < 0 && this.activeServerType === 'OLD') {
+          _print(_safe('\n        <button class="resource-history dative-tooltip"\n        title="view the history of this '));
+          _print(this.resourceNameHumanReadable());
+          _print(_safe('"\n          ><i class=\'fa fa-history fa-fw\'></i>\n        </button>\n      '));
+        }
+        _print(_safe('\n\n    '));
+      }
+    
+      _print(_safe('\n\n    '));
+    
+      if (this.addUpdateType === 'update' || this.showControlsWithNew) {
+        _print(_safe('\n\n      '));
+        if (indexOf.call(this.excludedActions, 'controls') < 0) {
+          _print(_safe('\n        <button class="controls dative-tooltip"\n                title="more controls"\n                ><i class=\'fa fa-tachometer fa-fw\'></i>\n        </button>\n      '));
+        }
+        _print(_safe('\n\n    '));
+      }
+    
+      _print(_safe('\n\n    '));
+    
+      if (indexOf.call(this.excludedActions, 'settings') < 0) {
+        _print(_safe('\n      <button class="settings dative-tooltip"\n              title="'));
+        _print(this.resourceNameHumanReadable());
+        _print(_safe(' settings"\n        ><i class=\'fa fa-gears fa-fw\'></i>\n      </button>\n    '));
+      }
+    
+      _print(_safe('\n\n\n  </div>\n\n</div>\n\n\n<div class=\'dative-widget-body\'>\n\n  '));
+    
+      if (indexOf.call(this.excludedActions, 'data') < 0) {
+        _print(_safe('\n    <div class=\'file-data-widget dative-widget-center\n      dative-shadowed-widget ui-widget ui-widget-content ui-corner-all\'></div>\n  '));
+      }
+    
+      _print(_safe('\n\n  '));
+    
+      if (indexOf.call(this.excludedActions, 'controls') < 0) {
+        _print(_safe('\n    <div class=\'controls-widget dative-widget-center\n      dative-shadowed-widget ui-widget ui-widget-content ui-corner-all\'></div>\n  '));
+      }
+    
+      _print(_safe('\n\n  '));
+    
+      if (indexOf.call(this.excludedActions, 'settings') < 0) {
+        _print(_safe('\n    <div class=\'settings-widget dative-widget-center\n      dative-shadowed-widget ui-widget ui-widget-content ui-corner-all\'></div>\n  '));
+      }
+    
+      _print(_safe('\n\n  <div class=\'update-resource-widget update-widget dative-widget-center\n    dative-shadowed-widget ui-widget ui-widget-content ui-corner-all\'></div>\n\n  <div class=\'resource-primary-data large-unicode-font\'>\n      '));
+    
+      if (this.resourceName === 'form') {
+        _print(_safe('\n          <div class=\'igt-tables-container\'></div>\n      '));
+      }
+    
+      _print(_safe('\n  </div>\n\n  <div class=\'resource-secondary-data large-unicode-font\'></div>\n\n  '));
+    
+      if (indexOf.call(this.excludedActions, 'history') < 0) {
+        _print(_safe('\n    <div class=\'resource-previous-versions\'></div>\n  '));
+      }
+    
+      _print(_safe('\n\n</div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/resources-displayer-dialog.js b/.tmp/scripts/templates/resources-displayer-dialog.js
new file mode 100644
index 0000000..1bcef25
--- /dev/null
+++ b/.tmp/scripts/templates/resources-displayer-dialog.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-resources-displayer-dialog\'>\n\n  <div class="resources-displayer-content-container">\n      <div id=\'appview-dialog\' class="resources-displayer-content ui-widget ui-widget-content\n        ui-corner-all"></div>\n\n  </div>\n\n</div>\n\n<div class=\'dative-resources-displayer-dialog-target\'><div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/resources.js b/.tmp/scripts/templates/resources.js
new file mode 100644
index 0000000..059db8e
--- /dev/null
+++ b/.tmp/scripts/templates/resources.js
@@ -0,0 +1,104 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'focusable-top\' tabindex=\'0\'></div>\n\n<div class=\'dative-page-header ui-widget-header ui-corner-top\n    dative-two-part-header\'>\n\n  <div class=\'dative-resources-view-header dative-two-part-header-part-one\'>\n\n    <div class=\'dative-page-header-title container-center\'>\n      <div class=\'no-resources\'></div>\n      <div class=\'pagination-info\'>\n        Browsing\n        <span class=\'browse-set\'\n            >all '));
+    
+      _print(this.resourceNamePluralHuman);
+    
+      _print(_safe('</span>.\n        <span style=\'white-space: nowrap;\'>\n        Viewing\n        <span class=\'resource-range\'></span>\n        of\n        <span class=\'resource-count\'></span>\n        </span>\n        <span style=\'white-space: nowrap; display: inline-block;\'>\n        (page\n        <span class=\'current-page\'></span>\n        of\n        <span class=\'page-count\'></span>)\n        </span>\n      </div>\n    </div>\n\n    <div class=\'button-container-left\'>\n\n      '));
+    
+      if (this.canCreateNew) {
+        _print(_safe('\n      <button class=\'new-resource dative-tooltip\' title=\'create a new\n        '));
+        _print(this.resourceNameHuman);
+        _print(_safe('\'>\n        <i class=\'fa fa-fw fa-plus\'></i>\n      </button>\n      '));
+      }
+    
+      _print(_safe('\n\n      <button class=\'expand-all dative-tooltip\' title=\'expand all\n          '));
+    
+      _print(this.resourceNamePluralHuman);
+    
+      _print(_safe('\'>\n        <i class=\'fa fa-fw fa-angle-double-down\'></i>\n      </button>\n\n      <button class=\'collapse-all dative-tooltip\' title=\'collapse all\n          '));
+    
+      _print(this.resourceNamePluralHuman);
+    
+      _print(_safe('\'>\n        <i class=\'fa fa-fw fa-angle-double-up\'></i>\n      </button>\n\n    </div>\n\n    <div class=\'button-container-right\'>\n\n      <span class=\'spinner-anchor\'></span>\n\n      '));
+    
+      if (this.searchable) {
+        _print(_safe('\n        <button class="toggle-search dative-tooltip"\n                title="Search across '));
+        _print(this.resourceNamePluralHuman);
+        _print(_safe('"\n            ><i class=\'fa fa-fw fa-search\'></i></button>\n      '));
+      }
+    
+      _print(_safe('\n\n      <button class="export-resource-collection dative-tooltip"\n              title="Export multiple '));
+    
+      _print(this.resourceNamePluralHuman);
+    
+      _print(_safe('"\n              ><i class=\'fa fa-fw fa-download\'></i>\n      </button>\n\n      '));
+    
+      if (this.importable) {
+        _print(_safe('\n        <button class="toggle-import dative-tooltip"\n                title="Import '));
+        _print(this.resourceNamePluralHuman);
+        _print(_safe('"\n            ><i class=\'fa fa-fw fa-upload\'></i></button>\n      '));
+      }
+    
+      _print(_safe('\n\n      <button class="toggle-all-labels dative-tooltip"\n              title="'));
+    
+      _print(this.resourceNameHuman);
+    
+      _print(_safe(' labels are off; click here to\n              turn them on">labels:\n        <i class=\'fa fa-toggle-off fa-fw\'></i>\n      </button>\n\n      <button class=\'resources-browse-help dative-tooltip\' title=\'help with\n        browsing '));
+    
+      _print(this.resourceNamePluralHuman);
+    
+      _print(_safe('\'>\n        <i class=\'fa fa-fw fa-question\'></i>\n      </button>\n\n    </div>\n\n  </div>\n\n  <div class=\'dative-pagination-menu-top dative-two-part-header-part-two\'></div>\n\n</div>\n\n<div class=\'dative-page-body\'>\n\n  '));
+    
+      if (this.searchable) {
+        _print(_safe('\n      <div class=\'resource-search-view dative-new-item dative-resource-object\n        dative-widget-center dative-shadowed-widget ui-widget ui-widget-content\n        ui-corner-all\'></div>\n  '));
+      }
+    
+      _print(_safe('\n\n  '));
+    
+      if (this.importable) {
+        _print(_safe('\n      <div class=\'resources-import-view dative-new-item dative-resource-object\n        dative-widget-center dative-shadowed-widget ui-widget ui-widget-content\n        ui-corner-all\'></div>\n  '));
+      }
+    
+      _print(_safe('\n\n  <div class=\'dative-pagin-items\'></div>\n\n  <div class=\'new-resource-view dative-resource-object dative-widget-center\n    dative-shadowed-widget ui-widget ui-widget-content ui-corner-all\n    dative-new-item\'></div>\n\n  <div class=\'dative-pagin-nav dative-pagin-nav-bottom\'></div>\n\n</div>\n\n<div class=\'focusable-bottom\' tabindex=\'0\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/script-input.js b/.tmp/scripts/templates/script-input.js
new file mode 100644
index 0000000..c267368
--- /dev/null
+++ b/.tmp/scripts/templates/script-input.js
@@ -0,0 +1,74 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, ref, value;
+    
+      _print(_safe('<textarea\n  rows=\'1\'\n  name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n         Scrollable\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         textarea-only\n         script-textarea\'\n  '));
+    
+      ref = this.domAttributes;
+      for (attribute in ref) {
+        value = ref[attribute];
+        _print(_safe('\n    '));
+        _print(attribute);
+        _print(_safe('="'));
+        _print(value);
+        _print(_safe('"\n  '));
+      }
+    
+      _print(_safe('\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.value);
+    
+      _print(_safe('</textarea>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/script-representation.js b/.tmp/scripts/templates/script-representation.js
new file mode 100644
index 0000000..4a6870d
--- /dev/null
+++ b/.tmp/scripts/templates/script-representation.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.valueFormatter(this.value));
+    
+      _print(_safe('</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/search-widget.js b/.tmp/scripts/templates/search-widget.js
new file mode 100644
index 0000000..3224d4d
--- /dev/null
+++ b/.tmp/scripts/templates/search-widget.js
@@ -0,0 +1,70 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'dative-widget-header-title container-center\'\n     ><span class=\'search-type-header\'>'));
+    
+      _print(this.searchTypeCapitalized);
+    
+      _print(_safe('</span>\n    Search over '));
+    
+      _print(this.targetResourceNamePluralCapitalized);
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-left\'>\n\n    <button class="hide-search-widget dative-tooltip"\n            title="hide this search widget">\n      <i class=\'fa fa-times fa-fw\'></i>\n    </button>\n\n    <button class=\'advanced-search dative-tooltip\'\n        title=\'Show the advanced search interface\'\n        >Advanced Search</button>\n\n    <button class=\'smart-search dative-tooltip\'\n        title=\'Show the smart search interface\'\n        >Smart Search</button>\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container"></span>\n\n    <button class=\'browse-return dative-tooltip\'\n        title=\'go back to browsing all '));
+    
+      _print(this.targetResourceNamePlural);
+    
+      _print(_safe('\'\n    >Browse All</button>\n\n    <button class=\'reset-query dative-tooltip\'\n        title=\'Reset the query\'\n        ><i class=\'fa fa-fw fa-refresh\'></i></button>\n\n    <button class=\'help dative-tooltip\'\n          title=\'help with searching '));
+    
+      _print(this.targetResourceNamePlural);
+    
+      _print(_safe('\'\n    ><i class=\'fa fa-fw fa-question\'></i>\n    </button>\n\n  </div>\n\n</div>\n\n<div class="dative-widget-body">\n\n    <div class="search-form linguistic-data-entry-form">\n\n        <div class="advanced-search-interface">\n            <ul class="fieldset advanced-search-interface"></ul>\n        </div>\n\n        <div class="smart-search-interface">\n            <textarea\n             class=\'smart-search-input dative-tooltip ui-corner-all\'\n             title=\'Enter some stuff to search for and Dative will try to guess\n                what you want\'\n             name=\'smart-search\'>'));
+    
+      _print(this.smartSearch);
+    
+      _print(_safe('</textarea>\n\n            <div class=\'smart-search-preview-container\'></div>\n\n        </div>\n\n        <ul class="fieldset button-only-fieldset">\n\n            <li class="center">\n\n                <button\n                    class="search-button dative-tooltip"\n                    title=\'browse the results of this search\'\n                >Search</button>\n\n                <button\n                    class="count-button dative-tooltip"\n                    title=\'count how many results this search returns\'\n                >Count</button>\n\n                '));
+    
+      if (this.targetResourceNamePlural === 'forms') {
+        _print(_safe('\n                <button\n                    class="save-button dative-tooltip"\n                    title=\'save this search\'\n                >Save</button>\n                '));
+      }
+    
+      _print(_safe('\n\n            </li>\n\n        </ul>\n\n    </div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/select-input-with-button.js b/.tmp/scripts/templates/select-input-with-button.js
new file mode 100644
index 0000000..5bae365
--- /dev/null
+++ b/.tmp/scripts/templates/select-input-with-button.js
@@ -0,0 +1,98 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, len, ref, selectOption;
+    
+      _print(_safe('<select\n  name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n         select-with-button\n         dative-tooltip\'\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'>\n  '));
+    
+      if (!this.required) {
+        _print(_safe('\n    <option></option>\n  '));
+      }
+    
+      _print(_safe('\n  '));
+    
+      ref = this.selectOptions;
+      for (i = 0, len = ref.length; i < len; i++) {
+        selectOption = ref[i];
+        _print(_safe('\n    '));
+        if (this.selectValueGetter(selectOption) === this.selectValueGetter(this.value)) {
+          _print(_safe('\n      <option value="'));
+          _print(this.selectValueGetter(selectOption));
+          _print(_safe('" selected\n        >'));
+          _print(this.selectTextGetter(selectOption));
+          _print(_safe('</option>\n    '));
+        } else {
+          _print(_safe('\n      <option value="'));
+          _print(this.selectValueGetter(selectOption));
+          _print(_safe('"\n        >'));
+          _print(this.selectTextGetter(selectOption));
+          _print(_safe('</option>\n    '));
+        }
+        _print(_safe('\n  '));
+      }
+    
+      _print(_safe('\n</select>\n\n<button\n    class=\''));
+    
+      _print(this.buttonClass);
+    
+      _print(_safe('\n           dative-tooltip\'\n    title=\''));
+    
+      _print(this.buttonTooltip);
+    
+      _print(_safe('\'\n    ><i class=\'fa fa-fw '));
+    
+      _print(this.buttonIconClass);
+    
+      _print(_safe('\'></i></button>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/select-input.js b/.tmp/scripts/templates/select-input.js
new file mode 100644
index 0000000..a714ff2
--- /dev/null
+++ b/.tmp/scripts/templates/select-input.js
@@ -0,0 +1,86 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, len, ref, selectOption;
+    
+      _print(_safe('<select\n  name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n         dative-tooltip\'\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'>\n  '));
+    
+      if (!this.required) {
+        _print(_safe('\n    <option></option>\n  '));
+      }
+    
+      _print(_safe('\n  '));
+    
+      ref = this.selectOptions;
+      for (i = 0, len = ref.length; i < len; i++) {
+        selectOption = ref[i];
+        _print(_safe('\n    '));
+        if (this.selectValueGetter(selectOption) === this.selectValueGetter(this.value)) {
+          _print(_safe('\n      <option value="'));
+          _print(this.selectValueGetter(selectOption));
+          _print(_safe('" selected\n        >'));
+          _print(this.selectTextGetter(selectOption));
+          _print(_safe('</option>\n    '));
+        } else {
+          _print(_safe('\n      <option value="'));
+          _print(this.selectValueGetter(selectOption));
+          _print(_safe('"\n        >'));
+          _print(this.selectTextGetter(selectOption));
+          _print(_safe('</option>\n    '));
+        }
+        _print(_safe('\n  '));
+      }
+    
+      _print(_safe('\n</select>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/select-textarea-button-input.js b/.tmp/scripts/templates/select-textarea-button-input.js
new file mode 100644
index 0000000..6679054
--- /dev/null
+++ b/.tmp/scripts/templates/select-textarea-button-input.js
@@ -0,0 +1,108 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var i, len, ref, selectOption;
+    
+      _print(_safe('<select\n  name=\''));
+    
+      _print(this.selectName);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this.selectClass);
+    
+      _print(_safe('\'\n  title=\''));
+    
+      _print(this.selectTitle);
+    
+      _print(_safe('\'>\n  <option></option>\n  '));
+    
+      ref = this.options[this.selectOptionsAttribute] || [];
+      for (i = 0, len = ref.length; i < len; i++) {
+        selectOption = ref[i];
+        _print(_safe('\n    '));
+        if (selectOption === this.selectValue) {
+          _print(_safe('\n      <option value="'));
+          _print(selectOption);
+          _print(_safe('" selected>'));
+          _print(selectOption);
+          _print(_safe('</option>\n    '));
+        } else {
+          _print(_safe('\n      <option value="'));
+          _print(selectOption);
+          _print(_safe('">'));
+          _print(selectOption);
+          _print(_safe('</option>\n    '));
+        }
+        _print(_safe('\n  '));
+      }
+    
+      _print(_safe('\n</select>\n\n<textarea\n  rows=\'1\'\n  name=\''));
+    
+      _print(this.textareaName);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this.textareaClass);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         textarea-select-button\'\n  title=\''));
+    
+      _print(this.textareaTitle);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.textareaValue);
+    
+      _print(_safe('</textarea>\n\n<button\n  class=\''));
+    
+      _print(this.buttonClass);
+    
+      _print(_safe('\n         dative-tooltip\n         new-remove\'\n  title=\''));
+    
+      _print(this.buttonTitle);
+    
+      _print(_safe('\'\n><i\n  class=\'fa\n         fa-fw\n         '));
+    
+      _print(this.buttonIconClass);
+    
+      _print(_safe('\'\n></i\n></button>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/select-textarea-input.js b/.tmp/scripts/templates/select-textarea-input.js
new file mode 100644
index 0000000..227c899
--- /dev/null
+++ b/.tmp/scripts/templates/select-textarea-input.js
@@ -0,0 +1,108 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, i, len, ref, ref1, selectOption, value;
+    
+      _print(_safe('<select\n  name=\''));
+    
+      _print(this.selectName);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this.selectClass);
+    
+      _print(_safe('\'\n  title=\''));
+    
+      _print(this.selectTitle);
+    
+      _print(_safe('\'>\n  <option></option>\n  '));
+    
+      ref = this.options[this.selectOptionsAttribute] || [];
+      for (i = 0, len = ref.length; i < len; i++) {
+        selectOption = ref[i];
+        _print(_safe('\n    '));
+        if (selectOption === this.selectValue) {
+          _print(_safe('\n      <option value="'));
+          _print(selectOption);
+          _print(_safe('" selected>'));
+          _print(selectOption);
+          _print(_safe('</option>\n    '));
+        } else {
+          _print(_safe('\n      <option value="'));
+          _print(selectOption);
+          _print(_safe('">'));
+          _print(selectOption);
+          _print(_safe('</option>\n    '));
+        }
+        _print(_safe('\n  '));
+      }
+    
+      _print(_safe('\n</select>\n\n<textarea\n  spellcheck=\'false\'\n  rows=\'1\'\n  name=\''));
+    
+      _print(this.textareaName);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this.textareaClass);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         textarea-select\'\n  '));
+    
+      ref1 = this.domAttributes;
+      for (attribute in ref1) {
+        value = ref1[attribute];
+        _print(_safe('\n    '));
+        _print(attribute);
+        _print(_safe('="'));
+        _print(value);
+        _print(_safe('"\n  '));
+      }
+    
+      _print(_safe('\n  title=\''));
+    
+      _print(this.textareaTitle);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.textareaValue);
+    
+      _print(_safe('</textarea>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/selected-resource-wrapper.js b/.tmp/scripts/templates/selected-resource-wrapper.js
new file mode 100644
index 0000000..6251c42
--- /dev/null
+++ b/.tmp/scripts/templates/selected-resource-wrapper.js
@@ -0,0 +1,48 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'selected-resource-wrapper\'>\n    <div class=\'selected-resource-container large-unicode-font\'></div>\n    <div class=\'selected-resource-controls\'>\n        <button class="deselect dative-tooltip"\n                title="deselect this '));
+    
+      _print(this.resourceName);
+    
+      _print(_safe(' and expose the search\n                interface"\n                >deselect</button>\n    </div>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/server.js b/.tmp/scripts/templates/server.js
new file mode 100644
index 0000000..884a8c2
--- /dev/null
+++ b/.tmp/scripts/templates/server.js
@@ -0,0 +1,126 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var activeIndicatorValue, i, j, len, len1, ref, ref1, serverCode, type;
+    
+      _print(_safe('<div class="server-config-widget dative-widget-center ui-widget\n  ui-widget-content ui-corner-all">\n\n\n    '));
+    
+      if (this.isActive) {
+        _print(_safe('\n      '));
+        activeIndicatorValue = '(active)';
+        _print(_safe('\n    '));
+      } else {
+        _print(_safe('\n      '));
+        activeIndicatorValue = '';
+        _print(_safe('\n    '));
+      }
+    
+      _print(_safe('\n\n  <div class="dative-widget-header ui-widget-header ui-corner-top">\n\n    <div class=\'dative-widget-header-title\'\n      ><span class=\'italic header-title-name\'>'));
+    
+      _print(this.name);
+    
+      _print(_safe('</span\n      > server <span class=\'active-indicator\'>'));
+    
+      _print(activeIndicatorValue);
+    
+      _print(_safe('</span\n      ></div>\n\n    <div class=\'button-container-left\'>\n\n      <button class="delete-server dative-tooltip"\n        title="delete this server">\n        <i class=\'fa fa-trash fa-fw\'></i>\n      </button>\n\n      <button class="activate-server dative-tooltip"\n        title="make this server the active one">\n        <i class=\'fa fa-toggle-off fa-fw\'></i>\n      </button>\n\n    </div>\n\n  </div>\n\n  '));
+    
+      if (this.isActive) {
+        _print(_safe('\n    <div class="dative-widget-body ui-state-highlight ui-corner-bottom">\n  '));
+      } else {
+        _print(_safe('\n    <div class="dative-widget-body">\n  '));
+      }
+    
+      _print(_safe('\n\n    <ul class="fieldset">\n\n      <li>\n        <label for="name">Name</label>\n        <input type="text" name="name" class="dative-input dative-tooltip ui-corner-all\n          dative-input-display" title="A name for the server"\n          value="'));
+    
+      _print(this.name);
+    
+      _print(_safe('" /> </li>\n\n      <li>\n        <label for="url">URL</label>\n        <input type="text" name="url" class="dative-input dative-tooltip ui-corner-all\n          dative-input-display" title="A URL for the server\n          (including protocol and port, if needed)"\n          value="'));
+    
+      _print(this.url);
+    
+      _print(_safe('" />\n      </li>\n\n      <li>\n        <label for="type">Type</label>\n        <select name="type" class="dative-input dative-input-display">\n          '));
+    
+      ref = this.serverTypes;
+      for (i = 0, len = ref.length; i < len; i++) {
+        type = ref[i];
+        _print(_safe('\n            '));
+        if (type === this.type) {
+          _print(_safe('\n              <option value="'));
+          _print(type);
+          _print(_safe('" selected>'));
+          _print(type);
+          _print(_safe('</option>\n            '));
+        } else {
+          _print(_safe('\n              <option value="'));
+          _print(type);
+          _print(_safe('">'));
+          _print(type);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          '));
+      }
+    
+      _print(_safe('\n        </select>\n      </li>\n\n      <li class="serverCode">\n        <label for="serverCode">Server code</label>\n        <select name="serverCode" class="serverCode dative-input dative-input-display">\n          '));
+    
+      ref1 = this.serverCodes;
+      for (j = 0, len1 = ref1.length; j < len1; j++) {
+        serverCode = ref1[j];
+        _print(_safe('\n            '));
+        if (serverCode === this.serverCode) {
+          _print(_safe('\n              <option value="'));
+          _print(serverCode);
+          _print(_safe('" selected\n                >'));
+          _print(serverCode);
+          _print(_safe('</option>\n            '));
+        } else {
+          _print(_safe('\n              <option value="'));
+          _print(serverCode);
+          _print(_safe('">'));
+          _print(serverCode);
+          _print(_safe('</option>\n            '));
+        }
+        _print(_safe('\n          '));
+      }
+    
+      _print(_safe('\n        </select>\n      </li>\n\n    </ul>\n  </div>\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/servers.js b/.tmp/scripts/templates/servers.js
new file mode 100644
index 0000000..60b22d6
--- /dev/null
+++ b/.tmp/scripts/templates/servers.js
@@ -0,0 +1,50 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="servers-config-widget dative-widget-center ui-widget\n  ui-widget-content ui-corner-all">\n\n  <div class="dative-widget-header header-no-body ui-corner-bottom ui-widget-header\n    ui-corner-top dative-tooltip">\n\n    <div class=\'dative-widget-header-title\'>Servers</div>\n\n    <div class=\'button-container-left\'>\n\n      '));
+    
+      if (this.hideable) {
+        _print(_safe('\n        <button class="toggle-appear dative-tooltip" title="show servers">\n            <i class=\'fa fa-caret-right fa-fw\'></i>\n        </button>\n      '));
+      }
+    
+      _print(_safe('\n\n      <button class="add-server dative-tooltip" title="create a new server">\n        <i class=\'fa fa-plus fa-fw\'></i>\n      </button>\n\n    </div>\n\n    <div class=\'button-container-right\'>\n\n      <button class="servers-help dative-tooltip" title="Help with servers">\n        <i class=\'fa fa-question fa-fw\'></i>\n      </button>\n\n    </div>\n\n  </div>\n\n  <div class="dative-widget-body">\n    <div class="no-servers-msg">There are no server configurations.</div>\n  </div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/settings.js b/.tmp/scripts/templates/settings.js
new file mode 100644
index 0000000..c56469c
--- /dev/null
+++ b/.tmp/scripts/templates/settings.js
@@ -0,0 +1,129 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, i, j, len, len1, ref, ref1,
+        indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+    
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'dative-widget-header-title container-center\'\n    >'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-left\'>\n\n    <button class="hide-settings-widget dative-tooltip"\n            title="hide this '));
+    
+      _print(this.resourceName);
+    
+      _print(_safe(' settings widget">\n      <i class=\'fa fa-times fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container"></span>\n\n    <button class=\'settings-help dative-tooltip\'\n            title=\'help with '));
+    
+      _print(this.resourceName);
+    
+      _print(_safe(' settings\'\n    ><i class=\'fa fa-fw fa-question\'></i>\n    </button>\n\n  </div>\n\n</div>\n\n<div class="dative-widget-body">\n\n    <div class="settings-container">\n\n\n        <!-- Field Visibilities -->\n\n        <div class="attribute-visibilities dative-widget-center">\n\n            <h1>Field Visibility</h1>\n\n            <button class="toggle-attribute-visibilities dative-tooltip"\n                    title="toggle controls for altering field visibilities"\n                ><i class="fa fa-fw fa-caret-right"></i>\n            </button>\n\n            <p>Control the visibility of '));
+    
+      _print(this.resourceName);
+    
+      _print(_safe(' fields.</p>\n\n            <div class="attribute-visibilities-attributes Scrollable ui-corner-all">\n\n            '));
+    
+      ref = this.resourceFields;
+      for (i = 0, len = ref.length; i < len; i++) {
+        attribute = ref[i];
+        _print(_safe('\n                <div class="attribute-visibility-container dative-widget-center">\n\n                    <div class=\'attribute-visibility\n                        attribute-visibility-'));
+        _print(this.utils.snake2hyphen(attribute));
+        _print(_safe('\'\n                     ><select name=\''));
+        _print(attribute);
+        _print(_safe('\'\n                              class=\'attribute-visibility-select\'>\n                            '));
+        if (indexOf.call(this.fieldCategories.hidden, attribute) >= 0) {
+          _print(_safe('\n                                <option value=\'visible\'>visible</option>\n                                <option value=\'hidden\' selected>hidden</option>\n                            '));
+        } else {
+          _print(_safe('\n                                <option value=\'visible\' selected>visible</option>\n                                <option value=\'hidden\'>hidden</option>\n                            '));
+        }
+        _print(_safe('\n                        </select>\n                    </div>\n\n                    '));
+        if (indexOf.call(this.fieldCategories.hidden, attribute) >= 0) {
+          _print(_safe('\n                        <div class=\'attribute-name hidden large-unicode-font\n                                    attribute-'));
+          _print(this.utils.snake2hyphen(attribute));
+          _print(_safe('\'>\n                            <span>'));
+          _print(this.utils.snake2regular(attribute));
+          _print(_safe('</span>\n                        </div>\n                    '));
+        } else {
+          _print(_safe('\n                        <div class=\'attribute-name large-unicode-font\n                                    attribute-'));
+          _print(this.utils.snake2hyphen(attribute));
+          _print(_safe('\'>\n                            <span>'));
+          _print(this.utils.snake2regular(attribute));
+          _print(_safe('</span>\n                        </div>\n                    '));
+        }
+        _print(_safe('\n\n                </div>\n            '));
+      }
+    
+      _print(_safe('\n\n            </div>\n\n        </div>\n\n\n        <!-- "Sticky" Fields: those whose values stick around -->\n\n        <div class="sticky-attributes dative-widget-center">\n\n            <h1>Sticky Fields</h1>\n\n            <button class="toggle-sticky-attributes dative-tooltip"\n                    title="toggle controls for specifying sticky fields"\n                ><i class="fa fa-fw fa-caret-right"></i>\n            </button>\n\n            <p>Specify which fields should be sticky, i.e., which should have\n                their previously entered values pre-entered when creating new\n                '));
+    
+      _print(this.resourceNamePlural);
+    
+      _print(_safe('.</p>\n\n            <div class="sticky-attributes-attributes Scrollable ui-corner-all">\n\n            '));
+    
+      ref1 = this.possiblyStickyAttributes;
+      for (j = 0, len1 = ref1.length; j < len1; j++) {
+        attribute = ref1[j];
+        _print(_safe('\n                <div class="sticky-attributes-container dative-widget-center">\n\n                    <div class=\'attribute-stickiness\n                        attribute-stickiness-'));
+        _print(this.utils.snake2hyphen(attribute));
+        _print(_safe('\'\n                     >\n                      '));
+        if (indexOf.call(this.stickyAttributes, attribute) >= 0) {
+          _print(_safe('\n                          <i data-attr=\''));
+          _print(attribute);
+          _print(_safe('\'\n                            class=\'stickiness-checkbox fa fa-2x fa-check-square\'></i>\n                      '));
+        } else {
+          _print(_safe('\n                          <i data-attr=\''));
+          _print(attribute);
+          _print(_safe('\'\n                            class=\'stickiness-checkbox fa fa-2x fa-square\'></i>\n                      '));
+        }
+        _print(_safe('\n                    </div>\n\n                    <div class=\'attribute-name large-unicode-font\n                                attribute-'));
+        _print(this.utils.snake2hyphen(attribute));
+        _print(_safe('\'>\n                        <span>'));
+        _print(this.utils.snake2regular(attribute));
+        _print(_safe('</span>\n                    </div>\n\n                </div>\n            '));
+      }
+    
+      _print(_safe('\n\n            </div>\n\n        </div>\n\n\n        <!-- Morphological Parser Tasks -->\n\n        '));
+    
+      if (this.resourceName === 'form') {
+        _print(_safe('\n\n            <div class=\'parsers dative-widget-center\'>\n\n                <h1>Parser, Phonology &amp; Morphology Tasks</h1>\n\n                <button class=\'toggle-parser-task-set dative-tooltip\'\n                        title=\'toggle controls for assigning tasks to parsers,\n                               phonologies and morphologies \'\n                        ><i class=\'fa fa-fw fa-caret-right\'></i></button>\n\n                <p>Assign form-related tasks to parsers, phonologies and\n                    morphologies.</p>\n\n                <div class=\'parser-task-set-container\'></div>\n            </div>\n\n        '));
+      }
+    
+      _print(_safe('\n\n\n\n    </div>\n\n</div>\n\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/smart-query-preview.js b/.tmp/scripts/templates/smart-query-preview.js
new file mode 100644
index 0000000..5b23cb7
--- /dev/null
+++ b/.tmp/scripts/templates/smart-query-preview.js
@@ -0,0 +1,66 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'smart-query-preview-data\'>\n\n    '));
+    
+      if (this.matchCount === null) {
+        _print(_safe('\n        <div class=\'smart-query-preview-match-count large-unicode-font\'\n            >search pending ...</div>\n    '));
+      } else {
+        _print(_safe('\n        '));
+        if (this.matchCount === 1) {
+          _print(_safe('\n            <div class=\'smart-query-preview-match-count large-unicode-font\'\n                >'));
+          _print(this.integerWithCommas(this.matchCount));
+          _print(_safe(' match</div>\n        '));
+        } else {
+          _print(_safe('\n            <div class=\'smart-query-preview-match-count large-unicode-font\'\n                >'));
+          _print(this.integerWithCommas(this.matchCount));
+          _print(_safe(' matches</div>\n        '));
+        }
+        _print(_safe('\n    '));
+      }
+    
+      _print(_safe('\n\n    <div class=\'smart-query-preview-description large-unicode-font\'\n        >'));
+    
+      _print(_safe(this.description));
+    
+      _print(_safe('</div>\n\n    <div class=\'smart-query-preview-buttons\'>\n\n        <button class=\'smart-query-preview-view-example dative-tooltip\'\n            title=\'See an example of a resource that matches this query\'\n            >Example</button>\n\n        <button class=\'smart-query-preview-browse dative-tooltip\'\n            title=\'Browse the resources that match this query\'\n            >Browse</button>\n\n    </div>\n\n</div>\n\n<div class=\'smart-query-preview-example-match-container\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/subcorpora.js b/.tmp/scripts/templates/subcorpora.js
new file mode 100644
index 0000000..bbf2257
--- /dev/null
+++ b/.tmp/scripts/templates/subcorpora.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'focusable-top\' tabindex=\'0\'></div>\n\n<div class=\'dative-page-header ui-widget-header ui-corner-top\n    dative-two-part-header\'>\n\n  <div class=\'dative-subcorpora-view-header dative-two-part-header-part-one\'>\n\n    <div class=\'dative-page-header-title container-center\'>\n      <div class=\'no-subcorpora\'>\n        There are no subcorpora to display\n      </div>\n      <div class=\'pagination-info\'>\n        Browsing\n        <span class=\'subcorpus-range\'></span>\n        of\n        <span class=\'subcorpus-count\'></span>\n        (page\n        <span class=\'current-page\'></span>\n        of\n        <span class=\'page-count\'></span>)\n      </div>\n    </div>\n\n    <div class=\'button-container-left\'>\n\n        <button class=\'new-subcorpus dative-tooltip\' title=\'create a new\n          subcorpus\'>\n        <i class=\'fa fa-fw fa-plus\'></i>\n      </button>\n\n      <button class=\'expand-all dative-tooltip\' title=\'expand all subcorpora\'>\n        <i class=\'fa fa-fw fa-angle-double-down\'></i>\n      </button>\n\n      <button class=\'collapse-all dative-tooltip\' title=\'collapse all\n        subcorpora\'>\n        <i class=\'fa fa-fw fa-angle-double-up\'></i>\n      </button>\n\n    </div>\n\n    <div class=\'button-container-right\'>\n\n      <button class="toggle-all-labels dative-tooltip"\n        title="subcorpus labels are off; click here to turn them on">labels:\n        <i class=\'fa fa-toggle-off fa-fw\'></i>\n      </button>\n\n      <button class=\'subcorpora-browse-help dative-tooltip\' title=\'help with\n          browsing subcorpora\'>\n        <i class=\'fa fa-fw fa-question\'></i>\n      </button>\n\n    </div>\n\n  </div>\n\n  <div class=\'dative-pagination-menu-top dative-two-part-header-part-two\'></div>\n\n</div>\n\n<div class=\'dative-page-body\'>\n\n  <div class=\'dative-pagin-items\'></div>\n\n  <div class=\'new-subcorpus-view dative-subcorpus-object dative-widget-center\n    dative-shadowed-widget ui-widget ui-widget-content ui-corner-all\n    dative-new-item\'></div>\n\n  <div class=\'dative-pagin-nav dative-pagin-nav-bottom\'></div>\n\n</div>\n\n<div class=\'focusable-bottom\' tabindex=\'0\'></div>\n\n<div id=\'exporter-dialog-container\'></div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/subcorpus-add-widget.js b/.tmp/scripts/templates/subcorpus-add-widget.js
new file mode 100644
index 0000000..7634c42
--- /dev/null
+++ b/.tmp/scripts/templates/subcorpus-add-widget.js
@@ -0,0 +1,78 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'dative-widget-header-title container-center\'\n    >'));
+    
+      _print(this.headerTitle);
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-left\'>\n\n    <button class="hide-subcorpus-add-widget dative-tooltip"\n            title="hide this subcorpus '));
+    
+      _print(this.addUpdateType);
+    
+      _print(_safe(' widget">\n      <i class=\'fa fa-times fa-fw\'></i>\n    </button>\n\n    <button class="toggle-secondary-data-fields dative-tooltip"\n      title="show the secondary data input fields">\n      <i class=\'fa fa-angle-down fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class=\'button-container-right\'>\n\n    <span class="spinner-container"></span>\n\n    <button class="clear-form dative-tooltip"\n      title="clear this form: reset all fields to their default values"\n      ><i class=\'fa fa-eraser fa-fw\'></i>\n    </button>\n\n    '));
+    
+      if (this.addUpdateType === 'update') {
+        _print(_safe('\n      <button class="undo-changes dative-tooltip"\n        title="undo changes: restore to pre-modification state"\n        ><i class=\'fa fa-undo fa-fw\'></i>\n      </button>\n    '));
+      }
+    
+      _print(_safe('\n\n    <button class=\'subcorpus-add-help dative-tooltip\'\n      '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n        title=\'help with adding a subcorpus\'\n      '));
+      } else {
+        _print(_safe('\n        title=\'help with updating a subcorpus\'\n      '));
+      }
+    
+      _print(_safe('\n    ><i class=\'fa fa-fw fa-question\'></i>\n    </button>\n\n  </div>\n\n</div>\n\n<div class="dative-widget-body">\n\n    <div class="subcorpus-add-form linguistic-data-entry-form\n        '));
+    
+      _print(this.activeServerType.toLowerCase());
+    
+      _print(_safe('">\n\n    <ul class="fieldset primary-data"></ul>\n    <ul class="fieldset secondary-data"></ul>\n\n    <ul class="fieldset button-only-fieldset">\n\n      <li class="center">\n        <button\n          class="add-subcorpus-button dative-tooltip"\n          '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n            title=\'Create this new subcorpus\'\n          '));
+      } else {
+        _print(_safe('\n            title=\'Save changes to this subcorpus\'\n          '));
+      }
+    
+      _print(_safe('\n          >Save</button>\n\n        <button\n          class="toggle-secondary-data-fields dative-tooltip"\n          title="show the secondary data input fields"\n          ><i class=\'fa fa-angle-down fa-fw\'></i>\n        </button>\n\n      </li>\n\n    </ul>\n\n  </div>\n\n</div>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/subcorpus.js b/.tmp/scripts/templates/subcorpus.js
new file mode 100644
index 0000000..8db51ec
--- /dev/null
+++ b/.tmp/scripts/templates/subcorpus.js
@@ -0,0 +1,70 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class="dative-widget-header ui-widget-header ui-corner-top">\n\n  <div class=\'button-container-left\'>\n\n    '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n      <button class="hide-subcorpus-widget dative-tooltip"\n        title="hide this new subcorpus widget">\n        <i class=\'fa fa-times fa-fw\'></i>\n      </button>\n    '));
+      } else if (!this.headerAlwaysVisible) {
+        _print(_safe('\n      <button class="hide-subcorpus-details dative-tooltip"\n        title="hide the buttons and extra data of this subcorpus">\n        <i class=\'fa fa-angle-double-up fa-fw\'></i>\n      </button>\n  '));
+      }
+    
+      _print(_safe('\n\n    <button class="toggle-secondary-data dative-tooltip"\n      title="hide the secondary data of this subcorpus">\n      <i class=\'fa fa-angle-up fa-fw\'></i>\n    </button>\n\n    <button class="toggle-data-labels dative-tooltip"\n      title="show labels">labels:\n      <i class=\'fa fa-toggle-off fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class=\'dative-widget-header-title container-center\'\n    >'));
+    
+      _print(this.headerTitle || '');
+    
+      _print(_safe('</div>\n\n  <div class=\'button-container-right\'>\n\n    <button class="update-subcorpus dative-tooltip"\n      '));
+    
+      if (this.addUpdateType === 'add') {
+        _print(_safe('\n        title="edit the details of this subcorpus"\n      '));
+      } else {
+        _print(_safe('\n        title="update this subcorpus"\n      '));
+      }
+    
+      _print(_safe('\n      ><i class=\'fa fa-pencil-square-o fa-fw\'></i>\n    </button>\n\n    <button class="export-subcorpus dative-tooltip"\n      title="export this subcorpus"\n      ><i class=\'fa fa-download fa-fw\'></i>\n    </button>\n\n    '));
+    
+      if (this.addUpdateType === 'update') {
+        _print(_safe('\n\n      <button class="delete-subcorpus dative-tooltip"\n        title="delete this subcorpus"\n        ><i class=\'fa fa-trash fa-fw\'></i>\n      </button>\n\n      <button class="duplicate-subcorpus dative-tooltip"\n        title="duplicate this subcorpus"\n        ><i class=\'fa fa-copy fa-fw\'></i>\n      </button>\n\n      <!-- Uncomment this later, once history is implemented.\n      <button class="subcorpus-history dative-tooltip"\n        title="view the history of this subcorpus"\n        ><i class=\'fa fa-history fa-fw\'></i>\n      </button>\n      -->\n\n    '));
+      }
+    
+      _print(_safe('\n\n  </div>\n\n</div>\n\n\n<div class=\'dative-widget-body\'>\n\n  <div class=\'update-subcorpus-widget update-widget dative-widget-center\n    dative-shadowed-widget ui-widget ui-widget-content ui-corner-all\'></div>\n\n  <div class=\'subcorpus-primary-data large-unicode-font\'> </div>\n\n  <div class=\'subcorpus-secondary-data large-unicode-font\'></div>\n\n</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/task.js b/.tmp/scripts/templates/task.js
new file mode 100644
index 0000000..ec7e7ee
--- /dev/null
+++ b/.tmp/scripts/templates/task.js
@@ -0,0 +1,64 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<td class="live-task-container">\n    <div class="live-task"></div>\n</td>\n<td class=\'resource-representation\'></td>\n<td>'));
+    
+      _print(this.taskName);
+    
+      _print(_safe('</td>\n<td>'));
+    
+      _print(this.successful);
+    
+      _print(_safe('</td>\n<td class=\'time-elapsed\'>'));
+    
+      _print(this.timeElapsed);
+    
+      _print(_safe('</td>\n<td>'));
+    
+      _print(this.startDate);
+    
+      _print(_safe('</td>\n<td>'));
+    
+      _print(this.endDate);
+    
+      _print(_safe('</td>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/tasks-dialog.js b/.tmp/scripts/templates/tasks-dialog.js
new file mode 100644
index 0000000..357591e
--- /dev/null
+++ b/.tmp/scripts/templates/tasks-dialog.js
@@ -0,0 +1,44 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div class=\'dative-tasks-dialog\'>\n\n    <div class=\'dative-tasks-content\'>\n\n        <div class=\'current-tasks\'>\n            <h2>Current Tasks</h2>\n            <div class=\'tasks-table current-tasks-table\'>\n                <div class=\'no-current-tasks\'>There are no tasks currently\n                pending.</div>\n                <table class=\'tasks-table\'>\n                    <thead>\n                        <tr>\n                            <th></th>\n                            <th>Resource</th>\n                            <th>Task</th>\n                            <th>Successful</th>\n                            <th>Time Elapsed</th>\n                            <th>Start Time</th>\n                            <th>End Time</th>\n                        </tr>\n                    </thead>\n                    <tbody></tbody>\n                </table>\n            </div>\n        </div>\n\n        <div class=\'terminated-tasks\'>\n            <h2>Terminated Tasks</h2>\n            <div class=\'tasks-table terminated-tasks-table\'>\n                <div class=\'no-terminated-tasks\'>There are no terminated\n                tasks.</div>\n                <table class=\'tasks-table\'>\n                    <thead>\n                        <tr>\n                            <th></th>\n                            <th>Resource</th>\n                            <th>Task</th>\n                            <th>Successful</th>\n                            <th>Time Elapsed</th>\n                            <th>Start Time</th>\n                            <th>End Time</th>\n                        </tr>\n                    </thead>\n                    <tbody></tbody>\n                </table>\n            </div>\n        </div>\n\n    </div>\n\n</div>\n\n<div class=\'dative-tasks-dialog-target\'><div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/textarea-button-control.js b/.tmp/scripts/templates/textarea-button-control.js
new file mode 100644
index 0000000..91b8514
--- /dev/null
+++ b/.tmp/scripts/templates/textarea-button-control.js
@@ -0,0 +1,68 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<textarea\n    rows=\'1\'\n    name=\''));
+    
+      _print(this.textareaName);
+    
+      _print(_safe('\'\n    class=\'ui-corner-all\n           form-add-input\n           dative-tooltip\n           dative-input-field\n           control-input\'\n    title=\''));
+    
+      _print(this.textareaTitle);
+    
+      _print(_safe('\'\n></textarea>\n<button\n    class=\''));
+    
+      _print(this.buttonClass);
+    
+      _print(_safe(' align-top dative-tooltip\'\n    title=\''));
+    
+      _print(this.buttonTitle);
+    
+      _print(_safe('\'\n>'));
+    
+      _print(this.buttonText);
+    
+      _print(_safe('</button>\n<div class=\''));
+    
+      _print(this.resultsContainerClass);
+    
+      _print(_safe('\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/textarea-button-input.js b/.tmp/scripts/templates/textarea-button-input.js
new file mode 100644
index 0000000..6113fca
--- /dev/null
+++ b/.tmp/scripts/templates/textarea-button-input.js
@@ -0,0 +1,72 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<textarea\n  rows=\'1\'\n  name=\''));
+    
+      _print(this.subattributeName);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this.subattributeClass);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         textarea-button\'\n  title=\''));
+    
+      _print(this.subattributeTitle);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.subattributeValue);
+    
+      _print(_safe('</textarea>\n\n<button\n  class=\''));
+    
+      _print(this.buttonClass);
+    
+      _print(_safe('\n         dative-tooltip\n         new-remove\'\n  title=\''));
+    
+      _print(this.buttonTitle);
+    
+      _print(_safe('\'\n><i\n  class=\'fa\n         fa-fw\n         '));
+    
+      _print(this.buttonIconClass);
+    
+      _print(_safe('\'\n></i\n></button>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/textarea-control.js b/.tmp/scripts/templates/textarea-control.js
new file mode 100644
index 0000000..5f3a11d
--- /dev/null
+++ b/.tmp/scripts/templates/textarea-control.js
@@ -0,0 +1,66 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      if (this.textareaLabel) {
+        _print(_safe('\n    <label\n        class=\'textarea-control-label dative-tooltip\'\n        title=\''));
+        _print(this.textareaLabelTitle);
+        _print(_safe('\'\n        for=\''));
+        _print(this.textareaName);
+        _print(_safe('\'>'));
+        _print(this.textareaLabel);
+        _print(_safe('</label>\n'));
+      }
+    
+      _print(_safe('\n<textarea\n    maxlength=\'500\'\n    rows=\'1\'\n    name=\''));
+    
+      _print(this.textareaName);
+    
+      _print(_safe('\'\n    class=\'ui-corner-all\n           form-add-input\n           dative-tooltip\n           dative-input-field\n           control-input\'\n    title=\''));
+    
+      _print(this.textareaTitle);
+    
+      _print(_safe('\'\n></textarea>\n<div class=\''));
+    
+      _print(this.resultsContainerClass);
+    
+      _print(_safe('\'></div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/textarea-field.js b/.tmp/scripts/templates/textarea-field.js
new file mode 100644
index 0000000..660d74d
--- /dev/null
+++ b/.tmp/scripts/templates/textarea-field.js
@@ -0,0 +1,60 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<textarea\n  rows=\'1\'\n  name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         dative-field-textarea\'\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.value);
+    
+      _print(_safe('</textarea>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/textarea-input.js b/.tmp/scripts/templates/textarea-input.js
new file mode 100644
index 0000000..74a2e79
--- /dev/null
+++ b/.tmp/scripts/templates/textarea-input.js
@@ -0,0 +1,74 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      var attribute, ref, value;
+    
+      _print(_safe('<textarea\n  rows=\'1\'\n  name=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\n         ui-corner-all\n         form-add-input\n         dative-tooltip\n         dative-input-field\n         textarea-only\'\n  '));
+    
+      ref = this.domAttributes;
+      for (attribute in ref) {
+        value = ref[attribute];
+        _print(_safe('\n    '));
+        _print(attribute);
+        _print(_safe('="'));
+        _print(value);
+        _print(_safe('"\n  '));
+      }
+    
+      _print(_safe('\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.value);
+    
+      _print(_safe('</textarea>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/top-label.js b/.tmp/scripts/templates/top-label.js
new file mode 100644
index 0000000..2983dc5
--- /dev/null
+++ b/.tmp/scripts/templates/top-label.js
@@ -0,0 +1,56 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<label\n  for=\''));
+    
+      _print(this.name);
+    
+      _print(_safe('\'\n  class=\'dative-field-label dative-field-label-top\n         dative-tooltip\'\n  title=\''));
+    
+      _print(this.title);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(this.label);
+    
+      _print(_safe('</label>\n\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/translation-representation.js b/.tmp/scripts/templates/translation-representation.js
new file mode 100644
index 0000000..b17e796
--- /dev/null
+++ b/.tmp/scripts/templates/translation-representation.js
@@ -0,0 +1,60 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div\n  class=\''));
+    
+      _print(this.transcriptionClass);
+    
+      _print(_safe('\'\n  ><span\n    class=\''));
+    
+      _print(this.compatibilityClass);
+    
+      _print(_safe('\'\n    >'));
+    
+      _print(_safe(this.valueFormatter(this.compatibilityValue, 'compatibility')));
+    
+      _print(_safe('</span\n  >'));
+    
+      _print(_safe(this.valueFormatter(this.transcriptionValue)));
+    
+      _print(_safe('</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/user.js b/.tmp/scripts/templates/user.js
new file mode 100644
index 0000000..9178da3
--- /dev/null
+++ b/.tmp/scripts/templates/user.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('  <div class="dative-widget-header ui-widget-header ui-corner-top">\n\n    <div class=\'dative-widget-header-title\'>'));
+    
+      _print(this.username);
+    
+      _print(_safe('</div>\n\n    <button class="revoke-access dative-tooltip"\n      title="revoke this user\'s access to this corpus">\n      <i class=\'fa fa-times fa-fw\'></i>\n    </button>\n\n  </div>\n\n  <div class="dative-widget-body">\n    <img src="https://secure.gravatar.com/avatar/'));
+    
+      _print(this.gravatar);
+    
+      _print(_safe('?d=identicon"\n      alt="gravatar image" />\n  </div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.tmp/scripts/templates/value-representation.js b/.tmp/scripts/templates/value-representation.js
new file mode 100644
index 0000000..8f3a835
--- /dev/null
+++ b/.tmp/scripts/templates/value-representation.js
@@ -0,0 +1,52 @@
+define(function(){
+  var template = function(__obj) {
+  var _safe = function(value) {
+    if (typeof value === 'undefined' && value == null)
+      value = '';
+    var result = new String(value);
+    result.ecoSafe = true;
+    return result;
+  };
+  return (function() {
+    var __out = [], __self = this, _print = function(value) {
+      if (typeof value !== 'undefined' && value != null)
+        __out.push(value.ecoSafe ? value : __self.escape(value));
+    }, _capture = function(callback) {
+      var out = __out, result;
+      __out = [];
+      callback.call(this);
+      result = __out.join('');
+      __out = out;
+      return _safe(result);
+    };
+    (function() {
+      _print(_safe('<div\n  class=\''));
+    
+      _print(this["class"]);
+    
+      _print(_safe('\'\n  >'));
+    
+      _print(_safe(this.valueFormatter(this.value)));
+    
+      _print(_safe('</div>\n\n'));
+    
+    }).call(this);
+    
+    return __out.join('');
+  }).call((function() {
+    var obj = {
+      escape: function(value) {
+        return ('' + value)
+          .replace(/&/g, '&amp;')
+          .replace(/</g, '&lt;')
+          .replace(/>/g, '&gt;')
+          .replace(/"/g, '&quot;');
+      },
+      safe: _safe
+    }, key;
+    for (key in __obj) obj[key] = __obj[key];
+    return obj;
+  })());
+};
+  return template;
+});
diff --git a/.travis.yml b/.travis.yml
index 4706e58..d43939b 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -2,6 +2,8 @@ language: node_js
 
 node_js:
   - 8.9.1
+  - 10
+  - 12
 
 before_install:
   - export TZ=Canada/Eastern
diff --git a/Gruntfile.coffee b/Gruntfile.coffee
index 55fd3f6..90d196a 100644
--- a/Gruntfile.coffee
+++ b/Gruntfile.coffee
@@ -70,9 +70,9 @@ module.exports = (grunt) ->
       jst:
         files: ['<%= yeoman.app %>/scripts/templates/*.ejs']
         tasks: ['jst']
-      eco:
-        files: ['<%= yeoman.app %>/scripts/templates/{,*/}*.eco']
-        tasks: ['eco']
+      # eco:
+      #   files: ['<%= yeoman.app %>/scripts/templates/{,*/}*.eco']
+      #   tasks: ['eco']
       test:
         files: ['<%= yeoman.app %>/scripts/{,*/}*.js', 'test/spec/**/*.js']
         tasks: ['test:true']
@@ -120,9 +120,9 @@ module.exports = (grunt) ->
         #app: 'firefox'
 
     clean:
-      dist: ['.tmp', '<%= yeoman.dist %>/*']
+      dist: ['<%= yeoman.dist %>/*']
       postdist: ['<%= yeoman.dist %>/bower_components']
-      server: '.tmp'
+      server: '.tmpkeep'
       doctmp: '.doctmp'
       docs: 'docs'
 
@@ -528,7 +528,7 @@ module.exports = (grunt) ->
         'coffee:test'
         #'createDefaultTemplate'
         #'jst'
-        'eco'
+        # 'eco'
         #'compass:server'
         'connect:test'
         'open:test'
@@ -545,7 +545,7 @@ module.exports = (grunt) ->
       'coffee:serve'
       #'createDefaultTemplate'
       #'jst'
-      'eco'
+      # 'eco'
       #'compass:server'
       'connect:livereload'
       #'open:server'
@@ -561,7 +561,7 @@ module.exports = (grunt) ->
       'coffee'
       #'createDefaultTemplate'
       #'jst'
-      'eco'
+      #'eco'
       #'compass'
       'connect:test'
       'mocha'
@@ -584,7 +584,7 @@ module.exports = (grunt) ->
 
     # eco: convert all .eco files in app/scripts/templates/ to .js files in
     # .tmp/scripts/templates/
-    'eco'
+    # 'eco'
 
     # permits execution of shell scripts
     'exec:setContinuousDeploymentVersion'