[svn r17428] FS#2867 - FCKEditor: Fixing appearance of the Image Manager dialog.

skala
Ivan Tcholakov 17 years ago
parent 9eafb6c242
commit d41522331d
  1. 2
      main/inc/lib/fckeditor/editor/filemanager/browser/default/browser.css
  2. 59
      main/inc/lib/fckeditor/editor/plugins/ImageManager/assets/manager.css
  3. 19
      main/inc/lib/fckeditor/editor/plugins/ImageManager/assets/manager_original.css
  4. 14
      main/inc/lib/fckeditor/editor/plugins/ImageManager/images.php
  5. 23
      main/inc/lib/fckeditor/editor/plugins/ImageManager/manager.php

@ -56,7 +56,7 @@ body, td, input, select
{
font-weight: bold;
font-size: 14px;
color: #504845;
color: #000000;
}
.PopupButtons

@ -1,19 +1,50 @@
html, body { background-color: ButtonFace; color: ButtonText; font: 11px Tahoma,Verdana,sans-serif; margin: 0; padding: 0;}
body { padding: 5px; }
fieldset { padding: 0;}
.title { background-color: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; border-bottom: 1px solid black; letter-spacing: 2px;}
form { padding: 0px; margin: 0 auto; width: 550px;}
.dirWidth { width: 70%; }
a { padding: 5px; border: 1px solid ButtonFace; }
a img { border: 0; }
a:hover { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; }
.dirs { padding: 1em; }
.imageFrame { width: 525px; height: 145px; margin: 0 auto; margin-top: 1em; background-color: White;}
.smallWidth{ width: 4em; }
.largelWidth{ width: 22em; }
html, body { background-color: #f7f7f7; color: #000000; font-size: 11px; font-family: 'Microsoft Sans Serif', Arial, Helvetica, Verdana; margin: 0; padding: 0; }
/* body { padding: 5px; } */
fieldset { padding: 0; }
.title { background-color: #dedede; color: #000000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; border-bottom: 1px solid #cec6b5; letter-spacing: 2px; }
form { padding: 0px; padding-bottom: 0px; margin: 0 auto; width: 100%; }
.dirWidth { width: 400px; }
a { padding: 5px; border: 1px solid ButtonFace; color: #000000; text-decoration: none; }
a img { border: 0; vertical-align: middle; }
a:hover { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; color: #000000; text-decoration: none; }
.dirs { padding: 1em; }
.imageFrame { width: 100%; height: 158px; margin: 0 auto; margin-top: 1em; background-color: #ffffff; }
.smallWidth { width: 4em; }
.largelWidth { width: 22em; }
.inputTable { margin: 1em auto; }
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
.buttons { width: 70px; text-align: center; }
.clearboth{ clear: both; }
.clearboth { clear: both; }
#messages { position: relative; left: 175px; top: 115px; background-color: white; width:200px; float: left; margin-top: -52px; border: 1px solid #ccc; text-align: center; padding: 15px; }
#message { font-size: 15px; font-weight: bold; color: #69c; }
.PopupTitle
{
font-weight: bold;
font-size: 14pt;
color: #504845;
border-bottom: #cec6b5 1px solid;
background-color: #dedede;
padding: 3px 10px 3px 10px;
margin-bottom: 15px;
}
.PopupButtons
{
position: absolute;
/* right: 0px;
left: 0px; */
bottom: 0px;
border-top: #cec6b5 1px solid;
background-color: #dedede;
padding: 7px 10px 7px 10px;
}
.Button
{
border: #7a7261 1px solid;
color: #504845;
background-color: #cec6b5;
width: 100px;
}

@ -0,0 +1,19 @@
html, body { background-color: ButtonFace; color: ButtonText; font: 11px Tahoma,Verdana,sans-serif; margin: 0; padding: 0;}
body { padding: 5px; }
fieldset { padding: 0;}
.title { background-color: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; border-bottom: 1px solid black; letter-spacing: 2px;}
form { padding: 0px; margin: 0 auto; width: 550px;}
.dirWidth { width: 70%; }
a { padding: 5px; border: 1px solid ButtonFace; }
a img { border: 0; }
a:hover { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; }
.dirs { padding: 1em; }
.imageFrame { width: 525px; height: 145px; margin: 0 auto; margin-top: 1em; background-color: White;}
.smallWidth{ width: 4em; }
.largelWidth{ width: 22em; }
.inputTable { margin: 1em auto; }
select, input, button { font: 11px Tahoma,Verdana,sans-serif; }
.buttons { width: 70px; text-align: center; }
.clearboth{ clear: both; }
#messages { position: relative; left: 175px; top: 115px; background-color: white; width:200px; float: left; margin-top: -52px; border: 1px solid #ccc; text-align: center; padding: 15px; }
#message { font-size: 15px; font-weight: bold; color: #69c; }

@ -55,7 +55,7 @@ function drawFiles($list, &$manager)
{ ?>
<td><table width="100" cellpadding="0" cellspacing="0"><tr><td class="block">
<a href="javascript:;" onclick="selectImage('<?php echo $file['relative'];?>', '<?php echo $entry; ?>', <?php echo $file['image'][0];?>, <?php echo $file['image'][1]; ?>);"title="<?php echo $entry; ?> - <?php echo Files::formatSize($file['stat']['size']); ?>"><img src="<?php echo $manager->getThumbnail($file['relative']); ?>" alt="<?php echo $entry; ?> - <?php echo Files::formatSize($file['stat']['size']); ?>"/></a>
</td></tr><tr><td class="edit">
</td></tr><tr><td class="edit" style="padding-top: 5px;">
<?php if($IMConfig['allow_delete'] == true) { ?>
<a href="images.php?dir=<?php echo $relative; ?>&amp;delf=<?php echo rawurlencode($file['relative']);?>" title="Trash" onclick="return confirmDeleteFile('<?php echo $entry; ?>');"><img src="img/edit_trash.gif" height="15" width="15" alt="Trash"/></a>
<?php } ?>
@ -76,17 +76,17 @@ function drawDirs($list, &$manager)
{
global $relative;
foreach($list as $path => $dir)
foreach($list as $path => $dir)
{ ?>
<td><table width="100" cellpadding="0" cellspacing="0"><tr><td class="block">
<a href="images.php?dir=<?php echo rawurlencode($path); ?>" onclick="updateDir('<?php echo $path; ?>')" title="<?php echo $dir['entry']; ?>"><img src="img/folder.gif" height="80" width="80" alt="<?php echo $dir['entry']; ?>" /></a>
</td></tr><tr>
<td class="edit">
<a href="images.php?dir=<?php echo $relative; ?>&amp;deld=<?php echo rawurlencode($path); ?>" title="Trash" onclick="return confirmDeleteDir('<?php echo $dir['entry']; ?>', <?php echo $dir['count']; ?>);"><img src="img/edit_trash.gif" height="15" width="15" alt="Trash"/></a>
<td class="edit" style="padding-top: 5px;">
<a href="images.php?dir=<?php echo $relative; ?>&amp;deld=<?php echo rawurlencode($path); ?>" title="Trash" onclick="return confirmDeleteDir('<?php echo $dir['entry']; ?>', <?php echo $dir['count']; ?>);"><img src="img/edit_trash.gif" style="width: 15px; height: 15px;" alt="Trash"/></a>
<?php echo $dir['entry']; ?>
</td>
</tr></table></td>
<?php
<?php
} //foreach
}//function drawDirs
@ -94,7 +94,7 @@ function drawDirs($list, &$manager)
/**
* No directories and no files.
*/
function drawNoResults()
function drawNoResults()
{
?>
<table width="100%">
@ -102,7 +102,7 @@ function drawNoResults()
<td class="noResult">No Images Found</td>
</tr>
</table>
<?php
<?php
}
/**

@ -36,7 +36,7 @@
var base_url_alt= "<?php echo $_GET['base_url_alt'].'images'; ?>";
var server_name = "<?php echo $IMConfig['server_name']; ?>";
window.resizeTo(680, 550);
window.resizeTo(700, 500);
if(window.opener.ImageManager && window.opener.ImageManager.I18N)
{
@ -72,18 +72,18 @@
</head>
<body>
<div class="title">Insert Image</div>
<div class="PopupTitle">Insert Image</div>
<form action="images.php" id="uploadForm" method="post" enctype="multipart/form-data">
<fieldset><legend>Image Manager</legend>
<fieldset style="margin-left: 15px; margin-right: 15px;"><legend>Image Manager</legend>
<div class="dirs">
<label for="dirPath">Directory</label>
<select name="dir" class="dirWidth" id="dirPath" onchange="updateDir(this)">
<select name="dir" class="dirWidth" id="dirPath" onchange="updateDir(this)" style="width: 400px;">
<option value="/">/</option>
<?php foreach($dirs as $relative=>$fullpath) { ?>
<option value="<?php echo rawurlencode($relative); ?>"><?php echo $relative; ?></option>
<?php } ?>
</select>
<a href="#" onclick="javascript: goUpDir();" title="Directory Up"><img src="img/btnFolderUp.gif" height="15" width="15" alt="Directory Up" /></a>
<a href="#" onclick="javascript: goUpDir();" title="Directory Up"><img src="img/btnFolderUp.gif" height="15" width="15" alt="Directory Up" />&nbsp;<span>Directory Up</span></a>
<?php if($IMConfig['safe_mode'] == false && $IMConfig['allow_new_dir']) { ?>
<a href="#" onclick="newFolder();" title="New Folder"><img src="img/btnFolderNew.gif" height="15" width="15" alt="New Folder" /></a>
<?php } ?>
@ -175,12 +175,13 @@
<td colspan="5"><label for="constrain_prop">Constrain Proportions</label></td>
</tr>
</table>
<!--// image properties -->
<div style="text-align: right;">
<hr />
<button type="button" class="buttons" onclick="return refresh();">Refresh</button>
<button type="button" class="buttons" onclick="return onOK();">OK</button>
<button type="button" class="buttons" onclick="return onCancel();">Cancel</button>
<!--// image properties -->
<div class="PopupButtons" style="width: 100%;">
<div style="text-align: right; margin-left: 15px; margin-right: 15px;">
<button type="button" class="Button" onclick="return refresh();">Refresh</button>&nbsp;
<button type="button" class="Button" onclick="return onOK();">OK</button>&nbsp;
<button type="button" class="Button" onclick="return onCancel();">Cancel</button>
</div>
</div>
<input type="hidden" id="f_file" name="f_file" />
</form>

Loading…
Cancel
Save