dialog.php: 2.70 vs 1.1 · Timed Content

← All changes | tinymce_plugin/dialog.php +215 -85 1.1 → 2.70 View file →

		@@ -1,85 +1,215 @@
1		-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2		-<html xmlns="http://www.w3.org/1999/xhtml">
3		-<head>
4		-<title>{#timed_content_dlg.window_title}</title>
5		-<script type="text/javascript" src="/wp-includes/js/tinymce/tiny_mce_popup.js"></script>
6		-<script type="text/javascript" src="/wp-includes/js/tinymce/utils/mctabs.js"></script>
7		-<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js"></script>
8		-<link rel="stylesheet" type="text/css" href="img/anytime.css" />
9		-<script type="text/javascript" src="js/anytime.js"></script>
10		-<script type="text/javascript" src="js/anytimetz.js"></script>
11		-<script type="text/javascript" src="js/dialog.js"></script>
12		-</head>
13		-<body style="display: none">
14		-<div class="tabs">
15		- <ul>
16		- <li id="client_tab" class="current"><span><a href="javascript:mcTabs.displayTab('client_tab','client_panel');generatePreview();" onmousedown="return false;">{#timed_content_dlg.client_tab}</a></span></li>
17		- <li id="server_tab"><span><a href="javascript:mcTabs.displayTab('server_tab','server_panel');" onmousedown="return false;">{#timed_content_dlg.server_tab}</a></span></li>
18		- </ul>
19		-</div>
20		-<div class="panel_wrapper">
21		- <div id="client_panel" class="panel current">
22		- <form name="TimedContentDialogClient" id="TimedContentDialogClient" onsubmit="TimedContentDialog.client_action();return false;" action="#">
23		- <p>{#timed_content_dlg.client_instruction}</p>
24		- <fieldset>
25		- <legend>
26		- <input name="do_client_show" type="checkbox" id="do_client_show" value="show" />
27		- {#timed_content_dlg.show} </legend>
28		- <p>{#timed_content_dlg.time}:
29		- <input id="client_show_minutes" name="client_show_minutes" type="text" class="text" size="2" disabled="disabled" />
30		- :
31		- <input id="client_show_seconds" name="client_show_seconds" type="text" class="text" size="2" disabled="disabled" />
32		- </p>
33		- <p>{#timed_content_dlg.fadein}:
34		- <input id="client_show_fade" name="client_show_fade" type="text" class="text" size="4" disabled="disabled" />
35		- <em>({#timed_content_dlg.optional})</em></p>
36		- </fieldset>
37		- <fieldset>
38		- <legend>
39		- <input name="do_client_hide" type="checkbox" id="do_client_hide" value="hide" />
40		- {#timed_content_dlg.hide} </legend>
41		- <p>{#timed_content_dlg.time}:
42		- <input id="client_hide_minutes" name="client_hide_minutes" type="text" class="text" size="2" disabled="disabled" />
43		- :
44		- <input id="client_hide_seconds" name="client_hide_seconds" type="text" class="text" size="2" disabled="disabled" />
45		- </p>
46		- <p>{#timed_content_dlg.fadeout}:
47		- <input id="client_hide_fade" name="client_hide_fade" type="text" class="text" size="4" disabled="disabled" />
48		- <em>({#timed_content_dlg.optional})</em></p>
49		- </fieldset>
50		- <div class="mceActionPanel">
51		- <input type="button" id="insert" name="insert" value="{#insert}" onclick="TimedContentDialog.client_action();" />
52		- <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
53		- </div>
54		- </form>
55		- </div>
56		- <div id="server_panel" class="panel">
57		- <form name="TimedContentDialogServer" id="TimedContentDialogServer" onsubmit="TimedContentDialog.server_action();return false;" action="#">
58		- <p>{#timed_content_dlg.server_instruction}</p>
59		- <p>{#timed_content_dlg.server_debug}:
60		- <input name="server_debug" type="checkbox" id="server_debug" value="true" />
61		- <fieldset>
62		- <legend>
63		- <input name="do_server_show" type="checkbox" id="do_server_show" value="show" />
64		- {#timed_content_dlg.show} </legend>
65		- <p>{#timed_content_dlg.dt}:
66		- <input name="server_show_dt" type="text" disabled="disabled" class="text" id="server_show_dt" size="50" />
67		- </fieldset>
68		- <fieldset>
69		- <legend>
70		- <input name="do_server_hide" type="checkbox" id="do_server_hide" value="hide" />
71		- {#timed_content_dlg.hide} </legend>
72		- <p>{#timed_content_dlg.dt}:
73		- <input name="server_hide_dt" type="text" disabled="disabled" class="text" id="server_hide_dt" size="50" />
74		- </fieldset>
75		- <p>{#timed_content_dlg.server_dt}: <?php echo date("Y-M-d H:i:s O"); ?></p>
76		- <p>{#timed_content_dlg.server_tz}: <?php echo date("e"); ?></p>
77		- <div class="mceActionPanel">
78		- <input type="button" id="insert" name="insert" value="{#insert}" onclick="TimedContentDialog.server_action();" />
79		- <input type="button" id="cancel" name="cancel" value="{#cancel}" onclick="tinyMCEPopup.close();" />
80		- </div>
81		- </form>
82		- </div>
83		-</div>
84		-</body>
85		-</html>
	1	+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	2	+<html xmlns="http://www.w3.org/1999/xhtml">
	3	+<head>
	4	+ <title><?php _ex( 'Add Timed Content shortcodes', 'TinyMCE Dialog - Dialog titlebar', 'timed-content' ); ?> </title>
	5	+ <script type="text/javascript" src="<?php echo includes_url(); ?>/js/tinymce/tiny_mce_popup.js"></script>
	6	+ <script type="text/javascript" src="<?php echo includes_url(); ?>/js/tinymce/utils/mctabs.js"></script>
	7	+ <?php wp_print_styles(); ?>
	8	+ <style>
	9	+ .panel_wrapper {
	10	+ height: 370px;
	11	+ }
	12	+ div.ui-datepicker-div {
	13	+ font-size: 10px;
	14	+ }
	15	+ div.ui-timepicker-div {
	16	+ font-size: 10px;
	17	+ }
	18	+ div.tabs ul li {
	19	+ cursor: pointer;
	20	+ }
	21	+ </style>
	22	+ <?php wp_print_scripts(); ?>
	23	+ <script type="text/javascript">
	24	+ <?php echo $this->getRulesJS(); ?>
	25	+ var tags = { 'client': '<?php echo TIMED_CONTENT_SHORTCODE_CLIENT; ?>',
	26	+ 'server': '<?php echo TIMED_CONTENT_SHORTCODE_SERVER; ?>',
	27	+ 'rule': '<?php echo TIMED_CONTENT_SHORTCODE_RULE; ?>' };
	28	+ var errorMessages = { 'clientNoShow': '<?php _e( 'When using the Show action, the Show time must be at least 1 second.', 'timed-content' ); ?>',
	29	+ 'clientNoHide': '<?php _e( 'When using the Hide action, the Hide time must be at least 1 second.', 'timed-content' ); ?>',
	30	+ 'clientHideBeforeShow': '<?php _e( 'When using both Show and Hide actions, the Hide time must be later than the Show time.', 'timed-content' ); ?>',
	31	+ 'clientNoAction': '<?php _e( 'Please select an action to perform.', 'timed-content' ); ?>',
	32	+ 'serverNoShowDate': '<?php _e( 'Please set a date for the Show action.', 'timed-content' ); ?>',
	33	+ 'serverNoShowTime': '<?php _e( 'Please set a time for the Show action.', 'timed-content' ); ?>',
	34	+ 'serverNoHideDate': '<?php _e( 'Please set a date for the Hide action.', 'timed-content' ); ?>',
	35	+ 'serverNoHideTime': '<?php _e( 'Please set a time for the Hide action.', 'timed-content' ); ?>',
	36	+ 'serverHideBeforeShow': '<?php _e( 'When using both Show and Hide actions, the Hide time must be later than the Show time.', 'timed-content' ); ?>',
	37	+ 'serverNoAction': '<?php _e( 'Please select an action to perform.', 'timed-content' ); ?>' };
	38	+ var datepickParam = { 'dateFormat' : 'yy-mm-dd' };
	39	+ </script>
	40	+ <script type="text/javascript" src="<?php echo TIMED_CONTENT_PLUGIN_URL; ?>/tinymce_plugin/dialog.js"></script>
	41	+</head>
	42	+<body style="display: none">
	43	+<div class="tabs">
	44	+ <ul>
	45	+ <li id="client_tab" class="current" onclick="javascript:mcTabs.displayTab('client_tab','client_panel');">
	46	+ <span><?php _ex( 'Client', 'TinyMCE Dialog - Client tab label', 'timed-content' ); ?> </span></li>
	47	+ <li id="server_tab" onclick="javascript:mcTabs.displayTab('server_tab','server_panel');">
	48	+ <span><?php _ex( 'Server', 'TinyMCE Dialog - Server tab label', 'timed-content' ); ?> </span></li>
	49	+ <li id="rules_tab" onclick="javascript:mcTabs.displayTab('rules_tab','rules_panel');">
	50	+ <span><?php _ex( 'Timed Content Rules', 'TinyMCE Dialog - Rules tab label', 'timed-content' ); ?></span>
	51	+ </li>
	52	+ </ul>
	53	+</div>
	54	+<div class="panel_wrapper">
	55	+ <div id="client_panel" class="panel current">
	56	+ <form name="TimedContentDialogClient" id="TimedContentDialogClient"
	57	+ onsubmit="TimedContentDialog.client_action();return false;" action="#">
	58	+ <p><?php _ex( 'Select the actions you wish to perform and the times after the Page/Post is loaded when they should occur.', 'TinyMCE Dialog - Client tab instructions', 'timed-content' ); ?> </p>
	59	+ <fieldset>
	60	+ <legend>
	61	+ <input name="do_client_show" type="checkbox" id="do_client_show" value="show"/>
	62	+ <label
	63	+ for="do_client_show"><?php _ex( 'Show', 'TinyMCE Dialog - Show action label', 'timed-content' ); ?> </label>
	64	+ </legend>
	65	+ <p><label
	66	+ for="client_show_minutes"><?php _ex( 'Time (mm:ss):', 'TinyMCE Dialog - Time count label', 'timed-content' ); ?></label>
	67	+ <input id="client_show_minutes" name="client_show_minutes" type="text" class="text" size="2"
	68	+ disabled="disabled"/>
	69	+ :
	70	+ <input id="client_show_seconds" name="client_show_seconds" type="text" class="text" size="2"
	71	+ disabled="disabled"/>
	72	+ </p>
	73	+
	74	+ <p><label
	75	+ for="client_show_fade"><?php _ex( 'Fade in (ms):', 'TinyMCE Dialog - Fade-in label', 'timed-content' ); ?></label>
	76	+ <input id="client_show_fade" name="client_show_fade" type="text" class="text" size="4"
	77	+ disabled="disabled"/>
	78	+ <em>(<?php _ex( 'Optional', 'TinyMCE Dialog - Optional checkbox HTML label', 'timed-content' ); ?>)</em>
	79	+ </p>
	80	+ </fieldset>
	81	+ <fieldset>
	82	+ <legend>
	83	+ <input name="do_client_hide" type="checkbox" id="do_client_hide" value="hide"/>
	84	+ <label
	85	+ for="do_client_hide"><?php _ex( 'Hide', 'TinyMCE Dialog - Hide action label', 'timed-content' ); ?> </label>
	86	+ </legend>
	87	+ <p><label
	88	+ for="client_hide_minutes"><?php _ex( 'Time (mm:ss):', 'TinyMCE Dialog - Time count label', 'timed-content' ); ?></label>
	89	+ <input id="client_hide_minutes" name="client_hide_minutes" type="text" class="text" size="2"
	90	+ disabled="disabled"/>
	91	+ :
	92	+ <input id="client_hide_seconds" name="client_hide_seconds" type="text" class="text" size="2"
	93	+ disabled="disabled"/>
	94	+ </p>
	95	+
	96	+ <p><label
	97	+ for="client_hide_fade"><?php _ex( 'Fade out (ms):', 'TinyMCE Dialog - Fade-out label', 'timed-content' ); ?></label>
	98	+ <input id="client_hide_fade" name="client_hide_fade" type="text" class="text" size="4"
	99	+ disabled="disabled"/>
	100	+ <em>(<?php _ex( 'Optional', 'TinyMCE Dialog - Optional checkbox HTML label', 'timed-content' ); ?>)</em>
	101	+ </p>
	102	+ </fieldset>
	103	+ <fieldset>
	104	+ <legend>
	105	+ <?php _ex( 'Display Mode', 'TinyMCE Dialog - Display Mode label', 'timed-content' ); ?> </legend>
	106	+ <p><input id="client_display_tag_div" name="client_display_tag" type="radio" class="text"
	107	+ checked="checked"/>
	108	+ <label
	109	+ for="client_display_tag_div"><?php printf( _x( 'Enclose content using %s tags (block-level)', 'TinyMCE Dialog - Display mode <div> HTML description', 'timed-content' ), "<code><div></code>" ); ?> </label><br />
	110	+ <input id="client_display_tag_span" name="client_display_tag" type="radio" class="text"/>
	111	+ <label
	112	+ for="client_display_tag_span"><?php printf( _x( 'Enclose content using %s tags (inline)', 'TinyMCE Dialog - Display mode <span> HTML description', 'timed-content' ), "<code><span></code>" ); ?> </label>
	113	+ </p>
	114	+ </fieldset>
	115	+ <div class="mceActionPanel">
	116	+ <input type="button" id="insert" name="insert"
	117	+ value="<?php _ex( 'Insert', 'TinyMCE Dialog - Insert button HTML label', 'timed-content' ); ?> "
	118	+ onclick="TimedContentDialog.client_action();"/>
	119	+ <input type="button" id="cancel" name="cancel"
	120	+ value="<?php _ex( 'Cancel', 'TinyMCE Dialog - Cancel button HTML label', 'timed-content' ); ?> "
	121	+ onclick="tinyMCEPopup.close();"/>
	122	+ </div>
	123	+ </form>
	124	+ </div>
	125	+ <div id="server_panel" class="panel">
	126	+ <form name="TimedContentDialogServer" id="TimedContentDialogServer"
	127	+ onsubmit="TimedContentDialog.server_action();return false;" action="#">
	128	+ <p><?php _ex( 'Select the actions you wish to perform and the dates/times when they should occur.', 'TinyMCE Dialog - Server tab instructions', 'timed-content' ); ?> </p>
	129	+
	130	+ <p>
	131	+ <input name="server_debug" type="checkbox" id="server_debug" value="true"/>
	132	+ <label
	133	+ for="server_debug"><?php _ex( 'Add debugging messages (Only logged-in users who can edit this Post/Page will see them)', 'TinyMCE Dialog - Server debugging label', 'timed-content' ); ?> </label>
	134	+ </p>
	135	+
	136	+ <p><?php _e('Current Date/Time:', 'timed-content' ); ?> <?php echo strftime( '%Y-%m-%d %H:%M', current_time('timestamp', 0)); ?></p>
	137	+ <fieldset>
	138	+ <legend>
	139	+ <input name="do_server_show" type="checkbox" id="do_server_show" value="show"/>
	140	+ <label
	141	+ for="do_server_show"><?php _ex( 'Show', 'TinyMCE Dialog - Show action label', 'timed-content' ); ?> </label>
	142	+ </legend>
	143	+ <p><label for="server_show_date"><?php _ex( 'Date:', 'Date field label', 'timed-content' ); ?> </label>
	144	+ <input name="server_show_date" type="text" disabled="disabled" class="text" id="server_show_date"
	145	+ style="width: 175px;"/>
	146	+ <label for="server_show_time"><?php _ex( 'Time:', 'Time field label', 'timed-content' ); ?> </label>
	147	+ <input name="server_show_time" type="text" disabled="disabled" class="text" id="server_show_time"
	148	+ style="width: 125px;"/>
	149	+ </p>
	150	+ </fieldset>
	151	+ <fieldset>
	152	+ <legend>
	153	+ <input name="do_server_hide" type="checkbox" id="do_server_hide" value="hide"/>
	154	+ <label
	155	+ for="do_server_hide"><?php _ex( 'Hide', 'TinyMCE Dialog - Hide action label', 'timed-content' ); ?></label>
	156	+ </legend>
	157	+ <p><label for="server_hide_date"><?php _ex( 'Date:', 'Date field label', 'timed-content' ); ?> </label>
	158	+ <input name="server_hide_date" type="text" disabled="disabled" class="text" id="server_hide_date"
	159	+ style="width: 175px;"/>
	160	+ <label for="server_hide_time"><?php _ex( 'Time:', 'Time field label', 'timed-content' ); ?> </label>
	161	+ <input name="server_hide_time" type="text" disabled="disabled" class="text" id="server_hide_time"
	162	+ style="width: 125px;"/>
	163	+ </p>
	164	+ </fieldset>
	165	+ <fieldset>
	166	+ <legend>
	167	+ <?php _ex( 'Timezone', 'TinyMCE Dialog - Timezone fieldset label', 'timed-content' ); ?>
	168	+ </legend>
	169	+ <p><?php _ex( 'Select a city whose timezone you wish to use:', 'TinyMCE Dialog - Timezone <select> HTML label', 'timed-content' ); ?>
	170	+ <select name="server_tz" id="server_tz" style="width: auto;">
	171	+ <?php echo customFieldsInterface::generateTimezoneSelectOptions(get_option('timezone_string')); ?>
	172	+ </select>
	173	+ </p>
	174	+
	175	+ <p><?php _e('Wordpress Timezone:', 'timed-content' ); ?> <?php echo get_option('timezone_string'); ?></p>
	176	+ </fieldset>
	177	+ <div class="mceActionPanel">
	178	+ <input type="button" id="insert" name="insert"
	179	+ value="<?php _ex( 'Insert', 'TinyMCE Dialog - Insert button HTML label', 'timed-content' ); ?> "
	180	+ onclick="TimedContentDialog.server_action();"/>
	181	+ <input type="button" id="cancel" name="cancel"
	182	+ value="<?php _ex( 'Cancel', 'TinyMCE Dialog - Cancel button HTML label', 'timed-content' ); ?> "
	183	+ onclick="tinyMCEPopup.close();"/>
	184	+ </div>
	185	+ </form>
	186	+ </div>
	187	+ <div id="rules_panel" class="panel">
	188	+ <form name="TimedContentDialogRules" id="TimedContentDialogRules"
	189	+ onsubmit="TimedContentDialog.rules_action();return false;" action="#">
	190	+ <p><?php _ex( 'Select the Timed Content Rule you wish to use. Only rules without any warnings will appear below.', 'TinyMCE Dialog - Timed Content Rules tab instructions', 'timed-content' ); ?> </p>
	191	+
	192	+ <p><?php _ex( 'Rule:', 'TinyMCE Dialog - Timed Content Rules <select> HTML label', 'timed-content' ); ?>
	193	+ <select name="rules_list" id="rules_list" style="width: auto;">
	194	+ <!-- options list generated using $this->getRulesJS() above and TimedContentDialog.init JS function in /tinymce_plugin/js/dialog.js -->
	195	+ </select>
	196	+ </p>
	197	+ <fieldset>
	198	+ <legend>
	199	+ <?php _ex( 'Description', 'TinyMCE Dialog - Timed Content Rules description label', 'timed-content' ); ?> </legend>
	200	+ <p>
	201	+ <span id="rules_desc"></span>
	202	+ </p>
	203	+ </fieldset>
	204	+ <div class="mceActionPanel">
	205	+ <input type="button" id="insert" name="insert"
	206	+ value="<?php _ex( 'Insert', 'TinyMCE Dialog - Insert button HTML label', 'timed-content' ); ?> "
	207	+ onclick="TimedContentDialog.rules_action();"/>
	208	+ <input type="button" id="cancel" name="cancel"
	209	+ value="<?php _ex( 'Cancel', 'TinyMCE Dialog - Cancel button HTML label', 'timed-content' ); ?> "
	210	+ onclick="tinyMCEPopup.close();"/>
	211	+ </div>
	212	+ </form>
	213	+ </div>
	214	+</div>
	215	+</body>