Demo
GUI appearance management
Code:
<p>
<applet id="jumpLoaderApplet" name="jumpLoaderApplet"
code="jmaster.jumploader.app.JumpLoaderApplet.class"
archive="jumploader_z.jar"
width="715"
height="450"
mayscript>
<param name="uc_uploadUrl" value="partitionedUploadHandler.php"/>
<param name="ac_fireAppletInitialized" value="true"/>
<param name="vc_lookAndFeel" value="system"/>
<param name="vc_disableLocalFileSystem" value="false"/>
</applet>
</p>
<script language="javascript">
function appletInitialized( applet ) {
var frm = document.debugForm;
var vc = getViewConfig();
frm.MainViewFileTreeViewVisible.checked = vc.isMainViewFileTreeViewVisible();
frm.MainViewFileListViewVisible.checked = vc.isMainViewFileListViewVisible();
frm.FileTreeViewShowFiles.checked = vc.isFileTreeViewShowFiles();
frm.FileTreeViewShowFileLength.checked = vc.isFileTreeViewShowFileLength();
frm.FileListViewLocationBarVisible.checked = vc.isFileListViewLocationBarVisible();
frm.UploadViewMenuBarVisible.checked = vc.isUploadViewMenuBarVisible();
frm.UploadViewAddActionVisible.checked = vc.isUploadViewAddActionVisible();
frm.UploadViewRemoveActionVisible.checked = vc.isUploadViewRemoveActionVisible();
frm.UploadViewRetryActionVisible.checked = vc.isUploadViewRetryActionVisible();
frm.UploadViewFilesSummaryBarVisible.checked = vc.isUploadViewFilesSummaryBarVisible();
frm.UploadViewStartActionVisible.checked = vc.isUploadViewStartActionVisible();
frm.UploadViewStopActionVisible.checked = vc.isUploadViewStopActionVisible();
frm.UploadViewListStatusVisible.checked = vc.isUploadViewListStatusVisible();
frm.UploadViewProgressPaneVisible.checked = vc.isUploadViewProgressPaneVisible();
//
// set user agent
getApplet().getUploaderConfig().setUserAgent( navigator.userAgent );
}
function getApplet() {
return document.jumpLoaderApplet;
}
function getViewConfig() {
return getApplet().getViewConfig();
}
function getMainView() {
return getApplet().getMainView();
}
function getFileTreeView() {
return getMainView().getFileTreeView();
}
function getFileListView() {
return getMainView().getFileListView();
}
function getUploadView() {
return getMainView().getUploadView();
}
function injectProperty() {
var applet = document.jumpLoaderApplet;
var frm = document.debugForm;
var property = frm.prName.value;
var value = frm.prValue.value;
var error = applet.injectProperty( property, value );
if( error != null ) {
alert( error );
}
}
function getProperty() {
var applet = document.jumpLoaderApplet;
var frm = document.debugForm;
var property = frm.prName.value;
var value = applet.getProperty( property );
var html = "value: " + value + "<br>";
if( value != null ) {
html += "class: " + value.getClass().getName();
}
document.getElementById( "getProperty" ).innerHTML = html;
}
</script>
<form name="debugForm">
<table border="1" cellpadding="2" cellspacing="0">
<tr>
<td valign="top">Main view</td>
<td>
<input type="checkbox" name="MainViewFileTreeViewVisible"
onClick="getViewConfig().setMainViewFileTreeViewVisible( this.checked ); getMainView().updateView();">
file tree visible
<br>
<input type="checkbox" name="MainViewFileListViewVisible"
onClick="getViewConfig().setMainViewFileListViewVisible( this.checked ); getMainView().updateView();">
file list visible </td>
<td rowspan="3" valign="top">Upload view</td>
<td rowspan="3" valign="top">
<input type="checkbox" name="UploadViewMenuBarVisible"
onClick="getViewConfig().setUploadViewMenuBarVisible( this.checked ); getApplet().updateView(getUploadView());">
menu bar visible <br>
<input type="checkbox" name="UploadViewAddActionVisible"
onClick="getViewConfig().setUploadViewAddActionVisible( this.checked ); getApplet().updateView(getUploadView());">
add action visible <br>
<input type="checkbox" name="UploadViewRemoveActionVisible"
onClick="getViewConfig().setUploadViewRemoveActionVisible( this.checked ); getApplet().updateView(getUploadView());">
remove action visible <br>
<input type="checkbox" name="UploadViewRetryActionVisible"
onClick="getViewConfig().setUploadViewRetryActionVisible( this.checked ); getApplet().updateView(getUploadView());">
retry action visible <br>
<input type="checkbox" name="UploadViewFilesSummaryBarVisible"
onClick="getViewConfig().setUploadViewFilesSummaryBarVisible( this.checked ); getApplet().updateView(getUploadView());">
files summary pane visible <br>
<input type="checkbox" name="UploadViewStartActionVisible"
onClick="getViewConfig().setUploadViewStartActionVisible( this.checked ); getApplet().updateView(getUploadView());">
start action visible <br>
<input type="checkbox" name="UploadViewStopActionVisible"
onClick="getViewConfig().setUploadViewStopActionVisible( this.checked ); getApplet().updateView(getUploadView());">
stop action visible <br>
<input type="checkbox" name="UploadViewListStatusVisible"
onClick="getViewConfig().setUploadViewListStatusVisible( this.checked ); getApplet().updateView(getUploadView());">
list status visible <br>
<input type="checkbox" name="UploadViewProgressPaneVisible"
onClick="getViewConfig().setUploadViewProgressPaneVisible( this.checked ); getApplet().updateView(getUploadView());">
progress pane visible <br>
<input type="button" value="show open dialog" onclick="getUploadView().showOpenDialog()"><br>
</td>
</tr>
<tr>
<td valign="top">File tree view</td>
<td>
<input type="checkbox" name="FileTreeViewShowFiles"
onClick="getViewConfig().setFileTreeViewShowFiles( this.checked ); getApplet().updateView(getFileTreeView());">
show files
<br>
<input type="checkbox" name="FileTreeViewShowFileLength"
onClick="getViewConfig().setFileTreeViewShowFileLength( this.checked ); getApplet().updateView(getFileTreeView());">
show file length
<br> </td>
</tr>
<tr>
<td valign="top">File list view</td>
<td>
<input type="checkbox" name="FileListViewLocationBarVisible"
onClick="getViewConfig().setFileListViewLocationBarVisible( this.checked ); getApplet().updateView(getFileListView());">
location bar visible </td>
</tr>
</table>
<table border="1" cellpadding="2">
<tr>
<td>Property name:</td>
<td><input type="text" name="prName" id="prName" size="80"></td>
</tr>
<tr>
<td>Property value:</td>
<td>
<input type="text" name="prValue" id="prValue" size="80"></td>
</tr>
<tr>
<td> </td>
<td><div align="right">
<input type="button" onclick="javascript:injectProperty()" value="injectProperty">
<input type="button" onclick="javascript:getProperty()" value="getProperty">
</div></td>
</tr>
</table>
<div id="getProperty"></div>
</form>