switched to cowsay About dialog, but still need correct logo from Todd

awx/ui/static/js/helpers/AboutAnsible.js

@@ -42,17 +42,28 @@ angular.module('AboutAnsibleHelpModal', ['RestServices', 'Utilities','ModalDialo
                     scope.removeBuildAboutDialog();
                 }
                 scope.removeBuildAboutDialog = scope.$on('BuildAboutDialog', function(e, data) {
-                    var str = data.version;
+                    var spaces, i, j,
+                    paddedStr  = "",
+                    str = data.version;
+
                     if(str.search('-')){
                         str = str.substr(0,str.search('-'));
                     }
-                    $('#about-modal-version').html(str);
+                    spaces = Math.floor((16-str.length)/2);
+                    for( i=0; i<=spaces; i++){
+                        paddedStr = paddedStr +" ";
+                    }
+                    paddedStr = paddedStr+str;
+                    for( j = paddedStr.length; j<16; j++){
+                        paddedStr = paddedStr + " ";
+                    }
+                    $('#about-modal-version').html(paddedStr);
                     CreateDialog({
                         id: 'about-modal-dialog',
                         scope: scope,
                         buttons: [],
-                        width: 600,
+                        width: 730,
-                        height: 300,
+                        height: 320,
                         minWidth: 300,
                         // title:  , //'<img src="static/img/tower_login_logo.png">' ,//'About Ansible',
                         callback: 'DialogReady'

awx/ui/static/less/ansible-ui.less

@@ -128,15 +128,20 @@ a:focus {
   background-color: #FFF;
 }
 
-#about-modal-logo{
+
-  width: 150px;
+#cowsay{
-  height: 150px;
+  margin-right: 10px;
-  margin-left: 10px;
-  margin-top: 10px;
 }
+
 #about-modal-titlelogo{
   margin-bottom: 10px;
+  width: 228px;
+  height: 70px;
+}
 
+#copyright-text{
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 /* Make buttons appear to be disabled, but allow mouse events */

awx/ui/static/partials/cowsay-about.html

@@ -0,0 +1,25 @@
+
+<div id="about-dialog-body">
+    <div class="row">
+        <div class="col-sm-5 col-xs-12">
+            <pre id='cowsay'>
+ ________________
+/  Tower Version \
+\<span id='about-modal-version'></span>/
+ ----------------
+        \   ^__^
+         \  (oo)\_______
+            (__)\     A)\/\
+                ||----w |
+                ||     ||
+            </pre>
+        </div>
+        <div  class="col-sm-7 col-xs-12">
+            <img id="about-modal-titlelogo" src="static/img/ansible_tower_logo_minimalc.png"><br>
+            <!-- <p>Tower Version <span id='about-modal-version'></span></p> -->
+            <textarea id="copyright-text" class="form-control" rows="3" readonly>Copyright 2014.  All rights reserved.&#10Ansible is a registered trademark of Ansible, Inc.&#10Ansible Tower is a trademark pending registration. </textarea>
+            <br>
+            <p>Visit <a href="http://www.ansible.com" target="_blank">Ansible.com</a> for more information!</p>
+    </div>
+</div>
+

awx/ui/templates/ui/index.html

@@ -399,7 +399,7 @@
 
     <div id="help-modal-dialog" style="display: none;"></div>
     <div id="license-modal-dialog" style="display: none;"></div>
-    <div id="about-modal-dialog" style="display: none;" ng-include="'static/partials/about.html '"></div>
+    <div id="about-modal-dialog" style="display: none;" ng-include="'static/partials/cowsay-about.html '"></div>
 
 
   </div><!-- container -->