includes/clientside/tinymce/plugins/devkit/devkit.htm
changeset 335 67bd3121a12e
parent 334 c72b545f1304
child 336 bfa2e9c23f03
equal deleted inserted replaced
334:c72b545f1304 335:67bd3121a12e
     1 <html xmlns="http://www.w3.org/1999/xhtml">
       
     2 <head>
       
     3 	<title>{$lang_devkit_title}</title>
       
     4 	<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
       
     5 	<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
       
     6 	<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
       
     7 	<script language="javascript" type="text/javascript" src="jscripts/devkit.js"></script>
       
     8 	<script language="javascript" type="text/javascript" src="jscripts/diff.js"></script>
       
     9 	<link href="css/devkit.css" rel="stylesheet" type="text/css" />
       
    10 	<base target="_self" />
       
    11 </head>
       
    12 <body id="devkit" onload="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
       
    13     <form action="#">
       
    14 		<h1>{$lang_devkit_title}</h1>
       
    15 
       
    16 		<div class="tabs">
       
    17 			<ul>
       
    18 				<li id="log_tab" class="current"><span><a href="javascript:mcTabs.displayTab('log_tab','log_panel');" onmousedown="return false;">{$lang_devkit_log_tab}</a></span></li>
       
    19 				<li id="info_tab"><span><a href="javascript:mcTabs.displayTab('info_tab','info_panel');" onmousedown="return false;">{$lang_devkit_info_tab}</a></span></li>
       
    20 				<li id="settings_tab"><span><a href="javascript:mcTabs.displayTab('settings_tab','settings_panel');" onmousedown="return false;">{$lang_devkit_settings_tab}</a></span></li>
       
    21 				<li id="content_tab"><span><a href="javascript:mcTabs.displayTab('content_tab','content_panel');" onmousedown="return false;">{$lang_devkit_content_tab}</a></span></li>
       
    22 				<!-- <li id="command_states_tab"><span><a href="javascript:mcTabs.displayTab('command_states_tab','command_states_panel');" onmousedown="return false;">{$lang_devkit_command_states_tab}</a></span></li> -->
       
    23 				<li id="undo_redo_tab"><span><a href="javascript:mcTabs.displayTab('undo_redo_tab','undo_redo_panel');" onmousedown="return false;">{$lang_devkit_undo_redo_tab}</a></span></li>
       
    24 				<li id="misc_tab"><span><a href="javascript:mcTabs.displayTab('misc_tab','misc_panel');" onmousedown="return false;">{$lang_devkit_misc_tab}</a></span></li>
       
    25 			</ul>
       
    26 		</div>
       
    27 
       
    28 		<div class="panel_wrapper">
       
    29 			<div id="log_panel" class="panel current">
       
    30 				<fieldset>
       
    31 					<legend>{$lang_devkit_log_tab}</legend>
       
    32 
       
    33 					<div style="float: left">
       
    34 						<label>{$lang_devkit_filter} </label><input type="text" id="logfilter" name="logfilter" value="" onchange="changeFilter(this.value);" />
       
    35 					</div>
       
    36 
       
    37 					<div style="float: left">
       
    38 						<input type="checkbox" id="logenabled" name="logenabled" value="true" checked="checked" onclick="toggleLog(this.checked);" />
       
    39 					</div>
       
    40 
       
    41 					<div style="float: right">
       
    42 						<a href="javascript:clearLog();">[{$lang_devkit_clear_log}]</a>
       
    43 					</div>
       
    44 
       
    45 					<br style="clear: both" />
       
    46 
       
    47 					<div id="log">
       
    48 					</div>
       
    49 
       
    50 					<input type="checkbox" id="debug_events" name="debug_events" class="checkbox" onclick="toggleDebugEvents(this.checked);" /><label for="debug_events" onclick="toggleDebugEvents(this.form.debug_events.checked);">{$lang_devkit_debug_events}</label>
       
    51 				</fieldset>
       
    52 			</div>
       
    53 
       
    54 			<div id="info_panel" class="panel">
       
    55 				<fieldset>
       
    56 					<legend>{$lang_devkit_info_tab}</legend>
       
    57 
       
    58 					<span><a href="javascript:renderInfo();">[{$lang_devkit_refresh}]</a></span>
       
    59 
       
    60 					<div id="info" class="data">
       
    61 						<p>{$lang_devkit_info_help}</p>
       
    62 					</div>
       
    63 				</fieldset>
       
    64 			</div>
       
    65 
       
    66 			<div id="settings_panel" class="panel">
       
    67 			<fieldset>
       
    68 					<legend>{$lang_devkit_settings_tab}</legend>
       
    69 
       
    70 					<span><a href="javascript:renderSettings();">[{$lang_devkit_refresh}]</a></span>
       
    71 
       
    72 					<div id="settings" class="data">
       
    73 						<p>{$lang_devkit_settings_help}</p>
       
    74 					</div>
       
    75 				</fieldset>
       
    76 			</div>
       
    77 
       
    78 			<div id="content_panel" class="panel">
       
    79 			<fieldset>
       
    80 					<legend>{$lang_devkit_content_tab}</legend>
       
    81 
       
    82 					<span><a href="javascript:renderContent();">[{$lang_devkit_refresh}]</a></span>
       
    83 
       
    84 					<div id="content" class="data">
       
    85 						<p>{$lang_devkit_content_help}</p>
       
    86 					</div>
       
    87 				</fieldset>
       
    88 			</div>
       
    89 
       
    90 			<div id="command_states_panel" class="panel">
       
    91 			<fieldset>
       
    92 					<legend>{$lang_devkit_command_states_tab}</legend>
       
    93 
       
    94 					<span><a href="javascript:renderCommandStates();">[{$lang_devkit_refresh}]</a></span>
       
    95 
       
    96 					<div id="command_states" class="data">
       
    97 						<p>{$lang_devkit_command_states_help}</p>
       
    98 					</div>
       
    99 				</fieldset>
       
   100 			</div>
       
   101 
       
   102 			<div id="undo_redo_panel" class="panel">
       
   103 				<fieldset>
       
   104 					<legend>{$lang_devkit_undo_redo_tab}</legend>
       
   105 
       
   106 					<span><a href="javascript:renderUndoRedo();">[{$lang_devkit_refresh}]</a></span>
       
   107 
       
   108 					<div id="undo_redo" class="data">
       
   109 						<p>{$lang_devkit_undo_redo_help}</p>
       
   110 					</div>
       
   111 
       
   112 					<input type="checkbox" id="undo_diff" name="undo_diff" class="checkbox" /><label for="undo_diff">{$lang_devkit_undo_diff}</label>
       
   113 				</fieldset>
       
   114 			</div>
       
   115 
       
   116 			<div id="misc_panel" class="panel">
       
   117 				<fieldset>
       
   118 					<legend>{$lang_devkit_misc_tab}</legend>
       
   119 
       
   120 					<div class="data">
       
   121 						<p>{$lang_devkit_misc_help}</p>
       
   122 						<hr />
       
   123 						<p>Selection: <a href="#" onmousedown="return storeSelection();">[Store selection]</a> <a href="#" onmousedown="return restoreSelection();">[Restore selection]</a></p>
       
   124 						<hr />
       
   125 						<div><strong>Insert custom HTML content</strong></div>
       
   126 						<div><textarea id="htmlcont" name="htmlcont" style="width: 90%" rows="5"></textarea></div>
       
   127 						<div><a href="#" onclick="return tinyMCE.execCommand('mceInsertContent',false,document.getElementById('htmlcont').value);">[Insert content]</a></div>
       
   128 						<hr />
       
   129 						<div><strong>Eval JS:</strong></div>
       
   130 						<div><textarea id="jscont" name="jscont" style="width: 90%" rows="5">tinyMCE.execCommand('Bold',false,null);</textarea></div>
       
   131 						<div><a href="#" onclick="return parent.window.eval(document.getElementById('jscont').value);">[Evaluate]</a></div>
       
   132 					</div>
       
   133 				</fieldset>
       
   134 			</div>
       
   135 		</div>
       
   136     </form>
       
   137 
       
   138 	<div id="flip"><a href="javascript:toggleFlip();" onmousedown="return false;"><img id="flipbtn" src="images/flip_down.gif" border="0" /></a></div>
       
   139 </body>
       
   140 </html>