rearrange things and get short tag buttons working

This commit is contained in:
John Bintz 2009-09-23 21:34:06 -04:00
parent 180646a3ca
commit 5ab3047bd2
10 changed files with 135 additions and 32 deletions

View File

@ -534,7 +534,7 @@ class WhatDidTheySayAdmin {
* Handle admin_menu action. * Handle admin_menu action.
*/ */
function admin_menu() { function admin_menu() {
global $plugin_page; global $pagenow, $plugin_page;
if (current_user_can('submit_transcriptions')) { if (current_user_can('submit_transcriptions')) {
add_options_page( add_options_page(
@ -548,6 +548,7 @@ class WhatDidTheySayAdmin {
if ($plugin_page == "manage-wdts") { if ($plugin_page == "manage-wdts") {
$this->read_language_file(); $this->read_language_file();
wp_enqueue_style('wdts-admin', plugin_dir_url(dirname(__FILE__)) . 'css/wdts-admin.css'); wp_enqueue_style('wdts-admin', plugin_dir_url(dirname(__FILE__)) . 'css/wdts-admin.css');
wp_enqueue_style('wdts-defaults', plugin_dir_url(dirname(__FILE__)) . 'css/wdts-defaults.css');
$this->plugin_data = get_plugin_data($this->_parent_file); $this->plugin_data = get_plugin_data($this->_parent_file);
} }
@ -556,6 +557,7 @@ class WhatDidTheySayAdmin {
} }
if (current_user_can('approve_transcriptions')) { if (current_user_can('approve_transcriptions')) {
if (strpos($pagenow, "post") === 0) {
add_meta_box( add_meta_box(
'manage-transcriptions', 'manage-transcriptions',
__('Manage Transcriptions', 'what-did-they-say'), __('Manage Transcriptions', 'what-did-they-say'),
@ -565,9 +567,11 @@ class WhatDidTheySayAdmin {
'low' 'low'
); );
wp_enqueue_style('wdts-admin', plugin_dir_url(dirname(__FILE__)) . 'css/wdts-admin.css');
wp_enqueue_script('scriptaculous-effects'); wp_enqueue_script('scriptaculous-effects');
} }
} }
}
/** /**
* Show the admin page. * Show the admin page.
@ -576,7 +580,7 @@ class WhatDidTheySayAdmin {
$options = get_option('what-did-they-say-options'); $options = get_option('what-did-they-say-options');
$nonce = wp_create_nonce('what-did-they-say'); $nonce = wp_create_nonce('what-did-they-say');
include(dirname(__FILE__) . '/admin.inc'); include('partials/admin.inc');
} }
/** /**
@ -597,7 +601,7 @@ class WhatDidTheySayAdmin {
$transcript_options = new WDTSTranscriptOptions($post->ID); $transcript_options = new WDTSTranscriptOptions($post->ID);
$nonce = wp_create_nonce('what-did-they-say'); $nonce = wp_create_nonce('what-did-they-say');
include(dirname(__FILE__) . '/meta-box.inc'); include('partials/meta-box.inc');
} }
} }

View File

@ -8,13 +8,13 @@
[dialog name="John" direction="(towards the house)"]Hey, where are the keys?[/dialog] [dialog name="John" direction="(towards the house)"]Hey, where are the keys?[/dialog]
</pre> </pre>
<div style="width: 300px; border: solid #333 1px; margin: 10px; padding: 10px"> <div class="transcript">
<div style="text-transform: uppercase; text-align: center; margin-bottom: 10px; font-weight: bold; font-family: 'Courier New'"><?php _e('Ext. The Old Man\'s House', 'what-did-they-say') ?></div> <div class="scene-heading">Ext. The Old Man's House</div>
<div style="font-family: 'Courier New'"><?php _e('John is walking down to the car parked in the driveway.', 'what-did-they-say') ?></div> <div class="scene-action">John is walking down to the car parked in the driveway.</div>
<div style="text-align: center; margin-top: 10px"> <div class="dialog">
<div style="font-family: 'Courier New'; text-transform: uppercase"><?php _e('John', 'what-did-they-say') ?></div> <span class="name">John</span>
<div style="font-family: 'Courier New'; margin-bottom: 10px"><?php _e('(towards the house)', 'what-did-they-say') ?></div> <span class="direction">(towards the house)</span>
<div style="font-family: 'Courier New'"><?php _e('Hey, where are the keys?', 'what-did-they-say') ?></div> <span class="speech">Hey, where are the keys?</span>
</div> </div>
</div> </div>

View File

@ -43,6 +43,12 @@
</select> </select>
</label> </label>
<div id="wdts-shorttags">
<button class="wdts-create" id="wdts-scene-heading">Scene Heading</button>
<button class="wdts-create" id="wdts-scene-action">Scene Action</button>
<button class="wdts-create" id="wdts-dialog">Dialog</button>
</div>
<?php foreach (array_keys($options['languages']) as $code) { <?php foreach (array_keys($options['languages']) as $code) {
$approved_transcript_text = ''; $approved_transcript_text = '';
foreach ($approved_transcripts as $transcript) { foreach ($approved_transcripts as $transcript) {
@ -61,10 +67,12 @@
'overwrite': '<?php _e('This will overwrite the current transcript. Are you sure?', 'what-did-they-say') ?>', 'overwrite': '<?php _e('This will overwrite the current transcript. Are you sure?', 'what-did-they-say') ?>',
'delete': '<?php _e('This will delete the queued transcript. Are you sure?', 'what-did-they-say') ?>', 'delete': '<?php _e('This will delete the queued transcript. Are you sure?', 'what-did-they-say') ?>',
'approved': '<?php _e('Transcript approved and posted. You can further edit it below.', 'what-did-they-say') ?>', 'approved': '<?php _e('Transcript approved and posted. You can further edit it below.', 'what-did-they-say') ?>',
'deleted': '<?php _e('Transcript deleted.', 'what-did-they-say') ?>' 'deleted': '<?php _e('Transcript deleted.', 'what-did-they-say') ?>',
'scene_heading': '<?php _e('Enter the scene heading:', 'what-did-they-say') ?>',
'scene_action': '<?php _e('Enter the scene action:', 'what-did-they-say') ?>',
'dialog_name': '<?php _e('Enter the character name:', 'what-did-they-say') ?>',
'dialog_direction': '<?php _e('Enter the direction in which the character is speaking:', 'what-did-they-say') ?>',
'dialog_speech': '<?php _e('Enter what the character is speaking:', 'what-did-they-say') ?>',
}; };
var s = document.createElement('script');
s.src = '<?php echo plugin_dir_url(dirname(__FILE__)) . 'js/edit-transcripts.js' ?>';
document.getElementsByTagName('head')[0].appendChild(s);
</script> </script>
<script type="text/javascript" src="<?php echo plugin_dir_url(dirname(__FILE__)) . '../js/edit-transcripts.js' ?>"></script>

View File

@ -53,3 +53,8 @@
float: right; float: right;
display: inline display: inline
} }
#wdts-shorttags {
background-color: #DFDFDF;
padding: 3px
}

View File

@ -3,11 +3,93 @@ function switch_transcript() {
(t.id == "wdts-transcripts-" + $F('wdts-language')) ? t.show() : t.hide(); (t.id == "wdts-transcripts-" + $F('wdts-language')) ? t.show() : t.hide();
}); });
} }
switch_transcript();
Event.observe(language_selector, 'change', switch_transcript); var WDTSInjector = Class.create({
initialize: function(textarea, end) {
this.textarea = textarea;
this.end = end;
},
inject: function(text, position) {
this.textarea.value = this.textarea.value.substr(0, position) + text + this.textarea.value.substr(position);
this.end += text.length;
},
set_caret: function() {
if (this.textarea.setSelectionRange) {
this.textarea.focus();
this.textarea.setSelectionRange(this.end, this.end);
} else if (this.textarea.createTextRange) {
var range = this.textarea.createTextRange();
range.collapse(true);
range.moveEnd('character', this.end);
range.moveStart('character', this.end);
range.select();
}
}
});
$$('#wdts-shorttags button').each(function(b) {
b.observe('click', function(e) {
Event.stop(e);
var current_transcript = $("wdts-transcripts-" + $F('wdts-language'));
if (current_transcript) {
if (document.selection) {
var range = document.selection.createRange();
var stored_range = range.duplicate();
stored_range.moveToElementText( element );
stored_range.setEndPoint( 'EndToEnd', range );
element.selectionStart = stored_range.text.length - range.text.length;
element.selectionEnd = element.selectionStart + range.text.length;
}
var start = current_transcript.selectionStart;
var end = current_transcript.selectionEnd;
var injector = new WDTSInjector(current_transcript, end);
var new_content = (start == end);
var tag = b.id.replace('wdts-', '');
switch (b.id) {
case 'wdts-scene-heading':
case 'wdts-scene-action':
var message = tag.replace('-', '_');
if (new_content) {
var content = prompt(messages[message]);
if (content) {
injector.inject('[' + tag + ']' + content + "[/" + tag + "]\n", start);
}
} else {
injector.inject("[/" + tag + "]\n", end);
injector.inject('[' + tag + ']', start);
}
break;
case 'wdts-dialog':
var name = prompt(messages.dialog_name);
if (name) {
var direction = prompt(messages.dialog_direction);
var tag = '[dialog name="' + name + '"';
if (direction) { tag += ' direction="' + direction + '"'; }
tag += ']';
if (new_content) {
var speech = prompt(messages.dialog_speech);
tag += speech + "[/dialog]\n";
injector.inject(tag, start);
} else {
injector.inject("[/dialog]\n", end);
injector.inject(tag, start);
}
}
break;
}
injector.set_caret();
}
});
});
$$('.approve-transcript').each(function(b) { $$('.approve-transcript').each(function(b) {
Event.observe(b, 'click', function(e) { b.observe('click', function(e) {
Event.stop(e); Event.stop(e);
var lang = b.parentNode.parentNode.select("input[name*=[language]]").shift(); var lang = b.parentNode.parentNode.select("input[name*=[language]]").shift();
var post_id = b.parentNode.parentNode.parentNode.select("input[name*=[post_id]]").shift(); var post_id = b.parentNode.parentNode.parentNode.select("input[name*=[post_id]]").shift();
@ -89,3 +171,7 @@ $$('.delete-transcript').each(function(b) {
} }
}); });
}); });
switch_transcript();
Event.observe(window, 'load', switch_transcript);
Event.observe(language_selector, 'change', switch_transcript);