| 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> |
| 216 |
|