6f96677a5e
- fix: Edit Style returns wrong page - fix: Can not make Shortcut for CollaborationSystem
283 lines
9.6 KiB
HTML
283 lines
9.6 KiB
HTML
<html> <!-- ALL features enabled -->
|
|
|
|
<head>
|
|
<title>WebGUI Collateral -- Insert Image</title>
|
|
<script language="javascript" src="../../tiny_mce_popup.js"></script>
|
|
|
|
<style type="text/css">
|
|
BODY { font-size: 9; font-family: Verdana,Helvetica, sans-serif; }
|
|
#INPUT { font-size: 9; font-family: Verdana,Helvetica, sans-serif; }
|
|
#TD { font-size: 9; font-family: Verdana,Helvetica, sans-serif; }
|
|
</style>
|
|
|
|
|
|
<!-- script copied from original "insert_image.html" -->
|
|
<script>
|
|
|
|
window.onerror = HandleError;
|
|
|
|
function HandleError(message, url, line) {
|
|
var str = "An error has occurred in this dialog." + "\n\n"
|
|
+ "Error: " + line + "\n" + message;
|
|
|
|
alert(str);
|
|
window.close();
|
|
return true;
|
|
}
|
|
|
|
function Init() {
|
|
var pageURL = window.opener.getWebguiProperty("pageURL");
|
|
|
|
if(document.getElementById("dpicheck")) {
|
|
dpi = document.getElementById("dpicheck").width;
|
|
}
|
|
|
|
//Check for proper get delimiter
|
|
var seperator = '';
|
|
if (pageURL.match(/\?/)) { seperator = ';' } else { seperator = '?'}
|
|
|
|
document.getElementById("lister").src = pageURL + seperator + 'op=richEditImageTree&DPI=' + dpi;
|
|
document.getElementById("viewer").src = pageURL + seperator + 'op=richEditViewThumbnail&DPI=' + dpi;
|
|
|
|
var txtFileName = document.getElementById("txtFileName");
|
|
|
|
if ((!txtFileName.value) || (txtFileName.value== "")) {
|
|
txtFileName.value = "http://";
|
|
}
|
|
}
|
|
|
|
function _isValidNumber(txtBox) {
|
|
var val = parseInt(txtBox);
|
|
|
|
if(isNaN(val) || val < 0 || val > 999) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
function OKClick() {
|
|
var pageURL = window.opener.getWebguiProperty("pageURL");
|
|
|
|
// error checking
|
|
if(!document.getElementById("txtFileName").value || document.getElementById("txtFileName").value == "http://") {
|
|
alert("Image URL must be specified.");
|
|
document.getElementById("txtFileName").focus();
|
|
return;
|
|
}
|
|
if(document.getElementById("txtHorizontal").value && !_isValidNumber(document.getElementById("txtHorizontal").value)) {
|
|
alert("Horizontal spacing must be a number between 0 and 999.");
|
|
document.getElementById("txtHorizontal").focus();
|
|
return;
|
|
}
|
|
if(document.getElementById("txtBorder").value && !_isValidNumber(document.getElementById("txtBorder").value)) {
|
|
alert("Border thickness must be a number between 0 and 999.");
|
|
document.getElementById("txtBorder").focus();
|
|
return;
|
|
}
|
|
if(document.getElementById("txtVertical").value && !_isValidNumber(document.getElementById("txtVertical").value)) {
|
|
alert("Vertical spacing must be a number between 0 and 999.");
|
|
document.getElementById("txtVertical").focus();
|
|
return;
|
|
}
|
|
|
|
if(document.getElementById("txtFileName").value.length > 2040) {
|
|
document.getElementById("txtFileName").value = document.getElementById("txtFileName").value.substring(0,2040);
|
|
}
|
|
|
|
src = document.getElementById("txtFileName").value;
|
|
|
|
if(document.getElementById("txtHorizontal").value != "") {
|
|
hspace = parseInt(document.getElementById("txtHorizontal").value);
|
|
}
|
|
else {
|
|
hspace = 0;
|
|
}
|
|
|
|
if(document.getElementById("txtVertical").value != "") {
|
|
vspace = parseInt(txtVertical.value);
|
|
}
|
|
else {
|
|
vspace = 0;
|
|
}
|
|
|
|
alt = document.getElementById("txtAltText").value;
|
|
|
|
if(document.getElementById("txtBorder").value != "") {
|
|
border = parseInt(document.getElementById("txtBorder").value);
|
|
}
|
|
else {
|
|
border = 0;
|
|
}
|
|
|
|
align = document.getElementById("selAlignment").value;
|
|
|
|
width="";
|
|
height="";
|
|
|
|
var imageTag = '<img src="' + src + '" alt="' + alt + '" style="';
|
|
var preImageTag = '';
|
|
var postImageTag = '';
|
|
if (border > 0) {
|
|
imageTag += 'border: ' + border + 'px;';
|
|
}
|
|
if (hspace > 0) {
|
|
imageTag += 'margin-left: ' + hspace + 'px; margin-right: ' + hspace + 'px;';
|
|
}
|
|
if (vspace > 0) {
|
|
imageTag += 'margin-top: ' + vspace + 'px; margin-bottom: ' + vspace + 'px;';
|
|
}
|
|
if (height > 0) {
|
|
imageTag += 'height: ' + height + 'px;';
|
|
}
|
|
if (width > 0) {
|
|
imageTag += 'height: ' + height + 'px;';
|
|
}
|
|
if (align == "left") {
|
|
imageTag += 'text-align: left;';
|
|
}
|
|
if (align == "right") {
|
|
imageTag += 'text-align: right;';
|
|
}
|
|
if (align == "middle") {
|
|
imageTag += 'vertical-align: middle;';
|
|
preImageTag = '<p style="display:inline;vertical-align:middle;">';
|
|
postImageTag = '</p>';
|
|
}
|
|
imageTag += '" />';
|
|
imageTag = preImageTag + imageTag + postImageTag;
|
|
|
|
tinyMCE.execCommand('mceInsertContent', false, imageTag);
|
|
|
|
window.close();
|
|
}
|
|
var initialLoad = true;
|
|
function resetForm() {
|
|
if (!initialLoad) {
|
|
document.getElementById("name").value = '';
|
|
document.getElementById("thumbnailSize").value = '';
|
|
document.getElementById("description").value = '';
|
|
document.getElementById("folder").value = '';
|
|
document.getElementById("viewer").src=window.opener.getWebguiProperty("pageURL") + "?op=richEditImageTree";
|
|
}else {
|
|
initialLoad=false;
|
|
}
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body onLoad="Init()">
|
|
<img id="dpicheck" style="position: absolute; left: 1; top: 1; width: 1in; height: 1; visibility: hidden;" src="dpi.gif">
|
|
<table border="0" cellpadding="0" cellspacing="5">
|
|
<tr>
|
|
<td>
|
|
<table name="manager" id="manager" border="0" width="100%" cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td colspan="3" align="center" valign="middle">
|
|
<fieldset>
|
|
<legend align="left">WebGUI Collateral Image Manager</legend>
|
|
<table name="wrapper" id="wrapper" border="1" cellpadding="2" cellspacing="0" width="300">
|
|
<tr>
|
|
<td>
|
|
<iframe width="435" height="250" name="lister" id="lister">lister</iframe>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="3" valign="middle">
|
|
<fieldset>
|
|
<legend align="left">Selected Image</legend>
|
|
<table border="0" cellpadding="1" cellspacing="0" width="100%">
|
|
<tr>
|
|
<td valign="middle">Image URL: </td>
|
|
<td valign="middle">
|
|
<input type="text" name="txtFileName" id="txtFileName" onfocus="select()" value="http://" size="40">
|
|
</td>
|
|
<td rowspan="3" valign="middle" align="center">
|
|
<iframe width="145" height="110" name="viewer" id="viewer">viewer</iframe>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="middle">Alt Text:</td>
|
|
<td valign="middle">
|
|
<input type="text" name="txtAltText" id="txtAltText" onfocus="select()" size="40">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<table cellpadding="0" border="0" cellspacing="0">
|
|
<tr>
|
|
<td >
|
|
<fieldset name="fldLayout" id="fldLayout">
|
|
<legend align="left">Layout</legend>
|
|
<table border="0" cellpadding="1" cellspacing="0">
|
|
<tr>
|
|
<td valign="middle">Alignment:</td>
|
|
<td valign="middle">
|
|
<select size="1" name="selAlignment" id="selAlignment">
|
|
<OPTION id="optNotSet" value="">(none)</OPTION>
|
|
<OPTION id="optAbsBottom" value="absbottom">absbottom</OPTION>
|
|
<OPTION id="optAbsMiddle" value="absmiddle">absmiddle</OPTION>
|
|
<OPTION id="optBaseline" value="baseline" selected>baseline</OPTION>
|
|
<OPTION id="optBottom" value="bottom">bottom</OPTION>
|
|
<OPTION id="optLeft" value="left">left</OPTION>
|
|
<OPTION id="optMiddle" value="middle">middle</OPTION>
|
|
<OPTION id="optRight" value="right">right</OPTION>
|
|
<OPTION id="optTexttop" value="texttop">texttop</OPTION>
|
|
<OPTION id="optTop" value="top">top</OPTION>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="middle">Border:</td>
|
|
<td valign="middle">
|
|
<input type="text" name="txtBorder" id="txtBorder" size="5" maxlength="3" onfocus="select()">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
</td>
|
|
<td >
|
|
<fieldset name="fldSpacing" id="fldSpacing">
|
|
<legend align="left">Spacing</legend>
|
|
<table border="0" cellpadding="1" cellspacing="0">
|
|
<tr>
|
|
<td valign="middle">Horizontal:</td>
|
|
<td valign="middle">
|
|
<input type="text" name="txtHorizontal" id="txtHorizontal" size="5" maxlength="3" onfocus="select()">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="middle">Vertical:</td>
|
|
<td valign="middle">
|
|
<input type="text" name="txtVertical" id="txtVertical" size="5" maxlength="3" onfocus="select()">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</fieldset>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="bottom" align="right">
|
|
<input type="submit" value="OK" name="btnOK" id="btnOK" onClick="OKClick()">
|
|
<input type="reset" value="Cancel" name="btnCancel" id="btnCancel" onClick="window.close();">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body>
|
|
|
|
</html>
|