<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId" controller="NavisionNavigatorController">
      
<!-- app scripts -->
<ltng:require scripts="{!join(',', $Resource.AuraServiceHelper + '/DataService.js', $Resource.AuraServiceHelper + '/EventHelper.js', $Resource.AuraServiceHelper + '/Locale.js')}"
  afterScriptsLoaded="{!c.initResources}"
/>

<!-- Handler -->
<aura:handler name="init" value="{!this}" action="{!c.init}"/>
<aura:handler event="force:refreshView" action="{!c.handleRecordUpdated}"/>


<!-- Attributes -->
<aura:attribute name="data" type="Object"/>
<aura:attribute name="disableMap" type="Object"/>
<aura:attribute name="context" type="String"/>

<!-- Markup -->
<article class="slds-card">
  <div class="slds-card__header slds-grid">
    <header class="slds-media slds-media_center slds-has-flexi-truncate">
      <div class="slds-media__figure">
        <lightning:icon iconName="standard:poll" size="small"/>
      </div>
      <div class="slds-media__body">
        <h2>
          <a href="javascript:void(0);" class="slds-card__header-link slds-truncate">
            <span class="slds-text-heading_small">Navision Cockpit</span>
          </a>
        </h2>
      </div>
    </header>
    <div class="slds-no-flex">
      <button class="slds-button slds-button_neutral" onclick="{!c.init}">
        <lightning:icon iconName="utility:refresh" size="x-small"/>
      </button>
    </div>
  </div>
  <div class="slds-card__body slds-card__body_inner">
    <div class="slds-grid">
      <div class="slds-col slds-size_1-of-6"></div>
      <div class="slds-col slds-size_4-of-6">
        <aura:if isTrue="{!equals(v.context,'Case')}">
          <p>
            <lightning:button variant="brand"
              iconName="utility:user"
              iconPosition="left"
              name="show"
              label="Account in Navision anzeigen"
              onclick="{!c.handleClick}"
              disabled="{!v.disableMap.show}"
            />
          </p>
          <p>
            <lightning:button variant="brand"
              iconName="utility:adduser"
              iconPosition="left"
              name="newUser"
              label="Account anlegen / aktualisieren" 
              onclick="{!c.handleClick}" 
              disabled="{!v.disableMap.newUser}"
            />
          </p>
        </aura:if>
        <aura:if isTrue="{!equals(v.context,'CaseWithContact')}">
          <p>
            <lightning:button variant="brand"
              iconName="utility:user"
              iconPosition="left"
              name="showCaseWithContact"
              label="Kontakt in Navision anzeigen"
              onclick="{!c.handleClick}"
              disabled="{!v.disableMap.showCaseWithContact}"
            />
          </p>
          <p>
            <lightning:button variant="brand"
              iconName="utility:adduser"
              iconPosition="left"
              name="newUserCaseWithContact"
              label="Kontakt anlegen / aktualisieren" 
              onclick="{!c.handleClick}" 
              disabled="{!v.disableMap.newUserCaseWithContact}"
            />
          </p>
        </aura:if>
        <aura:if isTrue="{!equals(v.context,'PersonAccount')}">
          <aura:if isTrue="{!v.data.IsPersonAccount}">
            <p>
              <lightning:button variant="brand"
                iconName="utility:user"
                iconPosition="left"
                name="showPersonAccount"
                label="Account in Navision anzeigen"
                onclick="{!c.handleClick}"
                disabled="{!v.disableMap.showPersonAccount}"
              />
            </p>
            <p>
              <lightning:button variant="brand"
                iconName="utility:adduser"
                iconPosition="left"
                name="addPersonAccount"
                label="Account anlegen / aktualisieren" 
                onclick="{!c.handleClick}" 
                disabled="{!v.disableMap.addPersonAccount}"
              />
            </p>
            <aura:set attribute="else">
              <p>Kein Person Account!</p>
            </aura:set>

          </aura:if>
        </aura:if>
        <aura:if isTrue="{!equals(v.context,'Contact')}">
          <aura:if isTrue="{!v.data.IsCustomer__c}">
            <p>
              <lightning:button variant="brand"
                iconName="utility:user"
                iconPosition="left"
                name="showContact"
                label="Kontakt in Navision anzeigen"
                onclick="{!c.handleClick}"
                disabled="{!v.disableMap.showContact}"
              />
            </p>
            <p>
              <lightning:button variant="brand"
                iconName="utility:adduser"
                iconPosition="left"
                name="addContact"
                label="Kontakt anlegen / aktualisieren" 
                onclick="{!c.handleClick}" 
                disabled="{!v.disableMap.addContact}"
              />
            </p>
            <aura:set attribute="else">
              <p>Kein Privatkunde!</p>
            </aura:set>
          </aura:if>
        </aura:if>
      </div>
      <div class="slds-col slds-size_1-of-6"></div>
    </div>
    
  </div>
  <footer class="slds-card__footer"></footer>
</article>
  


</aura:component>

({
	
  init: function(component, event, helper){
    if (helper.resourcesLoaded()) {
      helper.getInitData(component);
    }
  },

  initResources: function(component, event, helper) {
    if (!helper.resourcesLoaded()) {
      helper.setResourcesLoaded();
      helper.getInitData(component);
    }
  },

  handleClick: function(component, event, helper) {
    helper.navigateTo(component, event.target.name);
  },

  handleRecordUpdated: function(component, event, helper) {
    if (helper.resourcesLoaded()) {
      helper.getInitData(component);
    }
  }

})

({
  /**
   * Contains the main redirector url.
   */
   REDIRECTOR: "http://sfredirect.servpool.local/sfredirect.html##",
  /**
   * Contains all URLS for every button.
   * Every URL contains <Name> like placeholders which are replaced during processing.
   */
	URL: {
    show: "navision://client/run?target=Form 50238&activ=true&view=SORTING(FIELD1,FIELD2,FIELD3)WHERE(FIELD6=FILTER(*|'ShowNavCases'|'<Contact.Account.PersonEmail>'|'<Contact.Account.Phone>'|''|''|'<Contact.Account.CustomerNumberNav__c>'|'<Contact.CustomerNumberSF__c>'|''))",
    newUser: "navision://client/run?target=Form 50238&activ=true&view=SORTING(FIELD1,FIELD2,FIELD3)WHERE(FIELD6=FILTER(*|'upsertContact'|'<Contact.CustomerNumberSF__c>'|'<Contact.LastName>'|'<Contact.FirstName>'|'<Contact.Account.BillingStreet>'|''|'<Contact.Account.Country_ISO_3166_2__c>-<Contact.Account.BillingPostalCode>'|'<Contact.Account.BillingCity>'|'<Contact.Phone>'|'<Contact.Account.PersonMobilePhone>'|'<Contact.Account.Fax>'|'<Contact.Account.PersonEmail>'|''|''|''|''|'<Contact.SalutationNavisionExport__c>'|'<Contact.Account.CustomerNumberNav__c>'))",
    showCaseWithContact: "navision://client/run?target=Form 50238&activ=true&view=SORTING(FIELD1,FIELD2,FIELD3)WHERE(FIELD6=FILTER(*|'ShowNavCases'|'<Contact.Email>'|'<Contact.Phone>'|''|''|'<Contact.CustomerNumberNav__c>'|'<Contact.CustomerNumberSF__c>'|''))",
    newUserCaseWithContact: "navision://client/run?target=Form 50238&activ=true&view=SORTING(FIELD1,FIELD2,FIELD3)WHERE(FIELD6=FILTER(*|'upsertContact'|'<Contact.CustomerNumberSF__c>'|'<Contact.LastName>'|'<Contact.FirstName>'|'<Contact.MailingStreet>'|''|'<Contact.Country_ISO_3166_2__c>-<Contact.MailingPostalCode>'|'<Contact.MailingCity>'|'<Contact.Phone>'|'<Contact.MobilePhone>'|'<Contact.Fax>'|'<Contact.Email>'|''|''|''|''|'<Contact.SalutationNavisionExport__c>'|'<Contact.CustomerNumberNav__c>'))",
    showPersonAccount: "navision://client/run?target=Form 50238&activ=true&view=SORTING(FIELD1,FIELD2,FIELD3)WHERE(FIELD6=FILTER(*|'ShowNavCases'|'<PersonEmail>'|'<Phone>'|''|''|'<CustomerNumberNav__c>'|'<PersonContact.CustomerNumberSF__c>'|''))",
    addPersonAccount: "navision://client/run?target=Form 50238&activ=true&view=SORTING(FIELD1,FIELD2,FIELD3)WHERE(FIELD6=FILTER(*|'upsertContact'|'<PersonContact.CustomerNumberSF__c>'|'<PersonContact.LastName>'|'<PersonContact.FirstName>'|'<BillingStreet>'|''|'<Country_ISO_3166_2__c>-<BillingPostalCode>'|'<BillingCity>'|'<Phone>'|'<PersonMobilePhone>'|'<Fax>'|'<PersonEmail>'|''|''|''|''|'<SalutationNavisionExport__pc>'|'<CustomerNumberNav__c>'))",
    showContact: "navision://client/run?target=Form 50238&activ=true&view=SORTING(FIELD1,FIELD2,FIELD3)WHERE(FIELD6=FILTER(*|'ShowNavCases'|'<Email>'|'<Phone>'|''|''|'<CustomerNumberNav__c>'|'<CustomerNumberSF__c>'|''))",
    addContact: "navision://client/run?target=Form 50238&activ=true&view=SORTING(FIELD1,FIELD2,FIELD3)WHERE(FIELD6=FILTER(*|'upsertContact'|'<CustomerNumberSF__c>'|'<LastName>'|'<FirstName>'|'<MailingStreet>'|''|'<Country_ISO_3166_2__c>-<MailingPostalCode>'|'<MailingCity>'|'<Phone>'|'<MobilePhone>'|'<Fax>'|'<Email>'|''|''|''|''|'<SalutationNavisionExport__c>'|'<CustomerNumberNav__c>'))"
  },

  /**
   * Global indicator to marks static resources as loaded.
   */
  resourcesLoadedState: false,

  /**
   * Dependency map.
   * Holds the required fields for every button.
   * Every field needs to have a value. If not, buttons is disabled.
   */
  dependencyMap: {
    show: ['Account.CustomerNumberNav__c'],
    newUser: ['Contact', 'Account'],
    showCaseWithContact: ['Contact.CustomerNumberNav__c'],
    newUserCaseWithContact: ['Contact'],
    showPersonAccount : ['CustomerNumberNav__c'],
    addPersonAccount: ['PersonContact.LastName','PersonContact.FirstName'],
    showContact : ['CustomerNumberNav__c'],
    addContact: ['LastName','FirstName']
  },

  /**
   * Opens a new window.
   * The window's URL is created with the template.
   * Every placeholder is replaced by a value or an empty string.
   *
   * @param      {Object}  component  The component
   * @param      {String}  action     The action value
   */
  navigateTo: function(component, action) {
    // check, if the action exists. If not, stop here.
    if (!this.URL[action]) {
      return;
    }

    // open a new window without statusbar, menubar and locationbar, 400x400 px dimension
    window.open(
      this.REDIRECTOR + encodeURIComponent(this.replacer(this.URL[action], component.get('v.data'))),
      'window',
      'height=400, width=400, status=no, menubar=no, location=no'
    );
    
  },

  /**
   * Replaces all Placeholders
   *
   * @param      {string}  url     The url
   * @param      {<type>}  data    The data
   * @return     {string}  { description_of_the_return_value }
   */
  replacer: function(url, data) {
    // no data, empty window
    if (!data) {
      return 'about:blank';
    }

    var _this = this;

    // regex to find placeholders
    var regexReplacer = /(<[\w\.]+>)/g,
        regexFields = /<([\w\.]+)>/g
    ;

    // placeholder matches
    var matchesReplacer = url.match(regexReplacer),
        matchesFields   = url.match(regexFields)
    ;

    // pointer on the current replaced item
    var replaceItem = null;

    // remove all < > from findings and split on every .
    matchesFields = matchesFields.map(function(item) { return item.replace(/[<>]/g, '').split('.')});

    // replace every placeholder with value
    matchesReplacer.forEach(function(entry, index) {
      replaceItem = matchesFields[index];
      console.log(replaceItem, data[replaceItem[0]] );
      url = url.replace(
        entry, 
        // replaceItem.length > 1 ? 
        //   (
        //     data[replaceItem[0]] ? 
        //     (
        //       data[replaceItem[0]][replaceItem[1]] || ''
        //     ) 
        //     : ''
        //   ) 
        // : (data[replaceItem[0]] || '')
        _this.pathDataResolver(replaceItem, data)
      );
    });
    
    return url;
  },

  pathDataResolver: function(path, data) {
    return path.reduce(
      function(result, value) { return result ? result[value] : undefined; }
      ,
      data
    ) || '';
  },

  /**
   * Requests case data from salesforce
   *
   * @param      {Object}  component  The component
   */
  getInitData: function(component) {
    // pointer to this context
    var _this = this;

    // get the context
    var context = component.get('v.context');
    var task;

    switch (context) {
      case 'Case' : task = 'getCase';
            break;
      case 'CaseWithContact' : task = 'getCaseWithContact';
            break;
      case 'PersonAccount' : task = 'getAccount';
            break;
      case 'Contact' : task = 'getContact';
            break;
      case 'ContactInCase' : task = 'getContactInCase';
            break;
        default: task = 'getCase';
    }

    // request data from 'task'
          DataService.exec(
			task, 
			component, 
      		{
        		id: component.get('v.recordId')
      		}
    	 )
    .then(function(data) {
      // set data
      component.set('v.data', data);
      console.log(data);

      _this.resolveButtonDependencies(component, data);
    });
  },

  /**
   * Decides which buttons need to be disabled.
   * Uses @var dependencyMap to generate status.
   *
   * @param      {Object}  component  The component
   * @param      {Object}  data       The case data
   */
  resolveButtonDependencies: function(component, data) {

    // pointer to this
    // locker object that contains every locked object
    var _this = this,
        locker = {}
    ;

    // iterate through every dependency entry
    Object.keys(this.dependencyMap).forEach(function(key) {

      var item = _this.dependencyMap[key],
          lockItem = false
      ;

      // walk through every depending object for this field
      item.forEach(function(dependency) {
        // split the string at every .
        var fields = dependency.split('.'),
            walker = data;

        // walk through every splitted part and check if the field exists
        // If not, lock the item
        fields.forEach(function(field) {
          if (walker[field]) {
            walker = walker[field];
          } else {
            lockItem = true;
          }
        });

        if (lockItem) {
          locker[key] = true;
        }
      });
    });
    component.set('v.disableMap', locker);
  },

  /**
   * Returns if all resources have been loaded
   *
   * @return     {Boolean}
   */
  resourcesLoaded: function() {
    return this.resourcesLoadedState;
  },

  /**
   * Marks resources as loaded.
   */
  setResourcesLoaded: function() {
    this.resourcesLoadedState = true;
  }
})

<design:component >
  <design:attribute name="context" datasource="Case,CaseWithContact,PersonAccount,Contact,ContactInCase" label="Context" default="Case"/>
</design:component>