Allow administrative editing of project resources

Summary: Currently, you can only edit your own affiliation to projects. Enable users to be managed in a more reasonable batched way. I'll lock this down to admins/owners and add a transaction log at some point. Test Plan: Edited project affiliations. Verified Herald still works. Reviewed By: jungejason Reviewers: jungejason, tuomaspelkonen, aran CC: aran, jungejason Differential Revision: 677
2011-07-15 22:30:55 -07:00
parent 2b7210260f
commit c6557d3363
7 changed files with 362 additions and 15 deletions
--- a/webroot/rsrc/js/application/projects/projects-resource-editor.js
+++ b/webroot/rsrc/js/application/projects/projects-resource-editor.js
@@ -0,0 +1,122 @@
+/**
+ * @requires javelin-behavior
+ *           phabricator-prefab
+ *           multirow-row-manager
+ *           javelin-tokenizer
+ *           javelin-typeahead-preloaded-source
+ *           javelin-typeahead
+ *           javelin-dom
+ *           javelin-json
+ *           javelin-util
+ * @provides javelin-behavior-projects-resource-editor
+ * @javelin
+ */
+
+JX.behavior('projects-resource-editor', function(config) {
+
+  var root = JX.$(config.root);
+  var resources_table = JX.DOM.find(root, 'table', 'resources');
+  var manager = new JX.MultirowRowManager(resources_table);
+  var resource_rows = [];
+
+  for (var ii = 0; ii < config.state.length; ii++) {
+    addRow(config.state[ii]);
+  }
+
+  function renderRow(data) {
+
+    var template = JX.$N('div', JX.$H(config.tokenizerTemplate)).firstChild;
+    template.id = '';
+    var datasource = new JX.TypeaheadPreloadedSource(
+      config.tokenizerSource);
+    var typeahead = new JX.Typeahead(template);
+    typeahead.setDatasource(datasource);
+    var tokenizer = new JX.Tokenizer(template);
+    tokenizer.setTypeahead(typeahead);
+    tokenizer.setLimit(1);
+    tokenizer.start();
+
+    if (data.phid) {
+      tokenizer.addToken(data.phid, data.name);
+    }
+
+    var status = JX.Prefab.renderSelect(
+      {'' : 'Current', 'former' : 'Former'},
+      data.status || '');
+
+    var role = JX.$N('input', {type: 'text', value : data.role || ''});
+
+    var ownership = JX.Prefab.renderSelect(
+      {0 : 'Nonowner', 1 : 'Owner'},
+      data.owner || 0);
+
+    var as_object = function() {
+      var tokens = tokenizer.getTokens();
+      return {
+        phid : JX.keys(tokens)[0] || null,
+        status : status.value,
+        role : role.value,
+        owner : ownership.value
+      };
+    }
+
+    var r = [];
+    r.push([null,                 JX.$N('label', {}, 'User:')]);
+    r.push(['user-tokenizer',     template]);
+    r.push(['role-label',         JX.$N('label', {}, 'Role:')]);
+    r.push([null,                 status]);
+    r.push(['role',                role]);
+    r.push([null,                 ownership]);
+
+    for (var ii = 0; ii < r.length; ii++) {
+      r[ii] = JX.$N('td', {className : r[ii][0]}, r[ii][1]);
+    }
+
+    return {
+      nodes : r,
+      dataCallback : as_object
+    };
+  }
+
+  function onaddresource(e) {
+    e.kill();
+    addRow({});
+  }
+
+  function addRow(info) {
+    var data = renderRow(info);
+    var row = manager.addRow(data.nodes);
+    var id = manager.getRowID(row);
+
+    resource_rows[id] = data.dataCallback;
+  }
+
+  function onsubmit(e) {
+    var result = [];
+    for (var ii = 0; ii < resource_rows.length; ii++) {
+      if (resource_rows[ii]) {
+        var obj = resource_rows[ii]();
+        result.push(obj);
+      }
+    }
+    JX.$(config.input).value = JX.JSON.stringify(result);
+  }
+
+  JX.DOM.listen(
+    root,
+    'click',
+    'add-resource',
+    onaddresource);
+
+  JX.DOM.listen(
+    root,
+    'submit',
+    null,
+    onsubmit);
+
+  manager.listen(
+    'row-removed',
+    function(row_id) {
+      delete resource_rows[row_id];
+    });
+});