PDA

View Full Version : Attempting to add radio buttons and columns in an existing Sencha form



umbregachoong
25 Nov 2013, 8:59 PM
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');
}
}
});

scottmartin
26 Nov 2013, 8:35 AM
You example code is a bit much to try and debug .. how about something like this:

1qp

Scott.

umbregachoong
26 Nov 2013, 11:14 AM
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.

umbregachoong
27 Nov 2013, 7:24 AM
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

umbregachoong
5 Dec 2013, 10:40 AM
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