Custom Editors Setup

<apex:page controller="FX5.FXEditorSearchController" title="{!SearcherTitle}" showHeader="false" sideBar="false" id="pg" lightningstylesheets="true">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <apex:sectionHeader title="{!SearcherTitle}" rendered="true"/>
  <apex:form >
    <apex:outputpanel id="page" layout="block" style="margin:5px;padding:5px;padding-top:2px;">
      <apex:actionregion >
        <apex:outputpanel id="top" layout="block" style="margin:5px;padding:5px;padding-top:2px;">
          <apex:outputlabel value="Keyword" style="font-weight:Bold;padding-right:5px;" for="txtSearch" />
          <apex:inputtext id="txtSearch" value="{!KeywordString}" />
          <span style="padding-left:5px"><apex:commandbutton id="btnGo" onclick="EnableMe('btnGo', false);EnableMe('txtSearch', false)" value="Go" status="searchstatus" action="{!Search}" rerender="searchResults" oncomplete="EnableMe('btnGo', true);EnableMe('txtSearch', true);setsearchfocus();"></apex:commandbutton></span>
          <apex:outputlabel style="padding-left:25px" value="Wildcard '*' search is not supported." />
        </apex:outputpanel>
        <div id="clearresults" style="display: none;">
          <apex:outputpanel id="clearsearch">
            &#60;
          <apex:commandlink value="Clear Search Results" rerender="searchResults" onclick="j$('[id$=\'txtSearch\']').val('');EnableMe('btnGo', false);EnableMe('txtSearch', false)" status="searchstatus" action="{!Search}" oncomplete="EnableMe('btnGo', true);EnableMe('txtSearch', true);setsearchfocus();" />
           <br />
           <br />
           <br />
           </apex:outputpanel>
        </div>
        <apex:outputpanel id="pnlSearchResults" style="margin:5px;height:350px;overflow-Y:auto;" layout="block">
          <apex:actionstatus id="searchstatus">
            <apex:facet name="start">
              <apex:outputpanel >
                <apex:image value="/img/loading32.gif" style="height: 15px" />
              </apex:outputpanel>
            </apex:facet>
            <apex:facet name="stop">
              <apex:pageblock id="searchResults">
                <apex:pageblocktable value="{!results}" var="a" id="tblResults">
                  <apex:column >
                    <apex:facet name="header">
                      <apex:outputpanel >Name</apex:outputpanel>
                    </apex:facet>
                    <apex:outputlink value="javascript:top.window.opener.lookupPick2('{!FormTag}','{!TextBox}_lkid','{!TextBox}','{!a.Id}', &#39;{!a['Name']}&#39;, false)" rendered="{!NOT(ISNULL(a.Id))}">{!a["Name"]}</apex:outputlink>
                  </apex:column>
                  apex:repeat value="{!DisplayColumns}" var="f">
                   <apex:column >
                     <apex:facet name="header">
                       <apex:outputpanel >{!f.Label}</apex:outputpanel>
                     </apex:facet>
                     <apex:outputlabel value="{!a[f.FieldPath]}" rendered="{!NOT(ISNULL(a[f.FieldPath]))}" />
                   </apex:column>
                  /apex:repeat>
                </apex:pageblocktable>
              </apex:pageblock>
            </apex:facet>
          </apex:actionstatus>
        </apex:outputpanel>
      </apex:actionregion>
    </apex:outputpanel>
  </apex:form>

  <script type="text/javascript">
    var j$ = jQuery.noConflict();
      j$(document).ready(function() {
        j$("[id$='txtSearch']:first").focus();
        var defaultsearch = getUrlParameter('lksrch');
        if (defaultsearch != undefined) {
          if (j$("[id$='txtSearch']").val() != defaultsearch) {
            j$("[id$='txtSearch']").val(defaultsearch);
            j$("[id$='btnGo']").trigger("click");
          }
        }
      });
    j$("[id$='txtSearch']").keydown(function(e) {
      if (e.keyCode == 13) {
        e.preventDefault();
        j$("[id$='btnGo']").trigger("click");
      }
    });
   function getUrlParameter(sParam) {
     var sPageURL = decodeURIComponent(window.location.search.substring(1)),
     sURLVariables = sPageURL.split('&'),
     sParameterName, i;
     for (i = 0; i < sURLVariables.length; i++) {
       sParameterName = sURLVariables[i].split('=');
       if (sParameterName[0] === sParam) {
         return sParameterName[1] === undefined ? true : sParameterName[1];
       }
     }
   };
   function EnableMe(objid, enabled) {
     if (objid != undefined && enabled != undefined) {
       if (enabled == false) {
         j$('input[id$=' + objid + ']').attr('disabled', 'disabled');
         j$('input[id$=' + objid + ']').addClass('btnDisabled');
         j$("#clearresults").hide();
       } else {
         j$('input[id$=' + objid + ']').removeAttr('disabled', 'disabled');
         j$('input[id$=' + objid + ']').removeClass('btnDisabled');
       }
     }
    }
   function setsearchfocus() {
     j$('input[id$=txtSearch]').focus();
     if (j$("[id$='txtSearch']").val() != '') {
       j$("#clearresults").show();
     } else {
       j$("#clearresults").hide();
     }
   }
  </script>
</apex:page>

<apex:page standardcontroller="FX5__Quote__c" extensions="FX5.FXEditorController,FX5.UtilityGetInstanceUrl" sidebar="false" tabstyle="FX5__Quote__c" lightningstylesheets="true">
  <apex:sectionheader title="Edit {!EntityTypeDisplayLabel}" rendered="{!NOT(IsInsert)}" />
    <apex:sectionheader title="New {!EntityTypeDisplayLabel}" rendered="{!IsInsert}" />
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
      <apex:includescript value="https://code.jquery.com/jquery-2.2.4.min.js" />
      <script src="https://cdn.fieldfx.com/{!$Api.Session_ID}/{!FXNamespaceWithoutUnderscores + '__'}/customeditor/LATEST/main.js?sitePrefix={!$Site.Prefix}&siteDomain={!$Site.Domain}&instanceUrl={!instanceUrl}" type="text/javascript"></script>
      <apex:form id="editorForm">
         <apex:pagemessages />
         <apex:pageblock mode="edit" id="pbMain">
            <apex:pageblockbuttons >
              <apex:commandbutton action="{!save}" value="Save" id="cmdSave" />
              <apex:commandbutton action="{!saveAndNew}" value="Save & New" id="cmdSaveAndNew" />
              <apex:commandbutton action="{!doCancel}" value="Cancel" immediate="true" />
            </apex:pageblockbuttons>
            <apex:repeat value="{!LayoutSections}" var="s">
              <apex:pageblocksection columns="{!s.columns}" title="{!s.heading}" collapsible="false">
                <apex:repeat value="{!s.fields}" var="f">
                  <apex:inputfield value="{!EntityObj[f.fieldName]}" styleclass="fxdatafield {!f.fieldName}" required="{!f.required}" html-data-fieldname="{!f.fieldName}" />
                </apex:repeat>
              </apex:pageblocksection>
            </apex:repeat>
          </apex:pageblock>
         <apex:inputhidden value="{!LayoutJsonString}" />
      </apex:form>
      <script type="text/javascript">
         var customSearch = '{!FXNamespace}CustomerAccount__c,{!FXNamespace}Office__c,{!FXNamespace}Price_Book__c';
         var searchAttrs = `{
          "{!FXNamespace}CustomerAccount__c" : {
              "QueryFilter" : "RecordType.DeveloperName='Customer' AND {!FXNamespace}IsArchived__c=false",
              "QueryFields" : "Id,Name",
              "KeywordSearchFields" : "Name",
              "OrderBy" : "Name"
          },
          "{!FXNamespace}Office__c" : {
             "QueryFilter" : "RecordType.DeveloperName='Office' AND {!FXNamespace}IsArchived__c=false",
             "QueryFields" : "Id,Name",
             "KeywordSearchFields" : "Name",
             "OrderBy" : "Name"
          },
          "{!FXNamespace}Price_Book__c" : {
            "QueryFilter" : "{!FXNamespace}Is_Active__c=true AND ({!FXNamespace}Account__c='@@this.{!FXNamespace}CustomerAccount__c@@' OR {!FXNamespace}Global_Price_Book__c=true)",
            "QueryFields" : "Name,{!FXNamespace}Account__r.Name,{!FXNamespace}Office__r.Name,{!FXNamespace}Segment__c",
            "KeywordSearchFields" : "Name,{!FXNamespace}Account__r.Name,{!FXNamespace}Office__r.Name,{!FXNamespace}Segment__c",
            "OrderBy" : "Name"
          }
         }`;
        function openLookup(baseURL, width, modified, searchParam) {
          var j$ = jQuery.noConflict();
          var originalbaseURL = baseURL;
          var originalwidth = width;
          var originalmodified = modified;
          var originalsearchParam = searchParam;
          var entityType = '{!EntityType}';
          var entityId = '{!EntityId}';
          var originatorId = '{!ReturnUrlObjectId}';
          var lookupType = getParameterByName('lktp', baseURL);
          var lookupCustomFieldId = getParameterByName('lknm', baseURL);
          var ctrl = j$('[Id$="' + lookupCustomFieldId + '"]')[0];
          var lookupCustomField = j$(ctrl).data('fieldname');
          if (modified == '1') baseURL = baseURL + searchParam;
          var pIndex = baseURL.indexOf('?');
          var params = baseURL.substring(pIndex);
          var isCustomLookup = customSearch.indexOf(lookupCustomField) !== -1;
          console.log('isCustomLookup for ' + lookupCustomField + ' : ' + isCustomLookup);
          if (isCustomLookup == true) {
              var urlArr = baseURL.split("&");
              var txtId = '';
              if (urlArr.length > 2) {
                urlArr = urlArr[1].split('=');
                txtId = urlArr[1];
              }
              params = params.replace('&lknm=' + encodeURIComponent(lookupCustomFieldId), '&lknm=' + lookupCustomField);
              console.log('params: ' + params);
              var jsonSubjectEntity = getContextEntity();
              // Following is the url of Custom Lookup page. You need to change that accordingly
              baseURL = "/apex/FXEditorSearcher" + params;
              baseURL += "&txt=" + txtId;
              baseURL += "&subjectType={!EntityType}&subjectId={!EntityId}&originatorId={!ReturnUrlObjectId}";
              baseURL += "&subjectEntity=" + escapeUTF(jsonSubjectEntity);
              // Following is the id of apex:form control "myForm". You need to change that accordingly
              baseURL = baseURL + "&frm=" + escapeUTF("{!$Component.editorForm}");
              if (modified == '1') {
              baseURL = baseURL + "&lksearch=" + searchParam;
            }
            baseURL = baseURL + "&searchAttrs=" + searchAttrs;
            openPopup(baseURL, "lookup", 350, 480, "width=" + width + ",height=480,toolbar=no,status=no,directories=no,menubar=no,resizable=yes,scrollable=no", true);
          } else {
              if (modified == '1') originalbaseURL = originalbaseURL + originalsearchParam;
              openPopup(originalbaseURL, "lookup", 350, 480, "width=" + originalwidth + ",height=480,toolbar=no,status=no,directories=no,menubar=no,resizable=yes,scrollable=no", true);
          }
        }
      </script>
</apex:page>