2019-10-10 | Fibinger Ádám | |
2019-10-10 | Fibinger Ádám |
EOG/Models/Stripe.php | ●●●●● patch | view | raw | blame | history | |
EOG/Utils/TwigFactory.php | ●●●●● patch | view | raw | blame | history | |
assets/chosen-sprite.png | patch | view | raw | blame | history | |
assets/chosen-sprite@2x.png | patch | view | raw | blame | history | |
assets/chosen.css | ●●●●● patch | view | raw | blame | history | |
assets/chosen.jquery.js | ●●●●● patch | view | raw | blame | history | |
assets/chosen.proto.js | ●●●●● patch | view | raw | blame | history | |
create.php | ●●●●● patch | view | raw | blame | history | |
form.php | ●●●●● patch | view | raw | blame | history | |
templates/admin/form.twig | ●●●●● patch | view | raw | blame | history | |
templates/admin/html-skeleton.twig | ●●●●● patch | view | raw | blame | history | |
templates/overlay-base.twig | ●●●●● patch | view | raw | blame | history |
EOG/Models/Stripe.php
New file @@ -0,0 +1,163 @@ <?php namespace EOG\Models; class Stripe { const TEAM_BLUE = 'blue'; const TEAM_ORANGE = 'orange'; private $allowedColors = [self::TEAM_BLUE, self::TEAM_ORANGE]; private $allowedStripeClasses = ['team', 'simple', 'team-ban']; private $allowedOperators = [ 'alibi', 'amaru', 'ash', 'bandit', 'blackbeard', 'blitz', 'buck', 'capitao', 'castle', 'caveira', 'clash', 'doc', 'dokkaebi', 'echo', 'ela', 'finka', 'frost', 'fuze', 'glaz', 'goyo', 'gridlock', 'hibana', 'iq', 'jackal', 'jager', 'kaid', 'kapkan', 'lesion', 'lion', 'maestro', 'maverick', 'mira', 'montagne', 'mozzie', 'mute', 'nokk', 'nomad', 'pulse', 'rook', 'sledge', 'smoke', 'tachanka', 'thatcher', 'thermite', 'twitch', 'valkyrie', 'vigil', 'warden', 'ying', 'zofia']; protected $state = [ 'stripe' => [ 'class' => 'team', ], 'cup' => [ 'number' => '#75', 'name' => '5on5 Open Cup', ], 'team' => [ 'orange' => [ 'name' => 'Narancs Csapat', 'ban' => [ 'mira', 'jackal' ] ], 'blue' => [ 'name' => 'Kék csapat', 'ban' => [ 'rook', 'blitz' ] ] ] ]; public function setClass(string $class): self { if (!in_array($class, $this->allowedStripeClasses)) { throw new \InvalidArgumentException("Given class " . $class . " not allowed. Allowed classes: " . implode(', ', $this->allowedStripeClasses)); } if ($class === 'simple') { $this->setSimpleStripe(); } $this->state['stripe']['class'] = $class; return $this; } private function setSimpleStripe() { unset($this->state['team']); } public function setCup(string $number, string $name) { $this->state['cup']['number'] = $number; $this->state['cup']['name'] = $name; } /** * @param string $color Csapat szín validáció * * Dob egy Exception-t ha nem orange / blue */ private function testColor(string $color) { if (!in_array($color, $this->allowedColors)) { throw new \InvalidArgumentException("Given colour " . $team_color . " not allowed. Allowed colours: " . implode(', ', $this->allowedColors)); } } public function setTeamName(string $team_color = self::TEAM_BLUE, $name) { $this->testColor($team_color); $this->state['team'][$team_color]['name'] = $name; } public function addTeamBan(string $team_color = self::TEAM_BLUE, $operator) { $this->testColor($team_color); if (!in_array($operator, $this->allowedOperators)) { //FIXME: védő és támadó operátorok külön throw new \InvalidArgumentException("Given operator not allowed: " . $operator . " Allowed operators: " . implode(', ', $this->allowedOperators)); } } public function __get($name) { if ($this->__isset($name)) { return $this->state[$name]; } return null; } public function __isset($name) { return isset($this->state[$name]); } public function loadJson(string $json) { $state = json_decode($json); unset($this->state); $this->state = []; if (!empty($state['stripe']["class"])) { $this->setClass($state['stripe']["class"]); } if (!empty($state['cup']['name']) && !empty($state['cup']['number'])) { $this->setCup($state['cup']['number'], $state['cup']['name']); } if (!empty($state['team'])) { foreach ([self::TEAM_BLUE, self::TEAM_ORANGE] as $color) { if (!empty($state['team'][$color]['name'])) { $this->setTeamName($color, $state['team'][$color]['name']); } if (!empty($state['team'][$color]['ban']) && is_array($state['team'][$color]['ban'])) { foreach ($state['team'][$color]['ban'] as $operator) { $this->addTeamBan($color, $operator); } } } } } public function getJson() { return json_encode($this->state); } public function getOperators() { return $this->allowedOperators; } } EOG/Utils/TwigFactory.php
@@ -18,7 +18,7 @@ class TwigFactory { private const CACHE_DIR = SITE_ROOT . 'cache/twig-templates/'; private const CACHE_DIR = SITE_ROOT . '/cache/twig-templates/'; /** * Visszatér egy beállított Twig_environment -el, amikbe már be van húzva a használt alap függvények assets/chosen-sprite.png
assets/chosen-sprite@2x.png
assets/chosen.css
New file @@ -0,0 +1,496 @@ /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chosen-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } .chosen-container.chosen-with-drop .chosen-drop { clip: auto; -webkit-clip-path: none; clip-path: none; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4)); background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("chosen-sprite.png") no-repeat 0px 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: url("chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff)); background-image: linear-gradient(#eee 20%, #fff 80%); -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: url("chosen-sprite.png") no-repeat -30px -20px; direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ assets/chosen.jquery.js
New file @@ -0,0 +1,1359 @@ /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ (function() { var $, AbstractChosen, Chosen, SelectParser, bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }, extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; }, hasProp = {}.hasOwnProperty; SelectParser = (function() { function SelectParser() { this.options_index = 0; this.parsed = []; } SelectParser.prototype.add_node = function(child) { if (child.nodeName.toUpperCase() === "OPTGROUP") { return this.add_group(child); } else { return this.add_option(child); } }; SelectParser.prototype.add_group = function(group) { var group_position, i, len, option, ref, results1; group_position = this.parsed.length; this.parsed.push({ array_index: group_position, group: true, label: group.label, title: group.title ? group.title : void 0, children: 0, disabled: group.disabled, classes: group.className }); ref = group.childNodes; results1 = []; for (i = 0, len = ref.length; i < len; i++) { option = ref[i]; results1.push(this.add_option(option, group_position, group.disabled)); } return results1; }; SelectParser.prototype.add_option = function(option, group_position, group_disabled) { if (option.nodeName.toUpperCase() === "OPTION") { if (option.text !== "") { if (group_position != null) { this.parsed[group_position].children += 1; } this.parsed.push({ array_index: this.parsed.length, options_index: this.options_index, value: option.value, text: option.text, html: option.innerHTML, title: option.title ? option.title : void 0, selected: option.selected, disabled: group_disabled === true ? group_disabled : option.disabled, group_array_index: group_position, group_label: group_position != null ? this.parsed[group_position].label : null, classes: option.className, style: option.style.cssText }); } else { this.parsed.push({ array_index: this.parsed.length, options_index: this.options_index, empty: true }); } return this.options_index += 1; } }; return SelectParser; })(); SelectParser.select_to_array = function(select) { var child, i, len, parser, ref; parser = new SelectParser(); ref = select.childNodes; for (i = 0, len = ref.length; i < len; i++) { child = ref[i]; parser.add_node(child); } return parser.parsed; }; AbstractChosen = (function() { function AbstractChosen(form_field, options1) { this.form_field = form_field; this.options = options1 != null ? options1 : {}; this.label_click_handler = bind(this.label_click_handler, this); if (!AbstractChosen.browser_is_supported()) { return; } this.is_multiple = this.form_field.multiple; this.set_default_text(); this.set_default_values(); this.setup(); this.set_up_html(); this.register_observers(); this.on_ready(); } AbstractChosen.prototype.set_default_values = function() { this.click_test_action = (function(_this) { return function(evt) { return _this.test_active_click(evt); }; })(this); this.activate_action = (function(_this) { return function(evt) { return _this.activate_field(evt); }; })(this); this.active_field = false; this.mouse_on_container = false; this.results_showing = false; this.result_highlighted = null; this.is_rtl = this.options.rtl || /\bchosen-rtl\b/.test(this.form_field.className); this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false; this.disable_search_threshold = this.options.disable_search_threshold || 0; this.disable_search = this.options.disable_search || false; this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true; this.group_search = this.options.group_search != null ? this.options.group_search : true; this.search_contains = this.options.search_contains || false; this.single_backstroke_delete = this.options.single_backstroke_delete != null ? this.options.single_backstroke_delete : true; this.max_selected_options = this.options.max_selected_options || Infinity; this.inherit_select_classes = this.options.inherit_select_classes || false; this.display_selected_options = this.options.display_selected_options != null ? this.options.display_selected_options : true; this.display_disabled_options = this.options.display_disabled_options != null ? this.options.display_disabled_options : true; this.include_group_label_in_selected = this.options.include_group_label_in_selected || false; this.max_shown_results = this.options.max_shown_results || Number.POSITIVE_INFINITY; this.case_sensitive_search = this.options.case_sensitive_search || false; return this.hide_results_on_select = this.options.hide_results_on_select != null ? this.options.hide_results_on_select : true; }; AbstractChosen.prototype.set_default_text = function() { if (this.form_field.getAttribute("data-placeholder")) { this.default_text = this.form_field.getAttribute("data-placeholder"); } else if (this.is_multiple) { this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || AbstractChosen.default_multiple_text; } else { this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || AbstractChosen.default_single_text; } this.default_text = this.escape_html(this.default_text); return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || AbstractChosen.default_no_result_text; }; AbstractChosen.prototype.choice_label = function(item) { if (this.include_group_label_in_selected && (item.group_label != null)) { return "<b class='group-name'>" + (this.escape_html(item.group_label)) + "</b>" + item.html; } else { return item.html; } }; AbstractChosen.prototype.mouse_enter = function() { return this.mouse_on_container = true; }; AbstractChosen.prototype.mouse_leave = function() { return this.mouse_on_container = false; }; AbstractChosen.prototype.input_focus = function(evt) { if (this.is_multiple) { if (!this.active_field) { return setTimeout(((function(_this) { return function() { return _this.container_mousedown(); }; })(this)), 50); } } else { if (!this.active_field) { return this.activate_field(); } } }; AbstractChosen.prototype.input_blur = function(evt) { if (!this.mouse_on_container) { this.active_field = false; return setTimeout(((function(_this) { return function() { return _this.blur_test(); }; })(this)), 100); } }; AbstractChosen.prototype.label_click_handler = function(evt) { if (this.is_multiple) { return this.container_mousedown(evt); } else { return this.activate_field(); } }; AbstractChosen.prototype.results_option_build = function(options) { var content, data, data_content, i, len, ref, shown_results; content = ''; shown_results = 0; ref = this.results_data; for (i = 0, len = ref.length; i < len; i++) { data = ref[i]; data_content = ''; if (data.group) { data_content = this.result_add_group(data); } else { data_content = this.result_add_option(data); } if (data_content !== '') { shown_results++; content += data_content; } if (options != null ? options.first : void 0) { if (data.selected && this.is_multiple) { this.choice_build(data); } else if (data.selected && !this.is_multiple) { this.single_set_selected_text(this.choice_label(data)); } } if (shown_results >= this.max_shown_results) { break; } } return content; }; AbstractChosen.prototype.result_add_option = function(option) { var classes, option_el; if (!option.search_match) { return ''; } if (!this.include_option_in_results(option)) { return ''; } classes = []; if (!option.disabled && !(option.selected && this.is_multiple)) { classes.push("active-result"); } if (option.disabled && !(option.selected && this.is_multiple)) { classes.push("disabled-result"); } if (option.selected) { classes.push("result-selected"); } if (option.group_array_index != null) { classes.push("group-option"); } if (option.classes !== "") { classes.push(option.classes); } option_el = document.createElement("li"); option_el.className = classes.join(" "); if (option.style) { option_el.style.cssText = option.style; } option_el.setAttribute("data-option-array-index", option.array_index); option_el.innerHTML = option.highlighted_html || option.html; if (option.title) { option_el.title = option.title; } return this.outerHTML(option_el); }; AbstractChosen.prototype.result_add_group = function(group) { var classes, group_el; if (!(group.search_match || group.group_match)) { return ''; } if (!(group.active_options > 0)) { return ''; } classes = []; classes.push("group-result"); if (group.classes) { classes.push(group.classes); } group_el = document.createElement("li"); group_el.className = classes.join(" "); group_el.innerHTML = group.highlighted_html || this.escape_html(group.label); if (group.title) { group_el.title = group.title; } return this.outerHTML(group_el); }; AbstractChosen.prototype.results_update_field = function() { this.set_default_text(); if (!this.is_multiple) { this.results_reset_cleanup(); } this.result_clear_highlight(); this.results_build(); if (this.results_showing) { return this.winnow_results(); } }; AbstractChosen.prototype.reset_single_select_options = function() { var i, len, ref, result, results1; ref = this.results_data; results1 = []; for (i = 0, len = ref.length; i < len; i++) { result = ref[i]; if (result.selected) { results1.push(result.selected = false); } else { results1.push(void 0); } } return results1; }; AbstractChosen.prototype.results_toggle = function() { if (this.results_showing) { return this.results_hide(); } else { return this.results_show(); } }; AbstractChosen.prototype.results_search = function(evt) { if (this.results_showing) { return this.winnow_results(); } else { return this.results_show(); } }; AbstractChosen.prototype.winnow_results = function(options) { var escapedQuery, fix, i, len, option, prefix, query, ref, regex, results, results_group, search_match, startpos, suffix, text; this.no_results_clear(); results = 0; query = this.get_search_text(); escapedQuery = query.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"); regex = this.get_search_regex(escapedQuery); ref = this.results_data; for (i = 0, len = ref.length; i < len; i++) { option = ref[i]; option.search_match = false; results_group = null; search_match = null; option.highlighted_html = ''; if (this.include_option_in_results(option)) { if (option.group) { option.group_match = false; option.active_options = 0; } if ((option.group_array_index != null) && this.results_data[option.group_array_index]) { results_group = this.results_data[option.group_array_index]; if (results_group.active_options === 0 && results_group.search_match) { results += 1; } results_group.active_options += 1; } text = option.group ? option.label : option.text; if (!(option.group && !this.group_search)) { search_match = this.search_string_match(text, regex); option.search_match = search_match != null; if (option.search_match && !option.group) { results += 1; } if (option.search_match) { if (query.length) { startpos = search_match.index; prefix = text.slice(0, startpos); fix = text.slice(startpos, startpos + query.length); suffix = text.slice(startpos + query.length); option.highlighted_html = (this.escape_html(prefix)) + "<em>" + (this.escape_html(fix)) + "</em>" + (this.escape_html(suffix)); } if (results_group != null) { results_group.group_match = true; } } else if ((option.group_array_index != null) && this.results_data[option.group_array_index].search_match) { option.search_match = true; } } } } this.result_clear_highlight(); if (results < 1 && query.length) { this.update_results_content(""); return this.no_results(query); } else { this.update_results_content(this.results_option_build()); if (!(options != null ? options.skip_highlight : void 0)) { return this.winnow_results_set_highlight(); } } }; AbstractChosen.prototype.get_search_regex = function(escaped_search_string) { var regex_flag, regex_string; regex_string = this.search_contains ? escaped_search_string : "(^|\\s|\\b)" + escaped_search_string + "[^\\s]*"; if (!(this.enable_split_word_search || this.search_contains)) { regex_string = "^" + regex_string; } regex_flag = this.case_sensitive_search ? "" : "i"; return new RegExp(regex_string, regex_flag); }; AbstractChosen.prototype.search_string_match = function(search_string, regex) { var match; match = regex.exec(search_string); if (!this.search_contains && (match != null ? match[1] : void 0)) { match.index += 1; } return match; }; AbstractChosen.prototype.choices_count = function() { var i, len, option, ref; if (this.selected_option_count != null) { return this.selected_option_count; } this.selected_option_count = 0; ref = this.form_field.options; for (i = 0, len = ref.length; i < len; i++) { option = ref[i]; if (option.selected) { this.selected_option_count += 1; } } return this.selected_option_count; }; AbstractChosen.prototype.choices_click = function(evt) { evt.preventDefault(); this.activate_field(); if (!(this.results_showing || this.is_disabled)) { return this.results_show(); } }; AbstractChosen.prototype.keydown_checker = function(evt) { var ref, stroke; stroke = (ref = evt.which) != null ? ref : evt.keyCode; this.search_field_scale(); if (stroke !== 8 && this.pending_backstroke) { this.clear_backstroke(); } switch (stroke) { case 8: this.backstroke_length = this.get_search_field_value().length; break; case 9: if (this.results_showing && !this.is_multiple) { this.result_select(evt); } this.mouse_on_container = false; break; case 13: if (this.results_showing) { evt.preventDefault(); } break; case 27: if (this.results_showing) { evt.preventDefault(); } break; case 32: if (this.disable_search) { evt.preventDefault(); } break; case 38: evt.preventDefault(); this.keyup_arrow(); break; case 40: evt.preventDefault(); this.keydown_arrow(); break; } }; AbstractChosen.prototype.keyup_checker = function(evt) { var ref, stroke; stroke = (ref = evt.which) != null ? ref : evt.keyCode; this.search_field_scale(); switch (stroke) { case 8: if (this.is_multiple && this.backstroke_length < 1 && this.choices_count() > 0) { this.keydown_backstroke(); } else if (!this.pending_backstroke) { this.result_clear_highlight(); this.results_search(); } break; case 13: evt.preventDefault(); if (this.results_showing) { this.result_select(evt); } break; case 27: if (this.results_showing) { this.results_hide(); } break; case 9: case 16: case 17: case 18: case 38: case 40: case 91: break; default: this.results_search(); break; } }; AbstractChosen.prototype.clipboard_event_checker = function(evt) { if (this.is_disabled) { return; } return setTimeout(((function(_this) { return function() { return _this.results_search(); }; })(this)), 50); }; AbstractChosen.prototype.container_width = function() { if (this.options.width != null) { return this.options.width; } else { return this.form_field.offsetWidth + "px"; } }; AbstractChosen.prototype.include_option_in_results = function(option) { if (this.is_multiple && (!this.display_selected_options && option.selected)) { return false; } if (!this.display_disabled_options && option.disabled) { return false; } if (option.empty) { return false; } return true; }; AbstractChosen.prototype.search_results_touchstart = function(evt) { this.touch_started = true; return this.search_results_mouseover(evt); }; AbstractChosen.prototype.search_results_touchmove = function(evt) { this.touch_started = false; return this.search_results_mouseout(evt); }; AbstractChosen.prototype.search_results_touchend = function(evt) { if (this.touch_started) { return this.search_results_mouseup(evt); } }; AbstractChosen.prototype.outerHTML = function(element) { var tmp; if (element.outerHTML) { return element.outerHTML; } tmp = document.createElement("div"); tmp.appendChild(element); return tmp.innerHTML; }; AbstractChosen.prototype.get_single_html = function() { return "<a class=\"chosen-single chosen-default\">\n <span>" + this.default_text + "</span>\n <div><b></b></div>\n</a>\n<div class=\"chosen-drop\">\n <div class=\"chosen-search\">\n <input class=\"chosen-search-input\" type=\"text\" autocomplete=\"off\" />\n </div>\n <ul class=\"chosen-results\"></ul>\n</div>"; }; AbstractChosen.prototype.get_multi_html = function() { return "<ul class=\"chosen-choices\">\n <li class=\"search-field\">\n <input class=\"chosen-search-input\" type=\"text\" autocomplete=\"off\" value=\"" + this.default_text + "\" />\n </li>\n</ul>\n<div class=\"chosen-drop\">\n <ul class=\"chosen-results\"></ul>\n</div>"; }; AbstractChosen.prototype.get_no_results_html = function(terms) { return "<li class=\"no-results\">\n " + this.results_none_found + " <span>" + (this.escape_html(terms)) + "</span>\n</li>"; }; AbstractChosen.browser_is_supported = function() { if ("Microsoft Internet Explorer" === window.navigator.appName) { return document.documentMode >= 8; } if (/iP(od|hone)/i.test(window.navigator.userAgent) || /IEMobile/i.test(window.navigator.userAgent) || /Windows Phone/i.test(window.navigator.userAgent) || /BlackBerry/i.test(window.navigator.userAgent) || /BB10/i.test(window.navigator.userAgent) || /Android.*Mobile/i.test(window.navigator.userAgent)) { return false; } return true; }; AbstractChosen.default_multiple_text = "Select Some Options"; AbstractChosen.default_single_text = "Select an Option"; AbstractChosen.default_no_result_text = "No results match"; return AbstractChosen; })(); $ = jQuery; $.fn.extend({ chosen: function(options) { if (!AbstractChosen.browser_is_supported()) { return this; } return this.each(function(input_field) { var $this, chosen; $this = $(this); chosen = $this.data('chosen'); if (options === 'destroy') { if (chosen instanceof Chosen) { chosen.destroy(); } return; } if (!(chosen instanceof Chosen)) { $this.data('chosen', new Chosen(this, options)); } }); } }); Chosen = (function(superClass) { extend(Chosen, superClass); function Chosen() { return Chosen.__super__.constructor.apply(this, arguments); } Chosen.prototype.setup = function() { this.form_field_jq = $(this.form_field); return this.current_selectedIndex = this.form_field.selectedIndex; }; Chosen.prototype.set_up_html = function() { var container_classes, container_props; container_classes = ["chosen-container"]; container_classes.push("chosen-container-" + (this.is_multiple ? "multi" : "single")); if (this.inherit_select_classes && this.form_field.className) { container_classes.push(this.form_field.className); } if (this.is_rtl) { container_classes.push("chosen-rtl"); } container_props = { 'class': container_classes.join(' '), 'title': this.form_field.title }; if (this.form_field.id.length) { container_props.id = this.form_field.id.replace(/[^\w]/g, '_') + "_chosen"; } this.container = $("<div />", container_props); this.container.width(this.container_width()); if (this.is_multiple) { this.container.html(this.get_multi_html()); } else { this.container.html(this.get_single_html()); } this.form_field_jq.hide().after(this.container); this.dropdown = this.container.find('div.chosen-drop').first(); this.search_field = this.container.find('input').first(); this.search_results = this.container.find('ul.chosen-results').first(); this.search_field_scale(); this.search_no_results = this.container.find('li.no-results').first(); if (this.is_multiple) { this.search_choices = this.container.find('ul.chosen-choices').first(); this.search_container = this.container.find('li.search-field').first(); } else { this.search_container = this.container.find('div.chosen-search').first(); this.selected_item = this.container.find('.chosen-single').first(); } this.results_build(); this.set_tab_index(); return this.set_label_behavior(); }; Chosen.prototype.on_ready = function() { return this.form_field_jq.trigger("chosen:ready", { chosen: this }); }; Chosen.prototype.register_observers = function() { this.container.on('touchstart.chosen', (function(_this) { return function(evt) { _this.container_mousedown(evt); }; })(this)); this.container.on('touchend.chosen', (function(_this) { return function(evt) { _this.container_mouseup(evt); }; })(this)); this.container.on('mousedown.chosen', (function(_this) { return function(evt) { _this.container_mousedown(evt); }; })(this)); this.container.on('mouseup.chosen', (function(_this) { return function(evt) { _this.container_mouseup(evt); }; })(this)); this.container.on('mouseenter.chosen', (function(_this) { return function(evt) { _this.mouse_enter(evt); }; })(this)); this.container.on('mouseleave.chosen', (function(_this) { return function(evt) { _this.mouse_leave(evt); }; })(this)); this.search_results.on('mouseup.chosen', (function(_this) { return function(evt) { _this.search_results_mouseup(evt); }; })(this)); this.search_results.on('mouseover.chosen', (function(_this) { return function(evt) { _this.search_results_mouseover(evt); }; })(this)); this.search_results.on('mouseout.chosen', (function(_this) { return function(evt) { _this.search_results_mouseout(evt); }; })(this)); this.search_results.on('mousewheel.chosen DOMMouseScroll.chosen', (function(_this) { return function(evt) { _this.search_results_mousewheel(evt); }; })(this)); this.search_results.on('touchstart.chosen', (function(_this) { return function(evt) { _this.search_results_touchstart(evt); }; })(this)); this.search_results.on('touchmove.chosen', (function(_this) { return function(evt) { _this.search_results_touchmove(evt); }; })(this)); this.search_results.on('touchend.chosen', (function(_this) { return function(evt) { _this.search_results_touchend(evt); }; })(this)); this.form_field_jq.on("chosen:updated.chosen", (function(_this) { return function(evt) { _this.results_update_field(evt); }; })(this)); this.form_field_jq.on("chosen:activate.chosen", (function(_this) { return function(evt) { _this.activate_field(evt); }; })(this)); this.form_field_jq.on("chosen:open.chosen", (function(_this) { return function(evt) { _this.container_mousedown(evt); }; })(this)); this.form_field_jq.on("chosen:close.chosen", (function(_this) { return function(evt) { _this.close_field(evt); }; })(this)); this.search_field.on('blur.chosen', (function(_this) { return function(evt) { _this.input_blur(evt); }; })(this)); this.search_field.on('keyup.chosen', (function(_this) { return function(evt) { _this.keyup_checker(evt); }; })(this)); this.search_field.on('keydown.chosen', (function(_this) { return function(evt) { _this.keydown_checker(evt); }; })(this)); this.search_field.on('focus.chosen', (function(_this) { return function(evt) { _this.input_focus(evt); }; })(this)); this.search_field.on('cut.chosen', (function(_this) { return function(evt) { _this.clipboard_event_checker(evt); }; })(this)); this.search_field.on('paste.chosen', (function(_this) { return function(evt) { _this.clipboard_event_checker(evt); }; })(this)); if (this.is_multiple) { return this.search_choices.on('click.chosen', (function(_this) { return function(evt) { _this.choices_click(evt); }; })(this)); } else { return this.container.on('click.chosen', function(evt) { evt.preventDefault(); }); } }; Chosen.prototype.destroy = function() { $(this.container[0].ownerDocument).off('click.chosen', this.click_test_action); if (this.form_field_label.length > 0) { this.form_field_label.off('click.chosen'); } if (this.search_field[0].tabIndex) { this.form_field_jq[0].tabIndex = this.search_field[0].tabIndex; } this.container.remove(); this.form_field_jq.removeData('chosen'); return this.form_field_jq.show(); }; Chosen.prototype.search_field_disabled = function() { this.is_disabled = this.form_field.disabled || this.form_field_jq.parents('fieldset').is(':disabled'); this.container.toggleClass('chosen-disabled', this.is_disabled); this.search_field[0].disabled = this.is_disabled; if (!this.is_multiple) { this.selected_item.off('focus.chosen', this.activate_field); } if (this.is_disabled) { return this.close_field(); } else if (!this.is_multiple) { return this.selected_item.on('focus.chosen', this.activate_field); } }; Chosen.prototype.container_mousedown = function(evt) { var ref; if (this.is_disabled) { return; } if (evt && ((ref = evt.type) === 'mousedown' || ref === 'touchstart') && !this.results_showing) { evt.preventDefault(); } if (!((evt != null) && ($(evt.target)).hasClass("search-choice-close"))) { if (!this.active_field) { if (this.is_multiple) { this.search_field.val(""); } $(this.container[0].ownerDocument).on('click.chosen', this.click_test_action); this.results_show(); } else if (!this.is_multiple && evt && (($(evt.target)[0] === this.selected_item[0]) || $(evt.target).parents("a.chosen-single").length)) { evt.preventDefault(); this.results_toggle(); } return this.activate_field(); } }; Chosen.prototype.container_mouseup = function(evt) { if (evt.target.nodeName === "ABBR" && !this.is_disabled) { return this.results_reset(evt); } }; Chosen.prototype.search_results_mousewheel = function(evt) { var delta; if (evt.originalEvent) { delta = evt.originalEvent.deltaY || -evt.originalEvent.wheelDelta || evt.originalEvent.detail; } if (delta != null) { evt.preventDefault(); if (evt.type === 'DOMMouseScroll') { delta = delta * 40; } return this.search_results.scrollTop(delta + this.search_results.scrollTop()); } }; Chosen.prototype.blur_test = function(evt) { if (!this.active_field && this.container.hasClass("chosen-container-active")) { return this.close_field(); } }; Chosen.prototype.close_field = function() { $(this.container[0].ownerDocument).off("click.chosen", this.click_test_action); this.active_field = false; this.results_hide(); this.container.removeClass("chosen-container-active"); this.clear_backstroke(); this.show_search_field_default(); this.search_field_scale(); return this.search_field.blur(); }; Chosen.prototype.activate_field = function() { if (this.is_disabled) { return; } this.container.addClass("chosen-container-active"); this.active_field = true; this.search_field.val(this.search_field.val()); return this.search_field.focus(); }; Chosen.prototype.test_active_click = function(evt) { var active_container; active_container = $(evt.target).closest('.chosen-container'); if (active_container.length && this.container[0] === active_container[0]) { return this.active_field = true; } else { return this.close_field(); } }; Chosen.prototype.results_build = function() { this.parsing = true; this.selected_option_count = null; this.results_data = SelectParser.select_to_array(this.form_field); if (this.is_multiple) { this.search_choices.find("li.search-choice").remove(); } else { this.single_set_selected_text(); if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) { this.search_field[0].readOnly = true; this.container.addClass("chosen-container-single-nosearch"); } else { this.search_field[0].readOnly = false; this.container.removeClass("chosen-container-single-nosearch"); } } this.update_results_content(this.results_option_build({ first: true })); this.search_field_disabled(); this.show_search_field_default(); this.search_field_scale(); return this.parsing = false; }; Chosen.prototype.result_do_highlight = function(el) { var high_bottom, high_top, maxHeight, visible_bottom, visible_top; if (el.length) { this.result_clear_highlight(); this.result_highlight = el; this.result_highlight.addClass("highlighted"); maxHeight = parseInt(this.search_results.css("maxHeight"), 10); visible_top = this.search_results.scrollTop(); visible_bottom = maxHeight + visible_top; high_top = this.result_highlight.position().top + this.search_results.scrollTop(); high_bottom = high_top + this.result_highlight.outerHeight(); if (high_bottom >= visible_bottom) { return this.search_results.scrollTop((high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0); } else if (high_top < visible_top) { return this.search_results.scrollTop(high_top); } } }; Chosen.prototype.result_clear_highlight = function() { if (this.result_highlight) { this.result_highlight.removeClass("highlighted"); } return this.result_highlight = null; }; Chosen.prototype.results_show = function() { if (this.is_multiple && this.max_selected_options <= this.choices_count()) { this.form_field_jq.trigger("chosen:maxselected", { chosen: this }); return false; } this.container.addClass("chosen-with-drop"); this.results_showing = true; this.search_field.focus(); this.search_field.val(this.get_search_field_value()); this.winnow_results(); return this.form_field_jq.trigger("chosen:showing_dropdown", { chosen: this }); }; Chosen.prototype.update_results_content = function(content) { return this.search_results.html(content); }; Chosen.prototype.results_hide = function() { if (this.results_showing) { this.result_clear_highlight(); this.container.removeClass("chosen-with-drop"); this.form_field_jq.trigger("chosen:hiding_dropdown", { chosen: this }); } return this.results_showing = false; }; Chosen.prototype.set_tab_index = function(el) { var ti; if (this.form_field.tabIndex) { ti = this.form_field.tabIndex; this.form_field.tabIndex = -1; return this.search_field[0].tabIndex = ti; } }; Chosen.prototype.set_label_behavior = function() { this.form_field_label = this.form_field_jq.parents("label"); if (!this.form_field_label.length && this.form_field.id.length) { this.form_field_label = $("label[for='" + this.form_field.id + "']"); } if (this.form_field_label.length > 0) { return this.form_field_label.on('click.chosen', this.label_click_handler); } }; Chosen.prototype.show_search_field_default = function() { if (this.is_multiple && this.choices_count() < 1 && !this.active_field) { this.search_field.val(this.default_text); return this.search_field.addClass("default"); } else { this.search_field.val(""); return this.search_field.removeClass("default"); } }; Chosen.prototype.search_results_mouseup = function(evt) { var target; target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first(); if (target.length) { this.result_highlight = target; this.result_select(evt); return this.search_field.focus(); } }; Chosen.prototype.search_results_mouseover = function(evt) { var target; target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first(); if (target) { return this.result_do_highlight(target); } }; Chosen.prototype.search_results_mouseout = function(evt) { if ($(evt.target).hasClass("active-result") || $(evt.target).parents('.active-result').first()) { return this.result_clear_highlight(); } }; Chosen.prototype.choice_build = function(item) { var choice, close_link; choice = $('<li />', { "class": "search-choice" }).html("<span>" + (this.choice_label(item)) + "</span>"); if (item.disabled) { choice.addClass('search-choice-disabled'); } else { close_link = $('<a />', { "class": 'search-choice-close', 'data-option-array-index': item.array_index }); close_link.on('click.chosen', (function(_this) { return function(evt) { return _this.choice_destroy_link_click(evt); }; })(this)); choice.append(close_link); } return this.search_container.before(choice); }; Chosen.prototype.choice_destroy_link_click = function(evt) { evt.preventDefault(); evt.stopPropagation(); if (!this.is_disabled) { return this.choice_destroy($(evt.target)); } }; Chosen.prototype.choice_destroy = function(link) { if (this.result_deselect(link[0].getAttribute("data-option-array-index"))) { if (this.active_field) { this.search_field.focus(); } else { this.show_search_field_default(); } if (this.is_multiple && this.choices_count() > 0 && this.get_search_field_value().length < 1) { this.results_hide(); } link.parents('li').first().remove(); return this.search_field_scale(); } }; Chosen.prototype.results_reset = function() { this.reset_single_select_options(); this.form_field.options[0].selected = true; this.single_set_selected_text(); this.show_search_field_default(); this.results_reset_cleanup(); this.trigger_form_field_change(); if (this.active_field) { return this.results_hide(); } }; Chosen.prototype.results_reset_cleanup = function() { this.current_selectedIndex = this.form_field.selectedIndex; return this.selected_item.find("abbr").remove(); }; Chosen.prototype.result_select = function(evt) { var high, item; if (this.result_highlight) { high = this.result_highlight; this.result_clear_highlight(); if (this.is_multiple && this.max_selected_options <= this.choices_count()) { this.form_field_jq.trigger("chosen:maxselected", { chosen: this }); return false; } if (this.is_multiple) { high.removeClass("active-result"); } else { this.reset_single_select_options(); } high.addClass("result-selected"); item = this.results_data[high[0].getAttribute("data-option-array-index")]; item.selected = true; this.form_field.options[item.options_index].selected = true; this.selected_option_count = null; if (this.is_multiple) { this.choice_build(item); } else { this.single_set_selected_text(this.choice_label(item)); } if (this.is_multiple && (!this.hide_results_on_select || (evt.metaKey || evt.ctrlKey))) { if (evt.metaKey || evt.ctrlKey) { this.winnow_results({ skip_highlight: true }); } else { this.search_field.val(""); this.winnow_results(); } } else { this.results_hide(); this.show_search_field_default(); } if (this.is_multiple || this.form_field.selectedIndex !== this.current_selectedIndex) { this.trigger_form_field_change({ selected: this.form_field.options[item.options_index].value }); } this.current_selectedIndex = this.form_field.selectedIndex; evt.preventDefault(); return this.search_field_scale(); } }; Chosen.prototype.single_set_selected_text = function(text) { if (text == null) { text = this.default_text; } if (text === this.default_text) { this.selected_item.addClass("chosen-default"); } else { this.single_deselect_control_build(); this.selected_item.removeClass("chosen-default"); } return this.selected_item.find("span").html(text); }; Chosen.prototype.result_deselect = function(pos) { var result_data; result_data = this.results_data[pos]; if (!this.form_field.options[result_data.options_index].disabled) { result_data.selected = false; this.form_field.options[result_data.options_index].selected = false; this.selected_option_count = null; this.result_clear_highlight(); if (this.results_showing) { this.winnow_results(); } this.trigger_form_field_change({ deselected: this.form_field.options[result_data.options_index].value }); this.search_field_scale(); return true; } else { return false; } }; Chosen.prototype.single_deselect_control_build = function() { if (!this.allow_single_deselect) { return; } if (!this.selected_item.find("abbr").length) { this.selected_item.find("span").first().after("<abbr class=\"search-choice-close\"></abbr>"); } return this.selected_item.addClass("chosen-single-with-deselect"); }; Chosen.prototype.get_search_field_value = function() { return this.search_field.val(); }; Chosen.prototype.get_search_text = function() { return $.trim(this.get_search_field_value()); }; Chosen.prototype.escape_html = function(text) { return $('<div/>').text(text).html(); }; Chosen.prototype.winnow_results_set_highlight = function() { var do_high, selected_results; selected_results = !this.is_multiple ? this.search_results.find(".result-selected.active-result") : []; do_high = selected_results.length ? selected_results.first() : this.search_results.find(".active-result").first(); if (do_high != null) { return this.result_do_highlight(do_high); } }; Chosen.prototype.no_results = function(terms) { var no_results_html; no_results_html = this.get_no_results_html(terms); this.search_results.append(no_results_html); return this.form_field_jq.trigger("chosen:no_results", { chosen: this }); }; Chosen.prototype.no_results_clear = function() { return this.search_results.find(".no-results").remove(); }; Chosen.prototype.keydown_arrow = function() { var next_sib; if (this.results_showing && this.result_highlight) { next_sib = this.result_highlight.nextAll("li.active-result").first(); if (next_sib) { return this.result_do_highlight(next_sib); } } else { return this.results_show(); } }; Chosen.prototype.keyup_arrow = function() { var prev_sibs; if (!this.results_showing && !this.is_multiple) { return this.results_show(); } else if (this.result_highlight) { prev_sibs = this.result_highlight.prevAll("li.active-result"); if (prev_sibs.length) { return this.result_do_highlight(prev_sibs.first()); } else { if (this.choices_count() > 0) { this.results_hide(); } return this.result_clear_highlight(); } } }; Chosen.prototype.keydown_backstroke = function() { var next_available_destroy; if (this.pending_backstroke) { this.choice_destroy(this.pending_backstroke.find("a").first()); return this.clear_backstroke(); } else { next_available_destroy = this.search_container.siblings("li.search-choice").last(); if (next_available_destroy.length && !next_available_destroy.hasClass("search-choice-disabled")) { this.pending_backstroke = next_available_destroy; if (this.single_backstroke_delete) { return this.keydown_backstroke(); } else { return this.pending_backstroke.addClass("search-choice-focus"); } } } }; Chosen.prototype.clear_backstroke = function() { if (this.pending_backstroke) { this.pending_backstroke.removeClass("search-choice-focus"); } return this.pending_backstroke = null; }; Chosen.prototype.search_field_scale = function() { var div, i, len, style, style_block, styles, width; if (!this.is_multiple) { return; } style_block = { position: 'absolute', left: '-1000px', top: '-1000px', display: 'none', whiteSpace: 'pre' }; styles = ['fontSize', 'fontStyle', 'fontWeight', 'fontFamily', 'lineHeight', 'textTransform', 'letterSpacing']; for (i = 0, len = styles.length; i < len; i++) { style = styles[i]; style_block[style] = this.search_field.css(style); } div = $('<div />').css(style_block); div.text(this.get_search_field_value()); $('body').append(div); width = div.width() + 25; div.remove(); if (this.container.is(':visible')) { width = Math.min(this.container.outerWidth() - 10, width); } return this.search_field.width(width); }; Chosen.prototype.trigger_form_field_change = function(extra) { this.form_field_jq.trigger("input", extra); return this.form_field_jq.trigger("change", extra); }; return Chosen; })(AbstractChosen); }).call(this); assets/chosen.proto.js
New file @@ -0,0 +1,1399 @@ /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ (function() { var AbstractChosen, SelectParser, bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }, extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; }, hasProp = {}.hasOwnProperty; SelectParser = (function() { function SelectParser() { this.options_index = 0; this.parsed = []; } SelectParser.prototype.add_node = function(child) { if (child.nodeName.toUpperCase() === "OPTGROUP") { return this.add_group(child); } else { return this.add_option(child); } }; SelectParser.prototype.add_group = function(group) { var group_position, i, len, option, ref, results1; group_position = this.parsed.length; this.parsed.push({ array_index: group_position, group: true, label: group.label, title: group.title ? group.title : void 0, children: 0, disabled: group.disabled, classes: group.className }); ref = group.childNodes; results1 = []; for (i = 0, len = ref.length; i < len; i++) { option = ref[i]; results1.push(this.add_option(option, group_position, group.disabled)); } return results1; }; SelectParser.prototype.add_option = function(option, group_position, group_disabled) { if (option.nodeName.toUpperCase() === "OPTION") { if (option.text !== "") { if (group_position != null) { this.parsed[group_position].children += 1; } this.parsed.push({ array_index: this.parsed.length, options_index: this.options_index, value: option.value, text: option.text, html: option.innerHTML, title: option.title ? option.title : void 0, selected: option.selected, disabled: group_disabled === true ? group_disabled : option.disabled, group_array_index: group_position, group_label: group_position != null ? this.parsed[group_position].label : null, classes: option.className, style: option.style.cssText }); } else { this.parsed.push({ array_index: this.parsed.length, options_index: this.options_index, empty: true }); } return this.options_index += 1; } }; return SelectParser; })(); SelectParser.select_to_array = function(select) { var child, i, len, parser, ref; parser = new SelectParser(); ref = select.childNodes; for (i = 0, len = ref.length; i < len; i++) { child = ref[i]; parser.add_node(child); } return parser.parsed; }; AbstractChosen = (function() { function AbstractChosen(form_field, options1) { this.form_field = form_field; this.options = options1 != null ? options1 : {}; this.label_click_handler = bind(this.label_click_handler, this); if (!AbstractChosen.browser_is_supported()) { return; } this.is_multiple = this.form_field.multiple; this.set_default_text(); this.set_default_values(); this.setup(); this.set_up_html(); this.register_observers(); this.on_ready(); } AbstractChosen.prototype.set_default_values = function() { this.click_test_action = (function(_this) { return function(evt) { return _this.test_active_click(evt); }; })(this); this.activate_action = (function(_this) { return function(evt) { return _this.activate_field(evt); }; })(this); this.active_field = false; this.mouse_on_container = false; this.results_showing = false; this.result_highlighted = null; this.is_rtl = this.options.rtl || /\bchosen-rtl\b/.test(this.form_field.className); this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false; this.disable_search_threshold = this.options.disable_search_threshold || 0; this.disable_search = this.options.disable_search || false; this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true; this.group_search = this.options.group_search != null ? this.options.group_search : true; this.search_contains = this.options.search_contains || false; this.single_backstroke_delete = this.options.single_backstroke_delete != null ? this.options.single_backstroke_delete : true; this.max_selected_options = this.options.max_selected_options || Infinity; this.inherit_select_classes = this.options.inherit_select_classes || false; this.display_selected_options = this.options.display_selected_options != null ? this.options.display_selected_options : true; this.display_disabled_options = this.options.display_disabled_options != null ? this.options.display_disabled_options : true; this.include_group_label_in_selected = this.options.include_group_label_in_selected || false; this.max_shown_results = this.options.max_shown_results || Number.POSITIVE_INFINITY; this.case_sensitive_search = this.options.case_sensitive_search || false; return this.hide_results_on_select = this.options.hide_results_on_select != null ? this.options.hide_results_on_select : true; }; AbstractChosen.prototype.set_default_text = function() { if (this.form_field.getAttribute("data-placeholder")) { this.default_text = this.form_field.getAttribute("data-placeholder"); } else if (this.is_multiple) { this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || AbstractChosen.default_multiple_text; } else { this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || AbstractChosen.default_single_text; } this.default_text = this.escape_html(this.default_text); return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || AbstractChosen.default_no_result_text; }; AbstractChosen.prototype.choice_label = function(item) { if (this.include_group_label_in_selected && (item.group_label != null)) { return "<b class='group-name'>" + (this.escape_html(item.group_label)) + "</b>" + item.html; } else { return item.html; } }; AbstractChosen.prototype.mouse_enter = function() { return this.mouse_on_container = true; }; AbstractChosen.prototype.mouse_leave = function() { return this.mouse_on_container = false; }; AbstractChosen.prototype.input_focus = function(evt) { if (this.is_multiple) { if (!this.active_field) { return setTimeout(((function(_this) { return function() { return _this.container_mousedown(); }; })(this)), 50); } } else { if (!this.active_field) { return this.activate_field(); } } }; AbstractChosen.prototype.input_blur = function(evt) { if (!this.mouse_on_container) { this.active_field = false; return setTimeout(((function(_this) { return function() { return _this.blur_test(); }; })(this)), 100); } }; AbstractChosen.prototype.label_click_handler = function(evt) { if (this.is_multiple) { return this.container_mousedown(evt); } else { return this.activate_field(); } }; AbstractChosen.prototype.results_option_build = function(options) { var content, data, data_content, i, len, ref, shown_results; content = ''; shown_results = 0; ref = this.results_data; for (i = 0, len = ref.length; i < len; i++) { data = ref[i]; data_content = ''; if (data.group) { data_content = this.result_add_group(data); } else { data_content = this.result_add_option(data); } if (data_content !== '') { shown_results++; content += data_content; } if (options != null ? options.first : void 0) { if (data.selected && this.is_multiple) { this.choice_build(data); } else if (data.selected && !this.is_multiple) { this.single_set_selected_text(this.choice_label(data)); } } if (shown_results >= this.max_shown_results) { break; } } return content; }; AbstractChosen.prototype.result_add_option = function(option) { var classes, option_el; if (!option.search_match) { return ''; } if (!this.include_option_in_results(option)) { return ''; } classes = []; if (!option.disabled && !(option.selected && this.is_multiple)) { classes.push("active-result"); } if (option.disabled && !(option.selected && this.is_multiple)) { classes.push("disabled-result"); } if (option.selected) { classes.push("result-selected"); } if (option.group_array_index != null) { classes.push("group-option"); } if (option.classes !== "") { classes.push(option.classes); } option_el = document.createElement("li"); option_el.className = classes.join(" "); if (option.style) { option_el.style.cssText = option.style; } option_el.setAttribute("data-option-array-index", option.array_index); option_el.innerHTML = option.highlighted_html || option.html; if (option.title) { option_el.title = option.title; } return this.outerHTML(option_el); }; AbstractChosen.prototype.result_add_group = function(group) { var classes, group_el; if (!(group.search_match || group.group_match)) { return ''; } if (!(group.active_options > 0)) { return ''; } classes = []; classes.push("group-result"); if (group.classes) { classes.push(group.classes); } group_el = document.createElement("li"); group_el.className = classes.join(" "); group_el.innerHTML = group.highlighted_html || this.escape_html(group.label); if (group.title) { group_el.title = group.title; } return this.outerHTML(group_el); }; AbstractChosen.prototype.results_update_field = function() { this.set_default_text(); if (!this.is_multiple) { this.results_reset_cleanup(); } this.result_clear_highlight(); this.results_build(); if (this.results_showing) { return this.winnow_results(); } }; AbstractChosen.prototype.reset_single_select_options = function() { var i, len, ref, result, results1; ref = this.results_data; results1 = []; for (i = 0, len = ref.length; i < len; i++) { result = ref[i]; if (result.selected) { results1.push(result.selected = false); } else { results1.push(void 0); } } return results1; }; AbstractChosen.prototype.results_toggle = function() { if (this.results_showing) { return this.results_hide(); } else { return this.results_show(); } }; AbstractChosen.prototype.results_search = function(evt) { if (this.results_showing) { return this.winnow_results(); } else { return this.results_show(); } }; AbstractChosen.prototype.winnow_results = function(options) { var escapedQuery, fix, i, len, option, prefix, query, ref, regex, results, results_group, search_match, startpos, suffix, text; this.no_results_clear(); results = 0; query = this.get_search_text(); escapedQuery = query.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"); regex = this.get_search_regex(escapedQuery); ref = this.results_data; for (i = 0, len = ref.length; i < len; i++) { option = ref[i]; option.search_match = false; results_group = null; search_match = null; option.highlighted_html = ''; if (this.include_option_in_results(option)) { if (option.group) { option.group_match = false; option.active_options = 0; } if ((option.group_array_index != null) && this.results_data[option.group_array_index]) { results_group = this.results_data[option.group_array_index]; if (results_group.active_options === 0 && results_group.search_match) { results += 1; } results_group.active_options += 1; } text = option.group ? option.label : option.text; if (!(option.group && !this.group_search)) { search_match = this.search_string_match(text, regex); option.search_match = search_match != null; if (option.search_match && !option.group) { results += 1; } if (option.search_match) { if (query.length) { startpos = search_match.index; prefix = text.slice(0, startpos); fix = text.slice(startpos, startpos + query.length); suffix = text.slice(startpos + query.length); option.highlighted_html = (this.escape_html(prefix)) + "<em>" + (this.escape_html(fix)) + "</em>" + (this.escape_html(suffix)); } if (results_group != null) { results_group.group_match = true; } } else if ((option.group_array_index != null) && this.results_data[option.group_array_index].search_match) { option.search_match = true; } } } } this.result_clear_highlight(); if (results < 1 && query.length) { this.update_results_content(""); return this.no_results(query); } else { this.update_results_content(this.results_option_build()); if (!(options != null ? options.skip_highlight : void 0)) { return this.winnow_results_set_highlight(); } } }; AbstractChosen.prototype.get_search_regex = function(escaped_search_string) { var regex_flag, regex_string; regex_string = this.search_contains ? escaped_search_string : "(^|\\s|\\b)" + escaped_search_string + "[^\\s]*"; if (!(this.enable_split_word_search || this.search_contains)) { regex_string = "^" + regex_string; } regex_flag = this.case_sensitive_search ? "" : "i"; return new RegExp(regex_string, regex_flag); }; AbstractChosen.prototype.search_string_match = function(search_string, regex) { var match; match = regex.exec(search_string); if (!this.search_contains && (match != null ? match[1] : void 0)) { match.index += 1; } return match; }; AbstractChosen.prototype.choices_count = function() { var i, len, option, ref; if (this.selected_option_count != null) { return this.selected_option_count; } this.selected_option_count = 0; ref = this.form_field.options; for (i = 0, len = ref.length; i < len; i++) { option = ref[i]; if (option.selected) { this.selected_option_count += 1; } } return this.selected_option_count; }; AbstractChosen.prototype.choices_click = function(evt) { evt.preventDefault(); this.activate_field(); if (!(this.results_showing || this.is_disabled)) { return this.results_show(); } }; AbstractChosen.prototype.keydown_checker = function(evt) { var ref, stroke; stroke = (ref = evt.which) != null ? ref : evt.keyCode; this.search_field_scale(); if (stroke !== 8 && this.pending_backstroke) { this.clear_backstroke(); } switch (stroke) { case 8: this.backstroke_length = this.get_search_field_value().length; break; case 9: if (this.results_showing && !this.is_multiple) { this.result_select(evt); } this.mouse_on_container = false; break; case 13: if (this.results_showing) { evt.preventDefault(); } break; case 27: if (this.results_showing) { evt.preventDefault(); } break; case 32: if (this.disable_search) { evt.preventDefault(); } break; case 38: evt.preventDefault(); this.keyup_arrow(); break; case 40: evt.preventDefault(); this.keydown_arrow(); break; } }; AbstractChosen.prototype.keyup_checker = function(evt) { var ref, stroke; stroke = (ref = evt.which) != null ? ref : evt.keyCode; this.search_field_scale(); switch (stroke) { case 8: if (this.is_multiple && this.backstroke_length < 1 && this.choices_count() > 0) { this.keydown_backstroke(); } else if (!this.pending_backstroke) { this.result_clear_highlight(); this.results_search(); } break; case 13: evt.preventDefault(); if (this.results_showing) { this.result_select(evt); } break; case 27: if (this.results_showing) { this.results_hide(); } break; case 9: case 16: case 17: case 18: case 38: case 40: case 91: break; default: this.results_search(); break; } }; AbstractChosen.prototype.clipboard_event_checker = function(evt) { if (this.is_disabled) { return; } return setTimeout(((function(_this) { return function() { return _this.results_search(); }; })(this)), 50); }; AbstractChosen.prototype.container_width = function() { if (this.options.width != null) { return this.options.width; } else { return this.form_field.offsetWidth + "px"; } }; AbstractChosen.prototype.include_option_in_results = function(option) { if (this.is_multiple && (!this.display_selected_options && option.selected)) { return false; } if (!this.display_disabled_options && option.disabled) { return false; } if (option.empty) { return false; } return true; }; AbstractChosen.prototype.search_results_touchstart = function(evt) { this.touch_started = true; return this.search_results_mouseover(evt); }; AbstractChosen.prototype.search_results_touchmove = function(evt) { this.touch_started = false; return this.search_results_mouseout(evt); }; AbstractChosen.prototype.search_results_touchend = function(evt) { if (this.touch_started) { return this.search_results_mouseup(evt); } }; AbstractChosen.prototype.outerHTML = function(element) { var tmp; if (element.outerHTML) { return element.outerHTML; } tmp = document.createElement("div"); tmp.appendChild(element); return tmp.innerHTML; }; AbstractChosen.prototype.get_single_html = function() { return "<a class=\"chosen-single chosen-default\">\n <span>" + this.default_text + "</span>\n <div><b></b></div>\n</a>\n<div class=\"chosen-drop\">\n <div class=\"chosen-search\">\n <input class=\"chosen-search-input\" type=\"text\" autocomplete=\"off\" />\n </div>\n <ul class=\"chosen-results\"></ul>\n</div>"; }; AbstractChosen.prototype.get_multi_html = function() { return "<ul class=\"chosen-choices\">\n <li class=\"search-field\">\n <input class=\"chosen-search-input\" type=\"text\" autocomplete=\"off\" value=\"" + this.default_text + "\" />\n </li>\n</ul>\n<div class=\"chosen-drop\">\n <ul class=\"chosen-results\"></ul>\n</div>"; }; AbstractChosen.prototype.get_no_results_html = function(terms) { return "<li class=\"no-results\">\n " + this.results_none_found + " <span>" + (this.escape_html(terms)) + "</span>\n</li>"; }; AbstractChosen.browser_is_supported = function() { if ("Microsoft Internet Explorer" === window.navigator.appName) { return document.documentMode >= 8; } if (/iP(od|hone)/i.test(window.navigator.userAgent) || /IEMobile/i.test(window.navigator.userAgent) || /Windows Phone/i.test(window.navigator.userAgent) || /BlackBerry/i.test(window.navigator.userAgent) || /BB10/i.test(window.navigator.userAgent) || /Android.*Mobile/i.test(window.navigator.userAgent)) { return false; } return true; }; AbstractChosen.default_multiple_text = "Select Some Options"; AbstractChosen.default_single_text = "Select an Option"; AbstractChosen.default_no_result_text = "No results match"; return AbstractChosen; })(); this.Chosen = (function(superClass) { var triggerHtmlEvent; extend(Chosen, superClass); function Chosen() { return Chosen.__super__.constructor.apply(this, arguments); } Chosen.prototype.setup = function() { return this.current_selectedIndex = this.form_field.selectedIndex; }; Chosen.prototype.set_up_html = function() { var container_classes, container_props; container_classes = ["chosen-container"]; container_classes.push("chosen-container-" + (this.is_multiple ? "multi" : "single")); if (this.inherit_select_classes && this.form_field.className) { container_classes.push(this.form_field.className); } if (this.is_rtl) { container_classes.push("chosen-rtl"); } container_props = { 'class': container_classes.join(' '), 'title': this.form_field.title }; if (this.form_field.id.length) { container_props.id = this.form_field.id.replace(/[^\w]/g, '_') + "_chosen"; } this.container = new Element('div', container_props); this.container.setStyle({ width: this.container_width() }); if (this.is_multiple) { this.container.update(this.get_multi_html()); } else { this.container.update(this.get_single_html()); } this.form_field.hide().insert({ after: this.container }); this.dropdown = this.container.down('div.chosen-drop'); this.search_field = this.container.down('input'); this.search_results = this.container.down('ul.chosen-results'); this.search_field_scale(); this.search_no_results = this.container.down('li.no-results'); if (this.is_multiple) { this.search_choices = this.container.down('ul.chosen-choices'); this.search_container = this.container.down('li.search-field'); } else { this.search_container = this.container.down('div.chosen-search'); this.selected_item = this.container.down('.chosen-single'); } this.results_build(); this.set_tab_index(); return this.set_label_behavior(); }; Chosen.prototype.on_ready = function() { return this.form_field.fire("chosen:ready", { chosen: this }); }; Chosen.prototype.register_observers = function() { this.container.observe("touchstart", (function(_this) { return function(evt) { return _this.container_mousedown(evt); }; })(this)); this.container.observe("touchend", (function(_this) { return function(evt) { return _this.container_mouseup(evt); }; })(this)); this.container.observe("mousedown", (function(_this) { return function(evt) { return _this.container_mousedown(evt); }; })(this)); this.container.observe("mouseup", (function(_this) { return function(evt) { return _this.container_mouseup(evt); }; })(this)); this.container.observe("mouseenter", (function(_this) { return function(evt) { return _this.mouse_enter(evt); }; })(this)); this.container.observe("mouseleave", (function(_this) { return function(evt) { return _this.mouse_leave(evt); }; })(this)); this.search_results.observe("mouseup", (function(_this) { return function(evt) { return _this.search_results_mouseup(evt); }; })(this)); this.search_results.observe("mouseover", (function(_this) { return function(evt) { return _this.search_results_mouseover(evt); }; })(this)); this.search_results.observe("mouseout", (function(_this) { return function(evt) { return _this.search_results_mouseout(evt); }; })(this)); this.search_results.observe("mousewheel", (function(_this) { return function(evt) { return _this.search_results_mousewheel(evt); }; })(this)); this.search_results.observe("DOMMouseScroll", (function(_this) { return function(evt) { return _this.search_results_mousewheel(evt); }; })(this)); this.search_results.observe("touchstart", (function(_this) { return function(evt) { return _this.search_results_touchstart(evt); }; })(this)); this.search_results.observe("touchmove", (function(_this) { return function(evt) { return _this.search_results_touchmove(evt); }; })(this)); this.search_results.observe("touchend", (function(_this) { return function(evt) { return _this.search_results_touchend(evt); }; })(this)); this.form_field.observe("chosen:updated", (function(_this) { return function(evt) { return _this.results_update_field(evt); }; })(this)); this.form_field.observe("chosen:activate", (function(_this) { return function(evt) { return _this.activate_field(evt); }; })(this)); this.form_field.observe("chosen:open", (function(_this) { return function(evt) { return _this.container_mousedown(evt); }; })(this)); this.form_field.observe("chosen:close", (function(_this) { return function(evt) { return _this.close_field(evt); }; })(this)); this.search_field.observe("blur", (function(_this) { return function(evt) { return _this.input_blur(evt); }; })(this)); this.search_field.observe("keyup", (function(_this) { return function(evt) { return _this.keyup_checker(evt); }; })(this)); this.search_field.observe("keydown", (function(_this) { return function(evt) { return _this.keydown_checker(evt); }; })(this)); this.search_field.observe("focus", (function(_this) { return function(evt) { return _this.input_focus(evt); }; })(this)); this.search_field.observe("cut", (function(_this) { return function(evt) { return _this.clipboard_event_checker(evt); }; })(this)); this.search_field.observe("paste", (function(_this) { return function(evt) { return _this.clipboard_event_checker(evt); }; })(this)); if (this.is_multiple) { return this.search_choices.observe("click", (function(_this) { return function(evt) { return _this.choices_click(evt); }; })(this)); } else { return this.container.observe("click", (function(_this) { return function(evt) { return evt.preventDefault(); }; })(this)); } }; Chosen.prototype.destroy = function() { var event, i, len, ref; this.container.ownerDocument.stopObserving("click", this.click_test_action); ref = ['chosen:updated', 'chosen:activate', 'chosen:open', 'chosen:close']; for (i = 0, len = ref.length; i < len; i++) { event = ref[i]; this.form_field.stopObserving(event); } this.container.stopObserving(); this.search_results.stopObserving(); this.search_field.stopObserving(); if (this.form_field_label != null) { this.form_field_label.stopObserving(); } if (this.is_multiple) { this.search_choices.stopObserving(); this.container.select(".search-choice-close").each(function(choice) { return choice.stopObserving(); }); } else { this.selected_item.stopObserving(); } if (this.search_field.tabIndex) { this.form_field.tabIndex = this.search_field.tabIndex; } this.container.remove(); return this.form_field.show(); }; Chosen.prototype.search_field_disabled = function() { var ref; this.is_disabled = this.form_field.disabled || ((ref = this.form_field.up('fieldset')) != null ? ref.disabled : void 0) || false; if (this.is_disabled) { this.container.addClassName('chosen-disabled'); } else { this.container.removeClassName('chosen-disabled'); } this.search_field.disabled = this.is_disabled; if (!this.is_multiple) { this.selected_item.stopObserving('focus', this.activate_field); } if (this.is_disabled) { return this.close_field(); } else if (!this.is_multiple) { return this.selected_item.observe('focus', this.activate_field); } }; Chosen.prototype.container_mousedown = function(evt) { var ref; if (this.is_disabled) { return; } if (evt && ((ref = evt.type) === 'mousedown' || ref === 'touchstart') && !this.results_showing) { evt.preventDefault(); } if (!((evt != null) && evt.target.hasClassName("search-choice-close"))) { if (!this.active_field) { if (this.is_multiple) { this.search_field.clear(); } this.container.ownerDocument.observe("click", this.click_test_action); this.results_show(); } else if (!this.is_multiple && evt && (evt.target === this.selected_item || evt.target.up("a.chosen-single"))) { this.results_toggle(); } return this.activate_field(); } }; Chosen.prototype.container_mouseup = function(evt) { if (evt.target.nodeName === "ABBR" && !this.is_disabled) { return this.results_reset(evt); } }; Chosen.prototype.search_results_mousewheel = function(evt) { var delta; delta = evt.deltaY || -evt.wheelDelta || evt.detail; if (delta != null) { evt.preventDefault(); if (evt.type === 'DOMMouseScroll') { delta = delta * 40; } return this.search_results.scrollTop = delta + this.search_results.scrollTop; } }; Chosen.prototype.blur_test = function(evt) { if (!this.active_field && this.container.hasClassName("chosen-container-active")) { return this.close_field(); } }; Chosen.prototype.close_field = function() { this.container.ownerDocument.stopObserving("click", this.click_test_action); this.active_field = false; this.results_hide(); this.container.removeClassName("chosen-container-active"); this.clear_backstroke(); this.show_search_field_default(); this.search_field_scale(); return this.search_field.blur(); }; Chosen.prototype.activate_field = function() { if (this.is_disabled) { return; } this.container.addClassName("chosen-container-active"); this.active_field = true; this.search_field.value = this.get_search_field_value(); return this.search_field.focus(); }; Chosen.prototype.test_active_click = function(evt) { if (evt.target.up('.chosen-container') === this.container) { return this.active_field = true; } else { return this.close_field(); } }; Chosen.prototype.results_build = function() { this.parsing = true; this.selected_option_count = null; this.results_data = SelectParser.select_to_array(this.form_field); if (this.is_multiple) { this.search_choices.select("li.search-choice").invoke("remove"); } else { this.single_set_selected_text(); if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) { this.search_field.readOnly = true; this.container.addClassName("chosen-container-single-nosearch"); } else { this.search_field.readOnly = false; this.container.removeClassName("chosen-container-single-nosearch"); } } this.update_results_content(this.results_option_build({ first: true })); this.search_field_disabled(); this.show_search_field_default(); this.search_field_scale(); return this.parsing = false; }; Chosen.prototype.result_do_highlight = function(el) { var high_bottom, high_top, maxHeight, visible_bottom, visible_top; this.result_clear_highlight(); this.result_highlight = el; this.result_highlight.addClassName("highlighted"); maxHeight = parseInt(this.search_results.getStyle('maxHeight'), 10); visible_top = this.search_results.scrollTop; visible_bottom = maxHeight + visible_top; high_top = this.result_highlight.positionedOffset().top; high_bottom = high_top + this.result_highlight.getHeight(); if (high_bottom >= visible_bottom) { return this.search_results.scrollTop = (high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0; } else if (high_top < visible_top) { return this.search_results.scrollTop = high_top; } }; Chosen.prototype.result_clear_highlight = function() { if (this.result_highlight) { this.result_highlight.removeClassName('highlighted'); } return this.result_highlight = null; }; Chosen.prototype.results_show = function() { if (this.is_multiple && this.max_selected_options <= this.choices_count()) { this.form_field.fire("chosen:maxselected", { chosen: this }); return false; } this.container.addClassName("chosen-with-drop"); this.results_showing = true; this.search_field.focus(); this.search_field.value = this.get_search_field_value(); this.winnow_results(); return this.form_field.fire("chosen:showing_dropdown", { chosen: this }); }; Chosen.prototype.update_results_content = function(content) { return this.search_results.update(content); }; Chosen.prototype.results_hide = function() { if (this.results_showing) { this.result_clear_highlight(); this.container.removeClassName("chosen-with-drop"); this.form_field.fire("chosen:hiding_dropdown", { chosen: this }); } return this.results_showing = false; }; Chosen.prototype.set_tab_index = function(el) { var ti; if (this.form_field.tabIndex) { ti = this.form_field.tabIndex; this.form_field.tabIndex = -1; return this.search_field.tabIndex = ti; } }; Chosen.prototype.set_label_behavior = function() { this.form_field_label = this.form_field.up("label"); if (this.form_field_label == null) { this.form_field_label = $$("label[for='" + this.form_field.id + "']").first(); } if (this.form_field_label != null) { return this.form_field_label.observe("click", this.label_click_handler); } }; Chosen.prototype.show_search_field_default = function() { if (this.is_multiple && this.choices_count() < 1 && !this.active_field) { this.search_field.value = this.default_text; return this.search_field.addClassName("default"); } else { this.search_field.value = ""; return this.search_field.removeClassName("default"); } }; Chosen.prototype.search_results_mouseup = function(evt) { var target; target = evt.target.hasClassName("active-result") ? evt.target : evt.target.up(".active-result"); if (target) { this.result_highlight = target; this.result_select(evt); return this.search_field.focus(); } }; Chosen.prototype.search_results_mouseover = function(evt) { var target; target = evt.target.hasClassName("active-result") ? evt.target : evt.target.up(".active-result"); if (target) { return this.result_do_highlight(target); } }; Chosen.prototype.search_results_mouseout = function(evt) { if (evt.target.hasClassName('active-result') || evt.target.up('.active-result')) { return this.result_clear_highlight(); } }; Chosen.prototype.choice_build = function(item) { var choice, close_link; choice = new Element('li', { "class": "search-choice" }).update("<span>" + (this.choice_label(item)) + "</span>"); if (item.disabled) { choice.addClassName('search-choice-disabled'); } else { close_link = new Element('a', { href: '#', "class": 'search-choice-close', rel: item.array_index }); close_link.observe("click", (function(_this) { return function(evt) { return _this.choice_destroy_link_click(evt); }; })(this)); choice.insert(close_link); } return this.search_container.insert({ before: choice }); }; Chosen.prototype.choice_destroy_link_click = function(evt) { evt.preventDefault(); evt.stopPropagation(); if (!this.is_disabled) { return this.choice_destroy(evt.target); } }; Chosen.prototype.choice_destroy = function(link) { if (this.result_deselect(link.readAttribute("rel"))) { if (this.active_field) { this.search_field.focus(); } else { this.show_search_field_default(); } if (this.is_multiple && this.choices_count() > 0 && this.get_search_field_value().length < 1) { this.results_hide(); } link.up('li').remove(); return this.search_field_scale(); } }; Chosen.prototype.results_reset = function() { this.reset_single_select_options(); this.form_field.options[0].selected = true; this.single_set_selected_text(); this.show_search_field_default(); this.results_reset_cleanup(); this.trigger_form_field_change(); if (this.active_field) { return this.results_hide(); } }; Chosen.prototype.results_reset_cleanup = function() { var deselect_trigger; this.current_selectedIndex = this.form_field.selectedIndex; deselect_trigger = this.selected_item.down("abbr"); if (deselect_trigger) { return deselect_trigger.remove(); } }; Chosen.prototype.result_select = function(evt) { var high, item; if (this.result_highlight) { high = this.result_highlight; this.result_clear_highlight(); if (this.is_multiple && this.max_selected_options <= this.choices_count()) { this.form_field.fire("chosen:maxselected", { chosen: this }); return false; } if (this.is_multiple) { high.removeClassName("active-result"); } else { this.reset_single_select_options(); } high.addClassName("result-selected"); item = this.results_data[high.getAttribute("data-option-array-index")]; item.selected = true; this.form_field.options[item.options_index].selected = true; this.selected_option_count = null; if (this.is_multiple) { this.choice_build(item); } else { this.single_set_selected_text(this.choice_label(item)); } if (this.is_multiple && (!this.hide_results_on_select || (evt.metaKey || evt.ctrlKey))) { if (evt.metaKey || evt.ctrlKey) { this.winnow_results({ skip_highlight: true }); } else { this.search_field.value = ""; this.winnow_results(); } } else { this.results_hide(); this.show_search_field_default(); } if (this.is_multiple || this.form_field.selectedIndex !== this.current_selectedIndex) { this.trigger_form_field_change(); } this.current_selectedIndex = this.form_field.selectedIndex; evt.preventDefault(); return this.search_field_scale(); } }; Chosen.prototype.single_set_selected_text = function(text) { if (text == null) { text = this.default_text; } if (text === this.default_text) { this.selected_item.addClassName("chosen-default"); } else { this.single_deselect_control_build(); this.selected_item.removeClassName("chosen-default"); } return this.selected_item.down("span").update(text); }; Chosen.prototype.result_deselect = function(pos) { var result_data; result_data = this.results_data[pos]; if (!this.form_field.options[result_data.options_index].disabled) { result_data.selected = false; this.form_field.options[result_data.options_index].selected = false; this.selected_option_count = null; this.result_clear_highlight(); if (this.results_showing) { this.winnow_results(); } this.trigger_form_field_change(); this.search_field_scale(); return true; } else { return false; } }; Chosen.prototype.single_deselect_control_build = function() { if (!this.allow_single_deselect) { return; } if (!this.selected_item.down("abbr")) { this.selected_item.down("span").insert({ after: "<abbr class=\"search-choice-close\"></abbr>" }); } return this.selected_item.addClassName("chosen-single-with-deselect"); }; Chosen.prototype.get_search_field_value = function() { return this.search_field.value; }; Chosen.prototype.get_search_text = function() { return this.get_search_field_value().strip(); }; Chosen.prototype.escape_html = function(text) { return text.escapeHTML(); }; Chosen.prototype.winnow_results_set_highlight = function() { var do_high; if (!this.is_multiple) { do_high = this.search_results.down(".result-selected.active-result"); } if (do_high == null) { do_high = this.search_results.down(".active-result"); } if (do_high != null) { return this.result_do_highlight(do_high); } }; Chosen.prototype.no_results = function(terms) { this.search_results.insert(this.get_no_results_html(terms)); return this.form_field.fire("chosen:no_results", { chosen: this }); }; Chosen.prototype.no_results_clear = function() { var nr, results1; nr = null; results1 = []; while (nr = this.search_results.down(".no-results")) { results1.push(nr.remove()); } return results1; }; Chosen.prototype.keydown_arrow = function() { var next_sib; if (this.results_showing && this.result_highlight) { next_sib = this.result_highlight.next('.active-result'); if (next_sib) { return this.result_do_highlight(next_sib); } } else { return this.results_show(); } }; Chosen.prototype.keyup_arrow = function() { var actives, prevs, sibs; if (!this.results_showing && !this.is_multiple) { return this.results_show(); } else if (this.result_highlight) { sibs = this.result_highlight.previousSiblings(); actives = this.search_results.select("li.active-result"); prevs = sibs.intersect(actives); if (prevs.length) { return this.result_do_highlight(prevs.first()); } else { if (this.choices_count() > 0) { this.results_hide(); } return this.result_clear_highlight(); } } }; Chosen.prototype.keydown_backstroke = function() { var next_available_destroy; if (this.pending_backstroke) { this.choice_destroy(this.pending_backstroke.down("a")); return this.clear_backstroke(); } else { next_available_destroy = this.search_container.siblings().last(); if (next_available_destroy && next_available_destroy.hasClassName("search-choice") && !next_available_destroy.hasClassName("search-choice-disabled")) { this.pending_backstroke = next_available_destroy; if (this.pending_backstroke) { this.pending_backstroke.addClassName("search-choice-focus"); } if (this.single_backstroke_delete) { return this.keydown_backstroke(); } else { return this.pending_backstroke.addClassName("search-choice-focus"); } } } }; Chosen.prototype.clear_backstroke = function() { if (this.pending_backstroke) { this.pending_backstroke.removeClassName("search-choice-focus"); } return this.pending_backstroke = null; }; Chosen.prototype.search_field_scale = function() { var container_width, div, i, len, style, style_block, styles, width; if (!this.is_multiple) { return; } style_block = { position: 'absolute', left: '-1000px', top: '-1000px', display: 'none', whiteSpace: 'pre' }; styles = ['fontSize', 'fontStyle', 'fontWeight', 'fontFamily', 'lineHeight', 'textTransform', 'letterSpacing']; for (i = 0, len = styles.length; i < len; i++) { style = styles[i]; style_block[style] = this.search_field.getStyle(style); } div = new Element('div').update(this.escape_html(this.get_search_field_value())); div.setStyle(style_block); document.body.appendChild(div); width = div.measure('width') + 25; div.remove(); if (container_width = this.container.getWidth()) { width = Math.min(container_width - 10, width); } return this.search_field.setStyle({ width: width + 'px' }); }; Chosen.prototype.trigger_form_field_change = function() { triggerHtmlEvent(this.form_field, 'input'); return triggerHtmlEvent(this.form_field, 'change'); }; triggerHtmlEvent = function(element, eventType) { var error, evt; if (element.dispatchEvent) { try { evt = new Event(eventType, { bubbles: true, cancelable: true }); } catch (error) { evt = document.createEvent('HTMLEvents'); evt.initEvent(eventType, true, true); } return element.dispatchEvent(evt); } else { return element.fireEvent("on" + eventType, document.createEventObject()); } }; return Chosen; })(AbstractChosen); }).call(this); create.php
@@ -1,35 +1,25 @@ <?php ini_set('display_errors',E_ALL); include "vendor/autoload.php"; define('IS_DEV', true); define('IS_DEV', (!isset($_SERVER['HTTP_HOST']))); define('SITE_ROOT', __DIR__); if (IS_DEV) { define('OVERLAY_DIR', dirname(__DIR__) . '/esl-overlay/'); } else { define('OVERLAY_DIR', dirname(__DIR__).'/overlays/'); } $twig = \EOG\Utils\TwigFactory::getEnvironment(SITE_ROOT); $s = new \EOG\Models\Stripe(); $variables = [ 'cup' => [ 'number' => '#75', 'name' => '5on5 Open Cup', ], 'team' => [ 'orange' => [ 'name' => 'Dompa Esports Community', 'ban' => [ 'mira', 'jackal' ] ], 'blue' => [ 'name' => 'The Grizz Esports', 'ban' => [ 'rook', 'blitz' ] ] ] ]; $html_content = $twig->render('templates/overlay-base.twig', ['stripe' => $s]); file_put_contents(OVERLAY_DIR . 'generated.html', $html_content); $html_content = $twig->render('templates/overlay-base.twig', $variables); file_put_contents('overlay/generated.html', $html_content); echo OVERLAY_DIR . 'generated.html'; form.php
New file @@ -0,0 +1,39 @@ <?php ini_set('display_errors', E_ALL); include "vendor/autoload.php"; define('IS_DEV', (!isset($_SERVER['HTTP_HOST']))); define('SITE_ROOT', __DIR__); if (IS_DEV) { define('OVERLAY_DIR', dirname(__DIR__) . '/esl-overlay/'); } else { define('OVERLAY_DIR', dirname(__DIR__) . '/overlays/'); } $twig = \EOG\Utils\TwigFactory::getEnvironment(SITE_ROOT); if (!empty($_POST)) { $s = new \EOG\Models\Stripe(); $html_content = $twig->render('templates/overlay-base.twig', ['stripe' => $s]); file_put_contents(OVERLAY_DIR . 'generated.html', $html_content); echo OVERLAY_DIR . 'generated.html'; } else { $s = new \EOG\Models\Stripe(); $var = [ 'stripe' => $s, 'operators' => $s->getOperators() ]; echo $twig->render('templates/admin/form.twig', $var); } templates/admin/form.twig
New file @@ -0,0 +1,91 @@ {% extends "templates/admin/html-skeleton.twig" %} {% block body %} <form> <div class="form-group"> <h6>Overlay típus:</h6> <div class="form-check"> <label class="form-check-label"> <input type="radio" name="stripe[class]" value="simple"> Csak kupa név és logók </label> </div> <div class="form-check"> <label class="form-check-label"> <input type="radio" name="stripe[class]" value="team">Kupanév, logók, csapatnevek </label> </div> <div class="form-check"> <label class="form-check-label"> <input type="radio" name="stripe[class]" value="team-ban">Kupanév, logók, csapatnevek, banok </label> </div> </div> <div class="form-group"> <div class="form-row"> <div class="col-md-8 mb-3"> <label for="validationServer01">Kupa neve</label> <input type="text" name="stripe[cup][name]" class="form-control" id="validationServer01" placeholder="Pld.: 5on5 Bomb Cup" value="{{ stripe.cup.name }}" required> </div> <div class="col-md-2 mb-3"> <label for="validationServer02">Kupa sorszám</label> <input type="text" class="form-control" id="validationServer02" placeholder="Pld.: #654" value="{{ stripe.cup.number }}" required> <div class="valid-feedback"> Looks good! </div> </div> </div> </div> <div class="form-group"> <div class="form-row"> <div class="form-group"> <div class="col-md-12 mb-3"> <label for="team_blue_name" class="bg-primary">Kék csapat neve</label> <input type="text" name="stripe[team][blue][name]" class="form-control" id="team_blue_name" placeholder="Pld.: Impress!ve" value="{{ stripe.team.blue.name }}" required> </div> <div class="col-md-12 mb-3"> <label for="op-blue" class="bg-primary">Banolt operátorok</label> <select name="stripe[team][blue][ban]" class="operators" id="op-blue" style="width: 100%" multiple> {% for operator in operators %} <option value="{{ operator }}">{{ operator|capitalize }}</option> {% endfor %} </select> </div> </div> <div class="form-group"> <div class="col-md-12 mb-3"> <label for="team_orange_name" class="bg-warning">Narancs csapat neve</label> <input type="text" name="stripe[team][orange][name]" class="form-control" id="team_orange_name" placeholder="Pld.: Opress!ve" value="{{ stripe.team.orange.name }}" required> </div> <div class="col-md-12 mb-3"> <label for="op-blue" class="bg-warning">Banolt operátorok</label> <select name="stripe[team][blue][ban]" class="operators" id="op-blue" style="width: 100%" multiple> {% for operator in operators %} <option value="{{ operator }}">{{ operator|capitalize }}</option> {% endfor %} </select> </div> </div> </div> </div> <button class="btn btn-primary" type="submit">Overlay felülírása</button> </form> {% endblock %} {% block lazyload %} {{ parent() }} <script type="text/javascript"> $('.operators').chosen( { 'placeholder_text_multiple': 'Banolt operátorok', 'max_selected_options': 2 } ); </script> {% endblock %} templates/admin/html-skeleton.twig
New file @@ -0,0 +1,33 @@ <!doctype html> <html lang="en"> <head> {% block head %} <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="assets/chosen.css"> {% endblock %} </head> <body> {% block body %} <h1>Hello, world!</h1> {% endblock %} {% block lazyload %} <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="assets/chosen.jquery.js" type="text/javascript"></script> {% endblock %} </body> </html> templates/overlay-base.twig
@@ -1,57 +1,62 @@ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/assets/overlay.css"> <link rel="stylesheet" href="/assets/operators-color.css"> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/assets/overlay.css"> <link rel="stylesheet" href="/assets/operators-color.css"> </head> <body> {% block stripe %} <div id="stripe"> {% block info_left %} <span class="info left"> <div id="stripe" class="{{ stripe.stripe.class }}"> {% block info_left %} <span class="info left"> <img src="/assets/hun.png" class="flag hun"> <span class="text"> <em>{{ cup.number }}</em> {{ cup.name }} <em>{{ stripe.cup.number }}</em> {{ stripe.cup.name }} </span> </span> {% endblock %} {% block team_blue %} <span class="team blue"> <span class="name">{{ team.blue.name }}</span> </span> <span class="ban blue"> {% for op in team.blue.ban %} <span class="operator {{ op }}"> {% endblock %} {% block team_blue %} {% if stripe.team.blue %} <span class="team blue"> <span class="name">{{ stripe.team.blue.name }}</span> </span> <span class="ban blue"> {% for op in stripe.team.blue.ban %} <span class="operator {{ op }}"> <span class="prohibit">x</span> </span> {% endfor %} {% endfor %} </span> {% endblock %} {% block logo %} <span class="logo"></span> {% endblock %} {% endif %} {% endblock %} {% block logo %} <span class="logo"></span> {% endblock %} {% block team_orange %} <span class="team orange"> <span class="name">{{ team.orange.name }}</span> </span> <span class="ban orange"> {% for op in team.orange.ban %} <span class="operator {{ op }}"> <span class="prohibit">x</span> </span> {% endfor %} {% block team_orange %} {% if stripe.team.orange %} <span class="team orange"> <span class="name">{{ stripe.team.orange.name }}</span> </span> <span class="ban orange"> {% for op in stripe.team.orange.ban %} <span class="operator {{ op }}"> <span class="prohibit">x</span> </span> {% endfor %} </span> {% endif %} {% endblock %} {% block info_right %} <span class="info right"> <img class="esl-logo" src="/assets/ESL_Logo.png"/> </span> {% endblock %} {% block info_right %} <span class="info right"> <img class="esl-logo" src="/assets/ESL_Logo.png"/> </span> {% endblock %} </div> {% endblock %} </div> {% endblock %} </body> </html>