BUG 8875 "Feature: New ExtJS based for Install, Login & Main Proce..." UPDATED
- fixes for installer on IE9 - fixes for main uxmodern interface view on IE9 - ux-wizard extjs plugin updated - ux-card-layout extjs plugin updated - extjs library updated to 3.4.0 from 3.2.1 - draw2d library removed from load
This commit is contained in:
Erik Amaru Ortiz
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -4784,6 +4784,9 @@ function getDirectorySize($path,$maxmtime=0)
|
|||||||
*/
|
*/
|
||||||
function getCheckSum($files)
|
function getCheckSum($files)
|
||||||
{
|
{
|
||||||
|
G::LoadClass('system');
|
||||||
|
$key = System::getVersion();
|
||||||
|
|
||||||
if (!is_array($files)) {
|
if (!is_array($files)) {
|
||||||
$tmp = $files;
|
$tmp = $files;
|
||||||
$files = array();
|
$files = array();
|
||||||
@@ -4795,7 +4798,7 @@ function getDirectorySize($path,$maxmtime=0)
|
|||||||
if (is_file($file))
|
if (is_file($file))
|
||||||
$checkSum .= md5_file($file);
|
$checkSum .= md5_file($file);
|
||||||
}
|
}
|
||||||
return md5($checkSum);
|
return md5($checkSum.$key);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -287,7 +287,7 @@ class headPublisher {
|
|||||||
// enabled for particular use
|
// enabled for particular use
|
||||||
$head .= $this->getExtJsLibraries();
|
$head .= $this->getExtJsLibraries();
|
||||||
|
|
||||||
$head .= " <script type='text/javascript' src='/js/ext/draw2d.js'></script>\n";
|
// $head .= " <script type='text/javascript' src='/js/ext/draw2d.js'></script>\n";
|
||||||
$head .= " <script type='text/javascript' src='/js/ext/translation.".SYS_LANG.".js'></script>\n";
|
$head .= " <script type='text/javascript' src='/js/ext/translation.".SYS_LANG.".js'></script>\n";
|
||||||
|
|
||||||
if (! isset ( $this->extJsSkin ) || $this->extJsSkin == '') {
|
if (! isset ( $this->extJsSkin ) || $this->extJsSkin == '') {
|
||||||
|
|||||||
@@ -15,6 +15,8 @@ class Installer extends Controller {
|
|||||||
|
|
||||||
var $link; #resource for database connection
|
var $link; #resource for database connection
|
||||||
|
|
||||||
|
public $debug = 1;
|
||||||
|
|
||||||
public function __construct() {
|
public function __construct() {
|
||||||
$this->path_config = PATH_CORE.'config/';
|
$this->path_config = PATH_CORE.'config/';
|
||||||
$this->path_languages = PATH_CORE.'content/languages/';
|
$this->path_languages = PATH_CORE.'content/languages/';
|
||||||
@@ -47,6 +49,8 @@ class Installer extends Controller {
|
|||||||
$this->includeExtJS('installer/Wizard', false);
|
$this->includeExtJS('installer/Wizard', false);
|
||||||
$this->includeExtJS('installer/Header', false);
|
$this->includeExtJS('installer/Header', false);
|
||||||
$this->includeExtJS('installer/Card', false);
|
$this->includeExtJS('installer/Card', false);
|
||||||
|
|
||||||
|
$this->includeExtJS('installer/installer_cards');
|
||||||
$this->includeExtJS('installer/main', false);
|
$this->includeExtJS('installer/main', false);
|
||||||
|
|
||||||
$this->setJSVar('licenseTxt', $licenseContent);
|
$this->setJSVar('licenseTxt', $licenseContent);
|
||||||
|
|||||||
@@ -81,6 +81,32 @@
|
|||||||
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
|
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
a.options-tool{
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.options-tool:hover {
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: underline;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.options-tool:focus {
|
||||||
|
outline: thin dotted #333333;
|
||||||
|
outline-offset: -2px;
|
||||||
|
}
|
||||||
|
a.options-tool:hover, a:active {
|
||||||
|
outline: 0 none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#x-panel-header{
|
||||||
|
height: 500px;
|
||||||
|
padding: 5px 5px 5px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
.x-panel-header-text{
|
.x-panel-header-text{
|
||||||
text-shadow:#fff 0px 1px 1px;
|
text-shadow:#fff 0px 1px 1px;
|
||||||
color:#444;
|
color:#444;
|
||||||
@@ -988,21 +1014,18 @@ antes funcionaba.
|
|||||||
background-image:url(/images/logout.gif);
|
background-image:url(/images/logout.gif);
|
||||||
}
|
}
|
||||||
|
|
||||||
.x-pm-headerbar1 {
|
.x-pm-headerbar {
|
||||||
background-color: #32405a;
|
background-color: #32405a;
|
||||||
background-image: url("/images/header_bg.jpg");
|
background-image: url("/images/header_bg.jpg");
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
font: 8pt Tahoma,sans-serif,MiscFixed;
|
font: 8pt Tahoma,sans-serif,MiscFixed;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
.x-pm-headerbar2 {
|
|
||||||
background-color: #000;
|
table.x-pm-headerbar td, table th {
|
||||||
background-image: url("/images/canvastile_bg1.jpg");
|
padding-left: 10px;
|
||||||
color: #fff;
|
|
||||||
padding: 5px;
|
|
||||||
font: 8pt Tahoma,sans-serif,MiscFixed;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerRightSection
|
.headerRightSection
|
||||||
@@ -1533,3 +1556,4 @@ td.x-cnotes-label {
|
|||||||
padding-left: 3px;
|
padding-left: 3px;
|
||||||
padding-right: 3px;
|
padding-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,8 @@
|
|||||||
<html>
|
<!-- turn on quirks mode for IE -->
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
<head>
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=8" />
|
||||||
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
|
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
|
||||||
{header}
|
{header}
|
||||||
|
|||||||
@@ -3,12 +3,26 @@
|
|||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
|
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
|
||||||
{$_header}
|
{$_header}
|
||||||
|
{literal}
|
||||||
|
<!--[if IE]>
|
||||||
|
<style>
|
||||||
|
table.x-pm-headerbar td, table th {
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
padding-right: 0px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<![endif]-->
|
||||||
|
{/literal}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="panel-header" >
|
|
||||||
<table class="x-pm-headerbar1" width="100%" height="" cellpadding="0" cellspacing="0" border="0">
|
<div id="panel-header" />
|
||||||
|
|
||||||
|
<div id="header-content" style="display:none">
|
||||||
|
<table class="x-pm-headerbar">
|
||||||
<tr>
|
<tr>
|
||||||
<td width="33%" valign="middle" style="padding-left:10px">
|
<td width="33%" valign="middle">
|
||||||
<img src="{$logo_company}" width="180" height="24"/>
|
<img src="{$logo_company}" width="180" height="24"/>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
@@ -17,18 +31,17 @@
|
|||||||
<td width="33%" align="right" valign="top">
|
<td width="33%" align="right" valign="top">
|
||||||
<table width="100%" height="25" border="0" cellspacing="0" cellpadding="0" class="headerRightSection">
|
<table width="100%" height="25" border="0" cellspacing="0" cellpadding="0" class="headerRightSection">
|
||||||
<tr valign="middle">
|
<tr valign="middle">
|
||||||
<td width="50%" rowspan="2" valign="top"></td>
|
|
||||||
<td height="12" valign="middle" align="right" valign="top">
|
<td height="12" valign="middle" align="right" valign="top">
|
||||||
<a href="#" id="options-tool">
|
<a href="#" id="options-tool" class="options-tool">
|
||||||
<div class="headerRightSideBar">
|
{$userfullname}<br />
|
||||||
{$userfullname} <br />
|
<span style="font-size:9px">{$rolename}</span>
|
||||||
<span style="font-size:9px">{$rolename}</span>
|
|
||||||
</div>
|
|
||||||
<div id="user-avatar">
|
|
||||||
<img src="{$user_avatar}" width="25" height="25"/>
|
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
|
<td width="40" align="right">
|
||||||
|
<span id="user-avatar">
|
||||||
|
<img src="{$user_avatar}" width="25" height="25"/>
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</td>
|
</td>
|
||||||
|
|||||||
@@ -477,9 +477,7 @@ Ext.ux.Wiz = Ext.extend(Ext.Window, {
|
|||||||
}
|
}
|
||||||
|
|
||||||
this.currentCard = i;
|
this.currentCard = i;
|
||||||
this.headPanel.updateStep(i, '<b>'+card.title+'</b>');
|
this.headPanel.updateStep(i, card.title);
|
||||||
//erik: fix to set on main title the title of the current cardç
|
|
||||||
//this.setTitle(card.title);
|
|
||||||
|
|
||||||
if (i == len-1) {
|
if (i == len-1) {
|
||||||
this.nextButton.setText(this.finishButtonText);
|
this.nextButton.setText(this.finishButtonText);
|
||||||
@@ -487,10 +485,9 @@ Ext.ux.Wiz = Ext.extend(Ext.Window, {
|
|||||||
this.nextButton.setText(this.nextButtonText);
|
this.nextButton.setText(this.nextButtonText);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*if (card.isValid()) {
|
if (card.isValid()) {
|
||||||
this.nextButton.setDisabled(false);
|
this.nextButton.setDisabled(false);
|
||||||
}*/
|
}
|
||||||
//this.nextButton.setDisabled(card.isValid());
|
|
||||||
|
|
||||||
if (i == 0) {
|
if (i == 0) {
|
||||||
this.previousButton.setDisabled(true);
|
this.previousButton.setDisabled(true);
|
||||||
|
|||||||
839
workflow/engine/templates/installer/installer_cards.js
Normal file
839
workflow/engine/templates/installer/installer_cards.js
Normal file
@@ -0,0 +1,839 @@
|
|||||||
|
var steps = [];
|
||||||
|
|
||||||
|
Ext.onReady(function(){
|
||||||
|
|
||||||
|
var storeDatabase = new Ext.data.Store({
|
||||||
|
proxy: new Ext.data.HttpProxy({url: 'getEngines', method:'POST'}),
|
||||||
|
reader: new Ext.data.JsonReader({
|
||||||
|
fields: [{name: 'id'},{name: 'label'}]
|
||||||
|
}),
|
||||||
|
listeners: {load: function() {
|
||||||
|
Ext.getCmp('db_engine').setValue(Ext.getCmp('db_engine').store.getAt(0).id);
|
||||||
|
if (Ext.getCmp('db_engine').store.getAt(0).id == 'mysql') {
|
||||||
|
Ext.getCmp('db_port').setValue('3306');
|
||||||
|
Ext.getCmp('db_username').setValue('root');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
Ext.getCmp('db_port').setValue('1433');
|
||||||
|
Ext.getCmp('db_username').setValue('sa');
|
||||||
|
}
|
||||||
|
testConnection();
|
||||||
|
}}
|
||||||
|
});
|
||||||
|
|
||||||
|
var store = new Ext.data.ArrayStore({
|
||||||
|
fields: ['id', 'label'],
|
||||||
|
data : [['en', 'English'],['es', 'Spanish']]
|
||||||
|
});
|
||||||
|
|
||||||
|
var cmbLanguages = new Ext.form.ComboBox({
|
||||||
|
fieldLabel: 'Language',
|
||||||
|
store: store,
|
||||||
|
labelWidth: 200,
|
||||||
|
displayField:'label',
|
||||||
|
typeAhead: true,
|
||||||
|
mode: 'local',
|
||||||
|
forceSelection: true,
|
||||||
|
triggerAction: 'all',
|
||||||
|
emptyText:'Select a language...',
|
||||||
|
selectOnFocus:true
|
||||||
|
});
|
||||||
|
|
||||||
|
// getting the system info
|
||||||
|
function getSystemInfo() {
|
||||||
|
wizard.showLoadMask(true);
|
||||||
|
Ext.Ajax.request({
|
||||||
|
url: 'getSystemInfo',
|
||||||
|
success: function(response){
|
||||||
|
var response = Ext.util.JSON.decode(response.responseText);
|
||||||
|
Ext.getCmp('php').setValue (getFieldOutput(response.php.version, response.php.result));
|
||||||
|
Ext.getCmp('mysql').setValue (getFieldOutput(response.mysql.version, response.mysql.result));
|
||||||
|
//Ext.getCmp('mssql').setValue (getFieldOutput(response.mssql.version, response.mssql.result));
|
||||||
|
Ext.getCmp('curl').setValue (getFieldOutput(response.curl.version, response.curl.result));
|
||||||
|
Ext.getCmp('openssl').setValue (getFieldOutput(response.openssl.version, response.openssl.result));
|
||||||
|
Ext.getCmp('dom').setValue (getFieldOutput(response.dom.version, response.dom.result));
|
||||||
|
Ext.getCmp('gd').setValue (getFieldOutput(response.gd.version, response.gd.result));
|
||||||
|
Ext.getCmp('multibyte').setValue (getFieldOutput(response.multibyte.version,response.multibyte.result));
|
||||||
|
Ext.getCmp('soap').setValue (getFieldOutput(response.soap.version, response.soap.result));
|
||||||
|
Ext.getCmp('ldap').setValue (getFieldOutput(response.ldap.version, response.ldap.result));
|
||||||
|
Ext.getCmp('memory').setValue (getFieldOutput(response.memory.version, response.memory.result));
|
||||||
|
|
||||||
|
dbReq = response.mysql.result || response.mssql.result;
|
||||||
|
phpReq = response.php.result && response.curl.result && response.dom.result && response.gd.result && response.multibyte.result && response.soap.result && response.memory.result;
|
||||||
|
wizard.onClientValidation(0, dbReq && phpReq);
|
||||||
|
wizard.showLoadMask(false);
|
||||||
|
},
|
||||||
|
failure: function(){},
|
||||||
|
params: {'clientBrowser': PMExt.getBrowser().name}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// getting the system info
|
||||||
|
function getPermissionInfo() {
|
||||||
|
wizard.showLoadMask(true);
|
||||||
|
Ext.Ajax.request({
|
||||||
|
url: 'getPermissionInfo',
|
||||||
|
success: function(response) {
|
||||||
|
var okImage = '<img src="/images/dialog-ok-apply.png" width="12" height="12" />';
|
||||||
|
var badImage = '<img src="/images/delete.png" width="15" height="15" />';
|
||||||
|
var response = Ext.util.JSON.decode(response.responseText);
|
||||||
|
Ext.get('pathConfigSpan').dom.innerHTML = (response.pathConfig.result ? okImage : badImage);
|
||||||
|
Ext.get('pathLanguagesSpan').dom.innerHTML = (response.pathLanguages.result ? okImage : badImage);
|
||||||
|
Ext.get('pathPluginsSpan').dom.innerHTML = (response.pathPlugins.result ? okImage : badImage);
|
||||||
|
Ext.get('pathXmlformsSpan').dom.innerHTML = (response.pathXmlforms.result ? okImage : badImage);
|
||||||
|
Ext.get('pathPublicSpan').dom.innerHTML = (response.pathPublic.result ? okImage : badImage);
|
||||||
|
Ext.get('pathSharedSpan').dom.innerHTML = (response.pathShared.result ? okImage : badImage);
|
||||||
|
Ext.get('pathLogFileSpan').dom.innerHTML = (response.pathLogFile.result ? okImage : badImage);
|
||||||
|
|
||||||
|
wizard.onClientValidation(1,
|
||||||
|
response.pathConfig.result &&
|
||||||
|
response.pathLanguages.result &&
|
||||||
|
response.pathPlugins.result &&
|
||||||
|
response.pathXmlforms.result &&
|
||||||
|
response.pathPublic.result &&
|
||||||
|
response.pathShared.result &&
|
||||||
|
response.pathLogFile.result
|
||||||
|
);
|
||||||
|
|
||||||
|
wizard.showLoadMask(false);
|
||||||
|
|
||||||
|
if (response.notify != '') {
|
||||||
|
Ext.msgBoxSlider.msgTopCenter('alert', '', response.notify, 30);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
failure: function(){},
|
||||||
|
params: {
|
||||||
|
'pathConfig': Ext.getCmp('pathConfig').getValue(),
|
||||||
|
'pathLanguages': Ext.getCmp('pathLanguages').getValue(),
|
||||||
|
'pathPlugins': Ext.getCmp('pathPlugins').getValue(),
|
||||||
|
'pathXmlforms': Ext.getCmp('pathXmlforms').getValue(),
|
||||||
|
'pathShared': Ext.getCmp('pathShared').getValue(),
|
||||||
|
'pathLogFile': Ext.getCmp('pathLogFile').getValue(),
|
||||||
|
'pathPublic': Ext.getCmp('pathPublic').getValue()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkLicenseAgree() {
|
||||||
|
wizard.onClientValidation(2, Ext.getCmp('agreeCheckbox').getValue());
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function ckeckDBEnginesValuesLoaded() {
|
||||||
|
wizard.showLoadMask(true);
|
||||||
|
if (Ext.getCmp('db_engine').store.getCount() == 0) {
|
||||||
|
Ext.getCmp('db_engine').store.load();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
testConnection();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// test database Connection
|
||||||
|
function testConnection() {
|
||||||
|
wizard.showLoadMask(true);
|
||||||
|
if ((Ext.getCmp('db_engine').getValue() == '') || !Ext.getCmp('db_hostname').isValid() || !Ext.getCmp('db_username').isValid()) {
|
||||||
|
wizard.onClientValidation(3, false);
|
||||||
|
wizard.showLoadMask(false);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
Ext.Ajax.request({
|
||||||
|
url: 'testConnection',
|
||||||
|
success: function(response){
|
||||||
|
var response = Ext.util.JSON.decode(response.responseText);
|
||||||
|
Ext.getCmp('db_message').setValue(getFieldOutput(response.message, response.result));
|
||||||
|
wizard.onClientValidation(3, response.result);
|
||||||
|
wizard.showLoadMask(false);
|
||||||
|
},
|
||||||
|
failure: function(){},
|
||||||
|
params: {
|
||||||
|
'db_engine' : Ext.getCmp('db_engine').getValue(),
|
||||||
|
'db_hostname': Ext.getCmp('db_hostname').getValue(),
|
||||||
|
'db_username': Ext.getCmp('db_username').getValue(),
|
||||||
|
'db_password': Ext.getCmp('db_password').getValue(),
|
||||||
|
'db_port' : Ext.getCmp('db_port').getValue()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkWorkspaceConfiguration() {
|
||||||
|
var canInstall = false;
|
||||||
|
if (!Ext.getCmp('workspace').isValid()) {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter a valid Workspace Name.', false));
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!Ext.getCmp('adminUsername').isValid()) {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter a valid Admin Username.', false));
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (Ext.getCmp('adminPassword').getValue() == '') {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter the Admin Password.', false));
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (Ext.getCmp('adminPassword').getValue() != Ext.getCmp('confirmPassword').getValue()) {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('The password confirmation is incorrect.', false));
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!Ext.getCmp('wfDatabase').isValid()) {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter the Workflow Database Name.', false));
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!Ext.getCmp('rbDatabase').isValid()) {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter the Rbac Database Name.', false));
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!Ext.getCmp('rpDatabase').isValid()) {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter the Report Database Name.', false));
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
checkDatabases();
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkDatabases() {
|
||||||
|
wizard.showLoadMask(true);
|
||||||
|
Ext.Ajax.request({
|
||||||
|
url: 'checkDatabases',
|
||||||
|
success: function(response){
|
||||||
|
var existMsg = '<span style="color: red;">(Exists)</span>';
|
||||||
|
var noExistsMsg = '<span style="color: green;">(No exists)</span>';
|
||||||
|
var response = Ext.util.JSON.decode(response.responseText);
|
||||||
|
Ext.get('wfDatabaseSpan').dom.innerHTML = (response.wfDatabaseExists ? existMsg : noExistsMsg);
|
||||||
|
Ext.get('rbDatabaseSpan').dom.innerHTML = (response.rbDatabaseExists ? existMsg : noExistsMsg);
|
||||||
|
Ext.get('rpDatabaseSpan').dom.innerHTML = (response.rpDatabaseExists ? existMsg : noExistsMsg);
|
||||||
|
var dbFlag = ((!response.wfDatabaseExists && !response.rbDatabaseExists && !response.rpDatabaseExists) || Ext.getCmp('deleteDB').getValue());
|
||||||
|
wizard.onClientValidation(4, dbFlag);
|
||||||
|
if (dbFlag) {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('The data is correct.', true));
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
Ext.getCmp('finish_message').setValue(getFieldOutput('Rename the databases names or workspace name or check the "Delete Databases if exists" to overwrite the exiting databases.', false));
|
||||||
|
}
|
||||||
|
wizard.showLoadMask(false);
|
||||||
|
},
|
||||||
|
failure: function(){},
|
||||||
|
params: {
|
||||||
|
'db_engine' : Ext.getCmp('db_engine').getValue(),
|
||||||
|
'db_hostname': Ext.getCmp('db_hostname').getValue(),
|
||||||
|
'db_username': Ext.getCmp('db_username').getValue(),
|
||||||
|
'db_password': Ext.getCmp('db_password').getValue(),
|
||||||
|
'db_port' : Ext.getCmp('db_port').getValue(),
|
||||||
|
'wfDatabase' : Ext.getCmp('wfDatabase').getValue(),
|
||||||
|
'rbDatabase' : Ext.getCmp('rbDatabase').getValue(),
|
||||||
|
'rpDatabase' : Ext.getCmp('rpDatabase').getValue()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var setIndex = 0;
|
||||||
|
|
||||||
|
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
||||||
|
title : 'Pre-installation check',
|
||||||
|
monitorValid : false,
|
||||||
|
labelAlign: 'left',
|
||||||
|
labelWidth: 200,
|
||||||
|
defaults : {
|
||||||
|
},
|
||||||
|
items : [
|
||||||
|
{
|
||||||
|
border : false,
|
||||||
|
html : 'Pre-installation check',
|
||||||
|
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype:'panel',
|
||||||
|
layout:'border',
|
||||||
|
height: 340,
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
region: 'west',
|
||||||
|
width: 250,
|
||||||
|
bodyStyle : 'padding:10px;font-size:1.2em;',
|
||||||
|
html: step1_txt
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
region: 'center',
|
||||||
|
xtype : 'fieldset',
|
||||||
|
labelWidth: 200,
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'PHP Version >= 5.1',
|
||||||
|
id : 'php'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'MySQL Support',
|
||||||
|
id : 'mysql'
|
||||||
|
}/*,
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'MSSQL Support (*)',
|
||||||
|
id : 'mssql'
|
||||||
|
}*/,
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'cURL Version',
|
||||||
|
id : 'curl'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'OpenSSL Version (**)',
|
||||||
|
id : 'openssl'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'DOM/XML Support',
|
||||||
|
id : 'dom'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'GD Support',
|
||||||
|
id : 'gd'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'Multibyte Strings Support',
|
||||||
|
id : 'multibyte'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'Soap Support',
|
||||||
|
id : 'soap'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'LDAP Support (***)',
|
||||||
|
id : 'ldap'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
fieldLabel: 'Memory Limit >= 80M',
|
||||||
|
id: 'memory',
|
||||||
|
value: '5.0 or greater'
|
||||||
|
},
|
||||||
|
new Ext.Button({
|
||||||
|
text : 'Check Again',
|
||||||
|
handler : getSystemInfo,
|
||||||
|
scope : this
|
||||||
|
})
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
listeners: {
|
||||||
|
show: getSystemInfo
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// third card with Directory File Permission
|
||||||
|
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
||||||
|
title:'Directory File Permission',
|
||||||
|
monitorValid : false,
|
||||||
|
labelAlign: 'left',
|
||||||
|
labelWidth: 200,
|
||||||
|
defaults : {
|
||||||
|
//labelStyle : 'font-size:11px'
|
||||||
|
},
|
||||||
|
items : [
|
||||||
|
{
|
||||||
|
border : false,
|
||||||
|
html:'Directory/File Permission',
|
||||||
|
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype:'panel',
|
||||||
|
layout:'border',
|
||||||
|
height: 300,
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
region: 'north',
|
||||||
|
height: 55,
|
||||||
|
bodyStyle : 'padding:10px;font-size:1.2em;',
|
||||||
|
html: step3_txt
|
||||||
|
},
|
||||||
|
{
|
||||||
|
region: 'center',
|
||||||
|
xtype : 'fieldset',
|
||||||
|
alignField : 'left',
|
||||||
|
bodyStyle : 'padding-left:40px;font-size:12;',
|
||||||
|
labelWidth: 180,
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: '<span id="pathConfigSpan"></span> Config Directory',
|
||||||
|
id: 'pathConfig',
|
||||||
|
width: 430,
|
||||||
|
value: path_config,
|
||||||
|
disabled: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: '<span id="pathLanguagesSpan"></span> Language Directory',
|
||||||
|
id: 'pathLanguages',
|
||||||
|
width: 430,
|
||||||
|
value: path_languages,
|
||||||
|
disabled: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: '<span id="pathPluginsSpan"></span> Plugins Directory',
|
||||||
|
id: 'pathPlugins',
|
||||||
|
width: 430,
|
||||||
|
value: path_plugins,
|
||||||
|
disabled: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: '<span id="pathXmlformsSpan"></span> Xmlform Directory Directory',
|
||||||
|
id: 'pathXmlforms',
|
||||||
|
width: 430,
|
||||||
|
value: path_xmlforms,
|
||||||
|
disabled: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: '<span id="pathPublicSpan"></span> Public Index file',
|
||||||
|
id: 'pathPublic',
|
||||||
|
width: 430,
|
||||||
|
value: path_public,
|
||||||
|
disabled: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: '<span id="pathSharedSpan"></span> Workflow Data Directory',
|
||||||
|
id: 'pathShared',
|
||||||
|
width: 430,
|
||||||
|
value: path_shared,
|
||||||
|
enableKeyEvents: true,
|
||||||
|
listeners: {keyup: function() {
|
||||||
|
wizard.onClientValidation(2, false);
|
||||||
|
if (Ext.getCmp('pathShared').getValue().substr(-1, 1) != path_sep) {
|
||||||
|
Ext.getCmp('pathLogFile').setValue(Ext.getCmp('pathShared').getValue() + path_sep + 'log' + path_sep + 'install.log');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
Ext.getCmp('pathLogFile').setValue(Ext.getCmp('pathShared').getValue() + 'log' + path_sep + 'install.log');
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype: 'textfield',
|
||||||
|
fieldLabel: '<span id="pathLogFileSpan"></span> Installation log file',
|
||||||
|
id: 'pathLogFile',
|
||||||
|
width: 430,
|
||||||
|
value: path_shared + 'log' + path_sep + 'install.log',
|
||||||
|
disabled: true
|
||||||
|
},
|
||||||
|
new Ext.Button({
|
||||||
|
text : 'Check Again',
|
||||||
|
handler : getPermissionInfo,
|
||||||
|
scope : this
|
||||||
|
})
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
listeners: {
|
||||||
|
show: getPermissionInfo
|
||||||
|
}
|
||||||
|
|
||||||
|
} );
|
||||||
|
|
||||||
|
|
||||||
|
// third card with input field email-address
|
||||||
|
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
||||||
|
title:'ProcessMaker Open Source License',
|
||||||
|
//monitorValid : false,
|
||||||
|
defaults : {
|
||||||
|
labelStyle : 'font-size:12px'
|
||||||
|
},
|
||||||
|
items : [
|
||||||
|
{
|
||||||
|
border : false,
|
||||||
|
html:'ProcessMaker Open Source License',
|
||||||
|
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype:'panel',
|
||||||
|
layout:'border',
|
||||||
|
height: 340,
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
region: 'center',
|
||||||
|
xtype : 'fieldset',
|
||||||
|
items:[
|
||||||
|
new Ext.form.TextArea({
|
||||||
|
name : 'license',
|
||||||
|
readOnly : true,
|
||||||
|
width : 510,
|
||||||
|
height : 280,
|
||||||
|
style : 'font-size:13px',
|
||||||
|
value : licenseTxt
|
||||||
|
}),
|
||||||
|
new Ext.form.Checkbox({
|
||||||
|
boxLabel : 'I agree',
|
||||||
|
id : 'agreeCheckbox',
|
||||||
|
handler: function() {
|
||||||
|
wizard.onClientValidation(2, this.getValue());
|
||||||
|
}
|
||||||
|
})
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
listeners: {
|
||||||
|
show: checkLicenseAgree
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
// fourth card Database Configuration
|
||||||
|
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
||||||
|
title : 'Database Configuration',
|
||||||
|
monitorValid : false,
|
||||||
|
items : [
|
||||||
|
{
|
||||||
|
border : false,
|
||||||
|
html : 'Database Configuration',
|
||||||
|
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype:'panel',
|
||||||
|
layout:'border',
|
||||||
|
height: 360,
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
region: 'west',
|
||||||
|
width: 200,
|
||||||
|
bodyStyle : 'padding:10px;font-size:1.2em;',
|
||||||
|
html: step4_txt
|
||||||
|
},
|
||||||
|
{
|
||||||
|
region: 'center',
|
||||||
|
xtype : 'panel',
|
||||||
|
bodyStyle : 'background:none;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:1.2em;',
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
xtype:'fieldset',
|
||||||
|
labelAlign: 'left',
|
||||||
|
labelWidth: 160,
|
||||||
|
items:[
|
||||||
|
new Ext.form.ComboBox({
|
||||||
|
fieldLabel: 'Database Engine',
|
||||||
|
width : 200,
|
||||||
|
store : storeDatabase,
|
||||||
|
displayField : 'label',
|
||||||
|
valueField : 'id',
|
||||||
|
mode : 'local',
|
||||||
|
editable : false,
|
||||||
|
forceSelection: true,
|
||||||
|
allowBlank: false,
|
||||||
|
triggerAction: 'all',
|
||||||
|
id: 'db_engine',
|
||||||
|
selectOnFocus : true,
|
||||||
|
listeners: {select: function() {
|
||||||
|
if (this.value == 'mysql') {
|
||||||
|
Ext.getCmp('db_port').setValue('3306');
|
||||||
|
Ext.getCmp('db_username').setValue('root');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
Ext.getCmp('db_port').setValue('1433');
|
||||||
|
Ext.getCmp('db_username').setValue('sa');
|
||||||
|
}
|
||||||
|
wizard.onClientValidation(3, false);
|
||||||
|
}}
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Host Name',
|
||||||
|
width : 180,
|
||||||
|
id: 'db_hostname',
|
||||||
|
value :'localhost',
|
||||||
|
allowBlank : false,
|
||||||
|
validator : function(v){
|
||||||
|
var t = /^[0-9\.a-zA-Z_\-]+$/;
|
||||||
|
return t.test(v);
|
||||||
|
},
|
||||||
|
listeners: {change: function() {
|
||||||
|
wizard.onClientValidation(3, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Port',
|
||||||
|
width : 180,
|
||||||
|
id: 'db_port',
|
||||||
|
value :'',
|
||||||
|
allowBlank : false,
|
||||||
|
validator : function(v){
|
||||||
|
var t = /^[0-9]+$/;
|
||||||
|
return t.test(v);
|
||||||
|
},
|
||||||
|
listeners: {change: function() {
|
||||||
|
wizard.onClientValidation(3, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Username',
|
||||||
|
width : 180,
|
||||||
|
id: 'db_username',
|
||||||
|
value :'root',
|
||||||
|
allowBlank : false,
|
||||||
|
validator : function(v){
|
||||||
|
var t = /^[.a-zA-Z_\-]+$/;
|
||||||
|
return t.test(v);
|
||||||
|
},
|
||||||
|
listeners: {change: function() {
|
||||||
|
wizard.onClientValidation(3, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Password',
|
||||||
|
inputType : 'password',
|
||||||
|
value : '',
|
||||||
|
width : 180,
|
||||||
|
id: 'db_password',
|
||||||
|
allowBlank : true,
|
||||||
|
listeners: {change: function() {
|
||||||
|
wizard.onClientValidation(3, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
//fieldLabel: ',
|
||||||
|
id : 'db_message'
|
||||||
|
},
|
||||||
|
new Ext.Button({
|
||||||
|
text : ' Test Connection',
|
||||||
|
handler : testConnection,
|
||||||
|
scope : this
|
||||||
|
})
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
listeners: {
|
||||||
|
show: ckeckDBEnginesValuesLoaded
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
||||||
|
title : 'Workspace Configuration',
|
||||||
|
monitorValid : false,
|
||||||
|
defaults : {
|
||||||
|
labelStyle : 'font-size:11px'
|
||||||
|
},
|
||||||
|
items : [
|
||||||
|
{
|
||||||
|
border : false,
|
||||||
|
html : 'Workspace Configuration',
|
||||||
|
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype:'panel',
|
||||||
|
layout:'border',
|
||||||
|
height: 360,
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
region: 'west',
|
||||||
|
width: 200,
|
||||||
|
bodyStyle : 'padding:10px;font-size:1.2em;',
|
||||||
|
html: step5_txt
|
||||||
|
},
|
||||||
|
{
|
||||||
|
region: 'center',
|
||||||
|
xtype : 'panel',
|
||||||
|
bodyStyle : 'background:none;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:1.2em;',
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
xtype:'fieldset',
|
||||||
|
//labelAlign: 'right',
|
||||||
|
labelWidth: 210,
|
||||||
|
items:[
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Workspace Name',
|
||||||
|
value :'workflow',
|
||||||
|
maxLength: 29,
|
||||||
|
validator : function(v){
|
||||||
|
var t = /^[a-zA-Z_0-9]+$/;
|
||||||
|
return t.test(v);
|
||||||
|
},
|
||||||
|
id : 'workspace',
|
||||||
|
enableKeyEvents: true,
|
||||||
|
listeners: {keyup: function() {
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
if (!Ext.getCmp('changeDBNames').getValue()) {
|
||||||
|
Ext.getCmp('wfDatabase').setValue('wf_' + this.getValue());
|
||||||
|
Ext.getCmp('rbDatabase').setValue('rb_' + this.getValue());
|
||||||
|
Ext.getCmp('rpDatabase').setValue('rp_' + this.getValue());
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Admin Username',
|
||||||
|
value :'admin',
|
||||||
|
validator : function(v){
|
||||||
|
var t = /^[a-zA-Z_0-9.@-]+$/;
|
||||||
|
return t.test(v);
|
||||||
|
},
|
||||||
|
id : 'adminUsername',
|
||||||
|
enableKeyEvents: true,
|
||||||
|
listeners: {keyup: function() {
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Admin Password',
|
||||||
|
inputType : 'password',
|
||||||
|
id: 'adminPassword',
|
||||||
|
enableKeyEvents: true,
|
||||||
|
listeners: {keyup: function() {
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Confirm Admin Password',
|
||||||
|
inputType : 'password',
|
||||||
|
id : 'confirmPassword',
|
||||||
|
enableKeyEvents: true,
|
||||||
|
listeners: {keyup: function() {
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
}}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'fieldset',
|
||||||
|
labelAlign: 'left',
|
||||||
|
labelWidth: 210,
|
||||||
|
//labelWidth: 200,
|
||||||
|
//title: 'ProcessMaker Databases',
|
||||||
|
items:[
|
||||||
|
new Ext.form.Checkbox({
|
||||||
|
boxLabel: 'Change Database names',
|
||||||
|
id : 'changeDBNames',
|
||||||
|
handler: function() {
|
||||||
|
if (this.getValue()) {
|
||||||
|
Ext.getCmp('wfDatabase').enable();
|
||||||
|
Ext.getCmp('rbDatabase').enable();
|
||||||
|
Ext.getCmp('rpDatabase').enable();
|
||||||
|
Ext.getCmp('wfDatabase').validate();
|
||||||
|
Ext.getCmp('rbDatabase').validate();
|
||||||
|
Ext.getCmp('rpDatabase').validate();
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
Ext.getCmp('wfDatabase').setValue('wf_' + Ext.getCmp('workspace').getValue());
|
||||||
|
Ext.getCmp('rbDatabase').setValue('rb_' + Ext.getCmp('workspace').getValue());
|
||||||
|
Ext.getCmp('rpDatabase').setValue('rp_' + Ext.getCmp('workspace').getValue());
|
||||||
|
Ext.getCmp('wfDatabase').disable();
|
||||||
|
Ext.getCmp('rbDatabase').disable();
|
||||||
|
Ext.getCmp('rpDatabase').disable();
|
||||||
|
}
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Workflow Database Name <span id="wfDatabaseSpan"></span>',
|
||||||
|
id : 'wfDatabase',
|
||||||
|
value :'wf_workflow',
|
||||||
|
allowBlank : false,
|
||||||
|
maxLength: 32,
|
||||||
|
validator : function(v){
|
||||||
|
var t = /^[a-zA-Z_0-9]+$/;
|
||||||
|
return t.test(v);
|
||||||
|
},
|
||||||
|
disabled: true,
|
||||||
|
enableKeyEvents: true,
|
||||||
|
listeners: {keyup: function() {
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Rbac Database Name <span id="rbDatabaseSpan"></span>',
|
||||||
|
id : 'rbDatabase',
|
||||||
|
value :'rb_workflow',
|
||||||
|
allowBlank : false,
|
||||||
|
maxLength: 32,
|
||||||
|
validator : function(v){
|
||||||
|
var t = /^[a-zA-Z_0-9]+$/;
|
||||||
|
return t.test(v);
|
||||||
|
},
|
||||||
|
disabled: true,
|
||||||
|
enableKeyEvents: true,
|
||||||
|
listeners: {keyup: function() {
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
xtype : 'textfield',
|
||||||
|
fieldLabel: 'Report Database Name <span id="rpDatabaseSpan"></span>',
|
||||||
|
id : 'rpDatabase',
|
||||||
|
value :'rp_workflow',
|
||||||
|
allowBlank : false,
|
||||||
|
maxLength: 32,
|
||||||
|
validator : function(v){
|
||||||
|
var t = /^[a-zA-Z_0-9]+$/;
|
||||||
|
return t.test(v);
|
||||||
|
},
|
||||||
|
disabled: true,
|
||||||
|
enableKeyEvents: true,
|
||||||
|
listeners: {keyup: function() {
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
}}
|
||||||
|
},
|
||||||
|
new Ext.form.Checkbox({
|
||||||
|
boxLabel : "Delete Databases if exists",
|
||||||
|
id : 'deleteDB',
|
||||||
|
handler: function() {
|
||||||
|
wizard.onClientValidation(4, false);
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
xtype : 'displayfield',
|
||||||
|
id : 'finish_message'
|
||||||
|
},
|
||||||
|
new Ext.Button({
|
||||||
|
id: 'checkWSConfiguration',
|
||||||
|
text: ' Check Workspace Configuration',
|
||||||
|
handler: checkWorkspaceConfiguration,
|
||||||
|
scope: this
|
||||||
|
})
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
listeners: {
|
||||||
|
show: function() {
|
||||||
|
checkWorkspaceConfiguration();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
@@ -1,4 +1,5 @@
|
|||||||
<style>
|
<style>
|
||||||
|
|
||||||
.ext-ux-wiz-Header {
|
.ext-ux-wiz-Header {
|
||||||
background-color:white;
|
background-color:white;
|
||||||
border-bottom:1px solid #99BBE8;
|
border-bottom:1px solid #99BBE8;
|
||||||
|
|||||||
@@ -1,936 +1,13 @@
|
|||||||
//var licenseTxt;
|
|
||||||
var wizard;
|
var wizard;
|
||||||
var theme;
|
|
||||||
|
// Extend timeout for all Ext.Ajax.requests to 90 seconds.
|
||||||
|
// Ext.Ajax is a singleton, this statement will extend the timeout
|
||||||
|
// for all subsequent Ext.Ajax calls.
|
||||||
|
Ext.Ajax.timeout = 90000;
|
||||||
|
|
||||||
Ext.onReady(function(){
|
Ext.onReady(function(){
|
||||||
|
|
||||||
Ext.QuickTips.init();
|
Ext.QuickTips.init();
|
||||||
var steps = new Array();
|
|
||||||
|
|
||||||
var storeDatabase = new Ext.data.Store({
|
|
||||||
proxy: new Ext.data.HttpProxy({url: 'getEngines', method:'POST'}),
|
|
||||||
reader: new Ext.data.JsonReader({
|
|
||||||
fields: [{name: 'id'},{name: 'label'}]
|
|
||||||
}),
|
|
||||||
listeners: {load: function() {
|
|
||||||
Ext.getCmp('db_engine').setValue(Ext.getCmp('db_engine').store.getAt(0).id);
|
|
||||||
if (Ext.getCmp('db_engine').store.getAt(0).id == 'mysql') {
|
|
||||||
Ext.getCmp('db_port').setValue('3306');
|
|
||||||
Ext.getCmp('db_username').setValue('root');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
Ext.getCmp('db_port').setValue('1433');
|
|
||||||
Ext.getCmp('db_username').setValue('sa');
|
|
||||||
}
|
|
||||||
testConnection();
|
|
||||||
}}
|
|
||||||
});
|
|
||||||
|
|
||||||
var store = new Ext.data.ArrayStore({
|
|
||||||
fields: ['id', 'label'],
|
|
||||||
data : [['en', 'English'],['es', 'Spanish']]
|
|
||||||
});
|
|
||||||
|
|
||||||
var cmbLanguages = new Ext.form.ComboBox({
|
|
||||||
fieldLabel: 'Language',
|
|
||||||
store: store,
|
|
||||||
labelWidth: 200,
|
|
||||||
displayField:'label',
|
|
||||||
typeAhead: true,
|
|
||||||
mode: 'local',
|
|
||||||
forceSelection: true,
|
|
||||||
triggerAction: 'all',
|
|
||||||
emptyText:'Select a language...',
|
|
||||||
selectOnFocus:true
|
|
||||||
});
|
|
||||||
|
|
||||||
// getting the system info
|
|
||||||
function getSystemInfo() {
|
|
||||||
wizard.showLoadMask(true);
|
|
||||||
Ext.Ajax.request({
|
|
||||||
url: 'getSystemInfo',
|
|
||||||
success: function(response){
|
|
||||||
var response = Ext.util.JSON.decode(response.responseText);
|
|
||||||
Ext.getCmp('php').setValue (getFieldOutput(response.php.version, response.php.result));
|
|
||||||
Ext.getCmp('mysql').setValue (getFieldOutput(response.mysql.version, response.mysql.result));
|
|
||||||
//Ext.getCmp('mssql').setValue (getFieldOutput(response.mssql.version, response.mssql.result));
|
|
||||||
Ext.getCmp('curl').setValue (getFieldOutput(response.curl.version, response.curl.result));
|
|
||||||
Ext.getCmp('openssl').setValue (getFieldOutput(response.openssl.version, response.openssl.result));
|
|
||||||
Ext.getCmp('dom').setValue (getFieldOutput(response.dom.version, response.dom.result));
|
|
||||||
Ext.getCmp('gd').setValue (getFieldOutput(response.gd.version, response.gd.result));
|
|
||||||
Ext.getCmp('multibyte').setValue (getFieldOutput(response.multibyte.version,response.multibyte.result));
|
|
||||||
Ext.getCmp('soap').setValue (getFieldOutput(response.soap.version, response.soap.result));
|
|
||||||
Ext.getCmp('ldap').setValue (getFieldOutput(response.ldap.version, response.ldap.result));
|
|
||||||
Ext.getCmp('memory').setValue (getFieldOutput(response.memory.version, response.memory.result));
|
|
||||||
|
|
||||||
dbReq = response.mysql.result || response.mssql.result;
|
|
||||||
phpReq = response.php.result && response.curl.result && response.dom.result && response.gd.result && response.multibyte.result && response.soap.result && response.memory.result;
|
|
||||||
wizard.onClientValidation(0, dbReq && phpReq);
|
|
||||||
wizard.showLoadMask(false);
|
|
||||||
},
|
|
||||||
failure: function(){},
|
|
||||||
params: {'clientBrowser': PMExt.getBrowser().name}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// getting the system info
|
|
||||||
function getPermissionInfo() {
|
|
||||||
wizard.showLoadMask(true);
|
|
||||||
Ext.Ajax.request({
|
|
||||||
url: 'getPermissionInfo',
|
|
||||||
success: function(response) {
|
|
||||||
var okImage = '<img src="/images/dialog-ok-apply.png" width="12" height="12" />';
|
|
||||||
var badImage = '<img src="/images/delete.png" width="15" height="15" />';
|
|
||||||
var response = Ext.util.JSON.decode(response.responseText);
|
|
||||||
Ext.get('pathConfigSpan').dom.innerHTML = (response.pathConfig.result ? okImage : badImage);
|
|
||||||
Ext.get('pathLanguagesSpan').dom.innerHTML = (response.pathLanguages.result ? okImage : badImage);
|
|
||||||
Ext.get('pathPluginsSpan').dom.innerHTML = (response.pathPlugins.result ? okImage : badImage);
|
|
||||||
Ext.get('pathXmlformsSpan').dom.innerHTML = (response.pathXmlforms.result ? okImage : badImage);
|
|
||||||
Ext.get('pathPublicSpan').dom.innerHTML = (response.pathPublic.result ? okImage : badImage);
|
|
||||||
Ext.get('pathSharedSpan').dom.innerHTML = (response.pathShared.result ? okImage : badImage);
|
|
||||||
Ext.get('pathLogFileSpan').dom.innerHTML = (response.pathLogFile.result ? okImage : badImage);
|
|
||||||
|
|
||||||
wizard.onClientValidation(1,
|
|
||||||
response.pathConfig.result &&
|
|
||||||
response.pathLanguages.result &&
|
|
||||||
response.pathPlugins.result &&
|
|
||||||
response.pathXmlforms.result &&
|
|
||||||
response.pathPublic.result &&
|
|
||||||
response.pathShared.result &&
|
|
||||||
response.pathLogFile.result
|
|
||||||
);
|
|
||||||
|
|
||||||
wizard.showLoadMask(false);
|
|
||||||
|
|
||||||
if (response.notify != '') {
|
|
||||||
Ext.msgBoxSlider.msgTopCenter('alert', '', response.notify, 30);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
failure: function(){},
|
|
||||||
params: {
|
|
||||||
'pathConfig': Ext.getCmp('pathConfig').getValue(),
|
|
||||||
'pathLanguages': Ext.getCmp('pathLanguages').getValue(),
|
|
||||||
'pathPlugins': Ext.getCmp('pathPlugins').getValue(),
|
|
||||||
'pathXmlforms': Ext.getCmp('pathXmlforms').getValue(),
|
|
||||||
'pathShared': Ext.getCmp('pathShared').getValue(),
|
|
||||||
'pathLogFile': Ext.getCmp('pathLogFile').getValue(),
|
|
||||||
'pathPublic': Ext.getCmp('pathPublic').getValue()
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkLicenseAgree() {
|
|
||||||
wizard.onClientValidation(2, Ext.getCmp('agreeCheckbox').getValue());
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function ckeckDBEnginesValuesLoaded() {
|
|
||||||
wizard.showLoadMask(true);
|
|
||||||
if (Ext.getCmp('db_engine').store.getCount() == 0) {
|
|
||||||
Ext.getCmp('db_engine').store.load();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
testConnection();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// test database Connection
|
|
||||||
function testConnection() {
|
|
||||||
wizard.showLoadMask(true);
|
|
||||||
if ((Ext.getCmp('db_engine').getValue() == '') || !Ext.getCmp('db_hostname').isValid() || !Ext.getCmp('db_username').isValid()) {
|
|
||||||
wizard.onClientValidation(3, false);
|
|
||||||
wizard.showLoadMask(false);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
Ext.Ajax.request({
|
|
||||||
url: 'testConnection',
|
|
||||||
success: function(response){
|
|
||||||
var response = Ext.util.JSON.decode(response.responseText);
|
|
||||||
Ext.getCmp('db_message').setValue(getFieldOutput(response.message, response.result));
|
|
||||||
wizard.onClientValidation(3, response.result);
|
|
||||||
wizard.showLoadMask(false);
|
|
||||||
},
|
|
||||||
failure: function(){},
|
|
||||||
params: {
|
|
||||||
'db_engine' : Ext.getCmp('db_engine').getValue(),
|
|
||||||
'db_hostname': Ext.getCmp('db_hostname').getValue(),
|
|
||||||
'db_username': Ext.getCmp('db_username').getValue(),
|
|
||||||
'db_password': Ext.getCmp('db_password').getValue(),
|
|
||||||
'db_port' : Ext.getCmp('db_port').getValue()
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkWorkspaceConfiguration() {
|
|
||||||
var canInstall = false;
|
|
||||||
if (!Ext.getCmp('workspace').isValid()) {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter a valid Workspace Name.', false));
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (!Ext.getCmp('adminUsername').isValid()) {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter a valid Admin Username.', false));
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (Ext.getCmp('adminPassword').getValue() == '') {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter the Admin Password.', false));
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (Ext.getCmp('adminPassword').getValue() != Ext.getCmp('confirmPassword').getValue()) {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('The password confirmation is incorrect.', false));
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (!Ext.getCmp('wfDatabase').isValid()) {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter the Workflow Database Name.', false));
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (!Ext.getCmp('rbDatabase').isValid()) {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter the Rbac Database Name.', false));
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (!Ext.getCmp('rpDatabase').isValid()) {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('Please enter the Report Database Name.', false));
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
checkDatabases();
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkDatabases() {
|
|
||||||
wizard.showLoadMask(true);
|
|
||||||
Ext.Ajax.request({
|
|
||||||
url: 'checkDatabases',
|
|
||||||
success: function(response){
|
|
||||||
var existMsg = '<span style="color: red;">(Exists)</span>';
|
|
||||||
var noExistsMsg = '<span style="color: green;">(No exists)</span>';
|
|
||||||
var response = Ext.util.JSON.decode(response.responseText);
|
|
||||||
Ext.get('wfDatabaseSpan').dom.innerHTML = (response.wfDatabaseExists ? existMsg : noExistsMsg);
|
|
||||||
Ext.get('rbDatabaseSpan').dom.innerHTML = (response.rbDatabaseExists ? existMsg : noExistsMsg);
|
|
||||||
Ext.get('rpDatabaseSpan').dom.innerHTML = (response.rpDatabaseExists ? existMsg : noExistsMsg);
|
|
||||||
var dbFlag = ((!response.wfDatabaseExists && !response.rbDatabaseExists && !response.rpDatabaseExists) || Ext.getCmp('deleteDB').getValue());
|
|
||||||
wizard.onClientValidation(4, dbFlag);
|
|
||||||
if (dbFlag) {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('The data is correct.', true));
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
Ext.getCmp('finish_message').setValue(getFieldOutput('Rename the databases names or workspace name or check the "Delete Databases if exists" to overwrite the exiting databases.', false));
|
|
||||||
}
|
|
||||||
wizard.showLoadMask(false);
|
|
||||||
},
|
|
||||||
failure: function(){},
|
|
||||||
params: {
|
|
||||||
'db_engine' : Ext.getCmp('db_engine').getValue(),
|
|
||||||
'db_hostname': Ext.getCmp('db_hostname').getValue(),
|
|
||||||
'db_username': Ext.getCmp('db_username').getValue(),
|
|
||||||
'db_password': Ext.getCmp('db_password').getValue(),
|
|
||||||
'db_port' : Ext.getCmp('db_port').getValue(),
|
|
||||||
'wfDatabase' : Ext.getCmp('wfDatabase').getValue(),
|
|
||||||
'rbDatabase' : Ext.getCmp('rbDatabase').getValue(),
|
|
||||||
'rpDatabase' : Ext.getCmp('rpDatabase').getValue()
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
var setIndex = 0;
|
|
||||||
// first card with welcome message
|
|
||||||
/* steps[setIndex++] = new Ext.ux.Wiz.Card({
|
|
||||||
title : 'Setting language',
|
|
||||||
labelAlign: 'right',
|
|
||||||
labelWidth: 200,
|
|
||||||
items : [
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
bodyStyle : 'background:none;',
|
|
||||||
html : 'Welcome to the Setup ProcessMaker wizard<br/>'+
|
|
||||||
'Select your language from the list.<br/><br/>'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
bodyStyle : 'background:none;padding-bottom:10px;',
|
|
||||||
html : 'ProcessMaker! 2.0.x Stable 18-Apr-2011 23:00 GMT:'
|
|
||||||
},
|
|
||||||
cmbLanguages,
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
bodyStyle : 'background:none;padding-top:250px;padding-left:420px;',
|
|
||||||
html : 'Please click the "next"-button and fill out all form values.'+
|
|
||||||
'<br/>'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
listeners: {
|
|
||||||
show: function(){
|
|
||||||
//alert('s');
|
|
||||||
//make akax call here
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
*/
|
|
||||||
// first card with Pre-Installation Check
|
|
||||||
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
|
||||||
title : 'Pre-installation check',
|
|
||||||
monitorValid : false,
|
|
||||||
labelAlign: 'left',
|
|
||||||
labelWidth: 200,
|
|
||||||
defaults : {
|
|
||||||
},
|
|
||||||
items : [
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
html : 'Pre-installation check',
|
|
||||||
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype:'panel',
|
|
||||||
layout:'border',
|
|
||||||
height: 340,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
region: 'west',
|
|
||||||
width: 250,
|
|
||||||
bodyStyle : 'padding:10px;font-size:1.2em;',
|
|
||||||
html: step1_txt
|
|
||||||
},
|
|
||||||
/*{
|
|
||||||
region: 'south',
|
|
||||||
xtype : 'fieldset',
|
|
||||||
bodyStyle : 'padding:-3px;font-size:1.2em;',
|
|
||||||
height : 45,
|
|
||||||
labelAlign: 'right',
|
|
||||||
items:[
|
|
||||||
new Ext.Button({
|
|
||||||
text : 'Check Again',
|
|
||||||
handler : getSystemInfo,
|
|
||||||
scope : this
|
|
||||||
})
|
|
||||||
]
|
|
||||||
},*/
|
|
||||||
{
|
|
||||||
region: 'center',
|
|
||||||
xtype : 'fieldset',
|
|
||||||
labelWidth: 200,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'PHP Version >= 5.1',
|
|
||||||
id : 'php'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'MySQL Support',
|
|
||||||
id : 'mysql'
|
|
||||||
}/*,
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'MSSQL Support (*)',
|
|
||||||
id : 'mssql'
|
|
||||||
}*/,
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'cURL Version',
|
|
||||||
id : 'curl'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'OpenSSL Version (**)',
|
|
||||||
id : 'openssl'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'DOM/XML Support',
|
|
||||||
id : 'dom'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'GD Support',
|
|
||||||
id : 'gd'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'Multibyte Strings Support',
|
|
||||||
id : 'multibyte'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'Soap Support',
|
|
||||||
id : 'soap'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'LDAP Support (***)',
|
|
||||||
id : 'ldap'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
fieldLabel: 'Memory Limit >= 80M',
|
|
||||||
id: 'memory',
|
|
||||||
value: '5.0 or greater'
|
|
||||||
},
|
|
||||||
new Ext.Button({
|
|
||||||
text : 'Check Again',
|
|
||||||
handler : getSystemInfo,
|
|
||||||
scope : this
|
|
||||||
})
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
listeners: {
|
|
||||||
show: getSystemInfo
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// second with Pre-Installation Check
|
|
||||||
/*
|
|
||||||
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
|
||||||
title : 'Recomended Settings',
|
|
||||||
monitorValid : true,
|
|
||||||
labelAlign: 'right',
|
|
||||||
labelWidth: 200,
|
|
||||||
defaults : {
|
|
||||||
//labelStyle : 'font-size:11px'
|
|
||||||
},
|
|
||||||
items : [
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
html:'Recomended Settings',
|
|
||||||
bodyStyle : 'background:none;padding-top:10px;padding-bottom:5px;font-weight:bold;'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype:'panel',
|
|
||||||
layout:'border',
|
|
||||||
height: 120,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
region: 'west',
|
|
||||||
bodyStyle : 'padding:10px;font-size:1.2em;',
|
|
||||||
width: 250,
|
|
||||||
html: step2_txt
|
|
||||||
},
|
|
||||||
{
|
|
||||||
region: 'center',
|
|
||||||
xtype : 'fieldset',
|
|
||||||
defaultType: 'displayfield',
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
fieldLabel: 'PHP Version',
|
|
||||||
value: '5.1.0 or greater'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
fieldLabel: 'MySql Version',
|
|
||||||
value: '5.0 or greater'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
} );
|
|
||||||
*/
|
|
||||||
|
|
||||||
// third card with Directory File Permission
|
|
||||||
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
|
||||||
title:'Directory File Permission',
|
|
||||||
monitorValid : false,
|
|
||||||
labelAlign: 'left',
|
|
||||||
labelWidth: 200,
|
|
||||||
defaults : {
|
|
||||||
//labelStyle : 'font-size:11px'
|
|
||||||
},
|
|
||||||
items : [
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
html:'Directory/File Permission',
|
|
||||||
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype:'panel',
|
|
||||||
layout:'border',
|
|
||||||
height: 300,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
region: 'north',
|
|
||||||
height: 55,
|
|
||||||
bodyStyle : 'padding:10px;font-size:1.2em;',
|
|
||||||
html: step3_txt
|
|
||||||
},
|
|
||||||
{
|
|
||||||
region: 'center',
|
|
||||||
xtype : 'fieldset',
|
|
||||||
alignField : 'left',
|
|
||||||
bodyStyle : 'padding-left:40px;font-size:12;',
|
|
||||||
labelWidth: 180,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
xtype: 'textfield',
|
|
||||||
fieldLabel: '<span id="pathConfigSpan"></span> Config Directory',
|
|
||||||
id: 'pathConfig',
|
|
||||||
width: 430,
|
|
||||||
value: path_config,
|
|
||||||
disabled: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'textfield',
|
|
||||||
fieldLabel: '<span id="pathLanguagesSpan"></span> Language Directory',
|
|
||||||
id: 'pathLanguages',
|
|
||||||
width: 430,
|
|
||||||
value: path_languages,
|
|
||||||
disabled: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'textfield',
|
|
||||||
fieldLabel: '<span id="pathPluginsSpan"></span> Plugins Directory',
|
|
||||||
id: 'pathPlugins',
|
|
||||||
width: 430,
|
|
||||||
value: path_plugins,
|
|
||||||
disabled: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'textfield',
|
|
||||||
fieldLabel: '<span id="pathXmlformsSpan"></span> Xmlform Directory Directory',
|
|
||||||
id: 'pathXmlforms',
|
|
||||||
width: 430,
|
|
||||||
value: path_xmlforms,
|
|
||||||
disabled: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'textfield',
|
|
||||||
fieldLabel: '<span id="pathPublicSpan"></span> Public Index file',
|
|
||||||
id: 'pathPublic',
|
|
||||||
width: 430,
|
|
||||||
value: path_public,
|
|
||||||
disabled: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'textfield',
|
|
||||||
fieldLabel: '<span id="pathSharedSpan"></span> Workflow Data Directory',
|
|
||||||
id: 'pathShared',
|
|
||||||
width: 430,
|
|
||||||
value: path_shared,
|
|
||||||
enableKeyEvents: true,
|
|
||||||
listeners: {keyup: function() {
|
|
||||||
wizard.onClientValidation(2, false);
|
|
||||||
if (Ext.getCmp('pathShared').getValue().substr(-1, 1) != path_sep) {
|
|
||||||
Ext.getCmp('pathLogFile').setValue(Ext.getCmp('pathShared').getValue() + path_sep + 'log' + path_sep + 'install.log');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
Ext.getCmp('pathLogFile').setValue(Ext.getCmp('pathShared').getValue() + 'log' + path_sep + 'install.log');
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype: 'textfield',
|
|
||||||
fieldLabel: '<span id="pathLogFileSpan"></span> Installation log file',
|
|
||||||
id: 'pathLogFile',
|
|
||||||
width: 430,
|
|
||||||
value: path_shared + 'log' + path_sep + 'install.log',
|
|
||||||
disabled: true
|
|
||||||
},
|
|
||||||
new Ext.Button({
|
|
||||||
text : 'Check Again',
|
|
||||||
handler : getPermissionInfo,
|
|
||||||
scope : this
|
|
||||||
})
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
listeners: {
|
|
||||||
show: getPermissionInfo
|
|
||||||
}
|
|
||||||
|
|
||||||
} );
|
|
||||||
|
|
||||||
// third card with input field email-address
|
|
||||||
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
|
||||||
title:'ProcessMaker Open Source License',
|
|
||||||
//monitorValid : false,
|
|
||||||
defaults : {
|
|
||||||
labelStyle : 'font-size:12px'
|
|
||||||
},
|
|
||||||
items : [
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
html:'ProcessMaker Open Source License',
|
|
||||||
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype:'panel',
|
|
||||||
layout:'border',
|
|
||||||
height: 340,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
region: 'center',
|
|
||||||
xtype : 'fieldset',
|
|
||||||
items:[
|
|
||||||
new Ext.form.TextArea({
|
|
||||||
name : 'license',
|
|
||||||
readOnly : true,
|
|
||||||
width : 510,
|
|
||||||
height : 280,
|
|
||||||
style : 'font-size:13px',
|
|
||||||
value : licenseTxt
|
|
||||||
}),
|
|
||||||
new Ext.form.Checkbox({
|
|
||||||
boxLabel : 'I agree',
|
|
||||||
id : 'agreeCheckbox',
|
|
||||||
handler: function() {
|
|
||||||
wizard.onClientValidation(2, this.getValue());
|
|
||||||
}
|
|
||||||
})
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
listeners: {
|
|
||||||
show: checkLicenseAgree
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// fourth card Database Configuration
|
|
||||||
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
|
||||||
title : 'Database Configuration',
|
|
||||||
monitorValid : false,
|
|
||||||
items : [
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
html : 'Database Configuration',
|
|
||||||
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype:'panel',
|
|
||||||
layout:'border',
|
|
||||||
height: 360,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
region: 'west',
|
|
||||||
width: 200,
|
|
||||||
bodyStyle : 'padding:10px;font-size:1.2em;',
|
|
||||||
html: step4_txt
|
|
||||||
},
|
|
||||||
{
|
|
||||||
region: 'center',
|
|
||||||
xtype : 'panel',
|
|
||||||
bodyStyle : 'background:none;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:1.2em;',
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
xtype:'fieldset',
|
|
||||||
labelAlign: 'left',
|
|
||||||
labelWidth: 160,
|
|
||||||
items:[
|
|
||||||
new Ext.form.ComboBox({
|
|
||||||
fieldLabel: 'Database Engine',
|
|
||||||
width : 200,
|
|
||||||
store : storeDatabase,
|
|
||||||
displayField : 'label',
|
|
||||||
valueField : 'id',
|
|
||||||
mode : 'local',
|
|
||||||
editable : false,
|
|
||||||
forceSelection: true,
|
|
||||||
allowBlank: false,
|
|
||||||
triggerAction: 'all',
|
|
||||||
id: 'db_engine',
|
|
||||||
selectOnFocus : true,
|
|
||||||
listeners: {select: function() {
|
|
||||||
if (this.value == 'mysql') {
|
|
||||||
Ext.getCmp('db_port').setValue('3306');
|
|
||||||
Ext.getCmp('db_username').setValue('root');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
Ext.getCmp('db_port').setValue('1433');
|
|
||||||
Ext.getCmp('db_username').setValue('sa');
|
|
||||||
}
|
|
||||||
wizard.onClientValidation(3, false);
|
|
||||||
}}
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Host Name',
|
|
||||||
width : 180,
|
|
||||||
id: 'db_hostname',
|
|
||||||
value :'localhost',
|
|
||||||
allowBlank : false,
|
|
||||||
validator : function(v){
|
|
||||||
var t = /^[0-9\.a-zA-Z_\-]+$/;
|
|
||||||
return t.test(v);
|
|
||||||
},
|
|
||||||
listeners: {change: function() {
|
|
||||||
wizard.onClientValidation(3, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Port',
|
|
||||||
width : 180,
|
|
||||||
id: 'db_port',
|
|
||||||
value :'',
|
|
||||||
allowBlank : false,
|
|
||||||
validator : function(v){
|
|
||||||
var t = /^[0-9]+$/;
|
|
||||||
return t.test(v);
|
|
||||||
},
|
|
||||||
listeners: {change: function() {
|
|
||||||
wizard.onClientValidation(3, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Username',
|
|
||||||
width : 180,
|
|
||||||
id: 'db_username',
|
|
||||||
value :'root',
|
|
||||||
allowBlank : false,
|
|
||||||
validator : function(v){
|
|
||||||
var t = /^[.a-zA-Z_\-]+$/;
|
|
||||||
return t.test(v);
|
|
||||||
},
|
|
||||||
listeners: {change: function() {
|
|
||||||
wizard.onClientValidation(3, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Password',
|
|
||||||
inputType : 'password',
|
|
||||||
value : '',
|
|
||||||
width : 180,
|
|
||||||
id: 'db_password',
|
|
||||||
allowBlank : true,
|
|
||||||
listeners: {change: function() {
|
|
||||||
wizard.onClientValidation(3, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
//fieldLabel: ',
|
|
||||||
id : 'db_message'
|
|
||||||
},
|
|
||||||
new Ext.Button({
|
|
||||||
text : ' Test Connection',
|
|
||||||
handler : testConnection,
|
|
||||||
scope : this
|
|
||||||
})
|
|
||||||
]
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
listeners: {
|
|
||||||
show: ckeckDBEnginesValuesLoaded
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
steps[setIndex++] = new Ext.ux.Wiz.Card({
|
|
||||||
title : 'Workspace Configuration',
|
|
||||||
monitorValid : false,
|
|
||||||
defaults : {
|
|
||||||
labelStyle : 'font-size:11px'
|
|
||||||
},
|
|
||||||
items : [
|
|
||||||
{
|
|
||||||
border : false,
|
|
||||||
html : 'Workspace Configuration',
|
|
||||||
bodyStyle : 'background:none;padding-top:0px;padding-bottom:5px;font-weight:bold;font-size:1.3em;'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype:'panel',
|
|
||||||
layout:'border',
|
|
||||||
height: 360,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
region: 'west',
|
|
||||||
width: 200,
|
|
||||||
bodyStyle : 'padding:10px;font-size:1.2em;',
|
|
||||||
html: step5_txt
|
|
||||||
},
|
|
||||||
{
|
|
||||||
region: 'center',
|
|
||||||
xtype : 'panel',
|
|
||||||
bodyStyle : 'background:none;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:1.2em;',
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
xtype:'fieldset',
|
|
||||||
//labelAlign: 'right',
|
|
||||||
labelWidth: 210,
|
|
||||||
items:[
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Workspace Name',
|
|
||||||
value :'workflow',
|
|
||||||
maxLength: 29,
|
|
||||||
validator : function(v){
|
|
||||||
var t = /^[a-zA-Z_0-9]+$/;
|
|
||||||
return t.test(v);
|
|
||||||
},
|
|
||||||
id : 'workspace',
|
|
||||||
enableKeyEvents: true,
|
|
||||||
listeners: {keyup: function() {
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
if (!Ext.getCmp('changeDBNames').getValue()) {
|
|
||||||
Ext.getCmp('wfDatabase').setValue('wf_' + this.getValue());
|
|
||||||
Ext.getCmp('rbDatabase').setValue('rb_' + this.getValue());
|
|
||||||
Ext.getCmp('rpDatabase').setValue('rp_' + this.getValue());
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Admin Username',
|
|
||||||
value :'admin',
|
|
||||||
validator : function(v){
|
|
||||||
var t = /^[a-zA-Z_0-9.@-]+$/;
|
|
||||||
return t.test(v);
|
|
||||||
},
|
|
||||||
id : 'adminUsername',
|
|
||||||
enableKeyEvents: true,
|
|
||||||
listeners: {keyup: function() {
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Admin Password',
|
|
||||||
inputType : 'password',
|
|
||||||
id: 'adminPassword',
|
|
||||||
enableKeyEvents: true,
|
|
||||||
listeners: {keyup: function() {
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Confirm Admin Password',
|
|
||||||
inputType : 'password',
|
|
||||||
id : 'confirmPassword',
|
|
||||||
enableKeyEvents: true,
|
|
||||||
listeners: {keyup: function() {
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
}}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'fieldset',
|
|
||||||
labelAlign: 'left',
|
|
||||||
labelWidth: 210,
|
|
||||||
//labelWidth: 200,
|
|
||||||
//title: 'ProcessMaker Databases',
|
|
||||||
items:[
|
|
||||||
new Ext.form.Checkbox({
|
|
||||||
boxLabel: 'Change Database names',
|
|
||||||
id : 'changeDBNames',
|
|
||||||
handler: function() {
|
|
||||||
if (this.getValue()) {
|
|
||||||
Ext.getCmp('wfDatabase').enable();
|
|
||||||
Ext.getCmp('rbDatabase').enable();
|
|
||||||
Ext.getCmp('rpDatabase').enable();
|
|
||||||
Ext.getCmp('wfDatabase').validate();
|
|
||||||
Ext.getCmp('rbDatabase').validate();
|
|
||||||
Ext.getCmp('rpDatabase').validate();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
Ext.getCmp('wfDatabase').setValue('wf_' + Ext.getCmp('workspace').getValue());
|
|
||||||
Ext.getCmp('rbDatabase').setValue('rb_' + Ext.getCmp('workspace').getValue());
|
|
||||||
Ext.getCmp('rpDatabase').setValue('rp_' + Ext.getCmp('workspace').getValue());
|
|
||||||
Ext.getCmp('wfDatabase').disable();
|
|
||||||
Ext.getCmp('rbDatabase').disable();
|
|
||||||
Ext.getCmp('rpDatabase').disable();
|
|
||||||
}
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Workflow Database Name <span id="wfDatabaseSpan"></span>',
|
|
||||||
id : 'wfDatabase',
|
|
||||||
value :'wf_workflow',
|
|
||||||
allowBlank : false,
|
|
||||||
maxLength: 32,
|
|
||||||
validator : function(v){
|
|
||||||
var t = /^[a-zA-Z_0-9]+$/;
|
|
||||||
return t.test(v);
|
|
||||||
},
|
|
||||||
disabled: true,
|
|
||||||
enableKeyEvents: true,
|
|
||||||
listeners: {keyup: function() {
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Rbac Database Name <span id="rbDatabaseSpan"></span>',
|
|
||||||
id : 'rbDatabase',
|
|
||||||
value :'rb_workflow',
|
|
||||||
allowBlank : false,
|
|
||||||
maxLength: 32,
|
|
||||||
validator : function(v){
|
|
||||||
var t = /^[a-zA-Z_0-9]+$/;
|
|
||||||
return t.test(v);
|
|
||||||
},
|
|
||||||
disabled: true,
|
|
||||||
enableKeyEvents: true,
|
|
||||||
listeners: {keyup: function() {
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
xtype : 'textfield',
|
|
||||||
fieldLabel: 'Report Database Name <span id="rpDatabaseSpan"></span>',
|
|
||||||
id : 'rpDatabase',
|
|
||||||
value :'rp_workflow',
|
|
||||||
allowBlank : false,
|
|
||||||
maxLength: 32,
|
|
||||||
validator : function(v){
|
|
||||||
var t = /^[a-zA-Z_0-9]+$/;
|
|
||||||
return t.test(v);
|
|
||||||
},
|
|
||||||
disabled: true,
|
|
||||||
enableKeyEvents: true,
|
|
||||||
listeners: {keyup: function() {
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
}}
|
|
||||||
},
|
|
||||||
new Ext.form.Checkbox({
|
|
||||||
boxLabel : "Delete Databases if exists",
|
|
||||||
id : 'deleteDB',
|
|
||||||
handler: function() {
|
|
||||||
wizard.onClientValidation(4, false);
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
xtype : 'displayfield',
|
|
||||||
id : 'finish_message'
|
|
||||||
},
|
|
||||||
new Ext.Button({
|
|
||||||
id: 'checkWSConfiguration',
|
|
||||||
text: ' Check Workspace Configuration',
|
|
||||||
handler: checkWorkspaceConfiguration,
|
|
||||||
scope: this
|
|
||||||
})
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
listeners: {
|
|
||||||
show: function() {
|
|
||||||
checkWorkspaceConfiguration();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
wizard = new Ext.ux.Wiz({
|
wizard = new Ext.ux.Wiz({
|
||||||
height: 520,
|
height: 520,
|
||||||
@@ -948,8 +25,8 @@ Ext.onReady(function(){
|
|||||||
},
|
},
|
||||||
cards : steps,
|
cards : steps,
|
||||||
loadMaskConfig: {
|
loadMaskConfig: {
|
||||||
default: 'Checking...',
|
'default': 'Checking...',
|
||||||
finishing: 'Finishing...'
|
'finishing': 'Finishing...'
|
||||||
},
|
},
|
||||||
listeners: {
|
listeners: {
|
||||||
finish: finishInstallation
|
finish: finishInstallation
|
||||||
@@ -960,7 +37,6 @@ Ext.onReady(function(){
|
|||||||
wizard.show();
|
wizard.show();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
function finishInstallation()
|
function finishInstallation()
|
||||||
{
|
{
|
||||||
wizard.showLoadMask(true, 'finishing');
|
wizard.showLoadMask(true, 'finishing');
|
||||||
|
|||||||
@@ -30,8 +30,18 @@ var Main = function() {
|
|||||||
Ext.getCmp('westPanel').hide();
|
Ext.getCmp('westPanel').hide();
|
||||||
Ext.getCmp('southPanel').hide();
|
Ext.getCmp('southPanel').hide();
|
||||||
|
|
||||||
|
Ext.getCmp('northPanel').update(Ext.fly('header-content').dom.innerHTML);
|
||||||
Ext.getCmp('centerPanel').ownerCt.doLayout();
|
Ext.getCmp('centerPanel').ownerCt.doLayout();
|
||||||
|
|
||||||
|
Ext.get('options-tool').on('click', function(eventObj, elRef) {
|
||||||
|
var conn = new Ext.data.Connection();
|
||||||
|
eventObj.stopEvent();
|
||||||
|
if (!this.ctxMenu) {
|
||||||
|
Main.buildUserMenu(this);
|
||||||
|
}
|
||||||
|
this.ctxMenu.show(elRef);
|
||||||
|
});
|
||||||
|
|
||||||
if (typeof flyNotify != 'undefined') {
|
if (typeof flyNotify != 'undefined') {
|
||||||
Ext.msgBoxSlider.msgTopCenter(flyNotify.type, flyNotify.title, flyNotify.text, flyNotify.time);
|
Ext.msgBoxSlider.msgTopCenter(flyNotify.type, flyNotify.title, flyNotify.text, flyNotify.time);
|
||||||
}
|
}
|
||||||
@@ -82,8 +92,8 @@ Main.configureComponents = function()
|
|||||||
this.configuration.northPanel = {
|
this.configuration.northPanel = {
|
||||||
id:'northPanel',
|
id:'northPanel',
|
||||||
region: 'north',
|
region: 'north',
|
||||||
height: 40,
|
height: 50,
|
||||||
applyTo: 'panel-header',
|
//applyTo: 'panel-header',
|
||||||
margins: '0 0 0 0', // top right botom left
|
margins: '0 0 0 0', // top right botom left
|
||||||
items: []
|
items: []
|
||||||
};
|
};
|
||||||
@@ -183,15 +193,6 @@ Main.buildComponents = function()
|
|||||||
this.panels.push(new Ext.Panel(this.configuration.westPanel));
|
this.panels.push(new Ext.Panel(this.configuration.westPanel));
|
||||||
this.panels.push(new Ext.Panel(this.configuration.southPanel));
|
this.panels.push(new Ext.Panel(this.configuration.southPanel));
|
||||||
this.panels.push(new Ext.Panel(this.configuration.northPanel));
|
this.panels.push(new Ext.Panel(this.configuration.northPanel));
|
||||||
|
|
||||||
Ext.get('options-tool').on('click', function(eventObj, elRef) {
|
|
||||||
var conn = new Ext.data.Connection();
|
|
||||||
eventObj.stopEvent();
|
|
||||||
if (!this.ctxMenu) {
|
|
||||||
Main.buildUserMenu(this);
|
|
||||||
}
|
|
||||||
this.ctxMenu.show(elRef);
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
Main.buildUserMenu = function(obj)
|
Main.buildUserMenu = function(obj)
|
||||||
|
|||||||
Reference in New Issue
Block a user