AMBARI-15436. Supportability: Create 'Reset UI' button in Ambari's experimental page. (Joe Wang via yusaku)

ambari-web/app/controllers/experimental.js

@@ -53,5 +53,25 @@ App.ExperimentalController = Em.Controller.extend(App.UserPref, {
 
   doCancel: function () {
     App.router.transitionTo('root.index');
+  },
+
+  doResetUIStates: function () {
+    var self = this;
+    return App.ModalPopup.show({
+      header: Em.I18n.t('reset.ui.states'),
+      bodyClass: Ember.View.extend({
+        template: Ember.Handlebars.compile(Em.I18n.t('reset.ui.states.body'))
+      }),
+      primary: Em.I18n.t('yes'),
+      onPrimary: function () {
+        var router = App.router;
+        App.db.cleanUp();
+        router.clearAllSteps();
+        App.cache.clear();
+        App.clusterStatus.setClusterStatus({});
+        this.hide();
+        router.transitionTo('root.index');
+      }
+    });
   }
 });

ambari-web/app/mappers/server_data_mapper.js

@@ -30,6 +30,18 @@ App.cache = {
   'currentConfigVersions': {}
 };
 
+App.cache.clear = function () {
+  var clear = App.cache.clear;
+  App.cache = {
+    'previousHostStatuses': {},
+    'previousComponentStatuses': {},
+    'previousComponentPassiveStates': {},
+    'services': [],
+    'currentConfigVersions': {}
+  };
+  App.cache.clear = clear;
+};
+
 App.ServerDataMapper = Em.Object.extend({
   jsonKey: false,
   map: function (json) {

ambari-web/app/messages.js

@@ -3013,5 +3013,8 @@ Em.I18n.translations = {
   'admin.serviceAutoStart.save.popup.body': 'You are changing the auto-start configuration.' +
       'Click <b>Save</b> to commit the change or <b>Discard</b> to revert your changes',
   'admin.serviceAutoStart.save.popup.transition.title': 'Warning',
-  'admin.serviceAutoStart.save.popup.transition.body': 'You have unsaved changes'
+  'admin.serviceAutoStart.save.popup.transition.body': 'You have unsaved changes',
+
+  'reset.ui.states': 'Reset UI State',
+  'reset.ui.states.body': 'You should proceed only if the UI is misbehaving (such as incorrect navigation upon login, UI is stuck and won&apos;t load, etc.).  Are you sure you want to reset the UI state?'
 };

ambari-web/app/templates/experimental.hbs

@@ -48,12 +48,23 @@
 		    {{/each}}
     </tbody>
     </table>
-    <div class="control-group" style="margin-bottom: 100px;">
-	    <div class="controls pull-right">
+    <div class="control-group" style="margin-bottom: 70px;">
+        <div class="controls pull-right">
 	      <button class="btn" {{action doCancel target="controller"}}>{{t form.cancel}}</button>
 	      <button class="btn btn-primary" {{action doSave target="controller"}}>{{t common.save}}</button>
 	    </div>
-	  </div>
+	</div>
+    <hr>
+    <div class="control-group" style="margin-bottom: 100px;">
+      {{#isAuthorized "CLUSTER.MANAGE_USER_PERSISTED_DATA"}}
+        <div class="controls pull-left" style="margin-bottom: 100px;">
+          <button class="btn btn-danger" {{action doResetUIStates target="controller"}}>{{t reset.ui.states}}</button>
+          <p class="pull-right" style="margin-left: 10px; padding-top: 5px;">
+              Reset UI state locally and on the server
+          </p>
+        </div>
+      {{/isAuthorized}}
+    </div>
   {{else}}
     <div class="alert alert-error">
       No application supports found. Please login to Ambari and revisit this page.