From 26baad53e4b15c0b503c8eea3ad0579e0d1e16af Mon Sep 17 00:00:00 2001 From: Cillian O'Ruanaidh Date: Fri, 16 Dec 2022 14:50:09 +0000 Subject: [PATCH] Remove unused singleLineSelectors angular directive --- .../directives/single_line_selectors.coffee | 82 ------------------- .../templates/single_line_selectors.html.haml | 14 ---- 2 files changed, 96 deletions(-) delete mode 100644 app/assets/javascripts/darkswarm/directives/single_line_selectors.coffee delete mode 100644 app/assets/javascripts/templates/single_line_selectors.html.haml diff --git a/app/assets/javascripts/darkswarm/directives/single_line_selectors.coffee b/app/assets/javascripts/darkswarm/directives/single_line_selectors.coffee deleted file mode 100644 index 5bc3daa635..0000000000 --- a/app/assets/javascripts/darkswarm/directives/single_line_selectors.coffee +++ /dev/null @@ -1,82 +0,0 @@ -angular.module('Darkswarm').directive 'singleLineSelectors', ($timeout, $filter) -> - restrict: 'E' - templateUrl: "single_line_selectors.html" - scope: - selectors: "=" - objects: "&" - activeSelectors: "=" - selectorName: "@activeSelectors" - link: (scope, element, attrs) -> - scope.fitting = false - - scope.refit = -> - if scope.allSelectors? - scope.fitting = true - selector.fits = true for selector in scope.allSelectors - $timeout(loadWidths, 0, true).then -> - $timeout fit, 0, true - - fit = -> - used = $(element).find("li.more").outerWidth(true) - used += selector.width for selector in scope.allSelectors when selector.fits - available = $(element).parent(".filter-shopfront").innerWidth() - used - if available > 0 - for selector in scope.allSelectors when !selector.fits - available -= selector.width - selector.fits = true if available > 0 - else - if scope.allSelectors.length > 0 - for i in [scope.allSelectors.length-1..0] - selector = scope.allSelectors[i] - if !selector.fits - continue - else - if available < 0 - selector.fits = false - available += selector.width - scope.fitting = false - - loadWidths = -> - $(element).find("li").not(".more").each (i) -> - if i < scope.allSelectors.length - scope.allSelectors[i].width = $(this).outerWidth(true) - return null # So we don't exit the loop weirdly - - scope.overFlowSelectors = -> - return [] unless scope.allSelectors? - $filter('filter')(scope.allSelectors, { fits: false }) - - scope.selectedOverFlowSelectors = -> - $filter('filter')(scope.overFlowSelectors(), { active: true }) - - # had to duplicate this to make overflow selectors work - scope.emit = -> - scope.activeSelectors = scope.allSelectors.filter (selector)-> - selector.active - .map (selector) -> - selector.object.id - - # From: http://stackoverflow.com/questions/4298612/jquery-how-to-call-resize-event-only-once-its-finished-resizing - debouncer = (func, timeout) -> - timeoutID = undefined - timeout = timeout or 50 - -> - subject = this - args = arguments - clearTimeout timeoutID - timeoutID = setTimeout(-> - func.apply subject, Array::slice.call(args) - , timeout) - - - # -- Event management - scope.$watchCollection "allSelectors", -> - scope.refit() - - scope.$on "filtersToggled", -> - scope.refit() - - $(window).resize debouncer (e) -> - scope.fitting = true - if scope.allSelectors? - $timeout fit, 0, true diff --git a/app/assets/javascripts/templates/single_line_selectors.html.haml b/app/assets/javascripts/templates/single_line_selectors.html.haml deleted file mode 100644 index 87034d9483..0000000000 --- a/app/assets/javascripts/templates/single_line_selectors.html.haml +++ /dev/null @@ -1,14 +0,0 @@ --# In order for the single-line-selector scope to have access to the available selectors, -%filter-selector{"selector-set" => "selectors", objects: "objects()", "active-selectors" => "activeSelectors", "all-selectors" => "allSelectors" } - -%ul{ ng: { if: "overFlowSelectors().length > 0 || fitting" } } - %li.more - %a.dropdown{ data: { dropdown: "{{ 'show-more-' + selectorName }}" }, ng: { class: "{active: selectedOverFlowSelectors().length > 0}" } } - %span - {{ 'js.more_items' | t:{ count: overFlowSelectors().length } }} - %i.ofn-i_052-point-down - .f-dropdown.text-right.content{ ng: { attr: { id: "{{ 'show-more-' + selectorName }}" } } } - %ul - %active-selector{ ng: { repeat: "selector in overFlowSelectors()", hide: "selector.fits" } } - %render-svg{path: "{{selector.object.icon}}", ng: { if: "selector.object.icon"}} - %span {{ selector.object.name }}