Mercurial > public > sg101

annotate static/js/tiny_mce/plugins/advimage/image.htm @ 661:15dbe0ccda95

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Prevent exceptions when viewing downloads in the admin when the file doesn't exist on the filesystem. This is usually seen in development but can also happen in production if the file is missing.
author Brian Neal <bgneal@gmail.com>
date Tue, 14 May 2013 21:02:47 -0500
parents 6c182ceb7147
children
rev   line source
bgneal@312 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
bgneal@312 2 <html xmlns="http://www.w3.org/1999/xhtml">
bgneal@312 3 <head>
bgneal@312 4 <title>{#advimage_dlg.dialog_title}</title>
bgneal@312 5 <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
bgneal@312 6 <script type="text/javascript" src="../../utils/mctabs.js"></script>
bgneal@312 7 <script type="text/javascript" src="../../utils/form_utils.js"></script>
bgneal@312 8 <script type="text/javascript" src="../../utils/validate.js"></script>
bgneal@312 9 <script type="text/javascript" src="../../utils/editable_selects.js"></script>
bgneal@312 10 <script type="text/javascript" src="js/image.js"></script>
bgneal@312 11 <link href="css/advimage.css" rel="stylesheet" type="text/css" />
bgneal@312 12 </head>
bgneal@442 13 <body id="advimage" style="display: none" role="application" aria-labelledby="app_title">
bgneal@442 14 <span id="app_title" style="display:none">{#advimage_dlg.dialog_title}</span>
bgneal@442 15 <form onsubmit="ImageDialog.insert();return false;" action="#">
bgneal@312 16 <div class="tabs">
bgneal@312 17 <ul>
bgneal@442 18 <li id="general_tab" class="current" aria-controls="general_panel"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advimage_dlg.tab_general}</a></span></li>
bgneal@442 19 <li id="appearance_tab" aria-controls="appearance_panel"><span><a href="javascript:mcTabs.displayTab('appearance_tab','appearance_panel');" onmousedown="return false;">{#advimage_dlg.tab_appearance}</a></span></li>
bgneal@442 20 <li id="advanced_tab" aria-controls="advanced_panel"><span><a href="javascript:mcTabs.displayTab('advanced_tab','advanced_panel');" onmousedown="return false;">{#advimage_dlg.tab_advanced}</a></span></li>
bgneal@312 21 </ul>
bgneal@312 22 </div>
bgneal@312 23
bgneal@312 24 <div class="panel_wrapper">
bgneal@312 25 <div id="general_panel" class="panel current">
bgneal@312 26 <fieldset>
bgneal@312 27 <legend>{#advimage_dlg.general}</legend>
bgneal@312 28
bgneal@442 29 <table role="presentation" class="properties">
bgneal@312 30 <tr>
bgneal@312 31 <td class="column1"><label id="srclabel" for="src">{#advimage_dlg.src}</label></td>
bgneal@442 32 <td colspan="2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
bgneal@312 33 <tr>
bgneal@442 34 <td><input name="src" type="text" id="src" value="" class="mceFocus" onchange="ImageDialog.showPreviewImage(this.value);" aria-required="true" /></td>
bgneal@442 35 <td id="srcbrowsercontainer">&nbsp;</td>
bgneal@312 36 </tr>
bgneal@442 37 </table></td>
bgneal@312 38 </tr>
bgneal@312 39 <tr>
bgneal@312 40 <td><label for="src_list">{#advimage_dlg.image_list}</label></td>
bgneal@312 41 <td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td>
bgneal@312 42 </tr>
bgneal@312 43 <tr>
bgneal@312 44 <td class="column1"><label id="altlabel" for="alt">{#advimage_dlg.alt}</label></td>
bgneal@312 45 <td colspan="2"><input id="alt" name="alt" type="text" value="" /></td>
bgneal@312 46 </tr>
bgneal@312 47 <tr>
bgneal@312 48 <td class="column1"><label id="titlelabel" for="title">{#advimage_dlg.title}</label></td>
bgneal@312 49 <td colspan="2"><input id="title" name="title" type="text" value="" /></td>
bgneal@312 50 </tr>
bgneal@312 51 </table>
bgneal@312 52 </fieldset>
bgneal@312 53
bgneal@312 54 <fieldset>
bgneal@312 55 <legend>{#advimage_dlg.preview}</legend>
bgneal@312 56 <div id="prev"></div>
bgneal@312 57 </fieldset>
bgneal@312 58 </div>
bgneal@312 59
bgneal@312 60 <div id="appearance_panel" class="panel">
bgneal@312 61 <fieldset>
bgneal@312 62 <legend>{#advimage_dlg.tab_appearance}</legend>
bgneal@312 63
bgneal@442 64 <table role="presentation" border="0" cellpadding="4" cellspacing="0">
bgneal@312 65 <tr>
bgneal@312 66 <td class="column1"><label id="alignlabel" for="align">{#advimage_dlg.align}</label></td>
bgneal@312 67 <td><select id="align" name="align" onchange="ImageDialog.updateStyle('align');ImageDialog.changeAppearance();">
bgneal@312 68 <option value="">{#not_set}</option>
bgneal@312 69 <option value="baseline">{#advimage_dlg.align_baseline}</option>
bgneal@312 70 <option value="top">{#advimage_dlg.align_top}</option>
bgneal@312 71 <option value="middle">{#advimage_dlg.align_middle}</option>
bgneal@312 72 <option value="bottom">{#advimage_dlg.align_bottom}</option>
bgneal@312 73 <option value="text-top">{#advimage_dlg.align_texttop}</option>
bgneal@312 74 <option value="text-bottom">{#advimage_dlg.align_textbottom}</option>
bgneal@312 75 <option value="left">{#advimage_dlg.align_left}</option>
bgneal@312 76 <option value="right">{#advimage_dlg.align_right}</option>
bgneal@312 77 </select>
bgneal@312 78 </td>
bgneal@312 79 <td rowspan="6" valign="top">
bgneal@312 80 <div class="alignPreview">
bgneal@312 81 <img id="alignSampleImg" src="img/sample.gif" alt="{#advimage_dlg.example_img}" />
bgneal@312 82 Lorem ipsum, Dolor sit amet, consectetuer adipiscing loreum ipsum edipiscing elit, sed diam
bgneal@312 83 nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Loreum ipsum
bgneal@312 84 edipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
bgneal@312 85 erat volutpat.
bgneal@312 86 </div>
bgneal@312 87 </td>
bgneal@312 88 </tr>
bgneal@312 89
bgneal@442 90 <tr role="group" aria-labelledby="widthlabel">
bgneal@312 91 <td class="column1"><label id="widthlabel" for="width">{#advimage_dlg.dimensions}</label></td>
bgneal@312 92 <td class="nowrap">
bgneal@442 93 <span style="display:none" id="width_voiceLabel">{#advimage_dlg.width}</span>
bgneal@442 94 <input name="width" type="text" id="width" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeHeight();" aria-labelledby="width_voiceLabel" /> x
bgneal@442 95 <span style="display:none" id="height_voiceLabel">{#advimage_dlg.height}</span>
bgneal@442 96 <input name="height" type="text" id="height" value="" size="5" maxlength="5" class="size" onchange="ImageDialog.changeWidth();" aria-labelledby="height_voiceLabel" /> px
bgneal@312 97 </td>
bgneal@312 98 </tr>
bgneal@312 99
bgneal@312 100 <tr>
bgneal@312 101 <td>&nbsp;</td>
bgneal@442 102 <td><table role="presentation" border="0" cellpadding="0" cellspacing="0">
bgneal@312 103 <tr>
bgneal@312 104 <td><input id="constrain" type="checkbox" name="constrain" class="checkbox" /></td>
bgneal@312 105 <td><label id="constrainlabel" for="constrain">{#advimage_dlg.constrain_proportions}</label></td>
bgneal@312 106 </tr>
bgneal@312 107 </table></td>
bgneal@312 108 </tr>
bgneal@312 109
bgneal@312 110 <tr>
bgneal@312 111 <td class="column1"><label id="vspacelabel" for="vspace">{#advimage_dlg.vspace}</label></td>
bgneal@312 112 <td><input name="vspace" type="text" id="vspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('vspace');ImageDialog.changeAppearance();" />
bgneal@312 113 </td>
bgneal@312 114 </tr>
bgneal@312 115
bgneal@312 116 <tr>
bgneal@312 117 <td class="column1"><label id="hspacelabel" for="hspace">{#advimage_dlg.hspace}</label></td>
bgneal@312 118 <td><input name="hspace" type="text" id="hspace" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('hspace');ImageDialog.changeAppearance();" /></td>
bgneal@312 119 </tr>
bgneal@312 120
bgneal@312 121 <tr>
bgneal@312 122 <td class="column1"><label id="borderlabel" for="border">{#advimage_dlg.border}</label></td>
bgneal@312 123 <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" class="number" onchange="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" onblur="ImageDialog.updateStyle('border');ImageDialog.changeAppearance();" /></td>
bgneal@312 124 </tr>
bgneal@312 125
bgneal@312 126 <tr>
bgneal@312 127 <td><label for="class_list">{#class_name}</label></td>
bgneal@312 128 <td colspan="2"><select id="class_list" name="class_list" class="mceEditableSelect"><option value=""></option></select></td>
bgneal@312 129 </tr>
bgneal@312 130
bgneal@312 131 <tr>
bgneal@312 132 <td class="column1"><label id="stylelabel" for="style">{#advimage_dlg.style}</label></td>
bgneal@312 133 <td colspan="2"><input id="style" name="style" type="text" value="" onchange="ImageDialog.changeAppearance();" /></td>
bgneal@312 134 </tr>
bgneal@312 135
bgneal@312 136 <!-- <tr>
bgneal@312 137 <td class="column1"><label id="classeslabel" for="classes">{#advimage_dlg.classes}</label></td>
bgneal@312 138 <td colspan="2"><input id="classes" name="classes" type="text" value="" onchange="selectByValue(this.form,'classlist',this.value,true);" /></td>
bgneal@312 139 </tr> -->
bgneal@312 140 </table>
bgneal@312 141 </fieldset>
bgneal@312 142 </div>
bgneal@312 143
bgneal@312 144 <div id="advanced_panel" class="panel">
bgneal@312 145 <fieldset>
bgneal@312 146 <legend>{#advimage_dlg.swap_image}</legend>
bgneal@312 147
bgneal@442 148 <input type="checkbox" id="onmousemovecheck" name="onmousemovecheck" class="checkbox" onclick="ImageDialog.setSwapImage(this.checked);" aria-controls="onmouseoversrc onmouseoutsrc" />
bgneal@312 149 <label id="onmousemovechecklabel" for="onmousemovecheck">{#advimage_dlg.alt_image}</label>
bgneal@312 150
bgneal@442 151 <table role="presentation" border="0" cellpadding="4" cellspacing="0" width="100%">
bgneal@312 152 <tr>
bgneal@312 153 <td class="column1"><label id="onmouseoversrclabel" for="onmouseoversrc">{#advimage_dlg.mouseover}</label></td>
bgneal@442 154 <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
bgneal@312 155 <tr>
bgneal@442 156 <td><input id="onmouseoversrc" name="onmouseoversrc" type="text" value="" /></td>
bgneal@442 157 <td id="onmouseoversrccontainer">&nbsp;</td>
bgneal@312 158 </tr>
bgneal@442 159 </table></td>
bgneal@312 160 </tr>
bgneal@312 161 <tr>
bgneal@312 162 <td><label for="over_list">{#advimage_dlg.image_list}</label></td>
bgneal@312 163 <td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
bgneal@312 164 </tr>
bgneal@312 165 <tr>
bgneal@312 166 <td class="column1"><label id="onmouseoutsrclabel" for="onmouseoutsrc">{#advimage_dlg.mouseout}</label></td>
bgneal@442 167 <td class="column2"><table role="presentation" border="0" cellspacing="0" cellpadding="0">
bgneal@312 168 <tr>
bgneal@442 169 <td><input id="onmouseoutsrc" name="onmouseoutsrc" type="text" value="" /></td>
bgneal@442 170 <td id="onmouseoutsrccontainer">&nbsp;</td>
bgneal@312 171 </tr>
bgneal@442 172 </table></td>
bgneal@312 173 </tr>
bgneal@312 174 <tr>
bgneal@312 175 <td><label for="out_list">{#advimage_dlg.image_list}</label></td>
bgneal@312 176 <td><select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
bgneal@312 177 </tr>
bgneal@312 178 </table>
bgneal@312 179 </fieldset>
bgneal@312 180
bgneal@312 181 <fieldset>
bgneal@312 182 <legend>{#advimage_dlg.misc}</legend>
bgneal@312 183
bgneal@442 184 <table role="presentation" border="0" cellpadding="4" cellspacing="0">
bgneal@312 185 <tr>
bgneal@312 186 <td class="column1"><label id="idlabel" for="id">{#advimage_dlg.id}</label></td>
bgneal@312 187 <td><input id="id" name="id" type="text" value="" /></td>
bgneal@312 188 </tr>
bgneal@312 189
bgneal@312 190 <tr>
bgneal@312 191 <td class="column1"><label id="dirlabel" for="dir">{#advimage_dlg.langdir}</label></td>
bgneal@312 192 <td>
bgneal@312 193 <select id="dir" name="dir" onchange="ImageDialog.changeAppearance();">
bgneal@312 194 <option value="">{#not_set}</option>
bgneal@312 195 <option value="ltr">{#advimage_dlg.ltr}</option>
bgneal@312 196 <option value="rtl">{#advimage_dlg.rtl}</option>
bgneal@312 197 </select>
bgneal@312 198 </td>
bgneal@312 199 </tr>
bgneal@312 200
bgneal@312 201 <tr>
bgneal@312 202 <td class="column1"><label id="langlabel" for="lang">{#advimage_dlg.langcode}</label></td>
bgneal@312 203 <td>
bgneal@312 204 <input id="lang" name="lang" type="text" value="" />
bgneal@312 205 </td>
bgneal@312 206 </tr>
bgneal@312 207
bgneal@312 208 <tr>
bgneal@312 209 <td class="column1"><label id="usemaplabel" for="usemap">{#advimage_dlg.map}</label></td>
bgneal@312 210 <td>
bgneal@312 211 <input id="usemap" name="usemap" type="text" value="" />
bgneal@312 212 </td>
bgneal@312 213 </tr>
bgneal@312 214
bgneal@312 215 <tr>
bgneal@312 216 <td class="column1"><label id="longdesclabel" for="longdesc">{#advimage_dlg.long_desc}</label></td>
bgneal@442 217 <td><table role="presentation" border="0" cellspacing="0" cellpadding="0">
bgneal@312 218 <tr>
bgneal@442 219 <td><input id="longdesc" name="longdesc" type="text" value="" /></td>
bgneal@442 220 <td id="longdesccontainer">&nbsp;</td>
bgneal@312 221 </tr>
bgneal@442 222 </table></td>
bgneal@312 223 </tr>
bgneal@312 224 </table>
bgneal@312 225 </fieldset>
bgneal@312 226 </div>
bgneal@312 227 </div>
bgneal@312 228
bgneal@312 229 <div class="mceActionPanel">
bgneal@312 230 <input type="submit" id="insert" name="insert" value="{#insert}" />
bgneal@312 231 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
bgneal@312 232 </div>
bgneal@442 233 </form>
bgneal@312 234 </body>
bgneal@312 235 </html>