[AMBARI-24859] Admin View: Apache Ambari logo and favicon does not show when using Knox Gateway (#2577) (#2580)

* AMBARI-24859. Admin View: Apache Ambari logo and favicon does not show when using Knox Gateway. (jaimin)

* AMBARI-24859. Admin View: Apache Ambari logo in "About" popup modal does not show when using Knox Gateway. (jaimin)

ambari-admin/src/main/resources/ui/admin-web/app/index.html

@@ -23,7 +23,7 @@
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <link rel="shortcut icon" href="/img/logo.png" type="image/x-icon">
+  <link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
   <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 
   <!-- build:css styles/vendor.css -->

ambari-admin/src/main/resources/ui/admin-web/app/styles/theme/bootstrap-ambari.css

@@ -19,8 +19,8 @@
   font-family: 'Roboto';
   font-weight: normal;
   font-style: normal;
-  src: url('fonts/Roboto-Regular-webfont.eot');
-  src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
+  src: url('../fonts/Roboto-Regular-webfont.eot');
+  src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
 }
 .font-mixin {
   font-family: 'Roboto', sans-serif;

ambari-admin/src/main/resources/ui/admin-web/app/views/clusters/clusterInformation.html

@@ -29,7 +29,7 @@
           {{'main.createCluster.description' | translate}}
         </span>
       </div>
-      <div><img id="install-box" src="/img/install-box.svg"></div>
+      <div><img id="install-box" src="{{fromSiteRoot('/img/install-box.svg')}}"></div>
       <div class="install-button">
         <a href="{{fromSiteRoot('/#/installer/step0')}}" class="btn btn-primary">
           {{'main.createCluster.launchInstallWizard' | translate}}

ambari-admin/src/main/resources/ui/admin-web/app/views/modals/AboutModal.html

@@ -22,7 +22,7 @@
 <div class="modal-body">
   <div class="about clearfix">
     <div class="logo">
-      <img src="/img/logo.png" alt="{{'common.apacheAmbari' | translate}}" title="{{'common.apacheAmbari' | translate}}">
+      <img src={{fromSiteRoot('/img/logo.png')}} alt="{{'common.apacheAmbari' | translate}}" title="{{'common.apacheAmbari' | translate}}">
     </div>
     <div class="content">
       <div class="project">{{'common.apacheAmbari' | translate}}</div>

ambari-admin/src/main/resources/ui/admin-web/app/views/sideNav.html

@@ -21,7 +21,7 @@
     <ul class="side-nav-header nav nav-pills nav-stacked">
       <li class="navigation-header active">
         <a href="{{fromSiteRoot('/#/main/dashboard')}}" class="ambari-logo">
-          <img src="/img/ambari-logo.png" alt="{{'common.apacheAmbari' | translate}}" title="{{'common.apacheAmbari' | translate}}" data-qa="ambari-logo">
+          <img src="{{fromSiteRoot('/img/ambari-logo.png')}}" alt="{{'common.apacheAmbari' | translate}}" title="{{'common.apacheAmbari' | translate}}" data-qa="ambari-logo">
         </a>
         <div class="btn-group">
           <a href="{{fromSiteRoot('/#/main/dashboard')}}" class="ambari-header-link" title="{{'common.apacheAmbari' | translate}}" data-qa="ambari-title">