From 7222841831cca807763c8d4655df537c519b4393 Mon Sep 17 00:00:00 2001
From: erickson <erickson@dcc99617-32d9-48b4-a31d-7c20da2025e4>
Date: Mon, 16 Feb 2009 22:00:06 +0000
Subject: [PATCH] experimental flattened/idl-aware user editor that takes
 advantage of auto-widgets and field-docs (i.e. context help)

git-svn-id: svn://svn.open-ils.org/ILS/trunk@12193 dcc99617-32d9-48b4-a31d-7c20da2025e4
---
 .../web/js/ui/default/actor/user/register.js  | 96 +++++++++++++++++++
 .../templates/default/actor/user/register.tt2 | 92 ++++++++++++++++++
 2 files changed, 188 insertions(+)
 create mode 100644 Open-ILS/web/js/ui/default/actor/user/register.js
 create mode 100644 Open-ILS/web/templates/default/actor/user/register.tt2

diff --git a/Open-ILS/web/js/ui/default/actor/user/register.js b/Open-ILS/web/js/ui/default/actor/user/register.js
new file mode 100644
index 0000000000..3eaf1bf0e7
--- /dev/null
+++ b/Open-ILS/web/js/ui/default/actor/user/register.js
@@ -0,0 +1,96 @@
+dojo.require('dojo.data.ItemFileReadStore');
+dojo.require('dijit.form.Textarea');
+dojo.require('dijit.form.FilteringSelect');
+dojo.require('fieldmapper.IDL');
+dojo.require('openils.PermaCrud');
+dojo.require('openils.widget.AutoGrid');
+dojo.require('openils.widget.AutoFieldWidget');
+dojo.require('dijit.form.CheckBox');
+
+var pcrud;
+var fmClasses = ['au', 'ac', 'aua', 'actsc', 'asv', 'asvq', 'asva'];
+var fieldDoc = {};
+
+
+function load() {
+    pcrud = new openils.PermaCrud();
+    pcrud.search('fdoc', 
+        {fm_class:fmClasses},
+        {
+            oncomplete : function(r) {
+                var list = openils.Util.readResponse(r, null, true);
+                for(var i in list) {
+                    var doc = list[i];
+                    if(!fieldDoc[doc.fm_class()])
+                        fieldDoc[doc.fm_class()] = {};
+                    fieldDoc[doc.fm_class()][doc.field()] = doc;
+                }
+                loadTable();
+            }
+        }
+    );
+}
+
+function loadTable() {
+    var tbody = dojo.byId('uedit-tbody');
+
+    for(var idx = 0; tbody.childNodes[idx]; idx++) {
+
+        var row = tbody.childNodes[idx];
+        if(row.nodeType != row.ELEMENT_NODE) continue;
+        var fmcls = row.getAttribute('fmclass');
+        if(!fmcls) continue;
+
+        var fmfield = row.getAttribute('fmfield');
+        var wclass = row.getAttribute('wclass');
+        var wstyle = row.getAttribute('wstyle');
+        var fieldIdl = fieldmapper.IDL.fmclasses[fmcls].field_map[fmfield];
+
+        if(!fieldIdl)
+            console.log("failed loading " + fmcls + ' : ' + fmfield);
+
+        var existing = dojo.query('td', row);
+        var htd = existing[0] || row.appendChild(document.createElement('td'));
+        var ltd = existing[1] || row.appendChild(document.createElement('td'));
+        var wtd = existing[2] || row.appendChild(document.createElement('td'));
+
+        openils.Util.addCSSClass(htd, 'uedit-help');
+        if(fieldDoc[fmcls] && fieldDoc[fmcls][fmfield]) {
+            var link = dojo.byId('uedit-help-template').cloneNode(true);
+            link.id = '';
+            link.setAttribute('href', 'javascript:ueLoadContextHelp("'+fmcls+'","'+fmfield+'")');
+            openils.Util.removeCSSClass(link, 'hidden');
+            htd.appendChild(link);
+            console.log(link.href);
+        }
+
+        if(!ltd.textContent) {
+            var span = document.createElement('span');
+            ltd.appendChild(document.createTextNode(fieldIdl.label));
+        }
+
+        span = document.createElement('span');
+        wtd.appendChild(span);
+
+        var widget = new openils.widget.AutoFieldWidget({
+            idlField : fieldIdl,
+            fmObject : null, // XXX
+            fmClass : fmcls,
+            parentNode : span,
+            widgetClass : wclass,
+            dijitArgs : {style: wstyle},
+            orgLimitPerms : ['UPDATE_USER'],
+        });
+        widget.build();
+    }
+}
+
+function ueLoadContextHelp(fmcls, fmfield) {
+    openils.Util.removeCSSClass(dojo.byId('uedit-help-div'), 'hidden');
+    dojo.byId('uedit-help-field').innerHTML = fieldmapper.IDL.fmclasses[fmcls].field_map[fmfield].label;
+    dojo.byId('uedit-help-text').innerHTML = fieldDoc[fmcls][fmfield].string();
+}
+
+
+openils.Util.addOnLoad(load);
+
diff --git a/Open-ILS/web/templates/default/actor/user/register.tt2 b/Open-ILS/web/templates/default/actor/user/register.tt2
new file mode 100644
index 0000000000..c412eb8cf0
--- /dev/null
+++ b/Open-ILS/web/templates/default/actor/user/register.tt2
@@ -0,0 +1,92 @@
+[% WRAPPER default/base.tt2 %]
+<script src='[% ctx.media_prefix %]/js/ui/default/actor/user/register.js'> </script>
+
+<style>
+
+    /* XXX Move me into the CSS tree XXX */
+
+    #uedit-tbody tr td {
+        padding: 5px;
+        text-align: left;
+    }
+    #uedit-help-div {
+        position: fixed;
+        top: 40px;
+        right: 30px;
+        width:300px;
+        height:200px;
+        border:2px dashed #e0e0c0;
+        -moz-border-radius: 10px;
+        font-weight: bold;
+        padding: 20px;
+    }
+    .uedit-help {
+        width: 25px;
+        border:1px solid #e0e0e0;
+        text-align:center;
+        vertical-align:middle;
+    }
+    .divider td {
+        min-height:10px;
+        background-color: #e0e0e0;
+    }
+
+</style>
+
+<!-- context help widget -->
+<a class='hidden' id='uedit-help-template'><img src='/opac/images/advancedsearch-icon.png'></img></a>
+<fieldset id='uedit-help-div' class='hidden'>
+    <legend id='uedit-help-field'/>
+    <div id='uedit-help-text'/>
+</fieldset>
+
+<table>
+    <tbody id='uedit-tbody'>
+        <tr fmclass='ac' fmfield='barcode'/>
+        <tr fmclass='au' fmfield='usrname'/>
+        <tr fmclass='au' fmfield='passwd'/>
+        <tr fmclass='au' fmfield='passwd'><td/><td>Verify Password</td><td/></tr>
+        <tr fmclass='au' fmfield='first_given_name'/>
+        <tr fmclass='au' fmfield='second_given_name'/>
+        <tr fmclass='au' fmfield='family_name'/>
+        <tr fmclass='au' fmfield='suffix'/>
+        <tr fmclass='au' fmfield='alias'/>
+        <tr fmclass='au' fmfield='dob'/>
+        <tr fmclass='au' fmfield='juvenile'/>
+        <tr fmclass='au' fmfield='ident_type'/>
+        <tr fmclass='au' fmfield='ident_value'/>
+        <tr fmclass='au' fmfield='email'/>
+        <tr fmclass='au' fmfield='day_phone'/>
+        <tr fmclass='au' fmfield='evening_phone'/>
+        <tr fmclass='au' fmfield='other_phone'/>
+        <tr fmclass='au' fmfield='home_ou'/>
+        <tr fmclass='au' fmfield='profile'/>
+        <tr fmclass='au' fmfield='expire_date'/>
+        <tr fmclass='au' fmfield='net_access_level'/>
+        <tr fmclass='au' fmfield='active'/>
+        <tr fmclass='au' fmfield='barred'/>
+        <tr fmclass='au' fmfield='master_account'/>
+        <tr fmclass='au' fmfield='claims_returned_count'/>
+        <tr fmclass='au' fmfield='alert_message' wclass='dijit.form.Textarea' wstyle='height:5em'/>
+        <tr class='divider'><td colspan='10'>Address</td></tr>
+        <tr fmclass='aua' fmfield='address_type'/>
+        <tr fmclass='aua' fmfield='post_code'/>
+        <tr fmclass='aua' fmfield='street1'/>
+        <tr fmclass='aua' fmfield='street2'/>
+        <tr fmclass='aua' fmfield='city'/>
+        <tr fmclass='aua' fmfield='county'/>
+        <tr fmclass='aua' fmfield='state'/>
+        <tr fmclass='aua' fmfield='country'/>
+        <tr fmclass='aua' fmfield='valid'/>
+        <tr fmclass='aua' fmfield='within_city_limits'/>
+        <tr><td class='uedit-help'><td>Billing Address</td>
+            <td><div dojoType='dijit.form.CheckBox' name='billing-addr-widget'></div></td>
+        </tr>
+        <tr><td class='uedit-help'><td>Mailing Address</td>
+            <td><div dojoType='dijit.form.CheckBox' name='billing-addr-widget'></div></td>
+        </tr>
+        <tr class='divider'><td colspan='10'>Statistical Categories</td></tr>
+        <tr class='divider'><td colspan='10'>Surveys</td></tr>
+    </tbody>
+</table>
+[% END %]
-- 
2.43.2