mirror of
https://github.com/ansible/awx.git
synced 2024-11-02 09:51:09 +03:00
move invalid list row properties to row component
This commit is contained in:
parent
d1b504e34d
commit
37546d6495
@ -1,123 +0,0 @@
|
||||
<div ui-view="form"></div>
|
||||
<at-panel>
|
||||
<at-panel-heading hide-dismiss="true">
|
||||
{{:: vm.strings.get('list.PANEL_TITLE') }}
|
||||
<div class="at-Panel-headingTitleBadge" ng-show="template_dataset.count">
|
||||
{{ template_dataset.count }}
|
||||
</div>
|
||||
</at-panel-heading>
|
||||
|
||||
<at-panel-body>
|
||||
<div class="at-List-toolbar">
|
||||
<smart-search
|
||||
class="at-List-search"
|
||||
django-model="templates"
|
||||
base-path="unified_job_templates"
|
||||
iterator="template"
|
||||
list="list"
|
||||
dataset="template_dataset"
|
||||
collection="collection"
|
||||
search-tags="searchTags"
|
||||
query-set="querySet">
|
||||
</smart-search>
|
||||
<div class="at-List-toolbarAction" ng-show="canAdd">
|
||||
<button
|
||||
type="button"
|
||||
class="at-List-toolbarActionButton at-Button--success"
|
||||
data-toggle="dropdown"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
+ {{:: vm.strings.get('list.ADD_BUTTON_LABEL') }}
|
||||
<span class="at-List-toolbarDropdownCarat"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu at-List-toolbarActionDropdownMenu">
|
||||
<li>
|
||||
<a ui-sref="templates.addJobTemplate">
|
||||
{{:: vm.strings.get('list.ADD_DD_JT_LABEL') }}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a ui-sref="templates.addWorkflowJobTemplate">
|
||||
{{:: vm.strings.get('list.ADD_DD_WF_LABEL') }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<at-list results="templates">
|
||||
<!-- TODO: implement resources are missing red indicator as present in mockup -->
|
||||
<at-row ng-repeat="template in templates"
|
||||
ng-class="{'at-Row--active': (template.id === vm.activeId)}"
|
||||
template-id="{{ template.id }}">
|
||||
<div class="at-Row--invalid" ng-show="vm.isInvalid(template)">
|
||||
<at-popover state="vm.invalidTooltip"></at-popover>
|
||||
</div>
|
||||
<div class="at-Row-items">
|
||||
<at-row-item
|
||||
header-value="{{ template.name }}"
|
||||
header-link="/#/templates/job_template/{{ template.id }}"
|
||||
header-tag="{{ vm.templateTypes[template.type] }}"
|
||||
ng-if="template.type === 'job_template'">
|
||||
</at-row-item>
|
||||
<at-row-item
|
||||
header-value="{{ template.name }}"
|
||||
header-link="/#/templates/workflow_job_template/{{ template.id }}"
|
||||
header-tag="{{ vm.templateTypes[template.type] }}"
|
||||
ng-if="template.type === 'workflow_job_template'">
|
||||
</at-row-item>
|
||||
<at-row-item
|
||||
label-value="{{:: vm.strings.get('list.ROW_ITEM_LABEL_ACTIVITY') }}"
|
||||
smart-status="template">
|
||||
</at-row-item>
|
||||
<at-row-item
|
||||
label-value="{{:: vm.strings.get('list.ROW_ITEM_LABEL_INVENTORY') }}"
|
||||
value="{{ template.summary_fields.inventory.name }}"
|
||||
value-link="/#/inventories/inventory/{{ template.summary_fields.inventory.id }}">
|
||||
</at-row-item>
|
||||
<at-row-item
|
||||
label-value="{{:: vm.strings.get('list.ROW_ITEM_LABEL_PROJECT') }}"
|
||||
value="{{ template.summary_fields.project.name }}"
|
||||
value-link="/#/projects/{{ template.summary_fields.project.id }}">
|
||||
</at-row-item>
|
||||
<!-- TODO: add see more for creds -->
|
||||
<at-row-item
|
||||
label-value="{{:: vm.strings.get('list.ROW_ITEM_LABEL_CREDENTIALS') }}"
|
||||
tag-values="template.summary_fields.credentials"
|
||||
tags-are-creds="true">
|
||||
</at-row-item>
|
||||
<at-row-item
|
||||
label-value="{{:: vm.strings.get('list.ROW_ITEM_LABEL_MODIFIED') }}"
|
||||
value="{{ vm.getModified(template) }}">
|
||||
</at-row-item>
|
||||
<at-row-item
|
||||
label-value="{{:: vm.strings.get('list.ROW_ITEM_LABEL_RAN') }}"
|
||||
value="{{ vm.getLastRan(template) }}">
|
||||
</at-row-item>
|
||||
<labels-list class="LabelList" show-delete="false" is-row-item="true">
|
||||
</labels-list>
|
||||
</div>
|
||||
<div class="at-Row-actions">
|
||||
<at-launch-template template="template"
|
||||
ng-show="template.summary_fields.user_capabilities.start">
|
||||
</at-launch-template>
|
||||
<at-row-action icon="fa-calendar" ng-click="vm.scheduleTemplate(template)"
|
||||
ng-show="template.summary_fields.user_capabilities.schedule">
|
||||
</at-row-action>
|
||||
<at-row-action icon="fa-copy" ng-click="vm.copyTemplate(template)"
|
||||
ng-show="template.summary_fields.user_capabilities.copy">
|
||||
</at-row-action>
|
||||
<at-row-action icon="fa-trash" ng-click="vm.deleteTemplate(template)"
|
||||
ng-show="template.summary_fields.user_capabilities.delete">
|
||||
</at-row-action>
|
||||
</div>
|
||||
</at-row>
|
||||
</at-list>
|
||||
<paginate
|
||||
collection="templates"
|
||||
dataset="template_dataset"
|
||||
iterator="template"
|
||||
base-path="unified_job_templates">
|
||||
</paginate>
|
||||
</at-panel-body>
|
||||
</at-panel>
|
@ -40,10 +40,9 @@
|
||||
<!-- TODO: implement resources are missing red indicator as present in mockup -->
|
||||
<at-row ng-repeat="template in templates"
|
||||
ng-class="{'at-Row--active': (template.id === vm.activeId)}"
|
||||
template-id="{{ template.id }}">
|
||||
<div class="at-Row--invalid" ng-show="vm.isInvalid(template)">
|
||||
<at-popover state="vm.invalidTooltip"></at-popover>
|
||||
</div>
|
||||
template-id="{{ template.id }}"
|
||||
invalid="vm.isInvalid(template)"
|
||||
invalid-tooltip="vm.invalidTooltip">
|
||||
<div class="at-Row-items">
|
||||
<at-row-item
|
||||
header-value="{{ template.name }}"
|
||||
|
@ -7,7 +7,9 @@ function atRow () {
|
||||
transclude: true,
|
||||
templateUrl,
|
||||
scope: {
|
||||
templateId: '@'
|
||||
templateId: '@',
|
||||
invalid: '=',
|
||||
invalidTooltip: '='
|
||||
}
|
||||
};
|
||||
}
|
||||
|
@ -1,2 +1,6 @@
|
||||
<div class="at-Row" id="row-{{ templateId }}" ng-transclude>
|
||||
<div class="at-Row" id="row-{{ templateId }}">
|
||||
<div class="at-Row--invalid" ng-show="invalid">
|
||||
<at-popover state="invalidTooltip"></at-popover>
|
||||
</div>
|
||||
<ng-transclude></ng-transclude>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user