233 lines
10 KiB
HTML
233 lines
10 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<!--
|
|
Copyright (c) 2012, 2019, Oracle and/or its affiliates. All rights reserved.
|
|
|
|
This program is free software; you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation; version 2 of the License.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program; if not, write to the Free Software
|
|
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
|
|
-->
|
|
<html dir="ltr" lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
|
|
<title>MySQL Cluster</title>
|
|
<link rel="icon" type="image/x-icon" href="img/favicon.ico"/>
|
|
<link rel="stylesheet" type="text/css"
|
|
href="dojo/dijit/themes/claro/claro.css"/>
|
|
<link rel="stylesheet" type="text/css" href="css/content.css"/>
|
|
<style type="text/css">
|
|
@import "dojo/dojox/grid/enhanced/resources/claro/EnhancedGrid.css";
|
|
@import "dojo/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css";
|
|
@import "dojo/dojox/html/resources/ellipsis.css";
|
|
</style>
|
|
<script type="text/javascript" src="dojo/dojo/dojo.js" djConfig="parseOnLoad: true, locale: 'en'"></script>
|
|
<script type="text/javascript">
|
|
// Path to top level mcc module href="dojo/dojox/grid/resources/claroGrid.css"/>
|
|
dojo.registerModulePath("mcc", "../../js/mcc");
|
|
var globals = JSON.parse(window.name);
|
|
window.name = ""; //Reset and remove stuff.
|
|
// MCC modules immediately required
|
|
if (!!window.MSInputMethodContext && !!document.documentMode) {
|
|
dojo.require("mcc.userconfigIE");
|
|
} else {
|
|
dojo.require("mcc.userconfig");
|
|
}
|
|
mcc.userconfig.setConfigFile(globals.CF);
|
|
mcc.userconfig.setConfigFileContents(globals.CFC);
|
|
|
|
dojo.require("mcc.util");
|
|
dojo.require("mcc.storage");
|
|
dojo.require("mcc.gui");
|
|
|
|
// Dojo widgets immediately required
|
|
dojo.require("dojox.html.ellipsis");
|
|
dojo.require("dijit.layout.ContentPane");
|
|
dojo.require("dijit.layout.BorderContainer");
|
|
dojo.require("dijit.layout.TabContainer");
|
|
dojo.require("dijit.form.Button");
|
|
/* modal boxes handler */
|
|
function setFocus(id) {
|
|
document.getElementById(id).focus();
|
|
}
|
|
document.onkeydown = function(e) {
|
|
e = e || window.event;
|
|
if ((e.target.id == 'myModalInfoHF' || e.target.id == 'myModalInfoH' ||
|
|
e.target.id == 'myModalInfo') && e.keyCode == 27) {
|
|
e.target.style.display = 'none';
|
|
}
|
|
};
|
|
document.onclick = function(e) {
|
|
e = e || window.event;
|
|
if (e.target.id == 'myModalInfoHF' || e.target.id == 'myModalInfoH' ||
|
|
e.target.id == 'myModalInfo') {
|
|
e.target.style.display = 'none';
|
|
}
|
|
}
|
|
/**/
|
|
// When ready, initialize storage and enter first page in wizard
|
|
dojo.ready(function() {
|
|
mcc.util.resetCookies(); //In case there is an old configuration lingering in browser.
|
|
mcc.storage.initializeStorage().then(function () {
|
|
mcc.gui.enterFirst();
|
|
console.info("Ready for configuration of MySQL Cluster");
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body class="claro" >
|
|
<!-- Side panels -->
|
|
<div id="panel-main-bottom"></div>
|
|
<div id="panel-main-left">
|
|
<span><img alt="Left top" src="img/content-panel-main-left-top.png" width="11"
|
|
height="108" />
|
|
</span>
|
|
<img alt="Left bottom" src="img/content-panel-main-left-bottom.png"
|
|
width="11" height="12" id="panel-main-img-bottom" />
|
|
</div>
|
|
<div id="panel-main-right">
|
|
<span><img alt="Right top" src="img/content-panel-main-right-top.png" width="11"
|
|
height="108" />
|
|
</span>
|
|
<img alt="Right bottom" src="img/content-panel-main-right-bottom.png" width="11"
|
|
height="12" id="panel-main-img-bottom" />
|
|
</div>
|
|
|
|
<!-- Title left and right -->
|
|
<div id="title" class="title">
|
|
<img alt="Oracle logo" src="img/content-title.png" width="262" height="14" />
|
|
<span></span>
|
|
</div>
|
|
|
|
<!-- Main container -->
|
|
<div id="content-main">
|
|
<div id="content-main-tab-container"
|
|
data-dojo-type="dijit.layout.TabContainer"
|
|
data-dojo-props="nested: true">
|
|
<!-- Define cluster -->
|
|
<div data-dojo-type="dijit.layout.ContentPane"
|
|
data-dojo-props="title: 'Define cluster'"
|
|
id="configWizardDefineCluster">
|
|
</div>
|
|
<!-- Define hosts -->
|
|
<div data-dojo-type="dijit.layout.ContentPane"
|
|
data-dojo-props="title: 'Define hosts'"
|
|
iconClass="arrowIcon"
|
|
id="configWizardDefineHosts">
|
|
</div>
|
|
<!-- Define processes -->
|
|
<div data-dojo-type="dijit.layout.ContentPane"
|
|
data-dojo-props="title: 'Define processes'"
|
|
iconClass="arrowIcon"
|
|
id="configWizardDefineProcesses">
|
|
</div>
|
|
<!-- Define parameters -->
|
|
<div data-dojo-type="dijit.layout.ContentPane"
|
|
data-dojo-props="title: 'Define parameters'"
|
|
iconClass="arrowIcon"
|
|
id="configWizardDefineParameters">
|
|
</div>
|
|
<!-- Deploy configuration -->
|
|
<div data-dojo-type="dijit.layout.ContentPane"
|
|
data-dojo-props="title: 'Deploy configuration'"
|
|
iconClass="arrowIcon"
|
|
id="configWizardDeployConfig">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Page navigation buttons -->
|
|
<div id="content-main-tab-buttons">
|
|
<span data-dojo-type="dijit.form.Button"
|
|
data-dojo-props="iconClass: 'leftIcon', baseClass: 'fbtn'"
|
|
onClick="mcc.gui.prevPage"
|
|
id="configWizardPrevPage">Previous
|
|
</span>
|
|
<span data-dojo-type="dijit.form.Button"
|
|
data-dojo-props="iconClass: 'rightIcon', baseClass: 'fbtn'"
|
|
onClick="mcc.gui.nextPage"
|
|
id="configWizardNextPage">Save&Next
|
|
</span>
|
|
<span data-dojo-type="dijit.form.Button"
|
|
data-dojo-props="iconClass: 'lastIcon', baseClass: 'fbtn'"
|
|
id="configWizardLastPage"
|
|
onClick="mcc.gui.lastPage">Finish
|
|
</span>
|
|
</div>
|
|
<!-- Configuration status butons -->
|
|
<div id="content-main-tab-cfgstatusbuttons">
|
|
<span data-dojo-type="dijit.form.Button"
|
|
data-dojo-props="baseClass: 'fbtn3'"
|
|
onClick="mcc.gui.wizard.getClCfgProblems"
|
|
id="fbtnGetClProblems">C
|
|
</span>
|
|
<span data-dojo-type="dijit.form.Button"
|
|
data-dojo-props="baseClass: 'fbtn3'"
|
|
onClick="mcc.gui.wizard.getHoCfgProblems"
|
|
id="fbtnGetHoProblems">H
|
|
</span>
|
|
<span data-dojo-type="dijit.form.Button"
|
|
data-dojo-props="baseClass: 'fbtn3'"
|
|
onClick="mcc.gui.wizard.getPrCfgProblems"
|
|
id="fbtnGetPrProblems">P
|
|
</span>
|
|
<span data-dojo-type="dijit.form.Button"
|
|
data-dojo-props="baseClass: 'fbtn3'"
|
|
onClick="mcc.gui.wizard.getGeCfgProblems"
|
|
id="fbtnGetGeProblems">G
|
|
</span>
|
|
</div>
|
|
<!-- The Modal, no buttons just X (Info), header and footer -->
|
|
<div id="myModalInfoHF" class="modalinfohf" role="dialog" tabindex=-1 onfocus="setFocus(this.id)">
|
|
<!-- Modal content -->
|
|
<div class="modalinfohf-content">
|
|
<div class="modalinfohf-header">
|
|
<span class="closeihf">×</span>
|
|
<h2><p id="myModalInfoHFHeader"</p></h2>
|
|
</div>
|
|
<div class="modalinfohf-body">
|
|
<span class="modalinfohf-body">
|
|
<p style="font-size:125%;" id="myModalInfoHFBodyText"</p></span>
|
|
</div>
|
|
<div class="modalnfohf-footer">
|
|
<h3><p id="myModalInfoHFFooter"</p></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- The Modal, no buttons just X (Info), header -->
|
|
<div id="myModalInfoH" class="modalinfoh" role="dialog" tabindex=-1 onfocus="setFocus(this.id)">
|
|
<!-- Modal content -->
|
|
<div class="modalinfoh-content">
|
|
<div class="modalinfoh-header">
|
|
<span class="closeih">×</span>
|
|
<h2><p id="myModalInfoHHeader"</p></h2>
|
|
</div>
|
|
<div class="modalinfoh-body">
|
|
<span class="modalinfoh-body">
|
|
<p style="font-size:125%;" id="myModalInfoHBodyText"</p></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- The Modal, no buttons just X (Info) -->
|
|
<div id="myModalInfo" class="modalinfo" role="dialog" tabindex=-1 onfocus="setFocus(this.id)">
|
|
<!-- Modal content -->
|
|
<div class="modalinfo-content">
|
|
<div class="modalinfo-header">
|
|
<span class="closei">×</span>
|
|
</div>
|
|
<div class="modalinfo-body">
|
|
<span class="modalinfo-body">
|
|
<p style="font-size:125%;" id="myModalInfoBodyText"</p></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|