wazuh-kibana-app/public/directives/wz-multiple-selector/wz-multiple-selector.html

<div flex class='row flex'>
    <div class='uil-ring-css' ng-show="loading">
        <div></div>
    </div>
    <div id="wzMultipleSelector" ng-show="!loading">
        <div class='wzMultipleSelectorLeft'>
            <div class='panel panel-primary'>
                <div class='panel-heading text-center'>{{titleAvailableItems}}</div>
                <div class='panel-body'>
                    <input placeholder="Filter..." ng-model="availableFilter" type="text" class="kuiLocalSearchInput"
                        ng-change="availableItem=null">
                    <select size='10' multiple ng-model='availableItem' ng-options='item as item.key + " - "  + item.value for item in availableItems | orderBy:"key"'
                        ng-change='selectedElement=null' class='width-100' ng-dblclick='moveItem(availableItem, availableItems, selectedItems);availableItem=null'></select>
                </div>
            </div>
        </div>
        <div class='wzMultipleSelectorButtons'>
            <button ng-disabled='availableItems.length === 0' type='button' class='btn btn-primary' tooltip="Add all items"
                tooltip-placement="top" ng-click='moveAll(availableItems, selectedItems);availableItem=null;doReload("left")'>
                <span><i class="fa fa-forward"></i></span>
            </button>
            <button ng-disabled='!availableItem' type='button' class='btn btn-primary' tooltip="Add selected items"
                tooltip-placement="top" ng-click='moveItem(availableItem, availableItems, selectedItems);availableItem=null'>
                <span><i class='fa fa-arrow-right'></i></span>
            </button>
            <button ng-disabled='!selectedElement' type='button' class='btn btn-primary' tooltip="Remove selected items"
                tooltip-placement="top" ng-click='moveItem(selectedElement, selectedItems, availableItems);selectedElement=null'>
                <span><i class='fa fa-arrow-left'></i></span>
            </button>
            <button ng-disabled='selectedItems.length === 0' type='button' class='btn btn-primary' tooltip="Remove all items"
                tooltip-placement="top" ng-click='moveAll(selectedItems, availableItems);selectedElement=null;doReload("right")'>
                <span><i class="fa fa-backward"></i></span>
            </button>
        </div>
        <div class='wzMultipleSelectorRight'>
            <div class='panel panel-primary'>
                <div class='panel-heading text-center'>{{titleSelectedItems}}</div>
                <div class='panel-body'>
                    <input placeholder="Filter..." ng-model="selectedFilter" type="text" class="kuiLocalSearchInput"
                        ng-change="selectedElement=null">
                    <select size='10' multiple ng-model='selectedElement' ng-options='item as item.key + " - "  + item.value for item in selectedItems | filter: selectedFilter | orderBy:"key"'
                        ng-change='availableItem=null' class='width-100' ng-dblclick='moveItem(selectedElement, selectedItems, availableItems);selectedElement=null'></select>
                </div>
            </div>
        </div>
    </div>
</div>