diff options
Diffstat (limited to 'install/static/associate.js')
| -rw-r--r-- | install/static/associate.js | 321 |
1 files changed, 210 insertions, 111 deletions
diff --git a/install/static/associate.js b/install/static/associate.js index cd07c9f7..11c160f8 100644 --- a/install/static/associate.js +++ b/install/static/associate.js @@ -16,22 +16,17 @@ * You should have received a copy of the GNU General Public License * along with this program; if not, write to the Free Software * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA - */ - -/* IPA Object Add - creating new instances of entities */ +*/ /* REQUIRES: ipa.js */ - -function keyForFacet(tab, facet){ - qs = ipa_parse_qs(); - var key = qs['tab'] +'-'+ qs['facet']; - return key; -} +/* CURRENTLY ALSO REQUIRES search.js, because it reuses it's code to create + * the AssociationList elements; IT NEEDS IT'S OWN CODE! */ /** *This associator is built for the case where each association requires a separate rpc */ -function SerialAssociator(form, oneObjPkey, manyObjPkeys){ +function SerialAssociator(form, oneObjPkey, manyObjPkeys) +{ this.form = form; this.manyObjPkeys = manyObjPkeys; this.oneObjPkey = oneObjPkey; @@ -55,27 +50,28 @@ function SerialAssociator(form, oneObjPkey, manyObjPkeys){ }, form.manyObj ); }else{ - location.hash="tab="+form.oneObj - +"&facet=details&pkey="+this.oneObjPkey; + var state = {}; + state[form.oneObj + '-facet'] = 'associate'; + state[form.oneObj + '-pkey'] = this.oneObjPkey; + $.bbq.pushState(state); } } - } /** *This associator is for the common case where all the asociations can be sent in a single rpc */ -function BulkAssociator(form, pkey, manyObjPkeys){ - - this.form = form; - this.pkey =pkey; - this.manyObjPkeys = manyObjPkeys; +function BulkAssociator(form, pkey, manyObjPkeys) +{ + this.form = form; + this.pkey = pkey; + this.manyObjPkeys = manyObjPkeys; - this.associateNext = function(){ + this.associateNext = function() { var form = this.form; var option = manyObjPkeys.shift(); - while(manyObjPkeys.length > 0){ + while(manyObjPkeys.length > 0) { option += "," + manyObjPkeys.shift(); } @@ -85,15 +81,16 @@ function BulkAssociator(form, pkey, manyObjPkeys){ options[form.manyObj] = option; var args = [this.pkey]; - var associator = this; + ipa_cmd( form.method,args, options , function(response){ - var qs = ipa_parse_qs(); if (response.error){ alert("error adding memeber"); }else{ - location.hash="tab=" +form.oneObj - +"&facet=details&pkey="+associator.pkey; + var state = {}; + state[form.onObj + '-facet'] = 'associate'; + state[form.oneObj + '-pkey'] = this.pkey; + $.bbq.pushState(state); } }, function(response){ @@ -107,45 +104,42 @@ function BulkAssociator(form, pkey, manyObjPkeys){ * Create a form for a one to many association. * */ -function AssociationForm(oneObj, manyObj,facet,facets, searchColumn, headerText , associatorConstructor, method){ +function AssociationForm(oneObj, manyObj, pkey, jobj, associatorConstructor, method) +{ this.oneObj = oneObj; this.manyObj = manyObj; - this.facet = facet; - this.facets = facets; - this.headerText = headerText; - this.searchColumn = searchColumn; + this.searchColumn = pkey; + this.parentTab = jobj + //An optional parameter to determine what ipa method to call to create //the association - if (method){ + if (method) this.method = method; - }else{ + else this.method = 'add_member'; - } - if (associatorConstructor){ + if (associatorConstructor) this.associatorConstructor = associatorConstructor; - }else{ + else this.associatorConstructor = SerialAssociator; - } - - this.setup = function(pkey){ - showAssociations(); - qs = ipa_parse_qs(); - $("#availableList").html(""); - $("#enrollments").html(""); - setupFacetNavigation(this.oneObj,qs['pkey'],qs['facet'],this.facets); + this.setup = function() { + association_form_create(this.parentTab); + this.parentTab.find('#availableList').html(''); + this.parentTab.find('#enrollments').html(''); - this.currentUserToEnroll = qs['pkey']; - this.manyObjPkeys = []; + var currentObjToEnroll = $.bbq.getState(this.oneObj + '-pkey', true) || ''; var form = this; - $('h1').text(this.headerText()); - - - $("#enroll").click(function(){ + $('h1').text('Enroll ' + this.oneObj + ' ' + currentObjToEnroll + ' in ' + this.manyObj + '.'); + $('#enroll').click(function () { form.associate(); }); + $('#cancel').click(function () { + var state = {}; + state[form.oneObj + '-facet'] = 'associate'; + $.bbq.pushState(state); + }); $("#addToList").click(function(){ $('#availableList :selected').each(function(i, selected){ $("#enrollments").append(selected); @@ -161,97 +155,91 @@ function AssociationForm(oneObj, manyObj,facet,facets, searchColumn, headerText $("#find").click(function(){ form.search(); }); - } - this.search = function(){ - - var queryFilter = $("#associateFilter").val(); + }; + this.search = function() { var form = this; - ipa_cmd( 'find', [queryFilter], {}, - function(searchResults){ - form.populateSearch(searchResults); - }, - function(){ - alert("associationSearchFailure"); - }, - this.manyObj); - } - this.associate = function(){ - var manyObjPkeys = []; - $('#enrollments').children().each(function(i, selected){ + function search_on_win(data, text_status, xhr) { + var results = data.result; + $("#availableList").html(""); + for (var i =0; i != results.count; i++){ + var result = results.result[i]; + $("<option></option>",{ + value: result[form.searchColumn][0], + html: result[form.searchColumn][0] + }).appendTo( $("#availableList")); + } + }; + + function search_on_fail(xhr, text_status, errow_thrown) { + alert("associationSearchFailure"); + }; + + var queryFilter = $('#associateFilter').val(); + ipa_cmd('find', [queryFilter], {}, search_on_win, null, this.manyObj); + }; + + this.associate = function () { + var manyObjPkeys = []; + $('#enrollments').children().each(function (i, selected) { manyObjPkeys.push(selected.value); }); - var pkey = qs['pkey']; + var pkey = $.bbq.getState(this.oneObj + '-pkey', true) || ''; var associator = - new this.associatorConstructor (this, pkey, manyObjPkeys); + new this.associatorConstructor(this, pkey, manyObjPkeys); associator.associateNext(); - } - this.populateSearch = function(searchResults){ - var results = searchResults.result; - $("#availableList").html(""); - for (var i =0; i != results.count; i++){ - var result = results.result[i]; - $("<option/>",{ - value: result[this.searchColumn][0], - html: result[this.searchColumn][0] - }).appendTo( $("#availableList")); - } - } + }; } - /** A modfied version of search. It shows the associations for an object. */ -function AssociationList(obj,facet,assignFacet,associationColumns,facets) { +function AssociationList(obj, assignFacet, associationColumns, jobj) +{ this.obj = obj; - this.facet = facet; - this.assignFacet = assignFacet; this.associationColumns = associationColumns; - this.facets = facets; - + this.assignFacet = assignFacet; + this.parentTab = jobj; - this.populate = function(userData){ - var associationList = userData.result.result[this.associationColumns[0].column]; - for (var j = 0; j < associationList.length; j++){ - var row = $("<tr/>").appendTo($('#searchResultsTable thead:last')); + this.populate = function(userData) { + var tbody = this.parentTab.find('.search-table tbody'); + tbody.empty(); + var associationList = userData.result.result[this.associationColumns[0].column]; + for (var j = 0; j < associationList.length; j++){ + var row = $("<tr/>").appendTo(tbody); for (var k = 0; k < associationColumns.length ;k++){ var column = this.associationColumns[k].column; - var link = - "#tab="+this.associationColumns[k].title - +"&facet=details" - +"&pkey="+userData.result.result[column][j]; - $("<td/>",{ - html: $("<a />",{ - href:link, - html:userData.result.result[column][j] - }) + $("<td></td>",{ + html: userData.result.result[column][j] }).appendTo(row); } } } - this.setup=function(){ - qs = ipa_parse_qs(); - showSearch(); - buildFacetNavigation(facets); - $("#filter").css("display","none"); - $("#searchButtons").html(""); - $("<input/>",{ + + this.setup = function() { + association_list_create(this.obj, this.parentTab); + var form = this; + var pkey_hash = this.obj + '-pkey'; + var pkey = $.bbq.getState(pkey_hash, true) || ''; + this.parentTab.find(".search-filter").css("display", "none"); + this.parentTab.find(".search-buttons").html(""); + $("<input/>", { type: 'button', value: 'enroll', - click: function(){ - location.hash="tab="+obj+"&facet="+assignFacet+"&pkey="+qs['pkey']; + click: function() { + var state = {}; + state[form.obj + '-facet'] = form.assignFacet; + $.bbq.pushState(state); } - }).appendTo("#searchButtons"); - var header = $("<tr/>").appendTo($('#searchResultsTable thead:last')); + }).appendTo(this.parentTab.find(".search-buttons")); + var header = $("<tr></tr>").appendTo(this.parentTab.find('.search-table thead:last')); for (var i =0 ; i != associationColumns.length ;i++){ - $("<th/>",{ + $("<th></th>",{ html: associationColumns[i].title }).appendTo(header); } - var form = this; - ipa_cmd( 'show', [qs['pkey']], {}, + ipa_cmd( 'show', [pkey], {}, function(result){ form.populate(result); }, @@ -261,3 +249,114 @@ function AssociationList(obj,facet,assignFacet,associationColumns,facets) { this.obj); } } + +/* FIXME: TEMPORARY FACET GENERATORS; WE NEED A BETTER WAY! */ + +function association_form_create(jobj) +{ + var div = $('<div id="associations"></div>'); + div.append($('<h1></h1>', { + text: 'Enroll in Groups' + })); + var form = $('<form></form>'); + var form_div = $('<div></div>'); + form_div.css('border-width', '1px'); + var sub_div = $('<div></div>'); + sub_div.append($('<input />', { + id: 'associateFilter', + type: 'text' + })); + sub_div.append($('<input />', { + id: 'find', + type: 'button', + value: 'Find' + })); + var but_span = $('<span></span>'); + but_span.css('float', 'right'); + but_span.append($('<input />', { + id: 'cancel', + type: 'button', + value: 'Cancel' + })); + but_span.append($('<input />', { + id: 'enroll', + type: 'button', + value: 'Enroll' + })); + sub_div.append(but_span); + form_div.append(sub_div); + form.append(form_div); + var form_div = $('<div id="results"></div>'); + form_div.css('border', '2px solid rgb(0, 0, 0)'); + form_div.css('position', 'relative'); + form_div.css('height', '200px'); + var sub_div = $('<div></div>'); + sub_div.css('float', 'left'); + sub_div.append($('<div></div>', { + text: 'Available' + })); + sub_div.append($('<select></select>', { + id: 'availableList', + width: '150px', + size: '10', + multiple: 'true' + })); + form_div.append(sub_div); + var sub_div = $('<div></div>'); + sub_div.css('float', 'left'); + var p = $('<p></p>'); + p.append($('<input />', { + id: 'removeFromList', + type: 'button', + value: '<<' + })); + sub_div.append(p); + var p = $('<p></p>'); + p.append($('<input />', { + id: 'addToList', + type: 'button', + value: '>>' + })); + sub_div.append(p); + form_div.append(sub_div); + var sub_div = $('<div></div>'); + sub_div.css('float', 'left'); + sub_div.append($('<div></div>', { + text: 'Prospective' + })); + sub_div.append($('<select></select>', { + id: 'enrollments', + width: '150px', + size: '10', + multiple: 'true' + })); + form_div.append(sub_div); + form.append(form_div); + form.append($('<hr />')); + form.append($('<div></div>', { + text: 'Message Area' + })); + form.append($('<hr />')); + var form_div = $('<div></div>'); + var span = $('<span></span>'); + span.css('float', 'left'); + span.append($('<p></p>', { + text: '*Enter Group Names and Press Groups' + })); + span.append($('<p></p>', { + text: '*More stuff' + })); + span.append($('<p></p>', { + text: '*More stuff' + })); + form_div.append(span); + form.append(form_div); + div.append(form); + jobj.append(div); +} + +function association_list_create(obj_name, jobj) +{ + search_create(obj_name, [], jobj); +} + |