Peter M. Groen / knowledgetree

Commit c2672dfe5aba1683fb9187777e5ecf6f5a618736

Authored by nbm 2005-10-04 12:15:32 +0000

Templates for simple conditional metadata editing


git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/trunk@3701 c91229c3-7414-0410-bfa2-8a42b809f60b

Inline Side-by-side

Showing 6 changed files with 549 additions and 0 deletions

templates/ktcore/metadata/conditional/ajax_masterfield.smarty 0 → 100644

View file @c2672df

	1	+<input type="hidden" name="field_id" value="{$master_field_id}" />
	2	+<select name="lookup_id">
	3	+{foreach item=aLookupRow from=$free_lookups}
	4	+<option value="{$aLookupRow.lookup_id}">{$aLookupRow.lookup_val}</option>
	5	+{/foreach}
	6	+</select>
...	...

templates/ktcore/metadata/conditional/ajax_subfield.smarty 0 → 100644

View file @c2672df

	1	+<!-- direct values -->
	2	+<div class="formSelection">
	3	+<select multiple="true" name="direct_values_{$field_id}[]">
	4	+ {foreach item=aLookupRow from=$lookups}
	5	+ <option value="{$aLookupRow.lookup_id}">{$aLookupRow.lookup_val}</option>
	6	+ {/foreach}
	7	+</select>
	8	+
	9	+<!-- subtree's selectable for this field -->
	10	+{if (!empty($rulesets))}
	11	+ {foreach item=ruleset from=$rulesets}
	12	+ <input type="checkbox" name="rulesets_to_attach[]" value="{$ruleset.rule_id}">{$ruleset.rule_name}</input><br />
	13	+ {/foreach}
	14	+{else}
	15	+<p>No rulesets for this field.</p>
	16	+{/if}
	17	+
	18	+<p><a href="/presentation/lookAndFeel/knowledgeTree/administration/conditionalmanagement/manageConditionals.php?action=newSubConditionSet&fieldset_id={$fieldset_id}&starting_field={$field_id}">add a ruleset</a>.</p>
	19	+</div>
...	...

templates/ktcore/metadata/conditional/editsimple.smarty 0 → 100644

View file @c2672df

	1	+{literal}
	2	+<style>
	3	+
	4	+.active {
	5	+ background: transparent;
	6	+}
	7	+
	8	+.inactive {
	9	+ background: #ccc;
	10	+}
	11	+
	12	+.inactive .fieldselection {
	13	+ display: none;
	14	+}
	15	+
	16	+.currentmaster .editbutton { display: none; }
	17	+.savebutton { display: none; }
	18	+.currentmaster .savebutton { display: block; }
	19	+.active .activity_message { display: none; }
	20	+.inactive .savebutton { display: none; }
	21	+
	22	+</style>
	23	+
	24	+<!-- include the mochikit js -->
	25	+<script language="javascript" src="/thirdpartyjs/MochiKit/Base.js"> </script>
	26	+<script language="javascript" src="/thirdpartyjs/MochiKit/Iter.js"> </script>
	27	+<script language="javascript" src="/thirdpartyjs/MochiKit/Async.js"> </script>
	28	+<script language="javascript" src="/thirdpartyjs/MochiKit/DOM.js"> </script>
	29	+
	30	+
	31	+
	32	+
	33	+<!-- custom JS -->
	34	+
	35	+<script language="javascript">
	36	+
	37	+function str_startswith(source, contents) {
	38	+ var clen = contents.length;
	39	+ if (source.length < clen) {
	40	+ return false;
	41	+ } else {
	42	+ var matcher = source.substr(0, clen);
	43	+ if (matcher == contents) {
	44	+ return true;
	45	+ } else {
	46	+ return false;
	47	+ }
	48	+ }
	49	+
	50	+}
	51	+
	52	+/*
	53	+ * Basic workflow on this page is incredibly simple.
	54	+ * At each stage there is:
	55	+ * 1. an "active" set of fields
	56	+ * 2. an "inactive" set of fields.
	57	+ *
	58	+ * Essentially, the backend needs to provide a limited set
	59	+ * of operations:
	60	+ * 1. Save a selection (active sets)
	61	+ * 2. Edit a new "master column".
	62	+ */
	63	+
	64	+/*
	65	+ * function saveSimpleEditSelection();
	66	+ *
	67	+ * 1. find all "active" columns, and which field is "master".
	68	+ * 2. create the "save" request (question: how do we build a POST ... the GET is now too long, since IE dies past 1024 chars (or is it 256?)
	69	+ * 3. submit.
	70	+ */
	71	+function saveSimpleEditSelection (save_button) {
	72	+ var formKeys = Array();
	73	+ var formValues = Array();
	74	+ // these need to be "pushed" simultanously.
	75	+ var activeColumns = getElementsByTagAndClassName("td","active");
	76	+
	77	+ /* the submitted form has a simple set of variables.
	78	+ *
	79	+ * fields[][] - two-dimensional array:
	80	+ * [field_id] => [array(active values)].
	81	+ * fieldset_id - integer fieldset id.
	82	+ *
	83	+ * master_field - integer master-field id.
	84	+ */
	85	+
	86	+ formKeys.push('action');
	87	+ formValues.push('saveSimpleEdit');
	88	+ for (index in activeColumns) {
	89	+ var t = DIV(null);
	90	+ var obj = activeColumns[index];
	91	+ if (typeof(obj) == typeof(t)) {
	92	+ var oclass = obj.getAttribute('class');
	93	+ var oid = obj.getAttribute('id');
	94	+
	95	+ // we can extract the field name from this quite simply
	96	+ // by removing
	97	+ var cs_len = 'contain_select_'.length;
	98	+ if (str_startswith(oid, 'contain_select_')) {
	99	+ var str_end = oid.substr(cs_len, oid.length);
	100	+ formKeys.push('fields[]');
	101	+ formValues.push(str_end);
	102	+
	103	+
	104	+ // FIXME handle Trees.
	105	+
	106	+ // since we are active, we can also get the select.
	107	+ var selection = getElementsByTagAndClassName("select","fieldselection", obj);
	108	+ // MUST be only 1.
	109	+ if (selection.length != 0) {
	110	+ var selObj = selection[0];
	111	+ var key = 'fields['+str_end+'][]';
	112	+ // there can be multiple matches here.
	113	+ for (selindex in selObj.options) {
	114	+ var subobj = selObj.options[selindex];
	115	+ if (typeof(subobj) == typeof(t)) {
	116	+ if (subobj.selected) {
	117	+ formKeys.push(key);
	118	+ formValues.push(subobj.value);
	119	+ }
	120	+ }
	121	+ }
	122	+ }
	123	+ // handle the case where this is a buttongroup - find the "master".
	124	+ } else {
	125	+ if (hasElementClass(obj, 'currentmaster')) {
	126	+ var cs_len = 'contain_buttons_'.length;
	127	+ var str_end = oid.substr(cs_len, oid.length);
	128	+ formKeys.push('master_field');
	129	+ formValues.push(str_end);
	130	+ }
	131	+ }
	132	+ }
	133	+ }
	134	+ // finally.
	135	+ var POSTval = queryString(formKeys, formValues);
	136	+
	137	+ var targeturl = 'manageConditionals.php';
	138	+ var req = getXMLHttpRequest();
	139	+ req.open("POST", targeturl, true);
	140	+ req.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	141	+ var deferred = sendXMLHttpRequest(req, POSTval);
	142	+ deferred.addCallback(partial(do_saveSimpleRelation, save_button));
	143	+ deferred.addErrback(partial(do_handleAjaxError, save_button,
	144	+'save'));
	145	+ // indicate to the user that we are saved.
	146	+ save_button.disabled = true;
	147	+ save_button.value = "saving...";
	148	+}
	149	+
	150	+// intentionally stubbed - we don't actually act here.
	151	+// at most we need a "kill saving".
	152	+function do_saveSimpleRelation(button, req) {
	153	+ //alert('saved '+req.responseText);
	154	+ button.disabled = false;
	155	+ button.value = "save";
	156	+}
	157	+
	158	+function do_handleAjaxError(button, button_val, err) {
	159	+ alert('failed while trying to '+button_val);
	160	+ button.disabled = false;
	161	+ button.value = button_val;
	162	+}
	163	+
	164	+function getSubSelect(obj) {
	165	+ return getElementsByTagAndClassName('select','fieldselection', obj);
	166	+}
	167	+/*
	168	+ * function editNewSimpleSelection(int field_id)
	169	+ *
	170	+ * 1. initiate an XMLHTTPRequest to get the "controlled fields".
	171	+ * 2. change all to be either "active" or "inactive"
	172	+ * 3. add "save" to the appropriate column.
	173	+ *
	174	+ */
	175	+function editNewSimpleSelection(field_id) {
	176	+ var active_fields = Array();
	177	+ // DEBUG CODE
	178	+ if (field_id == '8') {
	179	+ active_fields.push('8');
	180	+ active_fields.push('9');
	181	+ } else {
	182	+ active_fields.push('5');
	183	+ active_fields.push('8');
	184	+ }
	185	+
	186	+ var edit_columns = getElementsByTagAndClassName('td','editable');
	187	+ var button_columns = getElementsByTagAndClassName('td','buttons');
	188	+
	189	+ for (var i=0; i<edit_columns.length; i++) {
	190	+ var obj = edit_columns[i];
	191	+ var cs_len = 'contain_select_'.length; // horrid.
	192	+ var col_num = obj.id.substr(cs_len, obj.id.length);
	193	+
	194	+ setElementClass(obj, 'inactive editable');
	195	+ // sigh. we want to know if this is "active" ...
	196	+ for (var j=0; j<active_fields.length; j++)
	197	+ {
	198	+ if (col_num == active_fields[j]) {
	199	+ setElementClass(obj, 'active editable');
	200	+ // urgh. we now need to set the master column's select to not be multiple.
	201	+ var slist = getSubSelect(obj);
	202	+ for (var k=0; k<slist.length; k++) {
	203	+ if (col_num == field_id) {
	204	+ slist[k].multiple = false;
	205	+ } else {
	206	+ slist[k].multiple = true;
	207	+ }
	208	+ }
	209	+ }
	210	+ }
	211	+ }
	212	+
	213	+ for (var i=0; i<button_columns.length; i++) {
	214	+ var obj = button_columns[i];
	215	+ var cs_len = 'contain_buttons_'.length; // horrid.
	216	+ var col_num = obj.id.substr(cs_len, obj.id.length);
	217	+
	218	+ setElementClass(obj, 'inactive buttons');
	219	+ // sigh. we want to know if this is "active" ...
	220	+ for (var j=0; j<active_fields.length; j++)
	221	+ {
	222	+ if (col_num == active_fields[j]) {
	223	+ if (col_num == field_id) {
	224	+ setElementClass(obj, 'active buttons currentmaster');
	225	+ } else {
	226	+ setElementClass(obj, 'active buttons');
	227	+ }
	228	+ }
	229	+ }
	230	+ }
	231	+}
	232	+
	233	+function getMasterField() {
	234	+ var cols = getElementsByTagAndClassName('td','buttons');
	235	+ var mf = null;
	236	+ for (var i=0; i<cols.length; i++) {
	237	+ var c = cols[i];
	238	+ if (hasElementClass(c, 'currentmaster')) {
	239	+ mf = c.id.substr('contain_buttons_'.length,c.id.length);
	240	+ }
	241	+ }
	242	+ return mf;
	243	+}
	244	+
	245	+/* function getExistingFieldsForVal
	246	+ *
	247	+ * FIXME we need to add XML function here.
	248	+ */
	249	+function getExistingFieldsForVal(field_id) {
	250	+ // DEBUG
	251	+ if ((getMasterField() == field_id) && (field_id == "1")) {
	252	+ alert('updating selections');
	253	+ var preoptions = Array();
	254	+
	255	+ // 1 get the value for field field_id.
	256	+ var f = getElement('sel_'+field_id);
	257	+ var active_val = f.value; // this is the active value of the field.
	258	+
	259	+ // 2 fetch the option-array. this should be a list of "<opt num="3" active="{1,0}" />
	260	+ // DEBUG HACK.
	261	+ availcols = Array();
	262	+ availcols.push("2");
	263	+ availcols.push("3");
	264	+ preoptions["2"] = Array();
	265	+ preoptions["3"] = Array();
	266	+ preoptions["2"]["4"] = true;
	267	+ preoptions["2"]["5"] = true;
	268	+ preoptions["2"]["6"] = false;
	269	+ preoptions["3"]["7"] = true;
	270	+ preoptions["3"]["8"] = false;
	271	+ preoptions["3"]["9"] = true;
	272	+
	273	+ // 3 get and update from the preoption array
	274	+ // to do this, grab the "sel" and walk its options.
	275	+ for (var i=0; i<availcols.length; i++) {
	276	+ var colid = availcols[i];
	277	+ var selid = 'sel_'+colid;
	278	+ var selection = getElement(selid);
	279	+ for (var k=0; k<selection.options.length; k++) {
	280	+ selection.options[k].selected = preoptions[colid][selection.options[k].value];
	281	+ }
	282	+ }
	283	+ }
	284	+
	285	+}
	286	+
	287	+</script>
	288	+
	289	+{/literal}
	290	+
	291	+
	292	+<h2>Editing Fieldset Rules (Simple)</h2>
	293	+
	294	+<!-- by default, we start by editing the _first_ column.
	295	+ after that, we need to update / get the "active columns" ids. -->
	296	+
	297	+<table>
	298	+ <tr>
	299	+{foreach from=$aFields item=oField}
	300	+ <th><span title="Field {$oField->getId()}">{$oField->getName()}</span></th>
	301	+{/foreach}
	302	+ </tr>
	303	+ <tr valign="top">
	304	+
	305	+{foreach from=$aFields item=oField}
	306	+{assign var=sMultiple value=""}
	307	+{assign var="sActive" value="inactive"}
	308	+{if $oField->getParentFieldId()}
	309	+ {assign var=sMultiple value='multiple="true"'}
	310	+ {if $oField->getParentFieldId() == $iMasterFieldId}
	311	+ {assign var="sActive" value="active"}
	312	+ {/if}
	313	+{else}
	314	+ {assign var="sActive" value="active"}
	315	+{/if}
	316	+ <td class="{$sActive} editable" id="contain_select_{$oField->getId()}">
	317	+ <p class="activity_message">This field is not controlled by the currently active group.</p>
	318	+ <select name="column_{$oField->getId()}" {$sMultiple} class="fieldselection" id="sel_{$oField->getId()}" onchange="getExistingFieldsForVal({$oField->getId()});">
	319	+
	320	+ {foreach from=$oField->getValues() item=oMetaData}
	321	+ <option value="{$oMetaData->getId()}">{$oMetaData->getName()\|escape}</option>
	322	+ {/foreach}
	323	+ </select>
	324	+ </td>
	325	+{/foreach}
	326	+ </tr>
	327	+ <tr>
	328	+
	329	+{foreach from=$aFields item=oField}
	330	+
	331	+{assign var="sActive" value="inactive"}
	332	+{if $oField->getParentFieldId()}
	333	+ {assign var=sMultiple value='multiple="true"'}
	334	+ {if $oField->getParentFieldId() == $iMasterFieldId}
	335	+ {assign var="sActive" value="active"}
	336	+ {/if}
	337	+{else}
	338	+ {assign var="sActive" value="active currentmaster"}
	339	+{/if}
	340	+
	341	+<td class="{$sActive} buttons" id="contain_buttons_{$oField->getId()}">
	342	+ {if $oField->hasChildren()}
	343	+ <input type="button" onclick="editNewSimpleSelection({$oField->getId()});" value="Edit" class="editbutton" />
	344	+
	345	+ <input type="button" onclick="saveSimpleEditSelection(this);" value="Save" class="savebutton" />
	346	+ {/if}
	347	+</td>
	348	+{/foreach}
	349	+ </tr>
	350	+</table>
...	...

templates/ktcore/metadata/conditional/manageConditional.smarty 0 → 100644

View file @c2672df

	1	+<h1>Manage conditional fieldset<h1>
	2	+
	3	+<h2>Field ordering</h2>
	4	+
	5	+{if $aFieldOrders}
	6	+<h3>Existing ordering</h2>
	7	+
	8	+<ul>
	9	+{foreach from=$aFieldOrders item=aRow}
	10	+{php}
	11	+$this->assign("oParentField", DocumentField::get($this->_tpl_vars['aRow']['parent_field_id']));
	12	+$this->assign("oChildField", DocumentField::get($this->_tpl_vars['aRow']['child_field_id']));
	13	+{/php}
	14	+ <li>
	15	+<span title="Field Id {$oParentField->getId()}">Field {$oParentField->getName()\|escape}</span>
	16	+affects the values available in
	17	+<span title="Field Id {$oChildField->getId()}">field {$oChildField->getName()\|escape}</span>
	18	+</li>
	19	+{/foreach}
	20	+</ul>
	21	+{/if}
	22	+
	23	+<h3>Order fields</h2>
	24	+
	25	+<form action="{$smarty.server.PHP_SELF}" method="POST">
	26	+<input type="hidden" name="fFieldsetId" value="{$oFieldset->getId()}">
	27	+<input type="hidden" name="action" value="orderFields">
	28	+
	29	+The available values of the selected fields:
	30	+<br />
	31	+{entity_select entities=$free_fields name="fFreeFieldIds[]" multiple="yes"}
	32	+<br />
	33	+are conditional on the values of this field:
	34	+<br />
	35	+{entity_select entities=$parent_fields name="fParentFieldId"}
	36	+<br />
	37	+<input type="submit" name="submit" value="Order">
	38	+</form>
...	...

templates/ktcore/metadata/conditional/new_masterset.smarty 0 → 100644

View file @c2672df

	1	+<!-- we REALLY NEED that new ui component. -->
	2	+
	3	+<script language="javascript" src="/thirdpartyjs/MochiKit/Base.js"> </script>
	4	+<script language="javascript" src="/thirdpartyjs/MochiKit/Iter.js"> </script>
	5	+<script language="javascript" src="/thirdpartyjs/MochiKit/DOM.js"> </script>
	6	+<script language="javascript" src="/thirdpartyjs/MochiKit/Async.js"> </script>
	7	+{literal}
	8	+<script language="javascript">
	9	+
	10	+var destination="/presentation/lookAndFeel/knowledgeTree/administration/conditionalmanagement/ajaxConditionals.php";
	11	+
	12	+{/literal}
	13	+var fieldset="{$fieldset_id}";
	14	+{literal}
	15	+
	16	+// try to re-create our url, for the XML HTTPREQ to work.
	17	+function constructURL() {
	18	+{/literal}
	19	+ var https = "{$smarty.server.HTTPS}";
	20	+ var host = "{$smarty.server.HTTP_HOST}";
	21	+{literal}
	22	+ var d = "";
	23	+ if (https == "") { d = "http://"; }
	24	+ else { d = "https://"; }
	25	+
	26	+ d = d + host + destination;
	27	+ return d;
	28	+}
	29	+
	30	+function swapInMasterColumn(req) {
	31	+ var newinfo = req.responseText;
	32	+ var repl = getElement("master_field_column");
	33	+ repl.innerHTML = newinfo;
	34	+
	35	+}
	36	+
	37	+function xmlFailure(err) {
	38	+ alert('failed to obtain the appropriate data..');
	39	+}
	40	+
	41	+var fetching = null;
	42	+
	43	+function getFieldInfoAndAdd(req) {
	44	+ // find the inner val.
	45	+ var cp = getElement(fetching);
	46	+ //alert(fetching);
	47	+ //alert(cp);
	48	+ cp.innerHTML = req.responseText;
	49	+}
	50	+
	51	+function manageOptions(is_active, parentNode, field_id) {
	52	+ if (!is_active) {
	53	+ // delete any options.
	54	+ //alert(field_id);
	55	+ var targets = getElement("checkpoint"+field_id).childNodes;
	56	+ //alert(parentNode);
	57	+ for (var i=0; i<targets.length; i++)
	58	+ targets[i].parentNode.removeChild(targets[i]);
	59	+
	60	+ } else {
	61	+ // fetch and add to parentNode.
	62	+ fetching = "checkpoint"+field_id;
	63	+
	64	+ var masterColumnGet="?action=getFieldFromSet&fieldset_id="+fieldset+"&field_id="+field_id;
	65	+ var fullUrl = constructURL()+masterColumnGet;
	66	+ var deff = doSimpleXMLHttpRequest(fullUrl);
	67	+ deff.addCallback(getFieldInfoAndAdd);
	68	+
	69	+ }
	70	+
	71	+}
	72	+
	73	+function removeFieldSelection(parentNode) {
	74	+ //alert('toasting...');
	75	+ // remove a formFields element from the set.
	76	+ var selections = getElementsByTagAndClassName('select','formFields',parentNode);
	77	+ for (var i=0; i<selections.length; i++)
	78	+ selections[i].parentNode.removeChild(selections[i]);
	79	+}
	80	+
	81	+function getMasterColumn() {
	82	+ var masterColumnGet="?action=getMasterFieldForSet&fieldset_id="+fieldset;
	83	+ var fullUrl = constructURL()+masterColumnGet;
	84	+ // now
	85	+ var deff = doSimpleXMLHttpRequest(fullUrl);
	86	+
	87	+ deff.addCallback(swapInMasterColumn);
	88	+ deff.addErrback(xmlFailure);
	89	+}
	90	+
	91	+addLoadEvent(getMasterColumn);
	92	+
	93	+</script>
	94	+{/literal}
	95	+<h1>Impose conditions on Fieldset</h1>
	96	+
	97	+<form>
	98	+<input type="hidden" name="action" value="createMasterChain" />
	99	+<input type="hidden" name="fieldset_id" value="{$fieldset_id}" />
	100	+
	101	+
	102	+<table id="conditional_table">
	103	+<tr valign="top">
	104	+ <td><span id="master_field_column">loading free items</span></td>
	105	+ {foreach item=aFieldRow from=$other_fields}
	106	+ <td>
	107	+ <input type="checkbox" name="fields_to_attach[]" value="{$aFieldRow->getId()}" onchange="manageOptions(this.checked, this.parentNode, this.value);">Control {$aFieldRow->getName()}</input>
	108	+ <div id="checkpoint{$aFieldRow->getId()}"> </div>
	109	+ </td>
	110	+ {/foreach}
	111	+</tr>
	112	+</table>
	113	+
	114	+
	115	+<input type="submit" value="save" />
	116	+</form>
	117	+
	118	+
...	...

templates/ktcore/metadata/conditional/select_fieldset.smarty 0 → 100644

View file @c2672df

	1	+<h2>Select Fieldset</h2>
	2	+
	3	+<form>
	4	+<fieldset>
	5	+<legend>Current Conditional Fieldsets</legend>
	6	+<p>Fieldsets that are marked as conditional.</p>
	7	+
	8	+<input type="hidden" name="action" value="editFieldset" />
	9	+
	10	+{foreach item=oFieldSet from=$available_fieldsets}
	11	+ <input type="radio" name="fieldset_id" value="{$oFieldSet->getId()}">{$oFieldSet->getName()}</input>
	12	+{/foreach}
	13	+
	14	+<div>
	15	+<input type="submit" name="submit" value="Edit">
	16	+</div>
	17	+</fieldset>
	18	+</form>
...	...