| @@ -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,8 +31,12 @@ | ||
| 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 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(); | |
| 35 | 39 | var btnlink = jQuery('#icon-dialog input#btn-link').val(); |
| 36 | 40 | var btarget = jQuery('#icon-dialog select#btn-target').val(); |
| 37 | 41 | |
| 38 | 42 | var output = ''; |
| @@ -53,8 +57,22 @@ | ||
| 53 | 57 | } else { |
| 54 | 58 | output += ''; |
| 55 | 59 | } |
| 56 | 60 | } |
| 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 | + } | |
| 57 | 75 | output += 'link="' + btnlink +'" '; |
| 58 | 76 | output += 'target="' + btarget +'"'; |
| 59 | 77 | output += ']'; |
| 60 | 78 | |
| @@ -77,86 +95,141 @@ | ||
| 77 | 95 | <div id="icon-dialog"> |
| 78 | 96 | <form action="/" method="get" accept-charset="utf-8"> |
| 79 | 97 | <div class="linebreak"> |
| 80 | 98 | <div> |
| 81 | - <label for="btn-text"><?php _e("Button Text", "virtue"); ?></label> | |
| 99 | + <label for="btn-text"><?php _e("Button Text", 'virtue-toolkit'); ?></label> | |
| 82 | 100 | <input type="text" name="btn_text" value="" id="text" /> |
| 83 | 101 | </div> |
| 84 | 102 | </div> |
| 85 | 103 | <div class="linebreak"> |
| 86 | 104 | <div> |
| 87 | - <label for="btn-color"><?php _e("Text Color", "virtue"); ?></label> | |
| 105 | + <label for="btn-color"><?php _e("Text Color", 'virtue-toolkit'); ?></label> | |
| 88 | 106 | <select name="btn-color" id="text-color"> |
| 89 | - <option value="#FFF"><?php _e("White", "virtue"); ?></option> | |
| 90 | - <option value="#F2F2F2"><?php _e("Off-White", "virtue"); ?></option> | |
| 91 | - <option value="#000"><?php _e("Black", "virtue"); ?></option> | |
| 92 | - <option value="#CDCDCD"><?php _e("Light-Gray", "virtue"); ?></option> | |
| 93 | - <option value="#999"><?php _e("Gray", "virtue"); ?></option> | |
| 94 | - <option value="#444"><?php _e("Dark-Gray", "virtue"); ?></option> | |
| 95 | - <option value="#CCC"><?php _e("Silver", "virtue"); ?></option> | |
| 96 | - <option value="#FF0000"><?php _e("Red", "virtue"); ?></option> | |
| 97 | - <option value="#0000FF"><?php _e("Blue", "virtue"); ?></option> | |
| 98 | - <option value="#008000"><?php _e("Green", "virtue"); ?></option> | |
| 99 | - <option value="#FFFF00"><?php _e("Yellow", "virtue"); ?></option> | |
| 100 | - <option value="#FFA500"><?php _e("Orange", "virtue"); ?></option> | |
| 101 | - <option value="#FF00FF"><?php _e("Pink", "virtue"); ?></option> | |
| 102 | - <option value="#800080"><?php _e("Purple", "virtue"); ?></option> | |
| 103 | - <option value="#8B4513"><?php _e("Brown", "virtue"); ?></option> | |
| 104 | - <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> | |
| 105 | 123 | </select> |
| 106 | 124 | </div> |
| 107 | 125 | <div> |
| 108 | - <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> | |
| 109 | 127 | <input type="text"class="btn-hex" name="text-color-hex" value="" id="text-color-hex" /> |
| 110 | 128 | </div> |
| 111 | 129 | </div> |
| 112 | 130 | <div class="linebreak"> |
| 113 | 131 | <div> |
| 114 | - <label for="btn-color"><?php _e("Button Color", "virtue"); ?></label> | |
| 132 | + <label for="btn-color"><?php _e("Button Color", 'virtue-toolkit'); ?></label> | |
| 115 | 133 | <select name="btn-color" id="btn-color"> |
| 116 | - <option value=""><?php _e("Primary Color", "virtue"); ?></option> | |
| 117 | - <option value="#000"><?php _e("Black", "virtue"); ?></option> | |
| 118 | - <option value="#CDCDCD"><?php _e("Light-Gray", "virtue"); ?></option> | |
| 119 | - <option value="#999"><?php _e("Gray", "virtue"); ?></option> | |
| 120 | - <option value="#444"><?php _e("Dark-Gray", "virtue"); ?></option> | |
| 121 | - <option value="#CCC"><?php _e("Silver", "virtue"); ?></option> | |
| 122 | - <option value="#FFF"><?php _e("White", "virtue"); ?></option> | |
| 123 | - <option value="#F2F2F2"><?php _e("Off-White", "virtue"); ?></option> | |
| 124 | - <option value="#FF0000"><?php _e("Red", "virtue"); ?></option> | |
| 125 | - <option value="#0000FF"><?php _e("Blue", "virtue"); ?></option> | |
| 126 | - <option value="#008000"><?php _e("Green", "virtue"); ?></option> | |
| 127 | - <option value="#FFFF00"><?php _e("Yellow", "virtue"); ?></option> | |
| 128 | - <option value="#FFA500"><?php _e("Orange", "virtue"); ?></option> | |
| 129 | - <option value="#FF00FF"><?php _e("Pink", "virtue"); ?></option> | |
| 130 | - <option value="#800080"><?php _e("Purple", "virtue"); ?></option> | |
| 131 | - <option value="#8B4513"><?php _e("Brown", "virtue"); ?></option> | |
| 132 | - <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> | |
| 133 | 151 | |
| 134 | 152 | </select> |
| 135 | 153 | </div> |
| 136 | 154 | <div> |
| 137 | - <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> | |
| 138 | 156 | <input type="text" class="btn-hex" name="btn-color-hex" value="" id="btn-color-hex" /> |
| 139 | 157 | </div> |
| 140 | 158 | </div> |
| 141 | 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"> | |
| 142 | 187 | <div> |
| 143 | - <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> | |
| 144 | 217 | <input type="text" name="btn-link" value="" id="btn-link" /> |
| 145 | 218 | </div> |
| 146 | 219 | </div> |
| 147 | 220 | <div class="linebreak"> |
| 148 | 221 | <div> |
| 149 | - <label for="btn-target"><?php _e("Button Link Target", "virtue"); ?></label> | |
| 222 | + <label for="btn-target"><?php _e("Button Link Target", 'virtue-toolkit'); ?></label> | |
| 150 | 223 | <select name="btn-target" id="btn-target"> |
| 151 | - <option value="_self"><?php _e("Same Window", "virtue"); ?></option> | |
| 152 | - <option value="_blank"><?php _e("New Window/Tab", "virtue"); ?></option> | |
| 224 | + <option value="_self"><?php _e("Same Window", 'virtue-toolkit'); ?></option> | |
| 225 | + <option value="_blank"><?php _e("New Window/Tab", 'virtue-toolkit'); ?></option> | |
| 153 | 226 | </select> |
| 154 | 227 | </div> |
| 155 | 228 | </div> |
| 156 | 229 | <div> |
| 157 | - <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> | |
| 158 | 231 | </div> |
| 159 | 232 | </form> |
| 160 | 233 | </div> |
| 161 | 234 | </body> |
| 162 | 235 | </html> |
