| @@ -6,9 +6,9 @@ | ||
| 6 | 6 | global $wp_scripts; |
| 7 | 7 | ?> |
| 8 | 8 | <!DOCTYPE html> |
| 9 | 9 | <head> |
| 10 | -<title><?php _e("Insert Button", "virtue"); ?></title> | |
| 10 | +<title><?php _e("Insert Button", 'virtue-toolkit'); ?></title> | |
| 11 | 11 | <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php echo get_option('blog_charset'); ?>" /> |
| 12 | 12 | <script language="javascript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/wp-includes/js/tinymce/tiny_mce_popup.js"></script> |
| 13 | 13 | <script language="javascript" type="text/javascript" src="<?php echo site_url(); ?>/wp-includes/js/tinymce/utils/form_utils.js"></script> |
| 14 | 14 | <base target="_self" /> |
| @@ -31,9 +31,14 @@ | ||
| 31 | 31 | var tcolor = jQuery('#icon-dialog select#text-color').val(); |
| 32 | 32 | var texthex = jQuery('#icon-dialog input#text-color-hex').val(); |
| 33 | 33 | var bcolor = jQuery('#icon-dialog select#btn-color').val(); |
| 34 | 34 | var btnhex = jQuery('#icon-dialog input#btn-color-hex').val(); |
| 35 | - var btnlink = jQuery('#icon-dialog input#btn-link').val(); | |
| 35 | + var thovercolor = jQuery('#icon-dialog select#text-hover-color').val(); | |
| 36 | + var texthoverhex = jQuery('#icon-dialog input#text-hover-color-hex').val(); | |
| 37 | + var bhovercolor = jQuery('#icon-dialog select#btn-hover-color').val(); | |
| 38 | + var btnhoverhex = jQuery('#icon-dialog input#btn-hover-color-hex').val(); | |
| 39 | + var btnlink = jQuery('#icon-dialog input#btn-link').val(); | |
| 40 | + var btarget = jQuery('#icon-dialog select#btn-target').val(); | |
| 36 | 41 | |
| 37 | 42 | var output = ''; |
| 38 | 43 | |
| 39 | 44 | // setup the output of our shortcode |
| @@ -52,9 +57,24 @@ | ||
| 52 | 57 | } else { |
| 53 | 58 | output += ''; |
| 54 | 59 | } |
| 55 | 60 | } |
| 56 | - output += 'link="' + btnlink +'"'; | |
| 61 | + if(texthoverhex) | |
| 62 | + output += ' thovercolor=' + texthoverhex + ' '; | |
| 63 | + else { | |
| 64 | + output += 'thovercolor=' + thovercolor + ' '; | |
| 65 | + } | |
| 66 | + if(btnhoverhex) { | |
| 67 | + output += ' bhovercolor=' + btnhoverhex + ' '; | |
| 68 | + } else { | |
| 69 | + if(bhovercolor) { | |
| 70 | + output += 'bhovercolor=' + bhovercolor + ' '; | |
| 71 | + } else { | |
| 72 | + output += ''; | |
| 73 | + } | |
| 74 | + } | |
| 75 | + output += 'link="' + btnlink +'" '; | |
| 76 | + output += 'target="' + btarget +'"'; | |
| 57 | 77 | output += ']'; |
| 58 | 78 | |
| 59 | 79 | tinyMCEPopup.execCommand('mceInsertContent', false, output); |
| 60 | 80 | |
| @@ -65,9 +85,9 @@ | ||
| 65 | 85 | tinyMCEPopup.onInit.add(ButtonDialog.init, ButtonDialog); |
| 66 | 86 | |
| 67 | 87 | </script> |
| 68 | 88 | |
| 69 | -<style type="text/css" media="screen"> .kad-popup {padding: 0 8px; font-size: 0;} #icon-dialog {font-size: 12px;} #icon-dialog label {font-size:14px; display:block; padding:4px;} #icon-dialog label.hex {font-size:12px; line-height:24px; display:inline-block; padding:6px 4px 6px 12px;} #icon-dialog select {display:block; height:28px; width:300px; font-size:12px;} #icon-dialog input {display:block; width:300px; height:24px;} #icon-dialog input.btn-hex {display:inline-block; width:120px; height:24px;} #icon-dialog a#insert {margin-top:15px;} .linebreak {margin-bottom:6px; border-bottom: solid 1px #d7d7d7; padding-bottom:6px} | |
| 89 | +<style type="text/css" media="screen"> .kad-popup {padding: 0 8px 8px; font-size: 0;} #icon-dialog {font-size: 12px;} #icon-dialog label {font-size:14px; display:block; padding:4px;} #icon-dialog label.hex {font-size:12px; line-height:24px; display:inline-block; padding:6px 4px 6px 12px;} #icon-dialog select {display:block; height:28px; width:300px; font-size:12px;} #icon-dialog input {display:block; width:300px; height:24px;} #icon-dialog input.btn-hex {display:inline-block; width:120px; height:24px;} #icon-dialog a#insert {margin-top:15px;} .linebreak {margin-bottom:6px; border-bottom: solid 1px #d7d7d7; padding-bottom:6px} | |
| 70 | 90 | |
| 71 | 91 | </style> |
| 72 | 92 | |
| 73 | 93 | </head> |
| @@ -75,77 +95,141 @@ | ||
| 75 | 95 | <div id="icon-dialog"> |
| 76 | 96 | <form action="/" method="get" accept-charset="utf-8"> |
| 77 | 97 | <div class="linebreak"> |
| 78 | 98 | <div> |
| 79 | - <label for="btn-text"><?php _e("Button Text", "virtue"); ?></label> | |
| 99 | + <label for="btn-text"><?php _e("Button Text", 'virtue-toolkit'); ?></label> | |
| 80 | 100 | <input type="text" name="btn_text" value="" id="text" /> |
| 81 | 101 | </div> |
| 82 | 102 | </div> |
| 83 | 103 | <div class="linebreak"> |
| 84 | 104 | <div> |
| 85 | - <label for="btn-color"><?php _e("Text Color", "virtue"); ?></label> | |
| 105 | + <label for="btn-color"><?php _e("Text Color", 'virtue-toolkit'); ?></label> | |
| 86 | 106 | <select name="btn-color" id="text-color"> |
| 87 | - <option value="#FFF"><?php _e("White", "virtue"); ?></option> | |
| 88 | - <option value="#F2F2F2"><?php _e("Off-White", "virtue"); ?></option> | |
| 89 | - <option value="#000"><?php _e("Black", "virtue"); ?></option> | |
| 90 | - <option value="#CDCDCD"><?php _e("Light-Gray", "virtue"); ?></option> | |
| 91 | - <option value="#999"><?php _e("Gray", "virtue"); ?></option> | |
| 92 | - <option value="#444"><?php _e("Dark-Gray", "virtue"); ?></option> | |
| 93 | - <option value="#CCC"><?php _e("Silver", "virtue"); ?></option> | |
| 94 | - <option value="#FF0000"><?php _e("Red", "virtue"); ?></option> | |
| 95 | - <option value="#0000FF"><?php _e("Blue", "virtue"); ?></option> | |
| 96 | - <option value="#008000"><?php _e("Green", "virtue"); ?></option> | |
| 97 | - <option value="#FFFF00"><?php _e("Yellow", "virtue"); ?></option> | |
| 98 | - <option value="#FFA500"><?php _e("Orange", "virtue"); ?></option> | |
| 99 | - <option value="#FF00FF"><?php _e("Pink", "virtue"); ?></option> | |
| 100 | - <option value="#800080"><?php _e("Purple", "virtue"); ?></option> | |
| 101 | - <option value="#8B4513"><?php _e("Brown", "virtue"); ?></option> | |
| 102 | - <option value="#800000"><?php _e("Maroon", "virtue"); ?></option> | |
| 107 | + <option value="#FFF"><?php _e("White", 'virtue-toolkit'); ?></option> | |
| 108 | + <option value="#F2F2F2"><?php _e("Off-White", 'virtue-toolkit'); ?></option> | |
| 109 | + <option value="#000"><?php _e("Black", 'virtue-toolkit'); ?></option> | |
| 110 | + <option value="#CDCDCD"><?php _e("Light-Gray", 'virtue-toolkit'); ?></option> | |
| 111 | + <option value="#999"><?php _e("Gray", 'virtue-toolkit'); ?></option> | |
| 112 | + <option value="#444"><?php _e("Dark-Gray", 'virtue-toolkit'); ?></option> | |
| 113 | + <option value="#CCC"><?php _e("Silver", 'virtue-toolkit'); ?></option> | |
| 114 | + <option value="#FF0000"><?php _e("Red", 'virtue-toolkit'); ?></option> | |
| 115 | + <option value="#0000FF"><?php _e("Blue", 'virtue-toolkit'); ?></option> | |
| 116 | + <option value="#008000"><?php _e("Green", 'virtue-toolkit'); ?></option> | |
| 117 | + <option value="#FFFF00"><?php _e("Yellow", 'virtue-toolkit'); ?></option> | |
| 118 | + <option value="#FFA500"><?php _e("Orange", 'virtue-toolkit'); ?></option> | |
| 119 | + <option value="#FF00FF"><?php _e("Pink", 'virtue-toolkit'); ?></option> | |
| 120 | + <option value="#800080"><?php _e("Purple", 'virtue-toolkit'); ?></option> | |
| 121 | + <option value="#8B4513"><?php _e("Brown", 'virtue-toolkit'); ?></option> | |
| 122 | + <option value="#800000"><?php _e("Maroon", 'virtue-toolkit'); ?></option> | |
| 103 | 123 | </select> |
| 104 | 124 | </div> |
| 105 | 125 | <div> |
| 106 | - <label class="hex" for="text-color-hex"><?php _e("Or Type Hex Color", "virtue"); ?></label> | |
| 126 | + <label class="hex" for="text-color-hex"><?php _e("Or Type Hex Color", 'virtue-toolkit'); ?></label> | |
| 107 | 127 | <input type="text"class="btn-hex" name="text-color-hex" value="" id="text-color-hex" /> |
| 108 | 128 | </div> |
| 109 | 129 | </div> |
| 110 | 130 | <div class="linebreak"> |
| 111 | 131 | <div> |
| 112 | - <label for="btn-color"><?php _e("Button Color", "virtue"); ?></label> | |
| 132 | + <label for="btn-color"><?php _e("Button Color", 'virtue-toolkit'); ?></label> | |
| 113 | 133 | <select name="btn-color" id="btn-color"> |
| 114 | - <option value=""><?php _e("Primary Color", "virtue"); ?></option> | |
| 115 | - <option value="#000"><?php _e("Black", "virtue"); ?></option> | |
| 116 | - <option value="#CDCDCD"><?php _e("Light-Gray", "virtue"); ?></option> | |
| 117 | - <option value="#999"><?php _e("Gray", "virtue"); ?></option> | |
| 118 | - <option value="#444"><?php _e("Dark-Gray", "virtue"); ?></option> | |
| 119 | - <option value="#CCC"><?php _e("Silver", "virtue"); ?></option> | |
| 120 | - <option value="#FFF"><?php _e("White", "virtue"); ?></option> | |
| 121 | - <option value="#F2F2F2"><?php _e("Off-White", "virtue"); ?></option> | |
| 122 | - <option value="#FF0000"><?php _e("Red", "virtue"); ?></option> | |
| 123 | - <option value="#0000FF"><?php _e("Blue", "virtue"); ?></option> | |
| 124 | - <option value="#008000"><?php _e("Green", "virtue"); ?></option> | |
| 125 | - <option value="#FFFF00"><?php _e("Yellow", "virtue"); ?></option> | |
| 126 | - <option value="#FFA500"><?php _e("Orange", "virtue"); ?></option> | |
| 127 | - <option value="#FF00FF"><?php _e("Pink", "virtue"); ?></option> | |
| 128 | - <option value="#800080"><?php _e("Purple", "virtue"); ?></option> | |
| 129 | - <option value="#8B4513"><?php _e("Brown", "virtue"); ?></option> | |
| 130 | - <option value="#800000"><?php _e("Maroon", "virtue"); ?></option> | |
| 134 | + <option value=""><?php _e("Primary Color", 'virtue-toolkit'); ?></option> | |
| 135 | + <option value="#000"><?php _e("Black", 'virtue-toolkit'); ?></option> | |
| 136 | + <option value="#CDCDCD"><?php _e("Light-Gray", 'virtue-toolkit'); ?></option> | |
| 137 | + <option value="#999"><?php _e("Gray", 'virtue-toolkit'); ?></option> | |
| 138 | + <option value="#444"><?php _e("Dark-Gray", 'virtue-toolkit'); ?></option> | |
| 139 | + <option value="#CCC"><?php _e("Silver", 'virtue-toolkit'); ?></option> | |
| 140 | + <option value="#FFF"><?php _e("White", 'virtue-toolkit'); ?></option> | |
| 141 | + <option value="#F2F2F2"><?php _e("Off-White", 'virtue-toolkit'); ?></option> | |
| 142 | + <option value="#FF0000"><?php _e("Red", 'virtue-toolkit'); ?></option> | |
| 143 | + <option value="#0000FF"><?php _e("Blue", 'virtue-toolkit'); ?></option> | |
| 144 | + <option value="#008000"><?php _e("Green", 'virtue-toolkit'); ?></option> | |
| 145 | + <option value="#FFFF00"><?php _e("Yellow", 'virtue-toolkit'); ?></option> | |
| 146 | + <option value="#FFA500"><?php _e("Orange", 'virtue-toolkit'); ?></option> | |
| 147 | + <option value="#FF00FF"><?php _e("Pink", 'virtue-toolkit'); ?></option> | |
| 148 | + <option value="#800080"><?php _e("Purple", 'virtue-toolkit'); ?></option> | |
| 149 | + <option value="#8B4513"><?php _e("Brown", 'virtue-toolkit'); ?></option> | |
| 150 | + <option value="#800000"><?php _e("Maroon", 'virtue-toolkit'); ?></option> | |
| 131 | 151 | |
| 132 | 152 | </select> |
| 133 | 153 | </div> |
| 134 | 154 | <div> |
| 135 | - <label class="hex" for="btn-color-hex"><?php _e("Or Type Hex Color", "virtue"); ?></label> | |
| 155 | + <label class="hex" for="btn-color-hex"><?php _e("Or Type Hex Color", 'virtue-toolkit'); ?></label> | |
| 136 | 156 | <input type="text" class="btn-hex" name="btn-color-hex" value="" id="btn-color-hex" /> |
| 137 | 157 | </div> |
| 138 | 158 | </div> |
| 139 | 159 | <div class="linebreak"> |
| 160 | + <div> | |
| 161 | + <label for="btn-color"><?php _e("Text Hover Color", 'virtue-toolkit'); ?></label> | |
| 162 | + <select name="btn-color" id="text-hover-color"> | |
| 163 | + <option value="#FFF"><?php _e("White", 'virtue-toolkit'); ?></option> | |
| 164 | + <option value="#F2F2F2"><?php _e("Off-White", 'virtue-toolkit'); ?></option> | |
| 165 | + <option value="#000"><?php _e("Black", 'virtue-toolkit'); ?></option> | |
| 166 | + <option value="#CDCDCD"><?php _e("Light-Gray", 'virtue-toolkit'); ?></option> | |
| 167 | + <option value="#999"><?php _e("Gray", 'virtue-toolkit'); ?></option> | |
| 168 | + <option value="#444"><?php _e("Dark-Gray", 'virtue-toolkit'); ?></option> | |
| 169 | + <option value="#CCC"><?php _e("Silver", 'virtue-toolkit'); ?></option> | |
| 170 | + <option value="#FF0000"><?php _e("Red", 'virtue-toolkit'); ?></option> | |
| 171 | + <option value="#0000FF"><?php _e("Blue", 'virtue-toolkit'); ?></option> | |
| 172 | + <option value="#008000"><?php _e("Green", 'virtue-toolkit'); ?></option> | |
| 173 | + <option value="#FFFF00"><?php _e("Yellow", 'virtue-toolkit'); ?></option> | |
| 174 | + <option value="#FFA500"><?php _e("Orange", 'virtue-toolkit'); ?></option> | |
| 175 | + <option value="#FF00FF"><?php _e("Pink", 'virtue-toolkit'); ?></option> | |
| 176 | + <option value="#800080"><?php _e("Purple", 'virtue-toolkit'); ?></option> | |
| 177 | + <option value="#8B4513"><?php _e("Brown", 'virtue-toolkit'); ?></option> | |
| 178 | + <option value="#800000"><?php _e("Maroon", 'virtue-toolkit'); ?></option> | |
| 179 | + </select> | |
| 180 | + </div> | |
| 181 | + <div> | |
| 182 | + <label class="hex" for="text-color-hex"><?php _e("Or Type Hex Color", 'virtue-toolkit'); ?></label> | |
| 183 | + <input type="text"class="btn-hex" name="text-color-hex" value="" id="text-hover-color-hex" /> | |
| 184 | + </div> | |
| 185 | + </div> | |
| 186 | + <div class="linebreak"> | |
| 140 | 187 | <div> |
| 141 | - <label for="btn-link"><?php _e("Button Link", "virtue"); ?></label> | |
| 188 | + <label for="btn-color"><?php _e("Button Background Hover Color", 'virtue-toolkit'); ?></label> | |
| 189 | + <select name="btn-color" id="btn-hover-color"> | |
| 190 | + <option value=""><?php _e("30% Primary Color", 'virtue-toolkit'); ?></option> | |
| 191 | + <option value="#000"><?php _e("Black", 'virtue-toolkit'); ?></option> | |
| 192 | + <option value="#CDCDCD"><?php _e("Light-Gray", 'virtue-toolkit'); ?></option> | |
| 193 | + <option value="#999"><?php _e("Gray", 'virtue-toolkit'); ?></option> | |
| 194 | + <option value="#444"><?php _e("Dark-Gray", 'virtue-toolkit'); ?></option> | |
| 195 | + <option value="#CCC"><?php _e("Silver", 'virtue-toolkit'); ?></option> | |
| 196 | + <option value="#FFF"><?php _e("White", 'virtue-toolkit'); ?></option> | |
| 197 | + <option value="#F2F2F2"><?php _e("Off-White", 'virtue-toolkit'); ?></option> | |
| 198 | + <option value="#FF0000"><?php _e("Red", 'virtue-toolkit'); ?></option> | |
| 199 | + <option value="#0000FF"><?php _e("Blue", 'virtue-toolkit'); ?></option> | |
| 200 | + <option value="#008000"><?php _e("Green", 'virtue-toolkit'); ?></option> | |
| 201 | + <option value="#FFFF00"><?php _e("Yellow", 'virtue-toolkit'); ?></option> | |
| 202 | + <option value="#FFA500"><?php _e("Orange", 'virtue-toolkit'); ?></option> | |
| 203 | + <option value="#FF00FF"><?php _e("Pink", 'virtue-toolkit'); ?></option> | |
| 204 | + <option value="#800080"><?php _e("Purple", 'virtue-toolkit'); ?></option> | |
| 205 | + <option value="#8B4513"><?php _e("Brown", 'virtue-toolkit'); ?></option> | |
| 206 | + <option value="#800000"><?php _e("Maroon", 'virtue-toolkit'); ?></option> | |
| 207 | + </select> | |
| 208 | + </div> | |
| 209 | + <div> | |
| 210 | + <label class="hex" for="btn-color-hex"><?php _e("Or Type Hex Color", 'virtue-toolkit'); ?></label> | |
| 211 | + <input type="text" class="btn-hex" name="btn-color-hex" value="" id="btn-hover-color-hex" /> | |
| 212 | + </div> | |
| 213 | + </div> | |
| 214 | + <div class="linebreak"> | |
| 215 | + <div> | |
| 216 | + <label for="btn-link"><?php _e("Button Link", 'virtue-toolkit'); ?></label> | |
| 142 | 217 | <input type="text" name="btn-link" value="" id="btn-link" /> |
| 143 | 218 | </div> |
| 144 | 219 | </div> |
| 220 | + <div class="linebreak"> | |
| 221 | + <div> | |
| 222 | + <label for="btn-target"><?php _e("Button Link Target", 'virtue-toolkit'); ?></label> | |
| 223 | + <select name="btn-target" id="btn-target"> | |
| 224 | + <option value="_self"><?php _e("Same Window", 'virtue-toolkit'); ?></option> | |
| 225 | + <option value="_blank"><?php _e("New Window/Tab", 'virtue-toolkit'); ?></option> | |
| 226 | + </select> | |
| 227 | + </div> | |
| 228 | + </div> | |
| 145 | 229 | <div> |
| 146 | - <a href="javascript:ButtonDialog.insert(ButtonDialog.local_ed)" id="insert" style="display: block; line-height: 24px; text-align:center"><?php _e("Insert", "virtue"); ?></a> | |
| 230 | + <a href="javascript:ButtonDialog.insert(ButtonDialog.local_ed)" id="insert" style="display: block; line-height: 24px; text-align:center"><?php _e("Insert", 'virtue-toolkit'); ?></a> | |
| 147 | 231 | </div> |
| 148 | 232 | </form> |
| 149 | 233 | </div> |
| 150 | 234 | </body> |
| 151 | 235 | </html> |
