1. #1
    Sencha User
    Join Date
    Nov 2013
    Posts
    7
    Answers
    1
    Vote Rating
    0
    umbregachoong is on a distinguished road

      0  

    Default Answered: Attempting to add radio buttons and columns in an existing Sencha form

    Answered: Attempting to add radio buttons and columns in an existing Sencha form


    I am working on an existing Sencha form attempting to add radio buttons and passing the variables to a processing and email form.

    It is a complex form (to me), but I have been able to add variables and pass them through to the email and processing form.

    I have added variables with radio buttons and they are being passed to the email form. However, I am having difficulty creating a 4 column radio button fieldset. I am thus far unable to create this multi-column fieldset in this form.
    I tried using radiogroup, but the div was rendering at the end of the form, even though I built it in the panel where i need it to be.

    Here is some of the code:


    var UserForm_01001_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01001_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01001_xxxxx'


    });
    var UserForm_01002_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01002_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01002_xxxxx'
    });
    ....
    {
    comment: true,
    html: '<span style="font-size:14px;">List the user\'s company or companies if more than one</span>'
    },


    ....


    UserForm_01001_xxxxxxx,
    UserForm_01002_xxxxxxx,


    ....

    Here are my questions:

    1. How can I make a multicolumn array within this form?
    2. How can I use radiogroup properly within this form?

    Thanks in advance.


    Here is the complete (and edited) code:

    /*
    * RTODO:
    * Type in person
    */
    function thankYou() {
    document.getElementById('mContainer').innerHTML = '<div style="margin: 20px 0 0 20px; padding: 10px; height: 300px; text-align: center;"><h2 style="border: 1px solid #eee; padding: 10px;">The information has been sent. <br> Thank you for submitting the form.</h2></div>';
    }


    function intro_help() {
    /*
    <h1>USER ADD/CHANGE FORM</h1>
    <p>
    This form grants or revokes user access to the Applications below. To delete a user, use the Delete User Form.
    </p>
    <p>
    Corporate Training is <span class="blue">required</span> prior to granting authority to systems and modules.
    Controller approval of this request is also required. <span class="blue">Do not</span> use the term "Same as....." for any fields.
    You must list specific authority on this form.
    </p>
    <p>
    Executive approval is required by the CFO, COO or CEO in order to be granted access to the <br> S:\Corporate\Corporate Executive folder.
    </p>
    <p>
    <strong>All of the following fields must be completed unless they are not applicable.</strong>
    </p>
    */
    }


    function info_help(sType) {
    var result = heredoc(function () {
    /*
    <table class="infoHelp">


    <tr>
    <td style="border-bottom: 2px solid #aaa;" colspan="2">&nbsp;</td>
    </tr>


    <tr>
    <td colspan="2">
    <h2>Liaison Info</h2>
    </td>
    </tr>


    <tr>
    <td style="width: 100px;">
    <b>Name:</b>
    </td>
    <td style="width: 250px;" id="{{type}}Name"></td>
    </tr>


    <tr>
    <td style="width: 100px;">
    <b>Company:</b>
    </td>
    <td style="width: 250px;" id="{{type}}Company"></td>
    </tr>


    <tr>
    <td style="width: 100px;">
    <b>Phone:</b>
    </td>
    <td style="width: 250px;" id="{{type}}Phone"></td>
    </tr>


    <tr>
    <td style="width: 100px;">
    <b>Email:</b>
    </td>
    <td style="width: 250px;" id="{{type}}Email"></td>
    </tr>


    <tr>
    <td style="border-bottom: 2px solid #aaa; height: 5px; font-size: 5px;" colspan="2">&nbsp;</td>
    </tr>
    </table>
    */
    });
    switch (sType) {
    case 'liason':
    break;
    case 'controller':
    result = result.replace(/Liaison/g, 'Controller');
    break;
    case 'employee':
    result = result.replace(/Liaison/g, 'Employee');
    break;
    }
    result = result.replace(/{{type}}/g, sType);
    return result;
    }


    function heredoc(fn) {
    var result = fn.toString().replace('/*', ' ').replace('*/', ' ').split(/\n/).slice(1, -1).join(' ');
    result = result.replace(/\'/g, "\\'");
    return '<div class="helpSystem">' + result + '</div>';
    }


    function popUpFrame(id) {
    var window = Ext.create('Ext.window.Window', {
    title: 'Form Preview',
    height: 700,
    width: 800,
    layout: 'fit',
    resizable: false,
    modal: true,
    //draggable: false,
    items: {
    html: '<iframe width="100%" height="100%" src="/ust_forms/forms/User_Add_Change/processForm.php?type=show&id=' + id + '"></iframe>'
    },
    buttons: [{
    text: "Close this preview",
    handler: function () {
    window.close();
    }
    }]
    });


    window.show();
    }


    Ext.application({
    name: "EmployeeAddForm",
    ready: function () {
    //Ext.direct.Manager.addProvider(Ext.app.REMOTING_API);
    Ext.tip.QuickTipManager.init();
    },
    init: function () {
    Ext.override(Ext.tip.Tip, {
    border: false,
    bodyPadding: '10 5 0 20',
    padding: '10 5 5 5',
    width: 150
    });


    Ext.Ajax.timeout = 2 * 60 * 1000; // 2 minutes
    },
    launch: function () {


    Ext.override(Ext.panel.Panel, {
    initComponent: function () {
    if (this.comment === true) {
    this.border = false;
    this.html = '<div style="width: 350px; font-size: 11px; color: #666;">' + this.html + '</div>';
    this.bodyPadding = '5 0 5 0';
    }
    this.callParent();
    },
    bodyPadding: 10
    });


    Ext.override(Ext.form.ComboBox, {
    labelStyle: 'line-height: 13px;',
    forceSelection: true
    });


    Ext.override(Ext.form.field.Text, {
    inputWidth: 250,
    labelAlign: 'top',
    initComponent: function () {
    if (this.allowBlank === false) {
    this.fieldLabel = this.fieldLabel + '*';
    this.labelCls = 'required';
    } else {
    this.labelCls = 'normal';
    }
    this.callParent();
    }
    });


    /*
    Ext.override(Ext.LoadMask, {
    initComponent: function() {
    this.height = '100px';
    this.callParent();
    }
    });
    */


    var commonStore = [
    "", "No", "Yes", "Revoke"
    ];
    Ext.define('YesNoCombo', {
    extend: 'Ext.form.ComboBox',
    store: commonStore,
    value: "",
    emptyText: 'Select...',
    labelAlign: 'left',
    labelWidth: 550,
    inputWidth: 80,
    allowBlank: true,
    listeners: {
    select: function (comp, record, index) {
    if (comp.getValue() === "" || comp.getValue() === "&nbsp")
    comp.setValue(null);
    }
    }
    });


    var currCombo;
    Ext.define('sCombo', {
    extend: 'Ext.form.ComboBox',
    forceSelection: true,
    labelWidth: 200,
    inputWidth: 250,
    listeners: {
    focus: function (o) {
    currCombo = o;
    },
    select: function (c, r, e) {
    var data = c.displayTplData;
    if (c.addInfo) {
    document.getElementById(c.addInfo + 'Name').innerHTML = data[0].cn;
    document.getElementById(c.addInfo + 'Company').innerHTML = data[0].company;
    document.getElementById(c.addInfo + 'Phone').innerHTML = data[0].phone;
    document.getElementById(c.addInfo + 'Email').innerHTML = data[0].email;


    mainPanel.getForm().findField('UserForm_' + c.addInfo + 'Name').setValue(data[0].cn);
    mainPanel.getForm().findField('UserForm_' + c.addInfo + 'Company').setValue(data[0].company);
    mainPanel.getForm().findField('UserForm_' + c.addInfo + 'Phone').setValue(data[0].phone);
    mainPanel.getForm().findField('UserForm_' + c.addInfo + 'Email').setValue(data[0].email);
    }
    }
    },
    listConfig: {
    itemTpl: Ext.create('Ext.XTemplate',
    '{[this.highlightMatch(values)]}', {
    highlightMatch: function (v) {
    var input = v.cn;
    var searchQuery = currCombo.getValue();
    var searchQueryRegex = new RegExp("(" + searchQuery + ")", "i"); // case-insensitive
    var highlightedMatch = '<span class="searchMatch">$1</span>';
    return '<div style="font-size: 14px; font-weight: bold; color: #00629B;">' + input.replace(searchQueryRegex, highlightedMatch) + '</div><div style="font-size: 11px; margin-bottom: 10px;">' + 'Company: <b>' + v.company + '</b><br>' + 'Phone: ' + v.phone + '<br>' + 'Email: ' + v.email + '</div>';
    }
    })
    }
    });


    var storeLiaison = Ext.create('Ext.data.Store', {
    fields: ['cn', 'phone', 'email', 'company'],
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/findUsers.php',
    extraParams: {
    type: 'liaisons'
    },
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    }
    },
    pageSize: 20
    });


    var UserForm_liaison_name = Ext.create('sCombo', {
    name: "UserForm_liaison_name",
    fieldLabel: 'Liaison Full Name',
    addInfo: 'liaison',
    store: storeLiaison,
    queryMode: 'remote',
    displayField: 'cn',
    minChars: 1,
    allowBlank: true,
    emptyText: 'Enter a Liaison Name',
    pageSize: true,
    forceSelection: true
    });


    var storeController = Ext.create('Ext.data.Store', {
    fields: ['cn', 'phone', 'email', 'company'],
    pageSize: 20,
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/findUsers.php',
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    },
    extraParams: {
    type: 'controllers'
    }
    }
    });


    var UserForm_controller_name = Ext.create('sCombo', {
    name: "UserForm_controller_name",
    fieldLabel: 'Controller Full Name',
    addInfo: 'controller',
    store: storeController,
    queryMode: 'remote',
    displayField: 'cn',
    minChars: 1,
    allowBlank: true,
    emptyText: 'Enter a Controller Name',
    pageSize: true,
    forceSelection: true
    });


    var storeEmployee = Ext.create('Ext.data.Store', {
    fields: ['cn', 'phone', 'email', 'company'],
    pageSize: 20,
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/findUsers.php',
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    },
    extraParams: {
    type: 'employees'
    }
    }
    });


    var UserForm_employee_name = Ext.create('sCombo', {
    name: "UserForm_employee_name",
    fieldLabel: 'Employee Full Name',
    addInfo: 'employee',
    store: storeEmployee,
    queryMode: 'remote',
    displayField: 'cn',
    minChars: 1,
    allowBlank: true,
    emptyText: 'Enter an Employee Name',
    pageSize: true,
    //hideTrigger: true,
    forceSelection: true
    });


    var storeManager = Ext.create('Ext.data.Store', {
    fields: ['cn', 'phone', 'email', 'company'],
    pageSize: 20,
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/findUsers.php',
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    },
    extraParams: {
    type: 'employees'
    }
    }
    });


    var UserForm_manager_name = Ext.create('sCombo', {
    name: "UserForm_manager_name",
    fieldLabel: 'Manager Name',
    store: storeManager,
    queryMode: 'remote',
    displayField: 'cn',
    minChars: 1,
    allowBlank: true,
    emptyText: 'Enter an Manager Name',
    pageSize: true,
    //hideTrigger: true,
    forceSelection: true
    });




    var UserForm_as400_jde = Ext.create('Ext.form.field.Text', {
    name: "UserForm_as400_jde",
    fieldLabel: 'AS400/JDE User ID',
    allowBlank: true
    });
    var UserForm_job_title = Ext.create('Ext.form.field.Text', {
    name: "UserForm_job_title",
    fieldLabel: 'Job Title',
    allowBlank: true
    });
    var UserForm_employee_or_temp = Ext.create('Ext.form.ComboBox', {
    name: "UserForm_employee_or_temp",
    store: ['Employee', 'Temp'],
    emptyText: 'Select...',
    allowBlank: true,
    mode: 'local',
    forceSelection: true,
    fieldLabel: 'Employee or Temp?'
    });
    var UserForm_new_existing = Ext.create('Ext.form.ComboBox', {
    name: "UserForm_new_existing",
    store: ['New Employee', 'Existing Employee'],
    emptyText: 'Select...',
    allowBlank: true,
    mode: 'local',
    forceSelection: true,
    editable: false,
    margin: '0 0 10 0',
    fieldLabel: 'Is this a new or existing employee?',
    listeners: {
    change: function () {
    if (this.getValue() === 'New Employee') {
    Ext.apply(UserForm_employee_name, {
    forceSelection: false
    });
    } else {
    Ext.apply(UserForm_employee_name, {
    forceSelection: true
    });
    }
    }
    }
    });
    var UserForm_email_access_required = Ext.create('YesNoCombo', {
    name: "UserForm_email_access_required",
    labelWidth: 140,
    inputWidth: 105,
    fieldLabel: 'Email Access Required?'
    });
    var UserForm_outside_email = Ext.create('YesNoCombo', {
    name: "UserForm_outside_email",
    labelWidth: 140,
    inputWidth: 105,
    fieldLabel: 'Outside Email'
    });
    var UserForm_internet_access = Ext.create('YesNoCombo', {
    name: "UserForm_internet_access",
    labelWidth: 140,
    inputWidth: 105,
    store: ["", "None", "Basic", "Manager's", "Manager's Plus", "HR"],
    value: '',
    emptyText: 'Select...',
    fieldLabel: 'Internet Access Level'
    });


    var UserForm_ALTACCT = Ext.create('YesNoCombo', {
    name: "UserForm_ALTACCT",
    fieldLabel: 'Accountants and Controllers (Field & Corp) - ALTACCT'
    });






    var UserForm_ALTCORP = Ext.create('YesNoCombo', {
    name: "UserForm_ALTCORP",
    fieldLabel: 'Application owner (corporate) - ALTCORP'
    });
    var UserForm_ALTCSR = Ext.create('YesNoCombo', {
    name: "UserForm_ALTCSR",
    fieldLabel: 'Customer Service Representatives - ALTCSR'
    });
    var UserForm_ALTDISP = Ext.create('YesNoCombo', {
    name: "UserForm_ALTDISP",
    fieldLabel: 'Dispatchers - ALTDISP'
    });
    var UserForm_ALTGM = Ext.create('YesNoCombo', {
    name: "UserForm_ALTGM",
    fieldLabel: 'General Managers - ALTGM'
    });
    var UserForm_ALTINQ = Ext.create('YesNoCombo', {
    name: "UserForm_ALTINQ",
    fieldLabel: 'Inquiry only - ALTINQ'
    });
    var UserForm_ALTOFMGR = Ext.create('YesNoCombo', {
    name: "UserForm_ALTOFMGR",
    fieldLabel: 'Office Managers - ALTOFMGR'
    });


    var UserForm_ARACCT = Ext.create('YesNoCombo', {
    name: "UserForm_ARACCT",
    fieldLabel: 'Accountants and controllers (field and corp) - ARACCT'
    });
    var UserForm_ARCORP = Ext.create('YesNoCombo', {
    name: "UserForm_ARCORP",
    fieldLabel: 'Application owner (corporate) - ARCORP'
    });
    var UserForm_ARCSR = Ext.create('YesNoCombo', {
    name: "UserForm_ARCSR",
    fieldLabel: 'Customer Service Representatives - ARCSR'
    });
    var UserForm_ARDISP = Ext.create('YesNoCombo', {
    name: "UserForm_ARDISP",
    fieldLabel: 'Dispatchers - ARDISP'
    });
    var UserForm_ARGM = Ext.create('YesNoCombo', {
    name: "UserForm_ARGM",
    fieldLabel: 'General Managers - ARGM'
    });
    var UserForm_ARINQ = Ext.create('YesNoCombo', {
    name: "UserForm_ARINQ",
    fieldLabel: 'Inquiry only - ARINQ'
    });
    var UserForm_AROFMGR = Ext.create('YesNoCombo', {
    name: "UserForm_AROFMGR",
    fieldLabel: 'Office Managers - AROFMGR'
    });
    var UserForm_ARSALES = Ext.create('YesNoCombo', {
    name: "UserForm_ARSALES",
    fieldLabel: 'Salespersons - ARSALES'
    });
    var UserForm_ARBILLU = Ext.create('YesNoCombo', {
    name: "UserForm_ARBILLU",
    fieldLabel: 'Billing User - ARBILLU'
    });
    var UserForm_ARBILLM = Ext.create('YesNoCombo', {
    name: "UserForm_ARBILLM",
    fieldLabel: 'Billing Manager - ARBILLM'
    });
    var UserForm_WTINQ = Ext.create('YesNoCombo', {
    name: "UserForm_WTINQ",
    fieldLabel: 'Weigh tag inquiry - WTINQ'
    });
    var UserForm_WTUPD = Ext.create('YesNoCombo', {
    name: "UserForm_WTUPD",
    fieldLabel: 'Weigh tag update - WTUPD'
    });
    var UserForm_AUDITDIV = Ext.create('YesNoCombo', {
    name: "UserForm_AUDITDIV",
    fieldLabel: 'Audit Diversion - AUDITDIV'
    });
    var UserForm_ar_altar_functions_require = Ext.create('Ext.form.field.Text', {
    name: "UserForm_ar_altar_functions_require",
    fieldLabel: 'Additional AR/ALTAR functions user will require',
    inputWidth: 635
    });
    var UserForm_company_authority = Ext.create('Ext.form.field.Text', {
    name: "UserForm_company_authority",
    fieldLabel: 'Company Authority (List companies)',
    inputWidth: 635
    });
    var UserForm_public_calendars = Ext.create('Ext.form.field.Text', {
    name: "UserForm_public_calendars",
    fieldLabel: 'List public calendars user will need access',
    margin: '0 0 10 0',
    inputWidth: 635
    });
    var UserForm_public_calendars_auth_level = Ext.create('YesNoCombo', {
    name: "UserForm_public_calendars_auth_level",
    store: ['', 'None', 'Reviewer', "Publisher"],
    emptyText: 'Select...',
    value: '',
    inputWidth: 100,
    labelWidth: 530,
    fieldLabel: 'What level of authority for public calendars?'
    });
    var UserForm_CSR_Access = Ext.create('YesNoCombo', {
    name: "UserForm_CSR_Access",
    fieldLabel: 'CSR Access'
    });
    var UserForm_power_user = Ext.create('YesNoCombo', {
    name: "UserForm_power_user",
    fieldLabel: 'Power User - Includes CSR access and the ability to process refunds and cancel payments'
    });
    var UserForm_view2 = Ext.create('YesNoCombo', {
    name: "UserForm_view2",
    fieldLabel: 'View 2'
    });
    var UserForm_email_encryption = Ext.create('Ext.form.field.Text', {
    name: "UserForm_email_encryption",
    inputWidth: 635,
    fieldLabel: 'Add email encryption service to user (list name)'
    });
    var UserForm_folder_paths = Ext.create('Ext.form.field.Text', {
    name: "UserForm_folder_paths",
    inputWidth: 635,
    fieldLabel: 'List folder paths that user will need access to'
    });
    var UserForm_level_of_authority = Ext.create('Ext.form.field.TextArea', {
    name: "UserForm_level_of_authority",
    inputWidth: 635,
    fieldLabel: 'What level of authority needed?',
    grow: true
    });


    var UserForm_GLUSER = Ext.create('YesNoCombo', {
    name: "UserForm_GLUSER",
    fieldLabel: 'General Ledger User - GLUSER:'
    });
    var UserForm_GLINQ = Ext.create('YesNoCombo', {
    name: "UserForm_GLINQ",
    fieldLabel: 'General Ledger Inquiry - GLINQ:'
    });


    var UserForm_ANLY = Ext.create('YesNoCombo', {
    name: "UserForm_ANLY",
    fieldLabel: 'Financial Analyst - ANLY:'
    });


    var UserForm_CNTRLR = Ext.create('YesNoCombo', {
    name: "UserForm_CNTRLR",
    fieldLabel: 'Controller - CNTRLR - Role includes inquiry for all modules, do not request additional Inquiry roles separately:'
    });


    var UserForm_BAPPRV = Ext.create('YesNoCombo', {
    name: "UserForm_BAPPRV",
    fieldLabel: 'Batch Header Revisions - BAPPRV - Requires Corporate Controller approval'
    });


    var UserForm_APUSER = Ext.create('YesNoCombo', {
    name: "UserForm_APUSER",
    fieldLabel: 'AP User - APUSER '
    });
    var UserForm_APPMTW = Ext.create('YesNoCombo', {
    name: "UserForm_APPMTW",
    fieldLabel: 'APPMTW Role can be assigned with the prior role OR the following role, but not both'
    });
    var UserForm_APPMTCU = Ext.create('YesNoCombo', {
    name: "UserForm_APPMTCU",
    fieldLabel: 'APPMTCU Role can be assigned with 1 of the 2 preceeding roles but not both'
    });
    var UserForm_APBLUSR = Ext.create('YesNoCombo', {
    name: "UserForm_APBLUSR",
    fieldLabel: 'APBLUSR - AP Bottomline User-Corporate'
    });
    var UserForm_APINQ = Ext.create('YesNoCombo', {
    name: "UserForm_APINQ",
    fieldLabel: 'APINQ- Do not select AP inquiry role if AP Bottomline User role is already selected'
    });
    var UserForm_APBLINQ = Ext.create('YesNoCombo', {
    name: "UserForm_APBLINQ",
    fieldLabel: 'APBLINQ Do not select AP Bottomline Inquiry role if AP Bottomline User role is already selected'
    });
    var UserForm_APAD = Ext.create('YesNoCombo', {
    name: "UserForm_APAD",
    fieldLabel: 'APAD Accounts-Payable Address Book Editor'
    });


    /* var UserForm_user_been_trained = Ext.create('YesNoCombo', {
    name: "UserForm_user_been_trained",
    fieldLabel: 'Has the user been trained in the applications requested below?'
    });


    var UserForm_print_auto_signatures = Ext.create('YesNoCombo', {
    name: "UserForm_print_auto_signatures",
    fieldLabel: 'Should signatures automatically print when this user processes checks?'
    });






    var UserForm_which_name = Ext.create('Ext.form.field.Text', {
    name: "UserForm_which_name",
    inputWidth: 635,
    margin: '0 0 20 0',
    fieldLabel: 'If yes, which name should print?'
    });*/




    var UserForm_CMUSER = Ext.create('YesNoCombo', {
    name: "UserForm_CMUSER",
    fieldLabel: 'Contract Management - CMUSER'
    });
    var UserForm_POAPPRV = Ext.create('YesNoCombo', {
    name: "UserForm_POAPPRV",
    fieldLabel: 'PO Approver- POAPPRV:'
    });
    var UserForm_PMINQ = Ext.create('YesNoCombo', {
    name: "UserForm_PMINQ",
    fieldLabel: 'Purchase Order, CAPEX & Subcontract Inquir - PMINQ:'
    });
    var UserForm_FAUSER = Ext.create('YesNoCombo', {
    name: "UserForm_FAUSER",
    fieldLabel: 'Fixed Assets - FAUSER'
    });


    var UserForm_FAINQ = Ext.create('YesNoCombo', {
    name: "UserForm_FAINQ",
    fieldLabel: 'Fixed Assets - FAINQ'
    });
    var UserForm_PMUSER = Ext.create('YesNoCombo', {
    name: "UserForm_PMUSER",
    fieldLabel: 'Purchasing Management - PMUSER'
    });
    var UserForm_EMUSER = Ext.create('YesNoCombo', {
    name: "UserForm_EMUSER",
    fieldLabel: 'EMUSER - A user can only have one Equipment role'
    });
    var UserForm_EMINQ = Ext.create('YesNoCombo', {
    name: "UserForm_EMINQ",
    fieldLabel: 'EMINQ - A user can only have one Equipment role'
    });


    var UserForm_EMOL = Ext.create('YesNoCombo', {
    name: "UserForm_EMOL",
    fieldLabel: 'EMOL - A user can only have one Equipment role'
    });


    var UserForm_EMOLIQ = Ext.create('YesNoCombo', {
    name: "UserForm_EMOLIQ",
    fieldLabel: 'EMOLIQ - A user can only have one Equipment role'


    });


    var UserForm_EMMECH = Ext.create('YesNoCombo', {
    name: "UserForm_EMMECH",
    fieldLabel: 'EMMECH - A user can only have one Equipment role'
    });


    var UserForm_IMUSER = Ext.create('YesNoCombo', {
    name: "UserForm_IMUSER",
    fieldLabel: 'IMUSER - A user can only have one Inventory role'
    });


    var UserForm_IMINQ = Ext.create('YesNoCombo', {
    name: "UserForm_IMNQ",
    fieldLabel: 'IMNQ - A user can only have one Inventory role'
    });
    var UserForm_CAPEXUSER = Ext.create('YesNoCombo', {
    name: "UserForm_CAPEXUSER",
    fieldLabel: 'Capex Manager - CAPEXUSER'
    });
    var UserForm_SOAR = Ext.create('YesNoCombo', {
    name: "UserForm_SOAR",
    fieldLabel: 'Sales Order/AR - SOAR - Role can be assigned with 1 of the 2 following roles but not both'
    });
    var UserForm_ARRCPTS = Ext.create('YesNoCombo', {
    name: "UserForm_ARRCPTS",
    fieldLabel: 'ARRCPTS - AR Receipts Processor - Role can be assigned with the prior role Or the following role, but not both'


    });
    var UserForm_SOARAD = Ext.create('YesNoCombo', {
    name: "UserForm_SOARAD",
    fieldLabel: 'SOARAD - Role can be assigned with 1 of the 2 preceeding roles but not both'
    });
    var UserForm_SOARINQ = Ext.create('YesNoCombo', {
    name: "UserForm_SOARINQ",
    fieldLabel: 'SOARINQ -Sales Order & AR Inquiry - Do not select SO/AR inquiry role if SP/AR user role is already selected'
    });
    var UserForm_SOARMGR = Ext.create('YesNoCombo', {
    name: "UserForm_SOARMGR",
    fieldLabel: 'SOARMGR - Sales Order & AR Manager'
    });
    /* var UserForm_ACH_Functions = Ext.create('YesNoCombo', {
    store: ['', 'ACHCREATE', 'ACHWRITE'],
    name: "UserForm_ACH_Functions",
    fieldLabel: 'ACH Functions',
    inputWidth: 100,
    labelWidth: 530
    });*/
    var UserForm_HRCORP = Ext.create('YesNoCombo', {
    name: "UserForm_HRCORP",
    fieldLabel: 'HRCORP - Excluding HRPINQ, a user can only have one HR role'
    });
    var UserForm_HRSUB = Ext.create('YesNoCombo', {
    name: "UserForm_HRSUB",
    fieldLabel: 'HRSUB - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_HRSUBUN = Ext.create('YesNoCombo', {
    name: "UserForm_HRSUBUN",
    fieldLabel: 'HRSUBUN - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_HRSUBIQ = Ext.create('YesNoCombo', {
    name: "UserForm_HRSUBIQ",
    fieldLabel: 'HRSUBIQ - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_HRSBUNI = Ext.create('YesNoCombo', {
    name: "UserForm_HRSBUNI",
    fieldLabel: 'HRSBUNI - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_TRNUSER = Ext.create('YesNoCombo', {
    name: "UserForm_TRNUSER",
    fieldLabel: 'TRNUSER- Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_HRPINQ = Ext.create('YesNoCombo', {
    name: "UserForm_HRPINQ",
    fieldLabel: 'HRPINQ- Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_PRPROC = Ext.create('YesNoCombo', {
    name: "UserForm_PRPROC",
    fieldLabel: 'PRPROC- Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_PRSUBIQ = Ext.create('YesNoCombo', {
    name: "UserForm_PRSUBIQ",
    fieldLabel: 'PRSUBIQ - Excluding HRPINQ, a user can only have one HR role'
    });


    var UserForm_TAXUSER = Ext.create('YesNoCombo', {
    name: "UserForm_TAXUSER",
    fieldLabel: 'Tax User'
    });


    var UserForm_IMPU = Ext.create('YesNoCombo', {
    name: "UserForm_IMPU",
    fieldLabel: 'Inventory & Equipment Power User'
    });


    var UserForm_APPU = Ext.create('YesNoCombo', {
    name: "UserForm_APPU",
    fieldLabel: 'Accounts Payable Power User'
    });
    var UserForm_ARPU = Ext.create('YesNoCombo', {
    name: "UserForm_ARPU",
    fieldLabel: 'AR Power User'
    });


    var UserForm_PMPU = Ext.create('YesNoCombo', {
    name: "UserForm_PMPU",
    fieldLabel: 'Purchase Order Power User'
    });


    var UserForm_FAPU = Ext.create('YesNoCombo', {
    name: "UserForm_FAPU",
    fieldLabel: 'Fixed Asset Power User'
    });


    var UserForm_FINPU = Ext.create('YesNoCombo', {
    name: "UserForm_FINPU",
    fieldLabel: 'Financial Power User'
    });




    /*var UserForm_PRINQUSER = Ext.create('YesNoCombo', {
    name: "UserForm_PRINQUSER",
    fieldLabel: 'Payroll Inquiry Only - PRINQUSER'
    });*/


    var UserForm_union_status = Ext.create('YesNoCombo', {
    store: ["", "Union", "Non-Union"],
    value: '',
    name: "UserForm_union_status",
    fieldLabel: 'User Union Status'
    });
    var UserForm_access_to_union_employees = Ext.create('YesNoCombo', {
    name: "UserForm_access_to_union_employees",
    fieldLabel: 'Access To Union Employees'
    });
    var UserForm_access_to_shop = Ext.create('YesNoCombo', {
    name: "UserForm_access_to_shop",
    fieldLabel: 'Access To Shop (Union and Non-Union)'
    });
    var UserForm_access_to_non_union_employees = Ext.create('YesNoCombo', {
    name: "UserForm_access_to_non_union_employees",
    fieldLabel: 'Access To Non-Union Employees'
    });
    var UserForm_PR_HR_company_access = Ext.create('Ext.form.field.Text', {
    name: "UserForm_PR_HR_company_access",
    inputWidth: 635,
    fieldLabel: 'PR/HR Company Access (List companies)'
    });
    var UserForm_PR_HR_union_access = Ext.create('Ext.form.field.Text', {
    name: "UserForm_PR_HR_union_access",
    inputWidth: 635,
    fieldLabel: 'PR/HR Union Access (List codes)'
    });
    /* var UserForm_companies_user_requires = Ext.create('Ext.form.field.Text', {
    name: "UserForm_companies_user_requires",
    fieldLabel: 'List the the user requires. (Business units 1012 & 1013 are always given.)',
    inputWidth: 635
    });*/
    var UserForm_who_can_user_post_for = Ext.create('Ext.form.field.Text', {
    name: "UserForm_who_can_user_post_for",
    fieldLabel: "Who can this user post for? List Userid's",
    inputWidth: 635
    });
    var UserForm_who_can_post_for_user = Ext.create('Ext.form.field.Text', {
    name: "UserForm_who_can_post_for_user",
    fieldLabel: "Who can post for this user? List Userid's",
    inputWidth: 635
    });
    var UserForm_group_4_app_owner = Ext.create('YesNoCombo', {
    name: "UserForm_group_4_app_owner",
    fieldLabel: 'Group ID 4: Application Owner (All Access)'
    });
    var UserForm_group_4_core_maintenance_allowed = Ext.create('YesNoCombo', {
    name: "UserForm_group_4_core_maintenance_allowed",
    fieldLabel: 'Group ID 4: Core Maintenance Allowed? '
    });
    var UserForm_group_4_security_maintenance_allowed = Ext.create('YesNoCombo', {
    name: "UserForm_group_4_security_maintenance_allowed",
    fieldLabel: 'Group ID 4: Security Maintenance Allowed?'
    });
    var UserForm_group_3_ROCT_Manager = Ext.create('YesNoCombo', {
    name: "UserForm_group_3_ROCT_Manager",
    fieldLabel: 'Group ID 3: ROCT Manager (All access to their own regions/companies)'
    });
    var UserForm_group_2_General_Manager = Ext.create('YesNoCombo', {
    name: "UserForm_group_2_General_Manager",
    fieldLabel: 'Group ID 2: General Manager/Regional Manager (Inquiry & reports only)'
    });
    var UserForm_group_1_ROCT_User = Ext.create('YesNoCombo', {
    name: "UserForm_group_1_ROCT_User",
    fieldLabel: 'Group ID 1: ROCT User (Only has access to update their own schedule records)'
    });
    var UserForm_group_6_ROCT_Assistant = Ext.create('YesNoCombo', {
    name: "UserForm_group_6_ROCT_Assistant",
    fieldLabel: 'Group ID 6: ROCT Assistant '
    });
    var UserForm_application = Ext.create('YesNoCombo', {
    store: ['None', 'All', 'Compliance', 'Safety'],
    value: '',
    name: "UserForm_application",
    fieldLabel: 'Application (Choose one)'
    });


    var storeRegion = Ext.create('Ext.data.Store', {
    fields: ['item'],
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/db_query.php',
    extraParams: {
    type: 'region'
    },
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    }
    },
    pageSize: 20,
    listeners: {
    load: function (store, records) {
    store.insert(0, [{
    item: '&nbsp'
    }]);
    }
    }
    });


    var UserForm_region_access = Ext.create('YesNoCombo', {
    name: "UserForm_region_access",
    store: storeRegion,
    queryMode: 'remote',
    minChars: 1,
    editable: false,
    forceSelection: true,
    displayField: 'item',
    inputWidth: 300,
    labelWidth: 330,
    emptyText: 'Select...',
    value: '',
    fieldLabel: 'Region access (Includes all companies with region)'
    });


    var storeCompany = Ext.create('Ext.data.Store', {
    fields: ['item'],
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/db_query.php',
    extraParams: {
    type: 'company'
    },
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    }
    },
    pageSize: 20,
    listeners: {
    load: function (store, records) {
    store.insert(0, [{
    item: '&nbsp'
    }]);
    }
    }
    });


    var UserForm_company_access = Ext.create('YesNoCombo', {
    name: "UserForm_company_access",
    store: storeCompany,
    queryMode: 'remote',
    minChars: 1,
    editable: false,
    forceSelection: true,
    displayField: 'item',
    inputWidth: 300,
    labelWidth: 330,
    emptyText: 'Select...',
    value: '',
    fieldLabel: 'Company Access'
    });


    var storeFacility = Ext.create('Ext.data.Store', {
    fields: ['item'],
    proxy: {
    type: 'ajax',
    url: '/ust_forms/forms/User_Add_Change/db_query.php',
    extraParams: {
    type: 'facility'
    },
    reader: {
    type: 'json',
    root: 'items',
    totalProperty: 'total'
    }
    },
    pageSize: 20,
    listeners: {
    load: function (store, records) {
    store.insert(0, [{
    item: '&nbsp'
    }]);
    }
    }
    });


    var UserForm_facility_access = Ext.create('YesNoCombo', {
    name: "UserForm_facility_access",
    store: storeFacility,
    queryMode: 'remote',
    minChars: 1,
    editable: false,
    forceSelection: true,
    displayField: 'item',
    inputWidth: 300,
    labelWidth: 330,
    emptyText: 'Select...',
    value: '',
    fieldLabel: 'Facility Access'
    });


    var UserForm_scale_security_power_user = Ext.create('YesNoCombo', {
    name: "UserForm_scale_security_power_user",
    fieldLabel: 'Power User'
    });
    var UserForm_scale_security_supervisor = Ext.create('YesNoCombo', {
    name: "UserForm_scale_security_supervisor",
    fieldLabel: 'Supervisor'
    });
    var UserForm_scale_security_operator = Ext.create('YesNoCombo', {
    name: "UserForm_scale_security_operator",
    fieldLabel: 'Operator (Weigh Master)'
    });
    var UserForm_scale_security_buy_back = Ext.create('YesNoCombo', {
    name: "UserForm_scale_security_buy_back",
    fieldLabel: 'Will this user run the Buy Back Scale only?'
    });
    var UserForm_access_to_create_modify = Ext.create('YesNoCombo', {
    name: "UserForm_access_to_create_modify",
    fieldLabel: 'Will user need access to create or modify?'
    });
    var UserForm_jde_spreadsheet_server = Ext.create('YesNoCombo', {
    name: "UserForm_jde_spreadsheet_server",
    fieldLabel: 'JDE Spreadsheet Server'
    });
    var UserForm_microsoft_project = Ext.create('YesNoCombo', {
    name: "UserForm_microsoft_project",
    fieldLabel: 'Microsoft Project'
    });
    var UserForm_microsoft_visio = Ext.create('YesNoCombo', {
    name: "UserForm_microsoft_visio",
    fieldLabel: 'Microsoft Visio'
    });
    var UserForm_other_software = Ext.create('Ext.form.field.Text', {
    name: "UserForm_other_software",
    inputWidth: 635,
    fieldLabel: 'Other Required Software'
    });
    var UserForm_TCPSALARIED = Ext.create('YesNoCombo', {
    name: "UserForm_TCPSALARIED",
    fieldLabel: 'TCPSALARIED - Salaried - Does not supervise others'
    });
    var UserForm_TCPMANAGER = Ext.create('YesNoCombo', {
    name: "UserForm_TCPMANAGER",
    fieldLabel: 'TCPMANAGER- Manager- Supervises others & can approve time'
    });


    var UserForm_TCPSUPERVISOR = Ext.create('YesNoCombo', {
    name: "UserForm_TCPSUPERVISOR",
    fieldLabel: 'TCPSUPERVISOR - Supervisor- Supervises others & cannot approve time'
    });


    var UserForm_TCPORPAYROLLCOORDINATOR = Ext.create('YesNoCombo', {
    name: "UserForm_TCPORPAYROLLCOORDINATOR",
    fieldLabel: 'TCPORPAYROLLCOORDINATOR - TCP or Payroll Coordinator - Cannot approve time'
    });
    var UserForm_TCPINQUIRYONLY = Ext.create('YesNoCombo', {
    name: "UserForm_TCPINQUIRYONLY",
    fieldLabel: 'TCPINQUIRYONLY - Inquiry only'
    });
    var UserForm_will_need_access_to = Ext.create('Ext.form.Text', {
    name: "UserForm_will_need_access_to",
    inputWidth: 635,
    fieldLabel: 'For all except Salaried, list the TCP companies or templates the user requires:'
    });






    var UserForm_01001_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01001_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01001_xxxxx'


    });
    var UserForm_01002_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01002_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01002_xxxxx'
    });
    var UserForm_01003_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01003_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01003_xxxxx'


    });




    var UserForm_01004_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01004_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01004_xxxxx'
    });


    var UserForm_01005_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01005_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01005_xxxxx'
    });


    var UserForm_01006_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01006_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01006_xxxxx'
    });


    var UserForm_01007_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01007_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01007_xxxxx'
    });


    var UserForm_01008_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01008_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01008_xxxxx'
    });


    var UserForm_01009_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01009_Dixon",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01009_xxxxx'


    });


    var UserForm_01010_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01010_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01010_xxxxx'
    });


    var UserForm_01011_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01011_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01011_xxxxx'


    });


    var UserForm_01012_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01012_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01012_xxxxx'
    });


    var UserForm_01013_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01013_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx </span>',
    inputValue: '01013_xxxx'


    });


    var UserForm_01015_xxxx= Ext.create('Ext.form.Radio', {
    name: "UserForm_01015_xxxx",
    fieldLabel: '<span style="width:150px;">xxxx</span>',
    inputValue: '01015_xxxx'
    });


    var UserForm_01018_xxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01018_xxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01018_xxxx'


    });


    var UserForm_01020_xxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01020_xxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01020_xxxx
    });


    var UserForm_01025_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01025_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01025_xxxxx'
    });


    var UserForm_01026_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01026_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01026_xxxxx'
    });




    var UserForm_01027_xxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01027_xxxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01027_xxxxx'
    });


    var UserForm_01028_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01028_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01028_xxxxx'
    });


    var UserForm_01033_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01029_xxxxx",
    fieldLabel: '<span style="width:150px;">xxxxx</span>',
    inputValue: '01029_xxxxx'
    });


    var UserForm_01034_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01034_xxxxx",
    fieldLabel: '<span style="width:150px;">Vaca-Fill</span>',
    inputValue: '01034_VacaFill'
    });


    var UserForm_01035_xxxxx = Ext.create('Ext.form.Radio', {
    name: "UserForm_01035_xxxxx",
    fieldLabel: '<span style="width:150px;">Environ. Solution</span>',
    inputValue: '0135_EnvironSolution'
    });
    var UserForm_intranet_applications = Ext.create('Ext.form.field.Text', {
    name: "UserForm_intranet_applications",
    inputWidth: 635,
    fieldLabel: 'Specify the applications the user needs access to on the Intranet'
    });
    var UserForm_comments = Ext.create('Ext.form.field.TextArea', {
    name: "UserForm_comments",
    inputWidth: 635,
    height: 100,
    fieldLabel: 'Enter any additional comments below'
    });






    var panelTop = Ext.create('Ext.panel.Panel', {
    width: '100%',
    border: false,
    bodyPadding: 0,
    style: 'border-right: 1px solid #eee; padding-right: 20px; margin-top: 10px;',
    items: [
    UserForm_new_existing,
    UserForm_employee_name,
    UserForm_liaison_name,
    UserForm_controller_name,
    UserForm_manager_name,
    UserForm_as400_jde,
    UserForm_job_title,
    UserForm_employee_or_temp,
    UserForm_email_access_required,
    UserForm_outside_email,
    UserForm_internet_access
    ]
    });








    var panelAltar = Ext.create('Ext.panel.Panel', {
    title: 'AR & ALTAR Authority',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [{
    border: false,
    margin: '0 0 0 0',
    html: '<center>If individual functions are needed, please list in the section below. <br> <b>REQUEST FOR ANY BILLING FUNCTIONS MUST BE APPROVED BY FINANCE DEPARTMENT FIRST BEFORE GIVING AUTHORITY.</b> </center> <hr>'
    }, {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">ALTAR - Alternate Accounts Receivable</span>'
    },
    /* UserForm_process_payroll,*/
    UserForm_ALTACCT,
    UserForm_ALTCORP,
    UserForm_ALTCSR,
    UserForm_ALTDISP,
    UserForm_ALTGM,
    UserForm_ALTINQ,
    UserForm_ALTOFMGR,


    {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">AR - Accounts Receivable</span>'
    },
    UserForm_ARACCT,
    UserForm_ARCORP,
    UserForm_ARCSR,
    UserForm_ARDISP,
    UserForm_ARGM,
    UserForm_ARINQ,
    UserForm_AROFMGR,
    UserForm_ARSALES, {
    comment: true,
    html: 'Billing functions require training. This form will be sent to Corporate AR manager to schedule billing class after the request is approved by the controller.'
    },
    UserForm_ARBILLU,
    UserForm_ARBILLM, {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">Weigh Tags</span>'
    },
    UserForm_WTINQ,
    UserForm_WTUPD, {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">Audit Diversion</span>'
    },
    UserForm_AUDITDIV,
    UserForm_ar_altar_functions_require,
    UserForm_company_authority
    ]
    });
    var panelCalendar = Ext.create('Ext.panel.Panel', {
    title: 'Calendar Authority',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_public_calendars,
    UserForm_public_calendars_auth_level
    ]
    });
    var panelEbill = Ext.create('Ext.panel.Panel', {
    title: 'Kubra',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_CSR_Access,
    UserForm_power_user
    ]
    });
    var panelView2 = Ext.create('Ext.panel.Panel', {
    title: 'View 2',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_view2
    ]
    });
    var panelEmail = Ext.create('Ext.panel.Panel', {
    title: 'E-mail Encryption ',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_email_encryption, {
    comment: true,
    html: 'Note: this service is $20 per user/month and must be approved by I.T.'
    }
    ]
    });
    var panelFolder = Ext.create('Ext.panel.Panel', {
    title: 'Folder Authority ',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_folder_paths, {
    comment: true,
    html: 'Temps do not get company default folder unless specified above.'
    },
    UserForm_level_of_authority
    ]
    });
    var panelJDE = Ext.create('Ext.panel.Panel', {
    title: 'JDE Edwards - Oracle EnterpriseOne',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [{
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">User Roles</span>'
    },


    {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">General Accounting</div>'


    }, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-style:italic;">An individual can only have one General Accounting role</div>'
    },
    UserForm_GLUSER,
    UserForm_GLINQ,
    UserForm_ANLY,
    UserForm_CNTRLR, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },


    {
    comment: true,
    html: '<div style="font-size:14px; color:#000;font-style:italic;width:450px;margin-top:10px;">This role can be combined with 1 other General Accounting role</div>'
    },
    UserForm_BAPPRV, {
    comment: true,
    html: '<div>&nbsp;</div>'
    }, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Accounts Payable</div>'
    }, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-style:italic;">Only 2 of the following 3 roles can be assigned to 1 individual</div>'
    },
    UserForm_APUSER,
    UserForm_APPMTW,
    UserForm_APPMTCU,
    UserForm_APBLUSR,
    UserForm_APINQ,
    UserForm_APBLINQ,
    UserForm_APAD, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Purchase Order/Contracts</div>'
    },
    UserForm_CMUSER,


    UserForm_PMUSER,
    UserForm_POAPPRV,
    UserForm_PMINQ, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Fixed Assets</div>'
    },
    UserForm_FAUSER,
    UserForm_FAINQ, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Equipment</div>'
    },
    UserForm_EMUSER,
    UserForm_EMINQ,
    UserForm_EMOL,
    UserForm_EMOLIQ,
    UserForm_EMMECH, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Inventory</div>'
    },
    UserForm_IMUSER,
    UserForm_IMINQ, {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Sales Order/AR</div>'
    },
    UserForm_SOAR,


    UserForm_ARRCPTS, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    UserForm_SOARAD,
    UserForm_SOARINQ, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    UserForm_SOARMGR, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    UserForm_CAPEXUSER,


    /* UserForm_user_been_trained,
    UserForm_print_auto_signatures,
    UserForm_which_name,
    UserForm_ACH_Functions,*/
    /* {
    comment: true,
    html: '<div class="blue">Director of HR and Corporate Controller MUST give final approval before granting access to PR and HR functions.</div>'
    },*/
    {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Human Resources/Payroll</div>'
    },
    UserForm_HRCORP,
    UserForm_HRSUB,
    UserForm_HRSUBUN,
    UserForm_HRSUBIQ,
    UserForm_HRSBUNI,
    UserForm_TRNUSER,
    UserForm_HRPINQ,
    UserForm_PRPROC,
    UserForm_PRSUBIQ, {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    /* UserForm_PRINQUSER,*/
    {
    comment: true,
    html: '<div style="font-size:14px;color:#000;font-weight:bold;">Corporate</div>'
    },
    UserForm_TAXUSER,
    UserForm_IMPU,
    UserForm_APPU,
    UserForm_ARPU,
    UserForm_PMPU,
    UserForm_FAPU,
    UserForm_FINPU,








    {
    comment: true,
    html: '<div>&nbsp;</div>'
    },
    UserForm_union_status,
    UserForm_access_to_union_employees,
    UserForm_access_to_shop,
    UserForm_access_to_non_union_employees,
    UserForm_PR_HR_company_access,
    UserForm_PR_HR_union_access, {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">Company Authority</span>'
    },
    /*UserForm_companies_user_requires,*/
    {
    comment: true,
    html: '<span style="font-size:14px;">List the user\'s company or companies if more than one</span>'
    },






    UserForm_01001_xxxxxxx,
    UserForm_01002_xxxxxxx,
    UserForm_01003_xxxxxxx,
    UserForm_01004_xxxxxxx,
    UserForm_01005_xxxxxxx,
    UserForm_01006_xxxxxxx,
    UserForm_01007_xxxxxxx,
    UserForm_01008_xxxxxxx,
    UserForm_01009_xxxxxxx,
    UserForm_01010_xxxxxxx,
    UserForm_01011_xxxxxxx,
    UserForm_01012_xxxxxxx,
    UserForm_01013_xxxxxxx,
    UserForm_01015_xxxxxxx,
    UserForm_01018_xxxxxxx,
    UserForm_01020_xxxxxxx,
    UserForm_01025_xxxxxxx,
    UserForm_01026_xxxxxxx,
    UserForm_01027_xxxxxxx,
    UserForm_01028_xxxxxxx,
    UserForm_01033_xxxxxxx,
    UserForm_01034_xxxxxxx,


    UserForm_01035_xxxxxxx,




    {
    border: false,
    margin: '20 0 10 -10',
    html: '<span style="font-size: 18px; color: #559942;">Posting Authority</span>'
    },


    UserForm_who_can_user_post_for,
    UserForm_who_can_post_for_user
    ]
    });
    var panelRoct = Ext.create('Ext.panel.Panel', {
    title: 'xxxxx Online Compliance Tracker (ROCT)',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_group_4_app_owner,
    UserForm_group_4_core_maintenance_allowed,
    UserForm_group_4_security_maintenance_allowed,
    UserForm_group_3_ROCT_Manager,
    UserForm_group_2_General_Manager,
    UserForm_group_1_ROCT_User,
    UserForm_group_6_ROCT_Assistant,
    UserForm_application,
    UserForm_region_access,
    UserForm_company_access,
    UserForm_facility_access
    ]
    });
    var panelPCScale = Ext.create('Ext.panel.Panel', {
    title: 'PC Scale Authority',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_scale_security_power_user,
    UserForm_scale_security_supervisor,
    UserForm_scale_security_operator,
    UserForm_scale_security_buy_back
    ]
    });
    var panelShowcase = Ext.create('Ext.panel.Panel', {
    title: 'Showcase Query Authority',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [{
    comment: true,
    html: 'NOTE: All users can run Showcase queries and reports.'
    },
    UserForm_access_to_create_modify
    ]
    });
    var panelSoftware = Ext.create('Ext.panel.Panel', {
    title: 'Software (Additional) Required',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_jde_spreadsheet_server,
    UserForm_microsoft_project,
    UserForm_microsoft_visio,
    UserForm_other_software
    ]
    });
    var panelTimeClock = Ext.create('Ext.panel.Panel', {
    title: 'TimeClock Plus',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [{
    comment: true,
    html: 'Select the authority the user should have in TimeClock Plus (TCP). Select only one.:'
    },
    UserForm_TCPSALARIED,
    UserForm_TCPMANAGER,
    UserForm_TCPSUPERVISOR,
    UserForm_TCPORPAYROLLCOORDINATOR,
    UserForm_TCPINQUIRYONLY,
    UserForm_will_need_access_to
    ]
    });
    var panelWebApps = Ext.create('Ext.panel.Panel', {
    title: 'Web Applications',
    width: '100%',
    collapsible: true,
    collapsed: true,
    items: [
    UserForm_intranet_applications
    ]
    });


    var panelSubmit = Ext.create('Ext.panel.Panel', {
    width: '100%',
    items: [
    UserForm_comments, {
    xtype: 'button',
    text: 'Submit Form',
    scale: 'large',
    width: 250,
    border: 1,
    handler: function () {
    var form = mainPanel.getForm();
    if (form.isValid()) {


    var myMask = new Ext.LoadMask(Ext.getBody(), {
    msg: "Sending form, please wait..."
    });
    myMask.show();


    form.submit({
    url: '/ust_forms/forms/User_Add_Change/processForm.php',
    params: {
    type: 'email'
    },
    success: function (form, action) {
    myMask.hide();


    thankYou();
    return;


    Ext.Msg.show({
    title: 'Form submission',
    msg: 'The informaton has been sent.<br>Thank you for using this form.',
    buttons: Ext.Msg.OK,
    closable: false,
    icon: Ext.Msg.INFO
    });
    },
    failure: function (form, action) {
    myMask.hide();


    Ext.Msg.show({
    title: 'Form Submission Error',
    msg: "The form could not be sent. Please contact support",
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    });
    } else {
    Ext.Msg.show({
    title: 'Error',
    msg: 'Please correct the fields marked in blue.',
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    }
    }, {
    margin: '30 0 0 0',
    html: '<center>If you have any questions please contact User Support and Training. <br> User Support will assist your Liaison with any questions.</center>'
    }
    ]
    });




    var mainPanel = Ext.create('Ext.form.Panel', {
    renderTo: 'mContainer',
    width: 730,
    layout: 'vbox',
    items: [{
    html: heredoc(intro_help),
    border: false,
    width: 710
    }, {
    layout: 'hbox',
    border: false,
    items: [{
    xtype: 'hiddenfield',
    name: 'UserForm_liaisonName'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_liaisonCompany'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_liaisonPhone'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_liaisonEmail'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_controllerName'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_controllerCompany'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_controllerPhone'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_controllerEmail'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_employeeName'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_employeeCompany'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_employeePhone'
    }, {
    xtype: 'hiddenfield',
    name: 'UserForm_employeeEmail'
    },
    panelTop, {
    html: info_help('employee') + info_help('liaison') + info_help('controller'),
    border: false,
    //width: 700,
    margin: '0 0 20 20'
    }
    ]
    },
    Ext.create('Ext.toolbar.Toolbar', {
    width: '100%',
    margin: '10 0 20 0',
    items: [{
    text: 'Expand All',
    iconCls: 'expand',
    handler: function () {
    var sPanels = [
    panelAltar,
    panelCalendar,
    panelEbill,
    panelView2,
    panelEmail,
    panelFolder,
    panelJDE,
    panelRoct,
    panelPCScale,
    panelShowcase,
    panelSoftware,
    panelTimeClock,
    panelWebApps
    ];
    for (var i = 0; i < sPanels.length; i++) {
    sPanels[i].expand();
    }
    }
    }, {
    text: 'Collapse All',
    iconCls: 'collapse',
    handler: function () {
    var sPanels = [
    panelAltar,
    panelCalendar,
    panelEbill,
    panelView2,
    panelEmail,
    panelFolder,
    panelJDE,
    panelRoct,
    panelPCScale,
    panelShowcase,
    panelSoftware,
    panelTimeClock,
    panelWebApps
    ];
    for (var i = 0; i < sPanels.length; i++) {
    sPanels[i].collapse();
    }
    }
    }, {
    text: 'Preview Form',
    iconCls: 'preview',
    handler: function () {
    var form = mainPanel.getForm();
    if (form.isValid()) {
    form.submit({
    url: '/ust_forms/forms/User_Add_Change/processForm.php',
    params: {
    type: 'preview'
    },
    success: function (form, action) {
    popUpFrame(action.result.id);
    }
    });
    } else {
    Ext.Msg.show({
    title: 'Error',
    msg: 'Please correct the fields marked in blue.',
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    }
    }, {
    text: 'Send Form',
    iconCls: 'email',
    handler: function () {


    var form = mainPanel.getForm();
    if (form.isValid()) {


    var myMask = new Ext.LoadMask(Ext.getBody(), {
    msg: "Sending form, please wait..."
    });
    myMask.show();


    form.submit({
    url: '/ust_forms/forms/User_Add_Change/processForm.php',
    params: {
    type: 'email'
    },
    success: function (form, action) {
    myMask.hide();


    thankYou();
    return;


    Ext.Msg.show({
    title: 'Form submission',
    msg: 'The informaton has been sent.<br>Thank you for using this form.',
    buttons: Ext.Msg.OK,
    closable: false,
    icon: Ext.Msg.INFO
    });
    },
    failure: function (form, action) {
    myMask.hide();


    Ext.Msg.show({
    title: 'Form Submission Error',
    msg: "The form could not be sent. Please contact support",
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    });
    } else {
    Ext.Msg.show({
    title: 'Error',
    msg: 'Please correct the fields marked in blue.',
    buttons: Ext.Msg.OK,
    icon: 'ierror'
    });
    }
    }
    }]
    }),
    panelAltar,
    panelCalendar,
    panelEbill,
    panelView2,
    panelEmail,
    panelFolder,
    panelJDE,
    panelRoct,
    panelPCScale,
    panelShowcase,
    panelSoftware,
    panelTimeClock,
    panelWebApps,
    panelSubmit
    ]
    });


    var fields = [
    UserForm_ALTACCT,
    UserForm_ALTCORP,
    UserForm_ALTCSR,
    UserForm_ALTDISP,
    UserForm_ALTGM,
    UserForm_ALTINQ,
    UserForm_ALTOFMGR,
    UserForm_ARACCT,
    UserForm_ARCORP,
    UserForm_ARCSR,
    UserForm_ARDISP,
    UserForm_ARGM,
    UserForm_ARINQ,
    UserForm_AROFMGR,
    UserForm_ARSALES,
    UserForm_ARBILLU,
    UserForm_ARBILLM,
    UserForm_WTINQ,
    UserForm_WTUPD,
    UserForm_AUDITDIV,
    UserForm_ar_altar_functions_require,
    UserForm_company_authority,
    UserForm_public_calendars,
    UserForm_public_calendars_auth_level,
    UserForm_CSR_Access,
    UserForm_power_user,
    UserForm_view2,
    UserForm_email_encryption,
    UserForm_folder_paths,
    UserForm_level_of_authority,
    /*UserForm_user_been_trained,*/
    UserForm_APUSER,
    /* UserForm_print_auto_signatures,
    UserForm_which_name,*/
    UserForm_GLUSER,
    UserForm_GLINQ,
    UserForm_CMUSER,
    UserForm_POAPPRV,
    UserForm_PMINQ,
    UserForm_FAUSER,
    UserForm_PMUSER,
    UserForm_CAPEXUSER,
    /*UserForm_ACH_Functions,*/
    UserForm_HRCORP,
    /*UserForm_PRINQUSER,*/
    UserForm_01001_xxxxx,
    UserForm_01002_xxxxx,
    UserForm_01003_xxxxxx,
    UserForm_union_status,
    UserForm_access_to_union_employees,
    UserForm_access_to_shop,
    UserForm_access_to_non_union_employees,
    UserForm_PR_HR_company_access,
    UserForm_PR_HR_union_access,
    /* UserForm_companies_user_requires,*/
    UserForm_who_can_user_post_for,
    UserForm_who_can_post_for_user,
    UserForm_group_4_app_owner,
    UserForm_group_4_core_maintenance_allowed,
    UserForm_group_4_security_maintenance_allowed,
    UserForm_group_3_ROCT_Manager,
    UserForm_group_2_General_Manager,
    UserForm_group_1_ROCT_User,
    UserForm_group_6_ROCT_Assistant,
    UserForm_application,
    UserForm_region_access,
    UserForm_scale_security_power_user,
    UserForm_scale_security_supervisor,
    UserForm_scale_security_operator,
    UserForm_scale_security_buy_back,
    UserForm_access_to_create_modify,
    UserForm_jde_spreadsheet_server,
    UserForm_microsoft_project,
    UserForm_microsoft_visio,
    UserForm_other_software,
    /*UserForm_will_approve_time,
    UserForm_process_payroll,*/
    UserForm_will_need_access_to,
    UserForm_intranet_applications,
    UserForm_comments,
    UserForm_company_access,
    UserForm_facility_access
    ];


    for (var i = 0; i < fields.length; i++) {
    fields[i].addCls('even');
    }
    }
    });

  2. Thanks Scott. This is what I did, and it works for this form:

    I first had to define all the vars I was going to use:

    var UserForm_xxxx_blahblahblah;

    etc.,
    When I didn't do this, I got an undefined error message.

    Then I did this:

    var UserForm_Companies = Ext.create('Ext.form.RadioGroup',{
    title:'Companies',
    width:650,
    height:400,
    bodyPadding:10,
    items:[{
    xtype:'radiogroup',
    fieldLabel:'',
    columns:4,
    vertical:true,
    items[{
    etc....
    Basically following the radiogroup example except getting rid of the renderToBody function which was putting the radiogroup outside the form. I built this radiogroup within the panel where I wanted it displayed.

    So far, all the variables are being passed to the processing and email form.

    I hope this helps anyone who runs into this problem trying to embed a radiogroup into an existing sencha form.

    thanks

  3. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,872
    Answers
    652
    Vote Rating
    438
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    You example code is a bit much to try and debug .. how about something like this:



    Scott.

  4. #3
    Sencha User
    Join Date
    Nov 2013
    Posts
    7
    Answers
    1
    Vote Rating
    0
    umbregachoong is on a distinguished road

      0  

    Default solved it

    solved it


    I solved it by eliminating the renderToBody function:

    Ext.create('Ext.form.Panel', {
    title: 'RadioGroup Example',
    width: 300,
    height: 125,
    bodyPadding: 10,

    items: [{
    xtype: 'radiogroup',
    fieldLabel: 'Two Columns',
    // Arrange radio buttons into two columns, distributed vertically
    columns: 2,
    vertical: true,
    items: [{
    boxLabel: 'Item 1',
    name: 'rb',
    inputValue: '1'
    }, {
    boxLabel: 'Item 2',
    name: 'rb',
    inputValue: '2',
    checked: true
    }, {
    boxLabel: 'Item 3',
    name: 'rb',
    inputValue: '3'
    }, {
    boxLabel: 'Item 4',
    name: 'rb',
    inputValue: '4'
    }, {
    boxLabel: 'Item 5',
    name: 'rb',
    inputValue: '5'
    }, {
    boxLabel: 'Item 6',
    name: 'rb',
    inputValue: '6'
    }]
    }]
    });

    doesn't break anything yet. Will test and see if the parameters are being passed in the form.

  5. #4
    Sencha User
    Join Date
    Nov 2013
    Posts
    7
    Answers
    1
    Vote Rating
    0
    umbregachoong is on a distinguished road

      0  

    Default Thanks for your response!

    Thanks for your response!


    Thanks Scott. This is what I did, and it works for this form:

    I first had to define all the vars I was going to use:

    var UserForm_xxxx_blahblahblah;

    etc.,
    When I didn't do this, I got an undefined error message.

    Then I did this:

    var UserForm_Companies = Ext.create('Ext.form.RadioGroup',{
    title:'Companies',
    width:650,
    height:400,
    bodyPadding:10,
    items:[{
    xtype:'radiogroup',
    fieldLabel:'',
    columns:4,
    vertical:true,
    items[{
    etc....
    Basically following the radiogroup example except getting rid of the renderToBody function which was putting the radiogroup outside the form. I built this radiogroup within the panel where I wanted it displayed.

    So far, all the variables are being passed to the processing and email form.

    I hope this helps anyone who runs into this problem trying to embed a radiogroup into an existing sencha form.

    thanks

  6. #5
    Sencha User
    Join Date
    Nov 2013
    Posts
    7
    Answers
    1
    Vote Rating
    0
    umbregachoong is on a distinguished road

      0  

    Default update on this form

    update on this form


    I converted ext.form.radiogroup to ext.form.checkboxgroup, and everything basically worked fine, except when you have height set, the form would overlap with the lower divs. So I had to eliminate height altogether and the form worked fine.

    So for this form i had to eliminate both renderToBody() function, and the height property in the ext.form.checkboxgroup.

    Hope this helps anyone who runs into this issue.

    Regards,
    umbre gachoong

Thread Participants: 1