Ignore:
Timestamp:
07/10/05 05:44:48 (14 years ago)
Author:
gogo
Message:

Various updates to ImageManager?, see #343

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/plugins/ImageManager/manager.php

    r252 r256  
    2020<head> 
    2121        <title>Insert Image</title> 
    22 <script type="text/javascript"> 
    23  
    24 <?php // temporary. An ImageManager rewrite will take care of this kludge. ?> 
    25  
    26 _backend_url = "<?php print $IMConfig['backend_url']; ?>"; 
    27 </script> 
     22  <script type="text/javascript"> 
     23    // temporary. An ImageManager rewrite will take care of this kludge. 
     24    _backend_url = "<?php print $IMConfig['backend_url']; ?>"; 
     25    _resized_prefix = "<?php echo $IMConfig['resized_prefix']; ?>"; 
     26    _resized_dir = "<?php echo $IMConfig['resized_dir']; ?>"; 
     27  </script> 
    2828  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    29  <link href="<?php print $IMConfig['base_url'];?>assets/manager.css" rel="stylesheet" type="text/css" />         
     29 <link href="<?php print $IMConfig['base_url'];?>assets/manager.css" rel="stylesheet" type="text/css" /> 
     30<script type="text/javascript" src="../../popups/popup.js"></script> 
    3031<script type="text/javascript" src="assets/popup.js"></script> 
     32<script type="text/javascript" src="../../popups/color_picker.js"></script> 
    3133<script type="text/javascript" src="<?php print $IMConfig['base_url'];?>assets/dialog.js"></script> 
    3234<script type="text/javascript"> 
    3335/*<![CDATA[*/ 
    34         window.resizeTo(600, 460); 
    35  
    3636        if(window.opener) 
    3737                HTMLArea = window.opener.HTMLArea; 
     
    4747<form action="<?php print $IMConfig['backend_url'] ?>" id="uploadForm" method="post" enctype="multipart/form-data"> 
    4848 
    49 <?php // we have to propagate our values through forms ?> 
    50  
    5149<input type="hidden" name="__plugin" value="ImageManager"> 
    5250<input type="hidden" name="__function" value="images"> 
    5351 
    54 <fieldset><legend>Image Manager</legend> 
    55 <div class="dirs"> 
    56         <label for="dirPath">Directory</label> 
    57         <select name="dir" class="dirWidth" id="dirPath" onchange="updateDir(this)"> 
    58         <option value="/">/</option> 
    59 <?php foreach($dirs as $relative=>$fullpath) { ?> 
    60                 <option value="<?php echo rawurlencode($relative); ?>"><?php echo $relative; ?></option> 
    61 <?php } ?> 
    62         </select> 
    63         <a href="#" onclick="javascript: goUpDir();" title="Directory Up"><img src="<?php print $IMConfig['base_url']; ?>img/btnFolderUp.gif" height="15" width="15" alt="Directory Up" /></a> 
    64 <?php if($IMConfig['safe_mode'] == false && $IMConfig['allow_new_dir']) { ?> 
    65         <a href="#" onclick="newFolder();" title="New Folder"><img src="<?php print $IMConfig['base_url']; ?>img/btnFolderNew.gif" height="15" width="15" alt="New Folder" /></a> 
    66 <?php } ?> 
    67         <div id="messages" style="display: none;"><span id="message"></span><img SRC="<?php print $IMConfig['base_url']; ?>img/dots.gif" width="22" height="12" alt="..." /></div> 
    68         <iframe src="<?php print $IMConfig['backend_url']; ?>__function=images" name="imgManager" id="imgManager" class="imageFrame" scrolling="auto" title="Image Selection" frameborder="0"></iframe> 
     52<fieldset> 
     53  <legend>Image Manager</legend> 
     54  <table width="100%"> 
     55    <tr> 
     56      <th><label for="dirPath">Directory</label></th> 
     57      <td> 
     58        <select name="dir" class="dirWidth" id="dirPath" onchange="updateDir(this)"> 
     59          <option value="/">/</option> 
     60          <?php 
     61            foreach($dirs as $relative=>$fullpath) 
     62            { 
     63              ?> 
     64              <option value="<?php echo rawurlencode($relative); ?>"><?php echo $relative; ?></option> 
     65              <?php 
     66            } 
     67          ?> 
     68        </select> 
     69      </td> 
     70      <td> 
     71        <a href="#" onclick="javascript: goUpDir();" title="Directory Up"><img src="<?php print $IMConfig['base_url']; ?>img/btnFolderUp.gif" height="15" width="15" alt="Directory Up" /></a> 
     72 
     73        <?php 
     74          if($IMConfig['safe_mode'] == false && $IMConfig['allow_new_dir']) 
     75          { 
     76            ?> 
     77            <a href="#" onclick="newFolder();" title="New Folder"><img src="<?php print $IMConfig['base_url']; ?>img/btnFolderNew.gif" height="15" width="15" alt="New Folder" /></a> 
     78            <?php 
     79          } 
     80          ?> 
     81      </td> 
     82    </tr> 
     83    <?php 
     84      if($IMConfig['allow_upload'] == TRUE) 
     85      { 
     86        ?> 
     87        <tr> 
     88          <th align="left">Upload:</th> 
     89          <td colspan="2"> 
     90            <input type="file" name="upload" id="upload" /> 
     91            <input name="Upload" type="submit" id="Upload" value="Upload" onclick="doUpload();" /> 
     92          </td> 
     93        </tr> 
     94        <?php 
     95      } 
     96    ?> 
     97 
     98  </table> 
     99 
     100  <div id="messages" style="display: none;"><span id="message"></span><img SRC="<?php print $IMConfig['base_url']; ?>img/dots.gif" width="22" height="12" alt="..." /></div> 
     101 
     102  <iframe src="<?php print $IMConfig['backend_url']; ?>__function=images" name="imgManager" id="imgManager" class="imageFrame" scrolling="auto" title="Image Selection" frameborder="0"></iframe> 
     103 
     104</fieldset> 
     105 
     106<!-- image properties --> 
     107 
     108<table  border="0" cellspacing="0" cellpadding="0"> 
     109  <tr> 
     110    <th align="left">Description:</th> 
     111    <td colspan="6"> 
     112      <input type="text" id="f_alt" style="width:100%"/> 
     113    </td> 
     114  </tr> 
     115 
     116  <tr> 
     117    <th align="left">Width:</th> 
     118    <td > 
     119      <input id="f_width" type="text" name="f_width" size="4" onchange="javascript:checkConstrains('width');" /> 
     120    </td> 
     121    <td rowspan="2"> 
     122      <div  style="position:relative"> 
     123        <img src="<?php print $IMConfig['base_url']; ?>img/locked.gif" id="imgLock" width="25" height="32" alt="Constrained Proportions" valign="middle" /><input type="checkbox" id="constrain_prop" checked="checked" onclick="javascript:toggleConstrains(this);" style="position:absolute;top:8px;left:0px;" /> 
     124      </div> 
     125    </td> 
     126    <th align="left">Margin:</th> 
     127    <td colspan="3"> 
     128      <input name="f_margin" type="text" id="f_margin" size="3" /> 
     129      px </td> 
     130  </tr> 
     131 
     132  <tr> 
     133    <th align="left">Height:</th> 
     134    <td> 
     135      <input name="f_height" type="text" id="f_height" size="4" /> 
     136    </td> 
     137    <th align="left">Padding:</th> 
     138    <td> 
     139      <input name="f_padding" type="text" id="f_padding" size="3" /> 
     140      px </td> 
     141    <th align="left">Color:</th> 
     142    <td> 
     143      <input name="f_backgroundColor" type="text" id="f_backgroundColor" size="7" /> 
     144      <input type="button" id="bgCol_pick" value="..." /> 
     145    </td> 
     146  </tr> 
     147 
     148 
     149  <tr> 
     150    <th align="left">Align:</th> 
     151    <td colspan="2"> 
     152      <select size="1" id="f_align"  title="Positioning of this image"> 
     153        <option value=""                             >Not set</option> 
     154        <option value="left"                         >Left</option> 
     155        <option value="right"                        >Right</option> 
     156        <option value="texttop"                      >Texttop</option> 
     157        <option value="absmiddle"                    >Absmiddle</option> 
     158        <option value="baseline" selected="selected" >Baseline</option> 
     159        <option value="absbottom"                    >Absbottom</option> 
     160        <option value="bottom"                       >Bottom</option> 
     161        <option value="middle"                       >Middle</option> 
     162        <option value="top"                          >Top</option> 
     163      </select> 
     164    </td> 
     165    <th align="left">Border:</th> 
     166    <td> 
     167      <input name="f_border" type="text" id="f_border" size="3" /> 
     168      px </td> 
     169    <th align="left">Color:</th> 
     170    <td> 
     171      <input name="f_borderColor" type="text" id="f_borderColor" size="7" /> 
     172      <input type="button" id="bdCol_pick" value="..." /> 
     173    </td> 
     174  </tr> 
     175 
     176</table> 
     177 
     178<div style="text-align: right;"> 
     179  <hr /> 
     180  <button type="button" class="buttons" onclick="return refresh();">Refresh</button> 
     181  <button type="button" class="buttons" onclick="return onOK();">OK</button> 
     182  <button type="button" class="buttons" onclick="return onCancel();">Cancel</button> 
    69183</div> 
    70 </fieldset> 
    71 <!-- image properties --> 
    72         <table class="inputTable"> 
    73                 <tr> 
    74                         <td align="right"><label for="f_url">Image File</label></td> 
    75                         <td><input type="text" id="f_url" class="largelWidth" value="" /></td> 
    76                         <td rowspan="3" align="right">&nbsp;</td> 
    77                         <td align="right"><label for="f_width">Width</label></td> 
    78                         <td><input type="text" id="f_width" class="smallWidth" value="" onchange="javascript:checkConstrains('width');"/></td> 
    79                         <td rowspan="2" align="right"><img src="<?php print $IMConfig['base_url']; ?>img/locked.gif" id="imgLock" width="25" height="32" alt="Constrained Proportions" /></td> 
    80                         <td rowspan="3" align="right">&nbsp;</td> 
    81                         <td align="right"><label for="f_vert">V Space</label></td> 
    82                         <td><input type="text" id="f_vert" class="smallWidth" value="" /></td> 
    83                 </tr>            
    84                 <tr> 
    85                         <td align="right"><label for="f_alt">Alt</label></td> 
    86                         <td><input type="text" id="f_alt" class="largelWidth" value="" /></td> 
    87                         <td align="right"><label for="f_height">Height</label></td> 
    88                         <td><input type="text" id="f_height" class="smallWidth" value="" onchange="javascript:checkConstrains('height');"/></td> 
    89                         <td align="right"><label for="f_horiz">H Space</label></td> 
    90                         <td><input type="text" id="f_horiz" class="smallWidth" value="" /></td> 
    91                 </tr> 
    92                 <tr> 
    93 <?php if($IMConfig['allow_upload'] == true) { ?> 
    94                         <td align="right"><label for="upload">Upload</label></td> 
    95                         <td> 
    96                                 <table cellpadding="0" cellspacing="0" border="0"> 
    97                   <tr> 
    98                     <td><input type="file" name="upload" id="upload"/></td> 
    99                     <td>&nbsp;<button type="submit" name="submit" onclick="doUpload();"/>Upload</button></td> 
    100                   </tr> 
    101                 </table> 
    102                         </td> 
    103 <?php } else { ?> 
    104                         <td colspan="2"></td> 
    105 <?php } ?> 
    106                         <td align="right"><label for="f_align">Alignment:</label></td> 
    107                         <td colspan="2"> 
    108                                 <select size="1" id="f_align"  title="Positioning of this image"> 
    109                                   <option value=""                             >Not set</option> 
    110                                   <option value="left"                         >Left</option> 
    111                                   <option value="right"                        >Right</option> 
    112                                   <option value="texttop"                      >Texttop</option> 
    113                                   <option value="absmiddle"                    >Absmiddle</option> 
    114                                   <option value="baseline" selected="selected" >Baseline</option> 
    115                                   <option value="absbottom"                    >Absbottom</option> 
    116                                   <option value="bottom"                       >Bottom</option> 
    117                                   <option value="middle"                       >Middle</option> 
    118                                   <option value="top"                          >Top</option> 
    119                                 </select> 
    120                         </td> 
    121                         <td align="right"><label for="f_border">Border</label></td> 
    122                         <td><input type="text" id="f_border" class="smallWidth" value="" /></td> 
    123                 </tr> 
    124                 <tr>  
    125          <td colspan="4" align="right"> 
    126                                 <input type="hidden" id="orginal_width" /> 
    127                                 <input type="hidden" id="orginal_height" /> 
    128             <input type="checkbox" id="constrain_prop" checked="checked" onclick="javascript:toggleConstrains(this);" /> 
    129           </td> 
    130           <td colspan="5"><label for="constrain_prop">Constrain Proportions</label></td> 
    131       </tr> 
    132         </table> 
    133 <!--// image properties -->      
    134         <div style="text-align: right;">  
    135           <hr /> 
    136                   <button type="button" class="buttons" onclick="return refresh();">Refresh</button> 
    137           <button type="button" class="buttons" onclick="return onOK();">OK</button> 
    138           <button type="button" class="buttons" onclick="return onCancel();">Cancel</button> 
    139     </div> 
     184 
     185<!--// image properties --> 
     186<input type="hidden" id="orginal_width" /> 
     187<input type="hidden" id="orginal_height" /> 
     188<input type="hidden" id="f_url" class="largelWidth" value="" /> 
    140189</form> 
    141190</body> 
Note: See TracChangeset for help on using the changeset viewer.