xNightR00T File Manager

<div class="z-basic-filter-wrapper z-basic-filter-wrapper-clearfix" ng-init="filter.loaded = true;">
    <!-- predefined filters -->
    <div class="z-filter-element">
        <label for="z-basic-filter-stored-filters">Stored filters</label>
        <z-multi-select multi-select-change="filter.storedFilterChanged"
                        ng-model="zsUiGridFilterOptions.storedFilters.selectedValue" 
                        multi-select-options="zsUiGridFilterOptions.storedFilters"></z-multi-select>
    </div>

    <!-- time range -->
    <div class="z-filter-element" ng-if="zsUiGridFilterOptions.timeRange">
        <span ng-show="zsUiGridFilterOptions.timeRange.predefined.values.length > 0">
            <label for="z-basic-filter-time-range">Time range</label>
            <z-multi-select ng-model="zsUiGridFilterOptions.timeRange.predefined.selectedValue"
                            multi-select-options="datesRange.selectOptions"
                            multi-select-change="datesRange.predefinedTimeRangeChangedCallback"></z-multi-select>
        </span>

        <div class="custom-dates-picker" ng-show="zsUiGridFilterOptions.timeRange.predefined.selectedValue == 'Custom'">
            <z-dates-range ng-model="datesRange" dates-range-change="filter.triggerOnChangeCallback"></z-dates-range>
        </div>
    </div>
    
    

    <!-- time range -->
    <div class="z-filter-element" ng-if="zsUiGridFilterOptions.toggleSlider">
        <checkbox-slider class="time_by_slider" positive-caption="{{zsUiGridFilterOptions.toggleSlider.positiveCaption}}" negative-caption="{{zsUiGridFilterOptions.toggleSlider.negativeCaption}}" 
                         ng-model="zsUiGridFilterOptions.toggleSlider.value" ng-change="zsUiGridFilterOptions.toggleSlider.onChange"></checkbox-slider>
    </div>

    <!-- free text search -->
    <div class="z-basic-filter-right-side">
        <div class="z-filter-element">
            <input placeholder="Search" ng-change="filter.triggerOnChangeCallback();" ng-model="zsUiGridFilterOptions.freeText" class="z-filter-free-text-input" />
            <span title="Clear the search text" ng-if="zsUiGridFilterOptions.freeText" class="z-filter-search-clear-button" ng-click="zsUiGridFilterOptions.freeText = ''; filter.triggerOnChangeCallback();"><i class="glyphicons glyphicons-remove"></i></span>
        </div>

        <div class="z-filter-element">
            <a class="btn btn-default" ng-disabled="" ng-click="filter.save();"
               title="Store the current filter values">Save as</a>
            <a class="btn btn-default"
               ng-disabled="!zsUiGridFilterOptions.storedFilters.selectedValue || storedFilters.customFiltersNames.indexOf(zsUiGridFilterOptions.storedFilters.selectedValue) < 0" 
               ng-click="filter.delete();" 
               title="Delete stored filter &quot;{{zsUiGridFilterOptions.storedFilters.selectedValue}}&quot;">Delete</a>
            <a class="btn btn-default" ng-disabled="" 
               ng-click="filter.reset(); filter.triggerOnChangeCallback();" title="Reset filter to its default values">Reset</a>
        </div>

        <div class="z-filter-element z-advanced-filter-switch" ng-if="zsUiGridFilterOptions.advancedFilter" ng-show="!advancedFilter.isDisplayed">
            <span ng-click="advancedFilter.show()" title="Show advanced filter"><i class="fa fa-chevron-down"></i> Advanced filter</a>
        </div>
        <div class="z-filter-element z-advanced-filter-switch" ng-if="zsUiGridFilterOptions.advancedFilter" ng-show=" advancedFilter.isDisplayed">
            <span ng-click="advancedFilter.hide()" title="Hide advanced filter"><i class="fa fa-chevron-up"></i> Basic filter</a>
        </div>
    </div>
</div>