https://www.gaffashop.dk/catalog/view/theme/default/template/exten…/d_ajax_filter/component/d_ajax_filter.tag

1<d_ajax_filter>
2
3<div class="title">
4    <div class="title row">
5        <div class="col">{store.getSetting(opts.id).heading_title}</div>
6        <div class="col-auto button-reset" if={store.getSetting(opts.id).button_reset == '1'} id="resetFilter" onclick={click}>
7            <span></span><p>{store.getState().translate.button_reset}</p>
8        </div>
9    </div>
10</div>
11<div class="af-body row">
12	<div class="selected-list col-12" if={store.getSetting(opts.id).selected_filters == '1'}>
13        <div each={groups, name in store.getState().selected}>
14            <div each={group, group_id in groups}>
15                <af_selected each={value in group} if={!store.checkRange(parent.name, group_id)}></af_selected>
16                <af_selected_range group={group} name={parent.name} group_id={group_id} if={store.checkRange(parent.name, group_id)}></af_selected>
17            </div>
18        </div>
19    </div>
20    
21    
22
23    <virtual each={groups, name in store.getGroups(opts.id)}>
24        <af_group each={filter in groups} filter_id="{parent.parent.opts.id}"></af_group>
25    </virtual>
26    <div if={store.getSetting(opts.id).submission == '1'} class="af-button-filter {store.getSetting(opts.id).button_filter_position == 1?'af-popup':''}">
27        <a id="fitlers" onclick={filter_click}>{store.getState().translate.button_filter}</a>
28        <div if={store.getSetting(opts.id).button_filter_position == 1} class="close">
29            <i class="fa fa-times-circle-o" onclick="$(this).closest('.af-button-filter').css('display','none')" aria-hidden="true"></i>
30        </div>
31    </div>
32</div>
33<script>
34    this.mixin({store: d_ajax_filter})
35    click(e){
36        this.store.clearSelectedAll(opts.id, e.target);
37    }
38
39    filter_click(e){
40        this.store.updateContent();
41    }
42
43    if(this.store.getSetting(opts.id).submission == '1' && this.store.getSetting(opts.id).button_filter_position == '1'){
44        $(this.root).on('change-location', function(e, top){
45            var position_top = top - Math.round($('.af-button-filter.af-popup', this.root).outerHeight(true) / 2); 
46            $('.af-button-filter.af-popup', this.root).css({top:position_top});
47            $('.af-button-filter.af-popup', this.root).show();
48            clearTimeout(timeout_popup);
49            var timeout_popup = setTimeout(function(){$('.af-button-filter.af-popup', this.root).hide();}, 2000);
50        }.bind(this));
51    }
52    
53</script>
54</d_ajax_filter>