rename at-easy-modal to at-dialog

awx/ui/client/features/credentials/external-test-modal.partial.html

@@ -1,4 +1,4 @@
-<at-easy-modal title="vm.title" on-close="vm.onClose">
+<at-dialog title="vm.title" on-close="vm.onClose">
     <at-form state="vm.form" autocomplete="off" id="external_test_form">
         <at-input-group col="12" tab="20" state="vm.form.inputs" form-id="external_test"></at-input-group>
         <at-action-group col="12" pos="right">
@@ -17,4 +17,4 @@
             </at-action-button>
         </at-action-group>
     </at-form>
-</at-easy-modal>
+</at-dialog>

awx/ui/client/features/credentials/input-source-lookup.partial.html

@@ -1,4 +1,4 @@
-<at-easy-modal title="vm.title" on-close="vm.onClose" ng-show="vm.isReady">
+<at-dialog title="vm.title" on-close="vm.onClose" ng-show="vm.isReady">
     <at-tab-group>
         <at-tab
             state="vm.tabs.credential"
@@ -86,4 +86,4 @@
             </at-action-button>
         </at-action-group>
     </at-form>
-</at-easy-modal>
+</at-dialog>

awx/ui/client/lib/components/_index.less

@@ -1,10 +1,10 @@
 @import 'action/_index';
+@import 'dialog/_index';
 @import 'input/_index';
 @import 'launchTemplateButton/_index';
 @import 'layout/_index';
 @import 'list/_index';
 @import 'modal/_index';
-@import 'easy-modal/_index';
 @import 'panel/_index';
 @import 'popover/_index';
 @import 'relaunchButton/_index';

awx/ui/client/lib/components/dialog/_index.less

@@ -1,25 +1,25 @@
-.at-EasyModal-body {
+.at-Dialog-body {
     font-size: @at-font-size;
     padding: @at-padding-panel 0;
 }
 
-.at-EasyModal-dismiss {
+.at-Dialog-dismiss {
     .at-mixin-ButtonIcon();
     font-size: @at-font-size-modal-dismiss;
     color: @at-color-icon-dismiss;
     text-align: right;
 }
 
-.at-EasyModal-heading {
+.at-Dialog-heading {
     margin: 0;
     overflow: visible;
 
-    & > .at-EasyModal-dismiss {
+    & > .at-Dialog-dismiss {
         margin: 0;
     }
 }
 
-.at-EasyModal-title {
+.at-Dialog-title {
     margin: 0;
     padding: 0;
 

awx/ui/client/lib/components/dialog/dialog.component.js

@@ -1,8 +1,8 @@
-const templateUrl = require('~components/easy-modal/easy-modal.partial.html');
+const templateUrl = require('~components/dialog/dialog.partial.html');
 
-const overlaySelector = '.at-EasyModal';
+const overlaySelector = '.at-Dialog';
 
-function EasyModalController ($element) {
+function DialogController ($element) {
     const vm = this || {};
 
     vm.$onInit = () => {
@@ -13,13 +13,13 @@ function EasyModalController ($element) {
     };
 }
 
-EasyModalController.$inject = [
+DialogController.$inject = [
     '$element',
 ];
 
 export default {
     templateUrl,
-    controller: EasyModalController,
+    controller: DialogController,
     controllerAs: 'vm',
     transclude: true,
     bindings: {

awx/ui/client/lib/components/dialog/dialog.partial.html

@@ -1,14 +1,14 @@
-<div class="modal at-EasyModal fade" tabindex="-1" role="dialog">
+<div class="modal at-Dialog fade" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document">
-        <div class="modal-content at-EasyModal-window">
+        <div class="modal-content at-Dialog-window">
             <div class="Modal-header">
                 <div class="Modal-title">
-                    <div class="at-EasyModal-heading">
+                    <div class="at-Dialog-heading">
-                        <h4 class="modal-title at-EasyModal-title">{{ vm.title }}</h4>
+                        <h4 class="modal-title at-Dialog-title">{{ vm.title }}</h4>
                     </div>
                 </div>
                 <div class="Modal-exitHolder">
-                    <div class="at-EasyModal-dismiss">
+                    <div class="at-Dialog-dismiss">
                         <i class="fa fa-lg fa-times-circle" ng-click="vm.onClose()"></i>
                     </div>
                 </div>

awx/ui/client/lib/components/index.js

@@ -2,9 +2,9 @@ import atLibServices from '~services';
 
 import actionGroup from '~components/action/action-group.directive';
 import actionButton from '~components/action/action-button.directive';
+import dialog from '~components/dialog/dialog.component';
 import divider from '~components/utility/divider.directive';
 import dynamicSelect from '~components/input/dynamic-select.directive';
-import easyModal from '~components/easy-modal/easy-modal.component';
 import form from '~components/form/form.directive';
 import formAction from '~components/form/action.directive';
 import inputCheckbox from '~components/input/checkbox.directive';
@@ -57,9 +57,9 @@ angular
     ])
     .directive('atActionGroup', actionGroup)
     .directive('atActionButton', actionButton)
+    .component('atDialog', dialog)
     .directive('atDivider', divider)
     .directive('atDynamicSelect', dynamicSelect)
-    .component('atEasyModal', easyModal)
     .directive('atForm', form)
     .directive('atFormAction', formAction)
     .directive('atInputCheckbox', inputCheckbox)