annotate static/js/tiny_mce/themes/advanced/image.htm @ 693:ad69236e8501

For issue #52, update many 3rd party Javascript libraries. Updated to jquery 1.10.2, jquery ui 1.10.3. This broke a lot of stuff. - Found a newer version of the jquery cycle all plugin (3.0.3). - Updated JPlayer to 2.4.0. - Updated to MarkItUp 1.1.14. This also required me to add multiline attributes set to true on various buttons in the markdown set. - As per a stackoverflow post, added some code to get multiline titles in a jQuery UI dialog. They removed that functionality but allow you to put it back. Tweaked the MarkItUp preview CSS to show blockquotes in italic. Did not update TinyMCE at this time. I'm not using the JQuery version and this version appears to work ok for now. What I should do is make a repo for MarkItUp and do a vendor branch thing so I don't have to futz around diffing directories to figure out if I'll lose changes when I update.
author Brian Neal <bgneal@gmail.com>
date Wed, 04 Sep 2013 19:55:20 -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>{#advanced_dlg.image_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="js/image.js"></script>
bgneal@312 9 </head>
bgneal@312 10 <body id="image" style="display: none">
bgneal@312 11 <form onsubmit="ImageDialog.update();return false;" action="#">
bgneal@312 12 <div class="tabs">
bgneal@312 13 <ul>
bgneal@312 14 <li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onmousedown="return false;">{#advanced_dlg.image_title}</a></span></li>
bgneal@312 15 </ul>
bgneal@312 16 </div>
bgneal@312 17
bgneal@312 18 <div class="panel_wrapper">
bgneal@312 19 <div id="general_panel" class="panel current">
bgneal@442 20 <table border="0" cellpadding="4" cellspacing="0">
bgneal@442 21 <tr>
bgneal@442 22 <td class="nowrap"><label for="src">{#advanced_dlg.image_src}</label></td>
bgneal@442 23 <td><table border="0" cellspacing="0" cellpadding="0">
bgneal@442 24 <tr>
bgneal@442 25 <td><input id="src" name="src" type="text" class="mceFocus" value="" style="width: 200px" onchange="ImageDialog.getImageData();" /></td>
bgneal@442 26 <td id="srcbrowsercontainer">&nbsp;</td>
bgneal@442 27 </tr>
bgneal@442 28 </table></td>
bgneal@442 29 </tr>
bgneal@442 30 <tr>
bgneal@442 31 <td><label for="image_list">{#advanced_dlg.image_list}</label></td>
bgneal@442 32 <td><select id="image_list" name="image_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;"></select></td>
bgneal@442 33 </tr>
bgneal@442 34 <tr>
bgneal@442 35 <td class="nowrap"><label for="alt">{#advanced_dlg.image_alt}</label></td>
bgneal@442 36 <td><input id="alt" name="alt" type="text" value="" style="width: 200px" /></td>
bgneal@442 37 </tr>
bgneal@442 38 <tr>
bgneal@442 39 <td class="nowrap"><label for="align">{#advanced_dlg.image_align}</label></td>
bgneal@442 40 <td><select id="align" name="align" onchange="ImageDialog.updateStyle();">
bgneal@442 41 <option value="">{#not_set}</option>
bgneal@442 42 <option value="baseline">{#advanced_dlg.image_align_baseline}</option>
bgneal@442 43 <option value="top">{#advanced_dlg.image_align_top}</option>
bgneal@442 44 <option value="middle">{#advanced_dlg.image_align_middle}</option>
bgneal@442 45 <option value="bottom">{#advanced_dlg.image_align_bottom}</option>
bgneal@442 46 <option value="text-top">{#advanced_dlg.image_align_texttop}</option>
bgneal@442 47 <option value="text-bottom">{#advanced_dlg.image_align_textbottom}</option>
bgneal@442 48 <option value="left">{#advanced_dlg.image_align_left}</option>
bgneal@442 49 <option value="right">{#advanced_dlg.image_align_right}</option>
bgneal@442 50 </select></td>
bgneal@442 51 </tr>
bgneal@442 52 <tr>
bgneal@442 53 <td class="nowrap"><label for="width">{#advanced_dlg.image_dimensions}</label></td>
bgneal@442 54 <td><input id="width" name="width" type="text" value="" size="3" maxlength="5" />
bgneal@442 55 x
bgneal@442 56 <input id="height" name="height" type="text" value="" size="3" maxlength="5" /></td>
bgneal@442 57 </tr>
bgneal@442 58 <tr>
bgneal@442 59 <td class="nowrap"><label for="border">{#advanced_dlg.image_border}</label></td>
bgneal@442 60 <td><input id="border" name="border" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>
bgneal@442 61 </tr>
bgneal@442 62 <tr>
bgneal@442 63 <td class="nowrap"><label for="vspace">{#advanced_dlg.image_vspace}</label></td>
bgneal@442 64 <td><input id="vspace" name="vspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>
bgneal@442 65 </tr>
bgneal@442 66 <tr>
bgneal@442 67 <td class="nowrap"><label for="hspace">{#advanced_dlg.image_hspace}</label></td>
bgneal@442 68 <td><input id="hspace" name="hspace" type="text" value="" size="3" maxlength="3" onchange="ImageDialog.updateStyle();" /></td>
bgneal@442 69 </tr>
bgneal@442 70 </table>
bgneal@312 71 </div>
bgneal@312 72 </div>
bgneal@312 73
bgneal@312 74 <div class="mceActionPanel">
bgneal@312 75 <input type="submit" id="insert" name="insert" value="{#insert}" />
bgneal@312 76 <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
bgneal@312 77 </div>
bgneal@312 78 </form>
bgneal@312 79 </body>
bgneal@312 80 </html>