butcherman /
Tech_Bench
| @@ 5240-5277 (lines=38) @@ | ||
| 5237 | var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix; |
|
| 5238 | return '<div id="' + id + '" class="' + self$$1.classes + '" unselectable="on" aria-labelledby="' + id + '-al" tabindex="-1">' + '<i class="' + prefix + 'ico ' + prefix + 'i-checkbox"></i>' + '<span id="' + id + '-al" class="' + prefix + 'label">' + self$$1.encode(self$$1.state.get('text')) + '</span>' + '</div>'; |
|
| 5239 | }, |
|
| 5240 | bindStates: function () { |
|
| 5241 | var self$$1 = this; |
|
| 5242 | function checked(state) { |
|
| 5243 | self$$1.classes.toggle('checked', state); |
|
| 5244 | self$$1.aria('checked', state); |
|
| 5245 | } |
|
| 5246 | self$$1.state.on('change:text', function (e) { |
|
| 5247 | self$$1.getEl('al').firstChild.data = self$$1.translate(e.value); |
|
| 5248 | }); |
|
| 5249 | self$$1.state.on('change:checked change:value', function (e) { |
|
| 5250 | self$$1.fire('change'); |
|
| 5251 | checked(e.value); |
|
| 5252 | }); |
|
| 5253 | self$$1.state.on('change:icon', function (e) { |
|
| 5254 | var icon = e.value; |
|
| 5255 | var prefix = self$$1.classPrefix; |
|
| 5256 | if (typeof icon === 'undefined') { |
|
| 5257 | return self$$1.settings.icon; |
|
| 5258 | } |
|
| 5259 | self$$1.settings.icon = icon; |
|
| 5260 | icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : ''; |
|
| 5261 | var btnElm = self$$1.getEl().firstChild; |
|
| 5262 | var iconElm = btnElm.getElementsByTagName('i')[0]; |
|
| 5263 | if (icon) { |
|
| 5264 | if (!iconElm || iconElm !== btnElm.firstChild) { |
|
| 5265 | iconElm = document.createElement('i'); |
|
| 5266 | btnElm.insertBefore(iconElm, btnElm.firstChild); |
|
| 5267 | } |
|
| 5268 | iconElm.className = icon; |
|
| 5269 | } else if (iconElm) { |
|
| 5270 | btnElm.removeChild(iconElm); |
|
| 5271 | } |
|
| 5272 | }); |
|
| 5273 | if (self$$1.state.get('checked')) { |
|
| 5274 | checked(true); |
|
| 5275 | } |
|
| 5276 | return self$$1._super(); |
|
| 5277 | } |
|
| 5278 | }); |
|
| 5279 | ||
| 5280 | var global$f = tinymce.util.Tools.resolve('tinymce.util.VK'); |
|
| @@ 5058-5095 (lines=38) @@ | ||
| 5055 | var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix; |
|
| 5056 | return '<div id="' + id + '" class="' + self$$1.classes + '" unselectable="on" aria-labelledby="' + id + '-al" tabindex="-1">' + '<i class="' + prefix + 'ico ' + prefix + 'i-checkbox"></i>' + '<span id="' + id + '-al" class="' + prefix + 'label">' + self$$1.encode(self$$1.state.get('text')) + '</span>' + '</div>'; |
|
| 5057 | }, |
|
| 5058 | bindStates: function () { |
|
| 5059 | var self$$1 = this; |
|
| 5060 | function checked(state) { |
|
| 5061 | self$$1.classes.toggle('checked', state); |
|
| 5062 | self$$1.aria('checked', state); |
|
| 5063 | } |
|
| 5064 | self$$1.state.on('change:text', function (e) { |
|
| 5065 | self$$1.getEl('al').firstChild.data = self$$1.translate(e.value); |
|
| 5066 | }); |
|
| 5067 | self$$1.state.on('change:checked change:value', function (e) { |
|
| 5068 | self$$1.fire('change'); |
|
| 5069 | checked(e.value); |
|
| 5070 | }); |
|
| 5071 | self$$1.state.on('change:icon', function (e) { |
|
| 5072 | var icon = e.value; |
|
| 5073 | var prefix = self$$1.classPrefix; |
|
| 5074 | if (typeof icon === 'undefined') { |
|
| 5075 | return self$$1.settings.icon; |
|
| 5076 | } |
|
| 5077 | self$$1.settings.icon = icon; |
|
| 5078 | icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : ''; |
|
| 5079 | var btnElm = self$$1.getEl().firstChild; |
|
| 5080 | var iconElm = btnElm.getElementsByTagName('i')[0]; |
|
| 5081 | if (icon) { |
|
| 5082 | if (!iconElm || iconElm !== btnElm.firstChild) { |
|
| 5083 | iconElm = document.createElement('i'); |
|
| 5084 | btnElm.insertBefore(iconElm, btnElm.firstChild); |
|
| 5085 | } |
|
| 5086 | iconElm.className = icon; |
|
| 5087 | } else if (iconElm) { |
|
| 5088 | btnElm.removeChild(iconElm); |
|
| 5089 | } |
|
| 5090 | }); |
|
| 5091 | if (self$$1.state.get('checked')) { |
|
| 5092 | checked(true); |
|
| 5093 | } |
|
| 5094 | return self$$1._super(); |
|
| 5095 | } |
|
| 5096 | }); |
|
| 5097 | ||
| 5098 | var global$d = tinymce.util.Tools.resolve('tinymce.util.VK'); |
|
