move search into feature-level component

This commit is contained in:
Jake McDermott
2018-04-02 23:47:45 -04:00
parent 1f9b325f38
commit a5e20117e3
7 changed files with 183 additions and 192 deletions

View File

@@ -9,55 +9,8 @@
<at-panel class="at-Stdout">
<div class="at-Panel-headingTitle">{{ vm.title }}</div>
<at-job-stats resource="vm.resource"></at-job-stats>
<!-- search ===================================================================================== -->
<form ng-submit="vm.search.submitSearch()">
<div class="input-group">
<input type="text"
class="form-control at-Input"
ng-class="{ 'at-Input--rejected': vm.search.rejected }"
ng-model="vm.search.value"
ng-attr-placeholder="{{ vm.search.disabled ? 'CANNOT SEARCH RUNNING JOB' : 'SEARCH' }}"
ng-disabled="vm.search.disabled">
<span class="input-group-btn">
<button class="btn at-ButtonHollow--default at-Input-button"
ng-click="vm.search.submitSearch()"
ng-disabled="vm.search.disabled"
type="button">
<i class="fa fa-search"></i>
</button>
<button class="btn jobz-Button-searchKey"
ng-if="vm.search.key"
ng-disabled="vm.search.disabled"
ng-click="vm.search.toggleSearchKey()"
type="button"> key
</button>
<button class="btn at-ButtonHollow--default at-Input-button"
ng-if="!vm.search.key"
ng-disabled="vm.search.disabled"
ng-click="vm.search.toggleSearchKey()"
type="button"> key
</button>
</span>
</div>
</form>
<at-job-search></at-job-search>
<div class="jobz-tagz">
<div class="LabelList-tagContainer" ng-repeat="tag in vm.search.tags track by $index">
<div class="LabelList-tag LabelList-tag--deletable"><span class="LabelList-name">{{ tag }}</span></div>
<div class="LabelList-deleteContainer" ng-click="vm.search.removeSearchTag($index)">
<i class="fa fa-times LabelList-tagDelete"></i>
</div>
</div>
<div><a href class="jobz-searchClearAll" ng-click="vm.search.clearSearch()" ng-show="!(vm.search.tags | isEmpty)">CLEAR ALL</a></div>
</div>
<at-search-key
ng-show="vm.search.key"
fields="vm.search.searchKeyFields"
examples="vm.search.searchKeyExamples">
</at-search-key>
<!-- ============================================================================================ -->
<div class="at-Stdout-menuTop">
<div class="pull-left" ng-click="vm.expand()">
<i class="at-Stdout-menuIcon fa"