External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-09 05:29:26 -02:30
Code Issues Packages Projects Releases Wiki Activity

Change awxSwitch class prefix to atSwitch to match component name

Browse Source
This commit is contained in:
mabashian
2019-08-07 11:22:28 -04:00
parent c71068fa1c
commit 0bd9d4abaf
6 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
awx/ui/client/lib/components/switch/_index.less
View File

@@ -1,4 +1,4 @@
.awxSwitch-listTableCell { .atSwitch-listTableCell {
display: flex; display: flex;
align-items: center; align-items: center;
height: 100%; height: 100%;
@@ -6,7 +6,7 @@
padding-right: 0px; padding-right: 0px;
} }
.awxSwitch-outer { .atSwitch-outer {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 40px; width: 40px;
@@ -18,12 +18,12 @@
} }
} }
.awxSwitch-on { .atSwitch-on {
.awxSwitch-slider { .atSwitch-slider {
background-color: @default-link; background-color: @default-link;
} }
.awxSwitch-slider:before { .atSwitch-slider:before {
-webkit-transform: translateX(16px); -webkit-transform: translateX(16px);
-ms-transform: translateX(16px); -ms-transform: translateX(16px);
transform: translateX(16px); transform: translateX(16px);
@@ -39,18 +39,18 @@
} }
} }
.awxSwitch-disabled { .atSwitch-disabled {
cursor: not-allowed; cursor: not-allowed;
.awxSwitch-inner { .atSwitch-inner {
pointer-events: none; pointer-events: none;
} }
.awxSwitch-slider { .atSwitch-slider {
background-color: @default-icon; background-color: @default-icon;
} }
.awxSwitch-slider:before { .atSwitch-slider:before {
background-color: @d2grey; background-color: @d2grey;
} }
@@ -59,7 +59,7 @@
} }
} }
.awxSwitch-slider { .atSwitch-slider {
position: absolute; position: absolute;
border-radius: 34px; border-radius: 34px;
top: 0; top: 0;
@@ -71,7 +71,7 @@
transition: .4s; transition: .4s;
} }
.awxSwitch-slider:before { .atSwitch-slider:before {
position: absolute; position: absolute;
content: ""; content: "";
height: 16px; height: 16px;

6
awx/ui/client/lib/components/switch/switch.partial.html
View File

@@ -1,6 +1,6 @@
<span class="awxSwitch-outer" ng-hide="hide" ng-class="{'awxSwitch-on': switchOn, 'awxSwitch-disabled': switchDisabled}" aw-tool-tip="{{tooltipString ? tooltipString : tooltip}}" data-placement="{{tooltipPlacement}}" data-tip-watch="tooltipWatch"> <span class="atSwitch-outer" ng-hide="hide" ng-class="{'atSwitch-on': switchOn, 'atSwitch-disabled': switchDisabled}" aw-tool-tip="{{tooltipString ? tooltipString : tooltip}}" data-placement="{{tooltipPlacement}}" data-tip-watch="tooltipWatch">
<span class="awxSwitch-inner" ng-click="onToggle()"> <span class="atSwitch-inner" ng-click="onToggle()">
<span class="awxSwitch-slider"></span> <span class="atSwitch-slider"></span>
<i class="fa fa-check"></i> <i class="fa fa-check"></i>
</span> </span>
</span> </span>

2
awx/ui/client/src/shared/generator-helpers.js
View File

@@ -528,7 +528,7 @@ angular.module('GeneratorHelpers', [systemStatus.name])
html = Template(field); html = Template(field);
} else if (field.type === 'toggle') { } else if (field.type === 'toggle') {
html += ` html += `
<div class="awxSwitch-listTableCell ${field}-column ${field['class']} ${field.columnClass}"> <div class="atSwitch-listTableCell ${field}-column ${field['class']} ${field.columnClass}">
<at-switch on-toggle="${field.ngClick}" switch-on="${"flag" in field} ? ${list.iterator}.${field.flag} : ${list.iterator}.enabled" switch-disabled="${"ngDisabled" in field} ? ${field.ngDisabled} : false" tooltip-string="${field.awToolTip}" tooltip-placement="${field.dataPlacement ? field.dataPlacement : 'right'}" tooltip-watch="${field.dataTipWatch}"></at-switch> <at-switch on-toggle="${field.ngClick}" switch-on="${"flag" in field} ? ${list.iterator}.${field.flag} : ${list.iterator}.enabled" switch-disabled="${"ngDisabled" in field} ? ${field.ngDisabled} : false" tooltip-string="${field.awToolTip}" tooltip-placement="${field.dataPlacement ? field.dataPlacement : 'right'}" tooltip-watch="${field.dataTipWatch}"></at-switch>
</div> </div>
`; `;

2
awx/ui/test/e2e/objects/inventories.js
View File

@@ -18,7 +18,7 @@ const standardInvDetails = createFormSection({
'#inventory_form .Form-textArea', '#inventory_form .Form-textArea',
'#inventory_form input[type="checkbox"]', '#inventory_form input[type="checkbox"]',
'#inventory_form .ui-spinner-input', '#inventory_form .ui-spinner-input',
'#inventory_form .awxSwitch-inner' '#inventory_form .atSwitch-inner'
] ]
}, },
labels: { labels: {

2
awx/ui/test/e2e/objects/notificationTemplates.js
View File

@@ -19,7 +19,7 @@ const details = createFormSection({
'#notification_template_form input[type="radio"]', '#notification_template_form input[type="radio"]',
'#notification_template_form .ui-spinner-input', '#notification_template_form .ui-spinner-input',
'#notification_template_form .Form-textArea', '#notification_template_form .Form-textArea',
'#notification_template_form .awxSwitch-inner', '#notification_template_form .atSwitch-inner',
'#notification_template_form .Form-lookupButton' '#notification_template_form .Form-lookupButton'
] ]
} }

4
awx/ui/test/e2e/objects/templates.js
View File

@@ -18,7 +18,7 @@ const jtDetails = createFormSection({
'#job_template_form .Form-textArea', '#job_template_form .Form-textArea',
'#job_template_form input[type="checkbox"]', '#job_template_form input[type="checkbox"]',
'#job_template_form .ui-spinner-input', '#job_template_form .ui-spinner-input',
'#job_template_form .awxSwitch-inner' '#job_template_form .atSwitch-inner'
] ]
}, },
labels: { labels: {
@@ -38,7 +38,7 @@ const wfjtDetails = createFormSection({
'#workflow_job_template_form .Form-textArea', '#workflow_job_template_form .Form-textArea',
'#workflow_job_template_form input[type="checkbox"]', '#workflow_job_template_form input[type="checkbox"]',
'#workflow_job_template_form .ui-spinner-input', '#workflow_job_template_form .ui-spinner-input',
'#workflow_job_template_form .awxSwitch-inner' '#workflow_job_template_form .atSwitch-inner'
] ]
}, },
labels: { labels: {