File: D:/HostingSpaces/PvdBoogaard/indoorski.nl/backup/oude-site/cms/admin/templates/install.form.tpl
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Installation Wizard</title>
<meta http-equiv="Content-Type" content="text/html; charset={$Charset}" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="SHORTCUT ICON" href="favicon.ico" />
<style type="text/css">
@import url("styles/styles.css");
@import url("styles/tabmenu.css");
@import url("../lib/iselector/iselector.css");
.HelpInfo ul li {
color: red;
}
</style>
<!--[if IE]>
<style type="text/css">
#headermenu li ul {
margin-top: 0px;
margin-left: 2px;
}
#headermenu li li a {
width: 107px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
@import url("styles/ie.css");
</style>
<![endif]-->
<script type="text/javascript" src="../javascript/jquery.js"></script>
<script type="text/javascript" src="../lib/iselector/iselector.js"></script>
<script type="text/javascript" src="../javascript/helptips.js"></script>
<script type="text/javascript">
<!--
function sizeBox(resize) {
var w = $('html').width();
var h = $('html').height();
$('#box').css('position', 'absolute');
if(typeof(resize) == 'undefined') {
var top = h/2-($('#box').height()/2);
if (top < 0) {
top = 0;
}
$('#box').css('top', top);
}
var left = w/2-($('#box').width()/2);
if (left < 0) {
left = 0;
}
$('#box').css('left', left);
}
function DBHelp(DBType) {
if(DBType == "cpanel") {
LaunchHelp(673);
}
else if(DBType == "plesk") {
LaunchHelp(674);
}
else {
// Other
LaunchHelp(689);
}
}
function checkInstallForm() {
if($('#SitePath').val() == '' || $('#SitePath').val().indexOf('http://') != 0 ) {
alert('Please enter your website\'s web site URL, starting with http://.');
$('#SitePath').focus();
$('#SitePath').select();
return false;
}
if($('#UserEmail').val().indexOf('@') == -1 || $('#UserEmail').val().indexOf('.') == -1 || $('#UserEmail').val().length <= 3) {
alert('Please enter a valid email address.');
$('#UserEmail').focus();
$('#UserEmail').select();
return false;
}
if($('#UserPass').val().length < 3) {
alert('Please enter a password at least 3 characters long.');
$('#UserPass').focus();
$('#UserPass').select();
return false;
}
if($('#UserPass').val() != $('#UserPass1').val()) {
alert('Your passwords do not match.');
$('#UserPass1').focus();
$('#UserPass1').select();
return false;
}
$('#dbChoice1').click();
if($('#dbUser').val() == '') {
alert('Please enter your MySQL database username.');
$('#dbUser').focus();
return false;
}
if($('#dbServer').val() == '') {
alert('Please enter your MySQL database hostname.');
$('#dbServer').focus();
return false;
}
if($('#dbDatabase').val() == '') {
alert('Please enter your MySQL database name.');
$('#dbDatabase').focus();
return false;
}
return true;
}
$(document).ready(function() {
sizeBox();
$('.DBDetails').hide();
$('.DBHelp').hide();
$('#dbChoice1').click(function() {
$('.DBDetails').show();
$('.DBHelp').hide();
});
$('#dbChoice2').click(function() {
$('.DBDetails').hide();
$('.DBHelp').show();
});
$('#frmInstall').submit(function() {
return checkInstallForm();
});
{$AutoJS}
$('#contenttypes input[type=checkbox]').bind('change', function(){
if($('#ISelectorcontenttypes_pages input:checked').length == 0){
$('.iselect').UncheckItem($('#ISelectorcontenttypes_pages_aboutus'));
$('.iselect').UncheckItem($('#ISelectorcontenttypes_pages_contactus'));
}
});
});
$(window).resize(function() {
sizeBox(true);
});
//-->
</script>
</head>
<body>
<form action="index.php?section=install&action=submit&a=sessionCheck" method="post" name="frmInstall" id="frmInstall">
<div id="box">
<br /><br />
<table><tr><td style="border:solid 2px #DDD; padding:20px; background-color:#FFF; width:450px">
<table>
<tr>
<td class="Heading1">
<img src="images/iwp.jpg" />
</td>
</tr>
<tr>
<td style="height: 8px;">
</td>
</tr>
<tr>
<td class="HelpInfo" style='margin-top:10px'>
<h3 style='padding-bottom:10px'>{$lang.InstallIWP}</h3>
{$message}
</td>
</tr>
{$additionalMessages}
<tr class="FormContent">
<td>
<table>
<tr>
<td nowrap style="padding:10px 10px 10px 0px" colspan="2"><h3>{$lang.StoreDetails}</h3></td>
</tr>
<tr>
<td nowrap style="padding:0px 10px 0px 10px"><span class="Required">*</span> {$lang.SiteName}:</td>
<td><input type="text" name="SiteName" id="SiteName" class="Field250" value="{$SiteName}"> <img onMouseOut="HideHelp('shoppathhelp');" onMouseOver="ShowHelp('shoppathhelp', '{$lang.SiteName}', '{$lang.SiteNameHelp}', 460)" src="images/help.gif" width="24" height="16" border="0">
<div style="display:none" id="shoppathhelp"></div></td>
</tr>
<tr>
<td nowrap style="padding:0px 10px 0px 10px"><span class="Required">*</span> {$lang.SitePath}:</td>
<td><input type="text" name="SitePath" id="SitePath" class="Field250" value="{$SitePath}"> <img onMouseOut="HideHelp('shoppathhelp');" onMouseOver="ShowHelp('shoppathhelp', '{$lang.SitePath}', '{$lang.SitePathHelp}', 460)" src="images/help.gif" width="24" height="16" border="0">
<div style="display:none" id="shoppathhelp"></div></td>
</tr>
<tr>
<td nowrap style="padding:10px 10px 10px 0px" colspan="2"><h3>{$lang.UserAccountDetails}</h3></td>
</tr>
<tr>
<td nowrap style="padding:0px 10px 0px 10px"><span class="Required">*</span> {$lang.EmailAddress}:</td>
<td><input type="text" name="UserEmail" id="UserEmail" class="Field250" value="{$UserEmail}"> <img onMouseOut="HideHelp('useremailhelp');" onMouseOver="ShowHelp('useremailhelp', '{$lang.EmailAddress}', '{$lang.InstallEmailAddressHelp}', 460)" src="images/help.gif" width="24" height="16" border="0">
<div style="display:none" id="useremailhelp"></div></td>
</tr>
<tr>
<td nowrap style="padding:0px 10px 0px 10px"><span class="Required">*</span> {$lang.ChooseAPassword}:</td>
<td><input type="password" name="UserPass" id="UserPass" class="Field250" value="{$UserPass}"> <img onMouseOut="HideHelp('userpasshelp');" onMouseOver="ShowHelp('userpasshelp', '{$lang.ChooseAPassword}', '{$lang.ChooseAPasswordHelp}', 460)" src="images/help.gif" width="24" height="16" border="0">
<div style="display:none" id="userpasshelp"></div></td>
</tr>
<tr>
<td nowrap style="padding:0px 10px 0px 10px"><span class="Required">*</span> {$lang.ConfirmYourPassword}:</td>
<td><input type="password" name="UserPass1" id="UserPass1" class="Field250" value="{$UserPass}"> <img onMouseOut="HideHelp('userpass1help');" onMouseOver="ShowHelp('userpass1help', '{$lang.ConfirmYourPassword}', '{$lang.ConfirmYourPasswordHelp}', 460)" src="images/help.gif" width="24" height="16" border="0">
<div style="display:none" id="userpass1help"></div></td>
</tr>
<tr>
<td nowrap style="padding:10px 10px 10px 0px" colspan="2"><h3>{$lang.MySQLDetails}</h3></td>
</tr>
<tr>
<td nowrap style="padding:0px 10px 0px 10px" colspan="2"><input type="radio" name="dbChoice" id="dbChoice1" value="ON"> <label for="dbChoice1">{$lang.HasDB}</label></td>
</tr>
</table>
<table class="DBDetails" style="padding:10px 10px 10px 20px">
<tr class="DBDetails">
<td nowrap style="padding:0px 10px 0px 10px"><span class="Required">*</span> {$lang.DatabaseUser}:</td>
<td><input type="text" name="dbUser" id="dbUser" class="Field200" value="{$dbUser}"> <img onMouseOut="HideHelp('dbuserhelp');" onMouseOver="ShowHelp('dbuserhelp', '{$lang.DatabaseUser}', '{$lang.DatabaseUserHelp}', 460)" src="images/help.gif" width="24" height="16" border="0">
<div style="display:none" id="dbuserhelp"></div></td>
</tr>
<tr class="DBDetails">
<td nowrap style="padding:0px 10px 0px 10px"> {$lang.DatabasePassword}:</td>
<td><input type="password" name="dbPass" id="dbPass" class="Field200" value="{$dbPass}"> <img onMouseOut="HideHelp('dbpasshelp');" onMouseOver="ShowHelp('dbpasshelp', '{$lang.DatabasePassword}', '{$lang.DatabasePasswordHelp}', 460)" src="images/help.gif" width="24" height="16" border="0">
<div style="display:none" id="dbpasshelp"></div></td>
</tr>
<tr class="DBDetails">
<td nowrap style="padding:0px 10px 0px 10px"><span class="Required">*</span> {$lang.DatabaseHostname}:</td>
<td><input type="text" name="dbServer" id="dbServer" class="Field200" value="{$dbServer}"> <img onMouseOut="HideHelp('dbhostnamehelp');" onMouseOver="ShowHelp('dbhostnamehelp', '{$lang.DatabaseHostname}', '{$lang.DatabaseHostnameHelp}', 460)" src="images/help.gif" width="24" height="16" border="0"><div style="display:none" id="dbhostnamehelp"></div></td>
</tr>
<tr class="DBDetails">
<td nowrap style="padding:0px 10px 0px 10px"><span class="Required">*</span> {$lang.DatabaseName}:</td>
<td><input type="text" name="dbDatabase" id="dbDatabase" class="Field200" value="{$dbDatabase}"> <img onMouseOut="HideHelp('dbnamehelp');" onMouseOver="ShowHelp('dbnamehelp', '{$lang.DatabaseName}', '{$lang.DatabaseNameHelp}', 460)" src="images/help.gif" width="24" height="16" border="0"><div style="display:none" id="dbnamehelp"></div></td>
</tr>
<tr class="DBDetails">
<td nowrap style="padding:0px 10px 0px 10px"> {$lang.DatabaseTablePrefix}:</td>
<td><input type="text" name="tablePrefix" id="tablePrefix" class="Field200" value="{$tablePrefix}"> <img onMouseOut="HideHelp('dbprefixhelp');" onMouseOver="ShowHelp('dbprefixhelp', '{$lang.DatabaseTablePrefix}', '{$lang.DatabaseTablePrefixHelp}', 460)" src="images/help.gif" width="24" height="16" border="0"><div style="display:none" id="dbprefixhelp"></div></td>
</tr>
</table>
<table>
<tr>
<td nowrap style="padding:0px 10px 0px 10px" colspan="2" ><input type="radio" name="dbChoice" id="dbChoice2" value="ON"> <label for="dbChoice2">{$lang.HasNoDB}</label></td>
</tr>
</table>
<table class="DBHelp" style="padding:10px 10px 10px 20px">
<tr class="DBHelp">
<td colspan="2" class="HelpInfo"><h3 style="padding-bottom:10px">{$lang.WhatIsMySQLDB}</h3>{$lang.DBHelpText}</td>
</tr>
</table>
<table>
<tr>
<td nowrap style="padding:10px 10px 10px 0px" colspan="2"><h3>{$lang.InstallContentTypes}</h3></td>
</tr>
<tr>
<td style="padding:0px 10px 0px 10px" colspan="2">
<span style="color:gray;">{$lang.AboutContentTypes}</span><br />
<br />
<select id="contenttypes" name="contenttypes[]" class="iselect" multiple="multiple" style="height: 200px; width: 161px;">
<option value="pages" selected="selected">Web Pages</option>
<option value="pages_aboutus" selected="selected"> About Us Page</option>
<option value="pages_contactus" selected="selected"> Contact Us Page</option>
<option value="articles" selected="selected">Articles</option>
<option value="blogs" selected="selected">Blogs</option>
<option value="news" selected="selected">News</option>
</select>
</td>
</tr>
</table>
<table>
<tr>
<td> </td>
<td>
<br /><input type="submit" name="SubmitButton" value="{$lang.Continue}" class="FormButton">
</td>
</tr>
<tr>
<td class="Gap"></td>
</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>
<div style="padding:10px; margin-bottom:20px; text-align:center" class="PageFooter">
{$whitelabel.AdminCopyright}
</div>
</div>
</form>
</body>
</html>