| 1 |
(function() { |
| 2 |
tinymce.create('tinymce.plugins.oscitasButtons', { |
| 3 |
init : function(ed, url) { |
| 4 |
ed.addButton('oscitasbuttons', { |
| 5 |
title : 'Button Shortcode', |
| 6 |
image : url+'/icon.png', |
| 7 |
onclick : function() { |
| 8 |
create_oscitas_button(); |
| 9 |
jQuery.fancybox({ |
| 10 |
'autoSize':false, |
| 11 |
'autoWidth':false, |
| 12 |
'fitToView':false, |
| 13 |
'height':'auto', |
| 14 |
'topRatio':0.1, |
| 15 |
'width':800, |
| 16 |
'type' : 'inline', |
| 17 |
'title' : 'Button Shortcode', |
| 18 |
'href' : '#oscitas-form-button', |
| 19 |
helpers: { |
| 20 |
title : { |
| 21 |
type : 'over', |
| 22 |
position:'top' |
| 23 |
} |
| 24 |
} |
| 25 |
}); |
| 26 |
} |
| 27 |
}); |
| 28 |
}, |
| 29 |
createControl : function(n, cm) { |
| 30 |
return null; |
| 31 |
}, |
| 32 |
getInfo : function() { |
| 33 |
return { |
| 34 |
longname : "Button Shortcode", |
| 35 |
author : 'Oscitas Themes', |
| 36 |
authorurl : 'http://www.oscitasthemes.com/', |
| 37 |
infourl : 'http://www.oscitasthemes.com/', |
| 38 |
version : "2.0.0" |
| 39 |
}; |
| 40 |
} |
| 41 |
}); |
| 42 |
tinymce.PluginManager.add('oscitasbuttons', tinymce.plugins.oscitasButtons); |
| 43 |
})(); |
| 44 |
|
| 45 |
function create_oscitas_button(){ |
| 46 |
if(jQuery('#oscitas-form-button').length){ |
| 47 |
jQuery('#oscitas-form-button').remove(); |
| 48 |
} |
| 49 |
// creates a form to be displayed everytime the button is clicked |
| 50 |
// you should achieve this using AJAX instead of direct html code like this |
| 51 |
var form = jQuery('<div id="oscitas-form-button"><table id="oscitas-table" class="form-table">\ |
| 52 |
<tr>\ |
| 53 |
<th><label for="oscitas-button-style">Style:</label></th>\ |
| 54 |
<td><select name="type" id="oscitas-button-style">\ |
| 55 |
<option value="btn-default">Simple</option>\ |
| 56 |
<option value="btn-primary">Primary</option>\ |
| 57 |
<option value="btn-success">Success</option>\ |
| 58 |
<option value="btn-info">Information</option>\ |
| 59 |
<option value="btn-warning">Warning</option>\ |
| 60 |
<option value="btn-danger">Danger</option>\ |
| 61 |
<option value="btn-link">Link</option>\ |
| 62 |
</select><br />\ |
| 63 |
</td>\ |
| 64 |
</tr>\ |
| 65 |
<tr>\ |
| 66 |
<th><label for="oscitas-button-size">Size:</label></th>\ |
| 67 |
<td><select name="type" id="oscitas-button-size">\ |
| 68 |
<option value="btn-lg">Large</option>\ |
| 69 |
<option value="btn-sm">Small</option>\ |
| 70 |
<option value="btn-xs">Ex-small</option>\ |
| 71 |
</select><br />\ |
| 72 |
</td>\ |
| 73 |
</tr>\ |
| 74 |
<tr>\ |
| 75 |
<th><label for="oscitas-button-type">Type:</label></th>\ |
| 76 |
<td><select name="type" id="oscitas-button-type">\ |
| 77 |
<option value="link">Link</option>\ |
| 78 |
<option value="button">Button</option>\ |
| 79 |
</select><br />\ |
| 80 |
</td>\ |
| 81 |
</tr>\ |
| 82 |
<tr>\ |
| 83 |
<th><label for="oscitas-heading-icon">Select Icon:</label></th>\ |
| 84 |
<td><div id="click_icon_list_button" class="oscitas-icon-div"><span id="osc_show_icon_button"></span><span class="show-drop"></span></div><input type="hidden" id="osc_icon_class_val_button" value="">\ |
| 85 |
<div id="osc_show_iconlist_button" class="oscitas-icon" style="display:none;width:100%"><ul name="oscitas-heading-icon_button" id="oscitas-heading-icon_button" class="oscitas-icon-ul">\ |
| 86 |
<li data-value="" class="glyphicon">N</li>\ |
| 87 |
<li data-value="glyphicon-adjust" class="glyphicon glyphicon-adjust"> </li>\ |
| 88 |
<li data-value="glyphicon-align-center" class="glyphicon glyphicon-align-center"> </li>\ |
| 89 |
<li data-value="glyphicon-align-justify" class="glyphicon glyphicon-align-justify"> </li>\ |
| 90 |
<li data-value="glyphicon-align-left" class="glyphicon glyphicon-align-left"> </li>\ |
| 91 |
<li data-value="glyphicon-align-right" class="glyphicon glyphicon-align-right"> </li>\ |
| 92 |
<li data-value="glyphicon-arrow-down" class="glyphicon glyphicon-arrow-down"> </li>\ |
| 93 |
<li data-value="glyphicon-arrow-left" class="glyphicon glyphicon-arrow-left"> </li>\ |
| 94 |
<li data-value="glyphicon-arrow-right" class="glyphicon glyphicon-arrow-right"> </li>\ |
| 95 |
<li data-value="glyphicon-arrow-up" class="glyphicon glyphicon-arrow-up"> </li>\ |
| 96 |
<li data-value="glyphicon-asterisk" class="glyphicon glyphicon-asterisk"> </li>\ |
| 97 |
<li data-value="glyphicon-backward" class="glyphicon glyphicon-backward"> </li>\ |
| 98 |
<li data-value="glyphicon-ban-circle" class="glyphicon glyphicon-ban-circle"> </li>\ |
| 99 |
<li data-value="glyphicon-barcode" class="glyphicon glyphicon-barcode"> </li>\ |
| 100 |
<li data-value="glyphicon-bell" class="glyphicon glyphicon-bell"> </li>\ |
| 101 |
<li data-value="glyphicon-bold" class="glyphicon glyphicon-bold"> </li>\ |
| 102 |
<li data-value="glyphicon-book" class="glyphicon glyphicon-book"> </li>\ |
| 103 |
<li data-value="glyphicon-bookmark" class="glyphicon glyphicon-bookmark"> </li>\ |
| 104 |
<li data-value="glyphicon-briefcase" class="glyphicon glyphicon-briefcase"> </li>\ |
| 105 |
<li data-value="glyphicon-bullhorn" class="glyphicon glyphicon-bullhorn"> </li>\ |
| 106 |
<li data-value="glyphicon-calendar" class="glyphicon glyphicon-calendar"> </li>\ |
| 107 |
<li data-value="glyphicon-camera" class="glyphicon glyphicon-camera"> </li>\ |
| 108 |
<li data-value="glyphicon-certificate" class="glyphicon glyphicon-certificate"> </li>\ |
| 109 |
<li data-value="glyphicon-check" class="glyphicon glyphicon-check"> </li>\ |
| 110 |
<li data-value="glyphicon-chevron-down" class="glyphicon glyphicon-chevron-down"> </li>\ |
| 111 |
<li data-value="glyphicon-chevron-left" class="glyphicon glyphicon-chevron-left"> </li>\ |
| 112 |
<li data-value="glyphicon-chevron-right" class="glyphicon glyphicon-chevron-right"> </li>\ |
| 113 |
<li data-value="glyphicon-chevron-up" class="glyphicon glyphicon-chevron-up"> </li>\ |
| 114 |
<li data-value="glyphicon-circle-arrow-down" class="glyphicon glyphicon-circle-arrow-down"> </li>\ |
| 115 |
<li data-value="glyphicon-circle-arrow-left" class="glyphicon glyphicon-circle-arrow-left"> </li>\ |
| 116 |
<li data-value="glyphicon-circle-arrow-right" class="glyphicon glyphicon-circle-arrow-right"> </li>\ |
| 117 |
<li data-value="glyphicon-circle-arrow-up" class="glyphicon glyphicon-circle-arrow-up"> </li>\ |
| 118 |
<li data-value="glyphicon-cloud" class="glyphicon glyphicon-cloud"> </li>\ |
| 119 |
<li data-value="glyphicon-cloud-download" class="glyphicon glyphicon-cloud-download"> </li>\ |
| 120 |
<li data-value="glyphicon-cloud-upload" class="glyphicon glyphicon-cloud-upload"> </li>\ |
| 121 |
<li data-value="glyphicon-cog" class="glyphicon glyphicon-cog"> </li>\ |
| 122 |
<li data-value="glyphicon-collapse-down" class="glyphicon glyphicon-collapse-down"> </li>\ |
| 123 |
<li data-value="glyphicon-collapse-up" class="glyphicon glyphicon-collapse-up"> </li>\ |
| 124 |
<li data-value="glyphicon-comment" class="glyphicon glyphicon-comment"> </li>\ |
| 125 |
<li data-value="glyphicon-compressed" class="glyphicon glyphicon-compressed"> </li>\ |
| 126 |
<li data-value="glyphicon-copyright-mark" class="glyphicon glyphicon-copyright-mark"> </li>\ |
| 127 |
<li data-value="glyphicon-credit-card" class="glyphicon glyphicon-credit-card"> </li>\ |
| 128 |
<li data-value="glyphicon-cutlery" class="glyphicon glyphicon-cutlery"> </li>\ |
| 129 |
<li data-value="glyphicon-dashboard" class="glyphicon glyphicon-dashboard"> </li>\ |
| 130 |
<li data-value="glyphicon-download" class="glyphicon glyphicon-download"> </li>\ |
| 131 |
<li data-value="glyphicon-download-alt" class="glyphicon glyphicon-download-alt"> </li>\ |
| 132 |
<li data-value="glyphicon-earphone" class="glyphicon glyphicon-earphone"> </li>\ |
| 133 |
<li data-value="glyphicon-edit" class="glyphicon glyphicon-edit"> </li>\ |
| 134 |
<li data-value="glyphicon-eject" class="glyphicon glyphicon-eject"> </li>\ |
| 135 |
<li data-value="glyphicon-envelope" class="glyphicon glyphicon-envelope"> </li>\ |
| 136 |
<li data-value="glyphicon-euro" class="glyphicon glyphicon-euro"> </li>\ |
| 137 |
<li data-value="glyphicon-exclamation-sign" class="glyphicon glyphicon-exclamation-sign"> </li>\ |
| 138 |
<li data-value="glyphicon-exclamation-sign" class="glyphicon glyphicon-exclamation-sign"> </li>\ |
| 139 |
<li data-value="glyphicon-expand" class="glyphicon glyphicon-expand"> </li>\ |
| 140 |
<li data-value="glyphicon-export" class="glyphicon glyphicon-export"> </li>\ |
| 141 |
<li data-value="glyphicon-eye-close" class="glyphicon glyphicon-eye-close"> </li>\ |
| 142 |
<li data-value="glyphicon-eye-open" class="glyphicon glyphicon-eye-open"> </li>\ |
| 143 |
<li data-value="glyphicon-facetime-video" class="glyphicon glyphicon-facetime-video"> </li>\ |
| 144 |
<li data-value="glyphicon-fast-backward" class="glyphicon glyphicon-fast-backward"> </li>\ |
| 145 |
<li data-value="glyphicon-fast-forward" class="glyphicon glyphicon-fast-forward"> </li>\ |
| 146 |
<li data-value="glyphicon-file" class="glyphicon glyphicon-file"> </li>\ |
| 147 |
<li data-value="glyphicon-film" class="glyphicon glyphicon-film"> </li>\ |
| 148 |
<li data-value="glyphicon-filter" class="glyphicon glyphicon-filter"> </li>\ |
| 149 |
<li data-value="glyphicon-fire" class="glyphicon glyphicon-fire"> </li>\ |
| 150 |
<li data-value="glyphicon-flag" class="glyphicon glyphicon-flag"> </li>\ |
| 151 |
<li data-value="glyphicon-floppy-disk" class="glyphicon glyphicon-floppy-disk"> </li>\ |
| 152 |
<li data-value="glyphicon-floppy-open" class="glyphicon glyphicon-floppy-open"> </li>\ |
| 153 |
<li data-value="glyphicon-floppy-remove" class="glyphicon glyphicon-floppy-remove"> </li>\ |
| 154 |
<li data-value="glyphicon-floppy-save" class="glyphicon glyphicon-floppy-save"> </li>\ |
| 155 |
<li data-value="glyphicon-floppy-saved" class="glyphicon glyphicon-floppy-saved"> </li>\ |
| 156 |
<li data-value="glyphicon-folder-close" class="glyphicon glyphicon-folder-close"> </li>\ |
| 157 |
<li data-value="glyphicon-folder-open" class="glyphicon glyphicon-folder-open"> </li>\ |
| 158 |
<li data-value="glyphicon-font" class="glyphicon glyphicon-font"> </li>\ |
| 159 |
<li data-value="glyphicon-forward" class="glyphicon glyphicon-forward"> </li>\ |
| 160 |
<li data-value="glyphicon-fullscreen" class="glyphicon glyphicon-fullscreen"> </li>\ |
| 161 |
<li data-value="glyphicon-gbp" class="glyphicon glyphicon-gbp"> </li>\ |
| 162 |
<li data-value="glyphicon-gift" class="glyphicon glyphicon-gift"> </li>\ |
| 163 |
<li data-value="glyphicon-glass" class="glyphicon glyphicon-glass"> </li>\ |
| 164 |
<li data-value="glyphicon-globe" class="glyphicon glyphicon-globe"> </li>\ |
| 165 |
<li data-value="glyphicon-hand-down" class="glyphicon glyphicon-hand-down"> </li>\ |
| 166 |
<li data-value="glyphicon-hand-left" class="glyphicon glyphicon-hand-left"> </li>\ |
| 167 |
<li data-value="glyphicon-hand-right" class="glyphicon glyphicon-hand-right"> </li>\ |
| 168 |
<li data-value="glyphicon-hand-up" class="glyphicon glyphicon-hand-up"> </li>\ |
| 169 |
<li data-value="glyphicon-hd-video" class="glyphicon glyphicon-hd-video"> </li>\ |
| 170 |
<li data-value="glyphicon-hdd" class="glyphicon glyphicon-hdd"> </li>\ |
| 171 |
<li data-value="glyphicon-header" class="glyphicon glyphicon-header"> </li>\ |
| 172 |
<li data-value="glyphicon-headphones" class="glyphicon glyphicon-headphones"> </li>\ |
| 173 |
<li data-value="glyphicon-heart" class="glyphicon glyphicon-heart"> </li>\ |
| 174 |
<li data-value="glyphicon-heart-empty" class="glyphicon glyphicon-heart-empty"> </li>\ |
| 175 |
<li data-value="glyphicon-home" class="glyphicon glyphicon-home"> </li>\ |
| 176 |
<li data-value="glyphicon-import" class="glyphicon glyphicon-import"> </li>\ |
| 177 |
<li data-value="glyphicon-inbox" class="glyphicon glyphicon-inbox"> </li>\ |
| 178 |
<li data-value="glyphicon-indent-left" class="glyphicon glyphicon-indent-left"> </li>\ |
| 179 |
<li data-value="glyphicon-indent-right" class="glyphicon glyphicon-indent-right"> </li>\ |
| 180 |
<li data-value="glyphicon-info-sign" class="glyphicon glyphicon-info-sign"> </li>\ |
| 181 |
<li data-value="glyphicon-italic" class="glyphicon glyphicon-italic"> </li>\ |
| 182 |
<li data-value="glyphicon-leaf" class="glyphicon glyphicon-leaf"> </li>\ |
| 183 |
<li data-value="glyphicon-link" class="glyphicon glyphicon-link"> </li>\ |
| 184 |
<li data-value="glyphicon-list" class="glyphicon glyphicon-list"> </li>\ |
| 185 |
<li data-value="glyphicon-list-alt" class="glyphicon glyphicon-list-alt"> </li>\ |
| 186 |
<li data-value="glyphicon-lock" class="glyphicon glyphicon-lock"> </li>\ |
| 187 |
<li data-value="glyphicon-log-in" class="glyphicon glyphicon-log-in"> </li>\ |
| 188 |
<li data-value="glyphicon-log-out" class="glyphicon glyphicon-log-out"> </li>\ |
| 189 |
<li data-value="glyphicon-magnet" class="glyphicon glyphicon-magnet"> </li>\ |
| 190 |
<li data-value="glyphicon-map-marker" class="glyphicon glyphicon-map-marker"> </li>\ |
| 191 |
<li data-value="glyphicon-minus" class="glyphicon glyphicon-minus"> </li>\ |
| 192 |
<li data-value="glyphicon-minus-sign" class="glyphicon glyphicon-minus-sign"> </li>\ |
| 193 |
<li data-value="glyphicon-move" class="glyphicon glyphicon-move"> </li>\ |
| 194 |
<li data-value="glyphicon-music" class="glyphicon glyphicon-music"> </li>\ |
| 195 |
<li data-value="glyphicon-new-window" class="glyphicon glyphicon-new-window"> </li>\ |
| 196 |
<li data-value="glyphicon-off" class="glyphicon glyphicon-off"> </li>\ |
| 197 |
<li data-value="glyphicon-ok" class="glyphicon glyphicon-ok"> </li>\ |
| 198 |
<li data-value="glyphicon-ok-circle" class="glyphicon glyphicon-ok-circle"> </li>\ |
| 199 |
<li data-value="glyphicon-ok-sign" class="glyphicon glyphicon-ok-sign"> </li>\ |
| 200 |
<li data-value="glyphicon-open" class="glyphicon glyphicon-open"> </li>\ |
| 201 |
<li data-value="glyphicon-paperclip" class="glyphicon glyphicon-paperclip"> </li>\ |
| 202 |
<li data-value="glyphicon-pause" class="glyphicon glyphicon-pause"> </li>\ |
| 203 |
<li data-value="glyphicon-pencil" class="glyphicon glyphicon-pencil"> </li>\ |
| 204 |
<li data-value="glyphicon-phone" class="glyphicon glyphicon-phone"> </li>\ |
| 205 |
<li data-value="glyphicon-phone-alt" class="glyphicon glyphicon-phone-alt"> </li>\ |
| 206 |
<li data-value="glyphicon-picture" class="glyphicon glyphicon-picture"> </li>\ |
| 207 |
<li data-value="glyphicon-plane" class="glyphicon glyphicon-plane"> </li>\ |
| 208 |
<li data-value="glyphicon-play" class="glyphicon glyphicon-play"> </li>\ |
| 209 |
<li data-value="glyphicon-play-circle" class="glyphicon glyphicon-play-circle"> </li>\ |
| 210 |
<li data-value="glyphicon-plus" class="glyphicon glyphicon-plus"> </li>\ |
| 211 |
<li data-value="glyphicon-plus-sign" class="glyphicon glyphicon-plus-sign"> </li>\ |
| 212 |
<li data-value="glyphicon-print" class="glyphicon glyphicon-print"> </li>\ |
| 213 |
<li data-value="glyphicon-pushpin" class="glyphicon glyphicon-pushpin"> </li>\ |
| 214 |
<li data-value="glyphicon-qrcode" class="glyphicon glyphicon-qrcode"> </li>\ |
| 215 |
<li data-value="glyphicon-question-sign" class="glyphicon glyphicon-question-sign"> </li>\ |
| 216 |
<li data-value="glyphicon-random" class="glyphicon glyphicon-random"> </li>\ |
| 217 |
<li data-value="glyphicon-record" class="glyphicon glyphicon-record"> </li>\ |
| 218 |
<li data-value="glyphicon-refresh" class="glyphicon glyphicon-refresh"> </li>\ |
| 219 |
<li data-value="glyphicon-registration-mark" class="glyphicon glyphicon-registration-mark"> </li>\ |
| 220 |
<li data-value="glyphicon-remove" class="glyphicon glyphicon-remove"> </li>\ |
| 221 |
<li data-value="glyphicon-remove-circle" class="glyphicon glyphicon-remove-circle"> </li>\ |
| 222 |
<li data-value="glyphicon-remove-sign" class="glyphicon glyphicon-remove-sign"> </li>\ |
| 223 |
<li data-value="glyphicon-repeat" class="glyphicon glyphicon-repeat"> </li>\ |
| 224 |
<li data-value="glyphicon-resize-full" class="glyphicon glyphicon-resize-full"> </li>\ |
| 225 |
<li data-value="glyphicon-resize-horizontal" class="glyphicon glyphicon-resize-horizontal"> </li>\ |
| 226 |
<li data-value="glyphicon-resize-small" class="glyphicon glyphicon-resize-small"> </li>\ |
| 227 |
<li data-value="glyphicon-resize-vertical" class="glyphicon glyphicon-resize-vertical"> </li>\ |
| 228 |
<li data-value="glyphicon-retweet" class="glyphicon glyphicon-retweet"> </li>\ |
| 229 |
<li data-value="glyphicon-road" class="glyphicon glyphicon-road"> </li>\ |
| 230 |
<li data-value="glyphicon-save" class="glyphicon glyphicon-save"> </li>\ |
| 231 |
<li data-value="glyphicon-saved" class="glyphicon glyphicon-saved"> </li>\ |
| 232 |
<li data-value="glyphicon-screenshot" class="glyphicon glyphicon-screenshot"> </li>\ |
| 233 |
<li data-value="glyphicon-sd-video" class="glyphicon glyphicon-sd-video"> </li>\ |
| 234 |
<li data-value="glyphicon-search" class="glyphicon glyphicon-search"> </li>\ |
| 235 |
<li data-value="glyphicon-send" class="glyphicon glyphicon-send"> </li>\ |
| 236 |
<li data-value="glyphicon-share" class="glyphicon glyphicon-share"> </li>\ |
| 237 |
<li data-value="glyphicon-share-alt" class="glyphicon glyphicon-share-alt"> </li>\ |
| 238 |
<li data-value="glyphicon-shopping-cart" class="glyphicon glyphicon-shopping-cart"> </li>\ |
| 239 |
<li data-value="glyphicon-signal" class="glyphicon glyphicon-signal"> </li>\ |
| 240 |
<li data-value="glyphicon-sort" class="glyphicon glyphicon-sort"> </li>\ |
| 241 |
<li data-value="glyphicon-sort-by-alphabet" class="glyphicon glyphicon-sort-by-alphabet"> </li>\ |
| 242 |
<li data-value="glyphicon-sort-by-alphabet-alt" class="glyphicon glyphicon-sort-by-alphabet-alt"> </li>\ |
| 243 |
<li data-value="glyphicon-sort-by-attributes" class="glyphicon glyphicon-sort-by-attributes"> </li>\ |
| 244 |
<li data-value="glyphicon-sort-by-attributes-alt" class="glyphicon glyphicon-sort-by-attributes-alt"> </li>\ |
| 245 |
<li data-value="glyphicon-sort-by-order" class="glyphicon glyphicon-sort-by-order"> </li>\ |
| 246 |
<li data-value="glyphicon-sort-by-order-alt" class="glyphicon glyphicon-sort-by-order-alt"> </li>\ |
| 247 |
<li data-value="glyphicon-sound--" class="glyphicon glyphicon-sound-5-1"> </li>\ |
| 248 |
<li data-value="glyphicon-sound--" class="glyphicon glyphicon-sound-6-1"> </li>\ |
| 249 |
<li data-value="glyphicon-sound--" class="glyphicon glyphicon-sound-7-1"> </li>\ |
| 250 |
<li data-value="glyphicon-sound-dolby" class="glyphicon glyphicon-sound-dolby"> </li>\ |
| 251 |
<li data-value="glyphicon-sound-stereo" class="glyphicon glyphicon-sound-stereo"> </li>\ |
| 252 |
<li data-value="glyphicon-star" class="glyphicon glyphicon-star"> </li>\ |
| 253 |
<li data-value="glyphicon-star-empty" class="glyphicon glyphicon-star-empty"> </li>\ |
| 254 |
<li data-value="glyphicon-stats" class="glyphicon glyphicon-stats"> </li>\ |
| 255 |
<li data-value="glyphicon-step-backward" class="glyphicon glyphicon-step-backward"> </li>\ |
| 256 |
<li data-value="glyphicon-step-forward" class="glyphicon glyphicon-step-forward"> </li>\ |
| 257 |
<li data-value="glyphicon-stop" class="glyphicon glyphicon-stop"> </li>\ |
| 258 |
<li data-value="glyphicon-subtitles" class="glyphicon glyphicon-subtitles"> </li>\ |
| 259 |
<li data-value="glyphicon-tag" class="glyphicon glyphicon-tag"> </li>\ |
| 260 |
<li data-value="glyphicon-tags" class="glyphicon glyphicon-tags"> </li>\ |
| 261 |
<li data-value="glyphicon-tasks" class="glyphicon glyphicon-tasks"> </li>\ |
| 262 |
<li data-value="glyphicon-text-height" class="glyphicon glyphicon-text-height"> </li>\ |
| 263 |
<li data-value="glyphicon-text-width" class="glyphicon glyphicon-text-width"> </li>\ |
| 264 |
<li data-value="glyphicon-th" class="glyphicon glyphicon-th"> </li>\ |
| 265 |
<li data-value="glyphicon-th-large" class="glyphicon glyphicon-th-large"> </li>\ |
| 266 |
<li data-value="glyphicon-th-list" class="glyphicon glyphicon-th-list"> </li>\ |
| 267 |
<li data-value="glyphicon-thumbs-down" class="glyphicon glyphicon-thumbs-down"> </li>\ |
| 268 |
<li data-value="glyphicon-thumbs-up" class="glyphicon glyphicon-thumbs-up"> </li>\ |
| 269 |
<li data-value="glyphicon-time" class="glyphicon glyphicon-time"> </li>\ |
| 270 |
<li data-value="glyphicon-tint" class="glyphicon glyphicon-tint"> </li>\ |
| 271 |
<li data-value="glyphicon-tower" class="glyphicon glyphicon-tower"> </li>\ |
| 272 |
<li data-value="glyphicon-transfer" class="glyphicon glyphicon-transfer"> </li>\ |
| 273 |
<li data-value="glyphicon-trash" class="glyphicon glyphicon-trash"> </li>\ |
| 274 |
<li data-value="glyphicon-tree-conifer" class="glyphicon glyphicon-tree-conifer"> </li>\ |
| 275 |
<li data-value="glyphicon-tree-deciduous" class="glyphicon glyphicon-tree-deciduous"> </li>\ |
| 276 |
<li data-value="glyphicon-unchecked" class="glyphicon glyphicon-unchecked"> </li>\ |
| 277 |
<li data-value="glyphicon-upload" class="glyphicon glyphicon-upload"> </li>\ |
| 278 |
<li data-value="glyphicon-usd" class="glyphicon glyphicon-usd"> </li>\ |
| 279 |
<li data-value="glyphicon-user" class="glyphicon glyphicon-user"> </li>\ |
| 280 |
<li data-value="glyphicon-volume-down" class="glyphicon glyphicon-volume-down"> </li>\ |
| 281 |
<li data-value="glyphicon-volume-off" class="glyphicon glyphicon-volume-off"> </li>\ |
| 282 |
<li data-value="glyphicon-volume-up" class="glyphicon glyphicon-volume-up"> </li>\ |
| 283 |
<li data-value="glyphicon-warning-sign" class="glyphicon glyphicon-warning-sign"> </li>\ |
| 284 |
<li data-value="glyphicon-wrench" class="glyphicon glyphicon-wrench"> </li>\ |
| 285 |
<li data-value="glyphicon-zoom-in" class="glyphicon glyphicon-zoom-in"> </li>\ |
| 286 |
<li data-value="glyphicon-zoom-out" class="glyphicon glyphicon-zoom-out"> </li>\ |
| 287 |
</ul></div>\ |
| 288 |
</td>\ |
| 289 |
</tr>\ |
| 290 |
<tr>\ |
| 291 |
<th><label for="oscitas-button-iconalign">Icon Alignment:</label></th>\ |
| 292 |
<td><select name="type" id="oscitas-button-iconalign">\ |
| 293 |
<option value="left">Left</option>\ |
| 294 |
<option value="right">Right</option>\ |
| 295 |
</select><br />\ |
| 296 |
</td>\ |
| 297 |
</tr>\ |
| 298 |
<tr>\ |
| 299 |
<th><label for="oscitas-table-rows">Make block</label></th>\ |
| 300 |
<td>\ |
| 301 |
<input type="checkbox" id="oscitas-button-block">\ |
| 302 |
<br />\ |
| 303 |
</td>\ |
| 304 |
</tr>\ |
| 305 |
<tr>\ |
| 306 |
<th><label for="oscitas-button-title">Title:</label></th>\ |
| 307 |
<td><input type="text" name="title" id="oscitas-button-title" value="Button"/><br />\ |
| 308 |
</td>\ |
| 309 |
</tr>\ |
| 310 |
<tr id="tr-button-link">\ |
| 311 |
<th><label for="oscitas-button-link">Link</label></th>\ |
| 312 |
<td><input type="text" name="link" id="oscitas-button-link" value="http://www.yoursitename.com" /><br />\ |
| 313 |
</td>\ |
| 314 |
</tr>\ |
| 315 |
<tr id="tr-button-newwindow">\ |
| 316 |
<th><label for="oscitas-table-rows">Open in new window</label></th>\ |
| 317 |
<td>\ |
| 318 |
<input type="checkbox" id="oscitas-button-target">\ |
| 319 |
<br />\ |
| 320 |
</td>\ |
| 321 |
</tr>\ |
| 322 |
<tr>\ |
| 323 |
<th><label for="oscitas-button-class">Custom Class:</label></th>\ |
| 324 |
<td><input type="text" name="line" id="oscitas-button-class" value=""/><br />\ |
| 325 |
</td>\ |
| 326 |
</tr>\ |
| 327 |
</table>\ |
| 328 |
<p class="submit">\ |
| 329 |
<input type="button" id="oscitas-button-submit" class="button-primary" value="Insert Button" name="submit" />\ |
| 330 |
</p>\ |
| 331 |
</div>'); |
| 332 |
|
| 333 |
var table = form.find('table'); |
| 334 |
jQuery('.glyphicon').css('display','inline'); |
| 335 |
form.appendTo('body').hide(); |
| 336 |
table.find('#click_icon_list_button').click(function(){ |
| 337 |
if(!jQuery(this).hasClass('osc_icon_showing_button')){ |
| 338 |
jQuery(this).addClass('osc_icon_showing_button') |
| 339 |
table.find('#osc_show_iconlist_button').show(); |
| 340 |
} else{ |
| 341 |
jQuery(this).removeClass('osc_icon_showing_button') |
| 342 |
table.find('#osc_show_iconlist_button').hide(); |
| 343 |
} |
| 344 |
}); |
| 345 |
table.find('#oscitas-heading-icon_button li').click(function(){ |
| 346 |
var val=jQuery(this).attr('data-value'); |
| 347 |
table.find('#oscitas-heading-icon_button li').removeClass('osc_icon_selected_button'); |
| 348 |
jQuery(this).addClass('osc_icon_selected_button'); |
| 349 |
table.find('#osc_show_iconlist_button').hide(); |
| 350 |
table.find('#osc_show_icon_button').removeClass().addClass('glyphicon').addClass(val); |
| 351 |
table.find('#osc_icon_class_val_button').val(val); |
| 352 |
}) |
| 353 |
|
| 354 |
table.find('#oscitas-button-type').change(function(){ |
| 355 |
var abc = jQuery(this).val(); |
| 356 |
if('link' == abc){ |
| 357 |
jQuery("#tr-button-link").show(); |
| 358 |
jQuery("#tr-button-newwindow").show(); |
| 359 |
}else{ |
| 360 |
jQuery("#tr-button-link").hide(); |
| 361 |
jQuery("#tr-button-newwindow").hide(); |
| 362 |
} |
| 363 |
jQuery('#oscitas-form-button table tr:visible:even').css('background', '#F0F0F0'); |
| 364 |
jQuery('#oscitas-form-button table tr:visible:odd').css('background', '#DADADD'); |
| 365 |
}); |
| 366 |
|
| 367 |
|
| 368 |
|
| 369 |
|
| 370 |
// handles the click event of the submit button |
| 371 |
form.find('#oscitas-button-submit').click(function(){ |
| 372 |
// defines the options and their default values |
| 373 |
// again, this is not the most elegant way to do this |
| 374 |
// but well, this gets the job done nonetheless |
| 375 |
var options; |
| 376 |
var type = table.find('#oscitas-button-type').val(); |
| 377 |
if(type=='button'){ |
| 378 |
options = { |
| 379 |
'title' : 'osCitas' |
| 380 |
}; |
| 381 |
} |
| 382 |
else{ |
| 383 |
options = { |
| 384 |
'title' : 'osCitas', |
| 385 |
'link' : '' |
| 386 |
}; |
| 387 |
} |
| 388 |
var cusclass='',icon=''; |
| 389 |
if(table.find('#oscitas-button-class').val()!=''){ |
| 390 |
cusclass= ' class="'+table.find('#oscitas-button-class').val()+'"'; |
| 391 |
} |
| 392 |
if(table.find('#osc_icon_class_val_button').val()!=''){ |
| 393 |
icon= ' icon="'+table.find('#osc_icon_class_val_button').val()+'" '; |
| 394 |
} |
| 395 |
|
| 396 |
var shortcode = '[button'+cusclass; |
| 397 |
|
| 398 |
shortcode += ' style="'+table.find('#oscitas-button-style').val(); |
| 399 |
shortcode += ' '+table.find('#oscitas-button-size').val(); |
| 400 |
shortcode += table.find('#oscitas-button-block').prop('checked')? ' btn-block': ''; |
| 401 |
shortcode += '" '; |
| 402 |
shortcode += icon; |
| 403 |
shortcode += ' align="'+table.find('#oscitas-button-iconalign').val()+'" '; |
| 404 |
shortcode += ' type="'+type+'" '; |
| 405 |
if(type!='button'){ |
| 406 |
shortcode += ' target="'+(table.find('#oscitas-button-block').prop('checked')? 'true': 'false')+ '" '; |
| 407 |
} |
| 408 |
for( var index in options) { |
| 409 |
var value = table.find('#oscitas-button-' + index).val(); |
| 410 |
// var value = table.find('#oscitas-button-' + index).val(); |
| 411 |
shortcode += ' ' + index + '="' + value + '"'; |
| 412 |
} |
| 413 |
|
| 414 |
shortcode += ']'; |
| 415 |
|
| 416 |
// inserts the shortcode into the active editor |
| 417 |
tinyMCE.activeEditor.execCommand('mceInsertContent', 0, shortcode); |
| 418 |
|
| 419 |
// closes fancybox |
| 420 |
jQuery.fancybox.close(); |
| 421 |
}); |
| 422 |
} |
| 423 |
|
| 424 |
|
