awx/awx/ui/client/features/output/search.directive.js

const templateUrl = require('~features/output/search.partial.html');

const searchReloadOptions = { reload: true, inherit: false };
const searchKeyExamples = ['id:>1', 'task:set', 'created:>=2000-01-01'];
const searchKeyFields = ['changed', 'failed', 'host_name', 'stdout', 'task', 'role', 'playbook', 'play'];

const PLACEHOLDER_RUNNING = 'CANNOT SEARCH RUNNING JOB';
const PLACEHOLDER_DEFAULT = 'SEARCH';

let $state;
let status;
let qs;

let vm;

function toggleSearchKey () {
    vm.key = !vm.key;
}

function getCurrentQueryset () {
    const { job_event_search } = $state.params; // eslint-disable-line camelcase

    return qs.decodeArr(job_event_search);
}

function getSearchTags (queryset) {
    return qs.createSearchTagsFromQueryset(queryset)
        .filter(tag => !tag.startsWith('event'))
        .filter(tag => !tag.startsWith('-event'))
        .filter(tag => !tag.startsWith('page_size'))
        .filter(tag => !tag.startsWith('order_by'));
}

function removeSearchTag (index) {
    const searchTerm = vm.tags[index];

    const currentQueryset = getCurrentQueryset();
    const modifiedQueryset = qs.removeTermsFromQueryset(currentQueryset, searchTerm);

    vm.tags = getSearchTags(modifiedQueryset);
    vm.disabled = true;

    $state.params.job_event_search = qs.encodeArr(modifiedQueryset);
    $state.transitionTo($state.current, $state.params, searchReloadOptions);
}

function submitSearch () {
    const searchInputQueryset = qs.getSearchInputQueryset(vm.value);

    const currentQueryset = getCurrentQueryset();
    const modifiedQueryset = qs.mergeQueryset(currentQueryset, searchInputQueryset);

    vm.tags = getSearchTags(modifiedQueryset);
    vm.disabled = true;

    $state.params.job_event_search = qs.encodeArr(modifiedQueryset);
    $state.transitionTo($state.current, $state.params, searchReloadOptions);
}

function clearSearch () {
    vm.tags = [];
    vm.disabled = true;

    $state.params.job_event_search = '';
    $state.transitionTo($state.current, $state.params, searchReloadOptions);
}

function atJobSearchLink (scope, el, attrs, controllers) {
    const [atJobSearchController] = controllers;

    atJobSearchController.init(scope);
}

function AtJobSearchController (_$state_, _status_, _qs_) {
    $state = _$state_;
    status = _status_;
    qs = _qs_;

    vm = this || {};

    vm.value = '';
    vm.key = false;
    vm.rejected = false;
    vm.disabled = true;
    vm.tags = getSearchTags(getCurrentQueryset());

    vm.clearSearch = clearSearch;
    vm.searchKeyExamples = searchKeyExamples;
    vm.searchKeyFields = searchKeyFields;
    vm.toggleSearchKey = toggleSearchKey;
    vm.removeSearchTag = removeSearchTag;
    vm.submitSearch = submitSearch;

    vm.init = scope => {
        vm.examples = scope.examples || searchKeyExamples;
        vm.fields = scope.fields || searchKeyFields;
        vm.placeholder = PLACEHOLDER_DEFAULT;
        vm.relatedFields = scope.relatedFields || [];

        scope.$watch(status.isRunning, value => {
            vm.disabled = value;
            vm.placeholder = value ? PLACEHOLDER_RUNNING : PLACEHOLDER_DEFAULT;
        });
    };
}

AtJobSearchController.$inject = [
    '$state',
    'JobStatusService',
    'QuerySet',
];

function atJobSearch () {
    return {
        templateUrl,
        restrict: 'E',
        require: ['atJobSearch'],
        controllerAs: 'vm',
        link: atJobSearchLink,
        controller: AtJobSearchController,
        scope: {
            examples: '=',
            fields: '=',
            relatedFields: '=',
        },
    };
}

export default atJobSearch;