butcherman /
Tech_Bench
| @@ 5283-5351 (lines=69) @@ | ||
| 5280 | var global$f = tinymce.util.Tools.resolve('tinymce.util.VK'); |
|
| 5281 | ||
| 5282 | var ComboBox = Widget.extend({ |
|
| 5283 | init: function (settings) { |
|
| 5284 | var self$$1 = this; |
|
| 5285 | self$$1._super(settings); |
|
| 5286 | settings = self$$1.settings; |
|
| 5287 | self$$1.classes.add('combobox'); |
|
| 5288 | self$$1.subinput = true; |
|
| 5289 | self$$1.ariaTarget = 'inp'; |
|
| 5290 | settings.menu = settings.menu || settings.values; |
|
| 5291 | if (settings.menu) { |
|
| 5292 | settings.icon = 'caret'; |
|
| 5293 | } |
|
| 5294 | self$$1.on('click', function (e) { |
|
| 5295 | var elm = e.target; |
|
| 5296 | var root = self$$1.getEl(); |
|
| 5297 | if (!global$7.contains(root, elm) && elm !== root) { |
|
| 5298 | return; |
|
| 5299 | } |
|
| 5300 | while (elm && elm !== root) { |
|
| 5301 | if (elm.id && elm.id.indexOf('-open') !== -1) { |
|
| 5302 | self$$1.fire('action'); |
|
| 5303 | if (settings.menu) { |
|
| 5304 | self$$1.showMenu(); |
|
| 5305 | if (e.aria) { |
|
| 5306 | self$$1.menu.items()[0].focus(); |
|
| 5307 | } |
|
| 5308 | } |
|
| 5309 | } |
|
| 5310 | elm = elm.parentNode; |
|
| 5311 | } |
|
| 5312 | }); |
|
| 5313 | self$$1.on('keydown', function (e) { |
|
| 5314 | var rootControl; |
|
| 5315 | if (e.keyCode === 13 && e.target.nodeName === 'INPUT') { |
|
| 5316 | e.preventDefault(); |
|
| 5317 | self$$1.parents().reverse().each(function (ctrl) { |
|
| 5318 | if (ctrl.toJSON) { |
|
| 5319 | rootControl = ctrl; |
|
| 5320 | return false; |
|
| 5321 | } |
|
| 5322 | }); |
|
| 5323 | self$$1.fire('submit', { data: rootControl.toJSON() }); |
|
| 5324 | } |
|
| 5325 | }); |
|
| 5326 | self$$1.on('keyup', function (e) { |
|
| 5327 | if (e.target.nodeName === 'INPUT') { |
|
| 5328 | var oldValue = self$$1.state.get('value'); |
|
| 5329 | var newValue = e.target.value; |
|
| 5330 | if (newValue !== oldValue) { |
|
| 5331 | self$$1.state.set('value', newValue); |
|
| 5332 | self$$1.fire('autocomplete', e); |
|
| 5333 | } |
|
| 5334 | } |
|
| 5335 | }); |
|
| 5336 | self$$1.on('mouseover', function (e) { |
|
| 5337 | var tooltip = self$$1.tooltip().moveTo(-65535); |
|
| 5338 | if (self$$1.statusLevel() && e.target.className.indexOf(self$$1.classPrefix + 'status') !== -1) { |
|
| 5339 | var statusMessage = self$$1.statusMessage() || 'Ok'; |
|
| 5340 | var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [ |
|
| 5341 | 'bc-tc', |
|
| 5342 | 'bc-tl', |
|
| 5343 | 'bc-tr' |
|
| 5344 | ]); |
|
| 5345 | tooltip.classes.toggle('tooltip-n', rel === 'bc-tc'); |
|
| 5346 | tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl'); |
|
| 5347 | tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr'); |
|
| 5348 | tooltip.moveRel(e.target, rel); |
|
| 5349 | } |
|
| 5350 | }); |
|
| 5351 | }, |
|
| 5352 | statusLevel: function (value) { |
|
| 5353 | if (arguments.length > 0) { |
|
| 5354 | this.state.set('statusLevel', value); |
|
| @@ 5101-5169 (lines=69) @@ | ||
| 5098 | var global$d = tinymce.util.Tools.resolve('tinymce.util.VK'); |
|
| 5099 | ||
| 5100 | var ComboBox = Widget.extend({ |
|
| 5101 | init: function (settings) { |
|
| 5102 | var self$$1 = this; |
|
| 5103 | self$$1._super(settings); |
|
| 5104 | settings = self$$1.settings; |
|
| 5105 | self$$1.classes.add('combobox'); |
|
| 5106 | self$$1.subinput = true; |
|
| 5107 | self$$1.ariaTarget = 'inp'; |
|
| 5108 | settings.menu = settings.menu || settings.values; |
|
| 5109 | if (settings.menu) { |
|
| 5110 | settings.icon = 'caret'; |
|
| 5111 | } |
|
| 5112 | self$$1.on('click', function (e) { |
|
| 5113 | var elm = e.target; |
|
| 5114 | var root = self$$1.getEl(); |
|
| 5115 | if (!global$9.contains(root, elm) && elm !== root) { |
|
| 5116 | return; |
|
| 5117 | } |
|
| 5118 | while (elm && elm !== root) { |
|
| 5119 | if (elm.id && elm.id.indexOf('-open') !== -1) { |
|
| 5120 | self$$1.fire('action'); |
|
| 5121 | if (settings.menu) { |
|
| 5122 | self$$1.showMenu(); |
|
| 5123 | if (e.aria) { |
|
| 5124 | self$$1.menu.items()[0].focus(); |
|
| 5125 | } |
|
| 5126 | } |
|
| 5127 | } |
|
| 5128 | elm = elm.parentNode; |
|
| 5129 | } |
|
| 5130 | }); |
|
| 5131 | self$$1.on('keydown', function (e) { |
|
| 5132 | var rootControl; |
|
| 5133 | if (e.keyCode === 13 && e.target.nodeName === 'INPUT') { |
|
| 5134 | e.preventDefault(); |
|
| 5135 | self$$1.parents().reverse().each(function (ctrl) { |
|
| 5136 | if (ctrl.toJSON) { |
|
| 5137 | rootControl = ctrl; |
|
| 5138 | return false; |
|
| 5139 | } |
|
| 5140 | }); |
|
| 5141 | self$$1.fire('submit', { data: rootControl.toJSON() }); |
|
| 5142 | } |
|
| 5143 | }); |
|
| 5144 | self$$1.on('keyup', function (e) { |
|
| 5145 | if (e.target.nodeName === 'INPUT') { |
|
| 5146 | var oldValue = self$$1.state.get('value'); |
|
| 5147 | var newValue = e.target.value; |
|
| 5148 | if (newValue !== oldValue) { |
|
| 5149 | self$$1.state.set('value', newValue); |
|
| 5150 | self$$1.fire('autocomplete', e); |
|
| 5151 | } |
|
| 5152 | } |
|
| 5153 | }); |
|
| 5154 | self$$1.on('mouseover', function (e) { |
|
| 5155 | var tooltip = self$$1.tooltip().moveTo(-65535); |
|
| 5156 | if (self$$1.statusLevel() && e.target.className.indexOf(self$$1.classPrefix + 'status') !== -1) { |
|
| 5157 | var statusMessage = self$$1.statusMessage() || 'Ok'; |
|
| 5158 | var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [ |
|
| 5159 | 'bc-tc', |
|
| 5160 | 'bc-tl', |
|
| 5161 | 'bc-tr' |
|
| 5162 | ]); |
|
| 5163 | tooltip.classes.toggle('tooltip-n', rel === 'bc-tc'); |
|
| 5164 | tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl'); |
|
| 5165 | tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr'); |
|
| 5166 | tooltip.moveRel(e.target, rel); |
|
| 5167 | } |
|
| 5168 | }); |
|
| 5169 | }, |
|
| 5170 | statusLevel: function (value) { |
|
| 5171 | if (arguments.length > 0) { |
|
| 5172 | this.state.set('statusLevel', value); |
|
