AMBARI-4819 Custom Property Override UX needs to improve. (Mikhail Bayuk via ababiichuk)

ambari-web/app/messages.js

@@ -1180,6 +1180,7 @@ Em.I18n.translations = {
   'services.service.config.failSaveConfigHostOverrides':'Failure in saving service configuration overrides',
   'services.service.config.addPropertyWindow.errorMessage':'This is required',
   'services.service.config.addPropertyWindow.error.derivedKey':'This property is already defined',
+  'services.service.config.addPropertyWindow.filterKeyLink' : 'Find property',
   'services.service.config.stopService.runningHostComponents':'{0} components on {1} hosts are running',
   'services.service.config.stopService.unknownHostComponents':'{0} components on {1} hosts are in unknown state.  These components might actually be running and need restarting later to make the changes effective.',
   'services.service.config.confirmDirectoryChange':'You are about to make changes to service directories that are core to {0}. Before you proceed, be absolutely certain of the implications and that you have taken necessary manual steps, if any, for the changes. Are you sure you want to proceed?',

ambari-web/app/templates/common/configs/addPropertyWindow.hbs

@@ -27,6 +27,11 @@
       <div class="controls">
         {{view Ember.TextField valueBinding="view.serviceConfigProperty.name" class="span4"}}
         <span class="help-inline">{{view.serviceConfigProperty.errorMessage}}</span>
+        {{#if view.serviceConfigProperty.showFilterLink}}
+          <a href="#" class="btn-padding" {{action filterByKey target="view" }}>
+            {{t services.service.config.addPropertyWindow.filterKeyLink}}
+          </a>
+        {{/if}}
       </div>
     </div>
     <div class="each-row">
@@ -35,4 +40,4 @@
         {{view Ember.TextArea valueBinding="view.serviceConfigProperty.value" rows="4" classNames="span6" }}
       </div>
     </div>
-  </form>
+  </form>

ambari-web/app/views/common/configs/services_config.js

@@ -439,6 +439,7 @@ App.ServiceConfigsByCategoryView = Ember.View.extend({
       filename: '',
       isUserProperty: true,
       isKeyError: false,
+      showFilterLink: false,
       isNotSaved: true,
       errorMessage: "",
       observeAddPropertyValue: function () {
@@ -450,6 +451,7 @@ App.ServiceConfigsByCategoryView = Ember.View.extend({
               this.set("isKeyError", false);
               this.set("errorMessage", "");
             } else {
+              this.set("showFilterLink", true);
               this.set("isKeyError", true);
               this.set("errorMessage", Em.I18n.t('services.service.config.addPropertyWindow.error.derivedKey'));
             }
@@ -506,7 +508,14 @@ App.ServiceConfigsByCategoryView = Ember.View.extend({
       bodyClass: Ember.View.extend({
         templateName: require('templates/common/configs/addPropertyWindow'),
         controllerBinding: 'App.router.mainServiceInfoConfigsController',
-        serviceConfigProperty: serviceConfigObj
+        serviceConfigProperty: serviceConfigObj,
+        filterByKey: function(event) {
+          var controller = (App.router.get('currentState.name') != 'configs')
+            ? App.router.get('wizardStep7Controller')
+            : App.router.get('mainServiceInfoConfigsController');
+          this.get('parentView').onClose();
+          controller.set('filter', event.view.get('serviceConfigProperty.name'));
+        }
       })
     });