SyncMadeEasy/force-app/main/default/aura/RequiredFieldMapping/RequiredFieldMapping.cmp

132 lines
7.9 KiB
Plaintext

<aura:component >
<!-- Aura Attribute for store single Contact[standard Object] Instance
And Store Index of Particular Instance -->
<aura:attribute name="defaultFieldMappingForAccount" type="list"/>
<aura:attribute name="objectInstance" type="object" default="{}"/>
<aura:attribute name="rowIndex" type="String"/>
<aura:attribute name="objectTableData1" type="list" />
<aura:attribute name="objectTableData2" type="list" />
<aura:attribute name="table2Data" type="list" />
<aura:attribute name="Objecttype" type="String"/>
<aura:attribute name="orderTableData2" type="list" />
<aura:attribute name="flag" type="boolean" default="true"/>
<aura:attribute name="selectedfields" type="String"/>
<aura:attribute name="salesforcefields" type="String"/>
<aura:attribute name="selectList" type="list" />
<aura:attribute name="filteredList" type="list" />
<aura:attribute name="type" type="String" />
<aura:attribute name="selectedfieldmappingError" type="String" />
<aura:attribute name="applyandcloseerror" type="boolean" default="false"/>
<aura:method name="showError" action="{!c.showError}" />
<aura:handler name="init" value="this" action="{!c.doInit}" />
<aura:attribute name="Spinner" type="boolean" default="false"/>
<aura:if isTrue="{!v.Spinner}">
<!--div class="exampleHolder">
RequiredFieldMapping
<lightning:spinner alternativeText="Loading" size="large" />
</div-->
</aura:if>
<tr class="slds-text-title_caps">
<td>
{!v.rowIndex + 1}
</td>
<td aura:id="requiredFieldID">
<ui:outputText value="{!v.objectInstance.filedlabel}"/>
</td>
<td style="text-align: center;">
<lightning:input type="checkbox" name="Default Text" checked="{!v.objectInstance.DefaultValue}" value="{!v.objectInstance.DefaultValue}" disabled="{!!(v.objectInstance.salesforceFieldType=='STRING' || v.type=='STRING' || v.objectInstance.salesforceFieldType=='BOOLEAN' || v.type=='BOOLEAN' || v.objectInstance.salesforceFieldType=='DOUBLE' || v.type=='DOUBLE' || v.objectInstance.salesforceFieldType=='CURRENCY' || v.type=='CURRENCY' || v.objectInstance.salesforceFieldType=='URL' || v.type=='URL' || v.objectInstance.salesforceFieldType=='EMAIL' || v.type=='EMAIL' || v.objectInstance.salesforceFieldType=='DATETIME' || v.type=='DATETIME' || v.objectInstance.salesforceFieldType=='DATE' || v.type=='DATE')}" onchange="{!c.checkDefault}"/>
</td>
<aura:if isTrue="{!v.objectInstance.DefaultValue}">
<td>
<lightning:input aura:id="fieldId" name="selectItem" label="Enter some value" required="true" type="{!(v.objectInstance.salesforceFieldType == 'BOOLEAN')?'checkbox':(v.objectInstance.salesforceFieldType == 'DOUBLE')?'number':(v.objectInstance.salesforceFieldType == 'CURRENCY')?'number':(v.objectInstance.salesforceFieldType == 'URL')?'url':(v.objectInstance.salesforceFieldType == 'EMAIL')?'email':(v.objectInstance.salesforceFieldType == 'DATETIME')?'datetime':(v.objectInstance.salesforceFieldType == 'DATE')?'date':(v.type == 'BOOLEAN')?'checkbox':(v.type == 'DOUBLE')?'number':(v.type == 'CURRENCY')?'number':(v.type == 'URL')?'url':(v.type == 'EMAIL')?'email':(v.type == 'DATETIME')?'datetime':(v.type == 'DATE')?'date':'text'}" value="{!v.objectInstance.selectedfields}" maxlength="255" />
</td>
<aura:set attribute="else">
<aura:renderIf isTrue="{!v.flag}">
<td>
<!--<ui:inputSelect aura:id="InputSelectSingle" change="{!c.onSingleSelectChange}">
<ui:inputSelectOption text="None"/>
<ui:inputSelectOption text="Open" value="true"/>
<ui:inputSelectOption text="Closed"/>
<ui:inputSelectOption text="Closed Won"/>
<ui:inputSelectOption text="Prospecting"/>
<ui:inputSelectOption text="Qualification"/>
<ui:inputSelectOption text="Needs Analysis"/>
<ui:inputSelectOption text="Closed Lost"/>
</ui:inputSelect>-->
<lightning:select aura:id="fieldId" name="selectItem" label="Select an item" value="{!v.objectInstance.selectedfields}" required="true">
<option value="">None</option>
<aura:iteration items="{!v.filteredList}" var="tableRow2">
<option value="{!tableRow2.Name}">{!tableRow2.HIC_ShopifySync__UI_Label_Name__c}</option>
</aura:iteration>
</lightning:select>
</td>
<aura:set attribute="else">
<td>
<div class="slds-grid" style="width: 200px;">
<div class="slds-grid slds-has-flexi-truncate">
<p class="slds-truncate" title="{!v.objectInstance.selectedfields}">{!v.objectInstance.selectedfields}</p>
</div>
</div>
<!--<ui:inputTextArea aura:id="comments" label="Comments" value="My comments" rows="5"/>-->
</td>
</aura:set>
</aura:renderIf>
</aura:set>
</aura:if>
<td>
<aura:renderif isTrue="{!and(!v.objectInstance.DefaultValue,(v.type == 'STRING' || v.type == 'TEXTAREA' || v.type == 'DOUBLE' || v.type == 'CURRENCY' || v.type == 'INTEGER'))}">
<ui:button class="slds-align_absolute-center" label="Select multiple Fields" press="{!c.openmodal}" />
</aura:renderif>
</td>
<td>
</td>
<td>
</td>
</tr>
<div role="dialog" tabindex="-1" aria-labelledby="header43" aura:id="Modalbox" class="slds-modal slds-modal_large">
<div class="slds-modal__container" style="width: 65%;" >
<header class="slds-modal__header">
<h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate"><lightning:icon style="margin-right: 10px;" iconName='utility:multi_picklist'></lightning:icon> Select Multiple Fields</h2>
</header>
<div onclick="{!c.selectOnlyThis}" id = "inputid" >
<ui:inputSelect multiple="true" class="multiple" aura:id="multiPicklist" >
<aura:iteration items="{!v.filteredList}" var="tableRow2" indexVar="index2">
<ui:inputSelectOption text="{!tableRow2.HIC_ShopifySync__UI_Label_Name__c }"/>
</aura:iteration>
</ui:inputSelect>
</div>
<footer class="slds-modal__footer">
<aura:renderIf isTrue="{!v.applyandcloseerror}">
<div class="slds-form-element slds-has-error" style = "float:left;">
<div class="slds-form-element__help" id="form-error-01">
<lightning:icon iconName="utility:warning" alternativeText="Warning!" variant="warning"/> {!v.selectedfieldmappingError}
</div>
</div>
</aura:renderIf>
<div>
<lightning:button variant="neutral"
label="Cancel"
title="Cancel"
onclick="{! c.cancelModal }"/>
<lightning:button variant="brand"
label="Apply and Close"
title="Apply and Close"
onclick="{! c.closeModal }"/>
</div>
</footer>
</div>
</div>
<div class="slds-backdrop " aura:id="Modalbackdrop"></div>
</aura:component>