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

1034 lines
70 KiB
Plaintext

<aura:component controller="AddDeleteController" >
<aura:registerEvent name="updateStoreValue" type="c:updateStoreValue"/>
<aura:attribute name="processForNewStore" type="boolean" default="false"/>
<aura:attribute name="isAuthorized" type="boolean" default="false"/>
<aura:attribute name="authDone" type="boolean" default="false"/>
<aura:attribute name="store" type="string" default="default"/>
<aura:attribute name="CurrencyISOCodeList" type="list" />
<aura:attribute name="CurrencyISOCode" type="String" />
<aura:attribute name="OldCurrencyISOCode" type="String" />
<aura:attribute name="OldPricebook" type="String" />
<aura:attribute name="warrningmessage" type="list" />
<aura:attribute name="IsChanged" type="boolean" />
<aura:attribute name="Spinner" type="boolean" default="true"/>
<aura:attribute name="MainSpinner" type="boolean" default="false"/>
<aura:attribute name="AuthenticateButton" type="boolean" default="false"/>
<aura:attribute name ="CheckCertificate" type= "boolean" default="false"/>
<aura:attribute name ="CheckSiteAccess" type= "boolean" default="true"/>
<aura:attribute name ="CheckSiteExist" type= "boolean" default="false"/>
<aura:attribute name ="hasError" type= "boolean" default="true"/>
<aura:handler event="c:CloseSpinner" action="{!c.CloseSpinnerValue}"/>
<aura:attribute name="storedusername" type="string" />
<aura:attribute name="storedpassword" type="string" />
<aura:handler name="AuthenticateErorrEvent" event="c:AuthenticateErorrEvent" action="{!c.AuthenticateErrorEventHandler}" />
<aura:attribute name ="OpenSlider" type= "boolean" default="false"/>
<aura:attribute name="slidercurrentStep" type="string" default=""/>
<aura:attribute name="currentStep" type="string" default ="Authenticate" />
<aura:attribute name="mainBoolean" type="boolean" default ="false"/>
<aura:attribute name="viewmode" type="String" default=""/>
<aura:attribute name="pricebookList" type="list" />
<aura:attribute name="siteURLList" type="list" />
<aura:attribute name="AUthenticationLink" type="String" default="/apex/hic_shopifysync__SalesforceAuthentication?viewmode="/>
<aura:attribute name="configObj" type="object" />
<aura:attribute name="configObjList" type="list" />
<aura:attribute name="isValid" type="boolean" default = "false" />
<aura:attribute name="AccessScopeError" type= "string" default= "null"/>
<aura:attribute name="listAccessScopeError" type= "list" default=""/>
<aura:attribute name="emaiList" type="list" />
<aura:attribute name="isOpen" type="boolean" default="false"/>
<aura:attribute name="AccessScope" type= "string" />
<aura:attribute name= "AccessScopeShow" type= "boolean" default = "false"/>
<aura:attribute name="DisableButton" type="boolean" default="false"/>
<aura:dependency resource="markup://force:navigateToURL" type="EVENT"/>
<aura:attribute name = "errormessage" type = "string" default="Required Field Missing"/>
<aura:attribute name="storeConfiguration" type="boolean" default="false"/>
<aura:attribute name="updateExistingStore" type="boolean" default="false"/>
<aura:attribute name="openstoreselection" type="boolean"/>
<!--Event handler for Add and Delete Row Event which is fire from Child Component-->
<aura:handler name="DeleteRowEvt" event="c:DeleteRowEvt" action="{!c.removeDeletedRow}"/>
<aura:handler name="AddRowEvt" event="c:AddNewRowEvt" action="{!c.addNewRow}"/>
<aura:handler name="ParentSaveButtonEvt" event="c:ParentSaveButtonEvent" action="{!c.goNext}"/>
<aura:handler name="ParentPrevButtonEvt" event="c:ParentPrevButtonEvent" action="{!c.goPrev}"/>
<aura:handler name="ParentCmpRefresh" event="c:ParentCmpRefresh" action="{!c.doInit}"/>
<aura:attribute name="showWarning" type="boolean" default="false"/>
<aura:attribute name="showProcessing" type="boolean" default="false"/>
<!--Init handler which is call doInit js function on component Load-->
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:attribute name="url" type="String" default =""/>
<aura:attribute name="OpenMode2" type="boolean" default="false"/>
<aura:attribute name="ShowForm" type="boolean" default="true"/>
<aura:attribute name="SendingMail" type="boolean" default="true"/>
<aura:attribute name="OrgID" type="String" default=""/>
<aura:attribute name="validity" type="Boolean" default="true"/>
<aura:dependency resource="markup://force:navigateToURL" type="EVENT"/>
<!--aura:handler name="init" value="this" action="{!c.doinit}"/-->
<aura:attribute name="pageReference" type="Object"/>
<aura:attribute name="Issue" type="string" />
<aura:attribute name="UserName" type="String"/>
<div class="slds-scope">
<div style="margin: 1%;">
<div class="slds-grid slds-gutters">
<div class="slds-col slds-size_2-of-3">
<span>
<div > <a href="https://syncmadeasy.com" target="_blank"><img src="{!$Resource.ShopifyMadeEasyLogo}" style="margin-left: -2%; margin-top: -9px;" height="5"/></a> </div>
</span>
</div>
<div class="slds-col slds-size_1-of-3" style=" cursor: help !important">
<span style="cursor: help !important ">
<P style="float: right;
padding-right: 29px;
font-size: small;
text-align: center;">
<a target="_blank" href= "http://support.syncmadeasy.com" >support.syncmadeasy.com</a><br/>
<a target="_blank" onclick="{!c.ContactSupport}">Contact support</a> <br/>
<a target="_blank" onclick="{!c.PerformAction}"><u><b>Having more than one store?</b></u></a>
</P>
</span>
</div>
</div>
</div>
</div>
<aura:if isTrue="{!v.showWarning}">
<section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01"
aria-modal="true" aria-describedby="modal-content-id-1"
class="slds-modal slds-fade-in-open">
<div class="slds-modal__container">
<header class="slds-modal__header">
<lightning:buttonIcon iconName="utility:close"
onclick="{! c.hideModel }"
alternativeText="close"
variant="bare-inverse"
class="slds-modal__close"/>
<h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">
Warning</h2>
</header>
<!--Modal/Popup Box Body Starts here-->
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
<p><b>Your current store changes may lost!
</b>
</p>
</div>
<!--Modal/Popup Box Footer Starts here-->
<footer class="slds-modal__footer">
<lightning:button variant="neutral"
label="Cancel"
title="Cancel"
onclick="{! c.hideModel }"/>
<lightning:button variant="brand"
label="OK"
title="OK"
onclick="{!c.saveDetails}"/>
</footer>
</div>
</section>
<div class="slds-backdrop slds-backdrop_open"></div>
</aura:if>
<aura:if isTrue="{!v.showProcessing}">
<section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01"
aria-modal="true" aria-describedby="modal-content-id-1"
class="slds-modal slds-fade-in-open">
<div class="slds-modal__container">
<header class="slds-modal__header">
<lightning:buttonIcon iconName="utility:close"
onclick="{! c.hideModel }"
alternativeText="close"
variant="bare-inverse"
class="slds-modal__close"/>
<h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">
Message</h2>
</header>
<!--Modal/Popup Box Body Starts here-->
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
<p><b>Batches are already in progress for a store, please let them finish first!
</b>
</p>
</div>
<!--Modal/Popup Box Footer Starts here-->
<footer class="slds-modal__footer">
<lightning:button variant="brand"
label="OK"
title="OK"
onclick="{!c.saveDetails2}"/>
</footer>
</div>
</section>
<div class="slds-backdrop slds-backdrop_open"></div>
</aura:if>
<aura:if isTrue="{!v.OpenMode2}">
<div class="slds-m-around_xx-large">
<!--Use aura:if tag to display/hide popup based on isModalOpen value-->
<section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open">
<div class="slds-modal__container">
<header class="slds-modal__header">
<lightning:buttonIcon iconName="utility:close"
onclick="{! c.closeModel2 }"
alternativeText="close"
variant="bare-inverse"
class="slds-modal__close"/>
<h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate"><b>Contact Support</b> <!--lightning:Icon iconName="utility:report_issue"
alternativeText="Support"
/--></h2>
</header>
<!--Modal/Popup Box Body Starts here-->
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
<p>
<!-- CREATE NEW EXPENSE -->
<div aria-labelledby="newexpenseform">
<!-- BOXED AREA -->
<!-- CREATE NEW EXPENSE FORM -->
<form class="slds-form--stacked">
<aura:if isTrue="{!v.ShowForm}">
<div >
<lightning:textarea class="topText" aura:id="issuevalue" value = "{!v.Issue}" required = "true" name="Issue" label="Issue" placeholder="Please write your issue here.."/>
<center>
<lightning:button label="Submit"
class="slds-m-top--medium"
variant="brand"
onclick="{!c.onSubmit}"/>
</center>
</div>
<aura:set attribute="else">
<center>
<aura:if isTrue="{!v.SendingMail}">
<div style="margin: 4%;">
<img src="{!$Resource.SendingMailTrue}" style="height: 10%; width: 12%;" height="50"/>
<div style=" word-wrap: break-word;">
<P style="font-size: x-large;" ><b>Thank you!</b><br/>
We will get back to you shortly.
</P>
</div>
</div>
<aura:set attribute="else">
<img src="{!$Resource.SendingMailFalse}" style="height: 50%; width: 12%;" height="50"/>
<div style="margin:3%">
<p><b>Issue not sent</b><br/>
<b>Please try again or for more help contact us at </b>
<a target="_Top" href= "http://support.syncmadeasy.com" ><b> support.syncmadeasy.com</b></a><br/>
</p>
</div>
</aura:set>
</aura:if>
</center>
</aura:set>
</aura:if>
</form>
<!-- / CREATE NEW EXPENSE FORM -->
<!-- / BOXED AREA -->
</div>
<!-- / CREATE NEW EXPENSE -->
</p>
</div>
<!--footer class="slds-modal__footer">
<lightning:button variant="neutral"
label="Cancel"
title="Cancel"
onclick="{!c.closeModel}"/>
<lightning:button variant="brand"
label="OK"
title="OK"
onclick="{!c.deleteRecordsFromDataBase}"/>
</footer-->
</div>
</section>
<div class="slds-backdrop slds-backdrop_open"></div>
</div>
</aura:if>
<!--ltng:require styles="{! $Resource.boostrap337New + '/bootstrap-3.3.7/dist/css/bootstrap.min.css'}"
scripts="{!join(',',
$Resource.jquery224,
$Resource.boostrap337New + '/bootstrap-3.3.7/dist/js/bootstrap.min.js'
)
}" afterScriptsLoaded="{!c.scriptsLoaded}"/-->
<!--ltng:require styles="{! $Resource.HIC_Shopify_SLDS2019 + '/SLDS19/styles/salesforce-lightning-design-system.min.css'}"
/-->
<aura:If isTrue="{!v.openstoreselection}">
<div aura:id="editDialog" role="dialog" tabindex="-1" aria-labelledby="header43" class="slds-modal slds-fade-in-open slds-backdrop ">
<div class="slds-modal__container" style="width: fit-content;">
<div class="slds-modal__header">
<h2 class="slds-text-heading--medium">Multi-Store Control</h2>
<button class="slds-button slds-modal__close slds-button--icon" title="Close" onclick="{!c.closeModal}">
<lightning:icon iconName="utility:close" size="medium" />
<span class="slds-assistive-text">Close</span>
</button>
</div>
<div class="slds-modal__content slds-p-around--medium" style="height: auto;" >
<!-- Write Your Content here -->
<header class="slds-media slds-media_center slds-has-flexi-truncate">
<div class="slds-media__body">
<h2 class="slds-card__header-title">
<span><lightning:icon iconName="utility:store" alternativeText="shopify store" title="store" />Stores</span>
</h2>
</div>
<div class="slds-no-flex">
<button class="slds-button slds-button_neutral" onclick="{! c.addNewStore }">New</button>
</div>
</header>
<div class="slds-card__body slds-card__body_inner">
<table>
<tr>
<th>Actions</th>
<th>Store Name</th>
</tr>
<aura:iteration items="{!v.configObjList }" var="item">
<tr>
<td><lightning:buttonIcon iconName="utility:edit" variant="base" alternativeText="Modify this Store" title="Modify this Store" onclick="{!c.selectastore}" name="{!item}"/>
<lightning:buttonIcon iconName="utility:delete" variant="destructive" alternativeText="Remove this Store" title="Remove this Store" onclick="{! c.removeThisStore }" name="{!item.Name}"/></td>
<td style="color:#0176D3;">{!item.Name}</td>
</tr><p style="height:2px"></p>
</aura:iteration>
</table>
</div>
</div>
</div>
</div>
</aura:If>
<div>
<lightning:progressIndicator type="path" variant="base" currentStep="{!v.currentStep}">
<lightning:progressStep label="Setup" value="Authenticate" onstepfocus="{!c.selectStep}"/>
<lightning:progressStep label="Shopify Credentials" value="step1" onstepfocus="{!c.selectStep}"/>
<lightning:progressStep label="Object Setup" value="step2" onstepfocus="{!c.selectStep}"/>
<lightning:progressStep label="Field Mapping" value="step3" onstepfocus="{!c.selectStep}"/>
<lightning:progressStep label="Record Type" value="step4" onstepfocus="{!c.selectStep}"/>
<!--lightning:progressStep label="Step 6" value="step5"/-->
<lightning:progressStep label="Finished" value="Finised" onstepfocus="{!c.selectStep}"/>
</lightning:progressIndicator>
</div>
<aura:if isTrue ="{!v.Spinner}">
<div class="inner" style="background:white;">
<center>
<div style="background:white;">
<img src="{!$Resource.PageLoadingGif}" style="width: 26%;margin-top: 10%;" ></img>
</div>
</center>
</div>
</aura:if>
<div aura:id = "divparent" id = "divparent" class="parent" style="display:none;">
<aura:renderIf isTrue="{!and(v.configObj.HIC_ShopifySync__Refresh_Token__c != null,true) }" >
<aura:If isTrue ="{!!v.configObj.HIC_ShopifySync__Batch_Is_Processing__c}">
<!--aura:if isTrue = "true"-->
<div class="slds-p-horizontal_medium" >
<center>
<aura:if isTrue = "{!!v.mainBoolean}">
<br/>
<br/>
<!--aura:if isTrue = "{!and(v.configObjList, !v.storeConfiguration) }">
<div >
<div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">
<aura:if isTrue = "{!!v.updateExistingStore}">
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<div class="slds-form-element__control">
<lightning:button iconName="utility:add"
iconPosition="left" variant="brand" label="Add new Store" title="Add new Store" onclick="{! c.addNewStore }"/>
<lightning:button iconName="utility:record_update"
iconPosition="left" variant="brand" label="Update Existing Store" title="Update Existing Store" onclick="{! c.showAvailableStores }" />
</div>
</span>
</div>
</div>
</aura:if>
<aura:if isTrue = "{!v.updateExistingStore}">
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<div class="slds-form-element__control">
Select any store :
</div>
</span>
<span>
<div class="slds-form-element__control">
<aura:iteration items="{!v.configObjList }" var="item">
<lightning:button variant="brand-outline" label="{!item.Name}" title="{!item}" onclick="{!c.selectastore}" name="{!item}"/>
</aura:iteration>
</div>
</span>
</div>
</div>
</aura:if>
</div>
</div>
</aura:if-->
<aura:if isTrue = "{!or(!v.configObjList, !v.storeConfiguration) }">
<div >
<div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<div class="slds-form-element__control">
<ui:inputSelect aura:id="selectItem" class="slds-select" label="Select a Site URL" value="{!v.configObj.HIC_ShopifySync__Salesforce_Site_URL__c}">
<ui:inputSelectOption text="" label="Select site"/>
<aura:iteration items="{!v.siteURLList}" var="tableRow2" indexVar="index2" >
<ui:inputSelectOption text="{!tableRow2.siteUrl}" label="{!tableRow2.siteUrl}"/>
</aura:iteration>
</ui:inputSelect>
<aura:if isTrue="{!!v.siteURLList.length > 0}">
<p style="color:red;">
There is no activated site in your org. Please <a target="_blank" href="/0DM/o" >click here</a> to create or activate site.
</p>
</aura:if>
</div>
</span>
</div>
<div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
<span>
<div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
<span class="tooltiptext"><p style="word-break: break-word;">Salesforce Sites enables you to create public websites and applications that are directly integrated with your Salesforce organization—without requiring users to log in with a username and password. You can publicly expose any information stored in your organization through a branded URL of your choice. For create new please <a target="_blank" href="/0DM/o" style="color:red;" >click here</a><br/></p></span>
</div>
</span>
</div>
</div>
</div>
<br/>
<div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">
<!-- <label class="slds-form-element__label" for="text-input-id-1"> Shopify Shop URL :</label> -->
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<div class="slds-form-element__control">
<ui:inputText aura:id="StoreURL" label = "Shopify Store URL" class="slds-input" placeholder="https://anunas-store.myshopify.com" value="{!v.configObj.HIC_ShopifySync__Shopify_URL__c}" />
<aura:if isTrue="{!v.processForNewStore}">
<aura:if isTrue="{!and(!v.isAuthorized, !v.authDone)}">
<!-- <lightning:button variant="brand" label="Authorize" title="Authorize" onclick="{! c.authorizeStore }" /> -->
</aura:if>
<aura:if isTrue="{!and(v.isAuthorized, !v.authDone)}">
<lightning:button variant="brand" label="Check" title="Check" onclick="{! c.refreshConfig }" />
</aura:if>
</aura:if>
</div>
</span>
</div>
<div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
<span>
<div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
<span class="tooltiptext"><p>
Open your store and copy store URL <br/>
<img src="{!$Resource.storeulgetinfo}" onclick="{!c.OpenSliderPopupFirst}" class="hover-shadow" style="width: 100%;margin: 1%;" height="50%"/>
</p>
</span>
</div>
</span>
</div>
</div>
</div>
<br/>
<!--div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; " >
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<div class="slds-form-element__control" >
<ui:inputText aura:id="Shopifyid" class="slds-input" label = "Shopify API Key" placeholder="Shopify API Key" value="{!v.configObj.HIC_ShopifySync__API_Key__c}" />
</div>
</span>
</div>
<div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
<span>
<div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
<span class="tooltiptext">Get your Shopify API Key form private app<br/>
<img src="{!$Resource.Storeapikey}" onclick="{!c.OpenSliderPopupSecond}" style="width: 100%;margin: 1%;" height="50%"/>
</span>
</div>
</span>
</div>
</div>
</div-->
<br/>
<div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">
<!-- <label class="slds-form-element__label" for="text-input-id-1"> Private Key Password :</label> -->
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<div class="slds-form-element__control">
<ui:inputSecret aura:id="secret" label="Admin API access token" class="slds-input" placeholder="Shopify Access Token" value="{!v.configObj.HIC_ShopifySync__Private_Key_Password__c}"/>
</div>
</span>
</div>
<div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
<span>
<div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
<span class="tooltiptext">Get your Shopify password from private app
<img src="{!$Resource.Storepassword}" onclick="{!c.OpenSliderPopupSecond}" style="width: 100%;margin: 1%;" height="100%"/>
</span>
</div>
</span>
</div>
</div>
</div>
<br/>
<div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<div class="slds-form-element__control">
<ui:inputSelect class="slds-select" aura:id="Pricebook" label="Select a Pricebook " value="{!v.configObj.HIC_ShopifySync__Salesforce_Pricebook__c}" >
<ui:inputSelectOption text="" label="Select Pricebook"/>
<aura:if isTrue="{!v.pricebookList.length > 0}">
<aura:iteration items="{!v.pricebookList}" var="price">
<ui:inputSelectOption text="{!price.Id}" label="{!price.Name}"/>
</aura:iteration>
</aura:if>
</ui:inputSelect>
<aura:if isTrue="{!!v.pricebookList.length > 0}">
<p style="color:red;">
There is no activated Pricebook in your org. Please <a target="_blank" href="/01s/o" >click here</a> to create or activate pricebook.
</p>
</aura:if>
</div>
</span>
</div>
<div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
<span>
<div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
<span class="tooltiptext"><p style="word-break: break-word;">The standard price book is the master list of all your products and their default standard prices . Salesforce creates the standard price book when you start creating product records. ... A custom price book is a separate list of products with custom prices, called list prices</p></span>
</div>
</span>
</div>
</div>
</div>
<br/>
<aura:if isTrue="{!v.CurrencyISOCodeList.length > 1}">
<div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<div class="slds-form-element__control">
<!--ui:inputSelect change="{!c.OnCurrencyChange}" class="slds-select" aura:id="CurrencyISOCode" label="Select a Currency" value="{!v.CurrencyISOCode}" >
<aura:iteration items="{!v.CurrencyISOCodeList}" var="Currency">
<ui:inputSelectOption text="{!Currency.ISOCode}" label="{!Currency.ISOCode}"/>
</aura:iteration>
</ui:inputSelect-->
<lightning:select aura:id="CurrencyISOCode" label="Select a Currency" onchange="{!c.oncurrencychange}" value="{!v.CurrencyISOCode}" required="true">
<aura:iteration items="{!v.CurrencyISOCodeList}" var="Currency" >
<option text="{!Currency.ISOCode}" value="{!Currency.ISOCode}" />
</aura:iteration>
</lightning:select>
</div>
</span>
</div>
<div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
<span>
<div class="tooltip"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
<span class="tooltiptext"><p style="word-break: break-word;">Multicurrency</p></span>
</div>
</span>
</div>
</div>
</div>
<aura:set attribute="else">
<div class="slds-form-element slds-m-left_small" style="width:50%;margin-left: 17%; ">
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_1-of-1 slds-large-size_8-of-12">
<span>
<label class="slds-form-element__label" for="text-input-id-1">Default Currency</label>
<div class="slds-form-element__control">
<input type="text" id="text-input-id-1" placeholder="{!v.CurrencyISOCode}" disabled="true" class="slds-input" />
</div>
</span>
</div>
<div style="width: auto;" class="slds-col slds-size_1-of-1 slds-large-size_4-of-12">
<span>
<div class="tooltip" style="margin-top: 186%;"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
<span class="tooltiptext"><p style="word-break: break-word;">Default Organization Currency ISO Code</p></span>
</div>
</span>
</div>
</div>
</div>
</aura:set>
</aura:if>
<br/>
<aura:if isTrue ="{!v.AccessScopeShow}" >
<center>
<div style = "width: 23em;">
<ui:message title="Error" severity="error" closable="false" >
<h1 style= "float:left"><b>This action requires merchant approval :- </b></h1> <br/>
<aura:iteration items="{!v.listAccessScopeError}" var="e">
<li style= "float:left"> {!e} </li><br/>
</aura:iteration>
</ui:message>
</div>
</center>
</aura:if>
</div>
<!--****************************************-->
<center></center>
<fieldset class="slds-box slds-theme--default slds-container--small">
<legend class="slds-text-heading--small slds-p-vertical--medium RealtimeSyncStyle" style="margin-right: 178px !important;" ><lightning:icon iconName="utility:sync" />
Real-time Sync
</legend>
<div class="tooltip" style="float:right;margin-top: -8% !important"><lightning:buttonIcon iconName="utility:info" variant="bare"/>
<span class="tooltiptext" style="width: 1642% !important;"> Some objects are mandatory and can not be turned off. </span>
</div>
<table style = " margin-left: auto;
margin-right: auto;
max-width: 283px;
float: none;">
<tr>
<td>
<span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:product' /> Product </span>
</td>
<td style = " align-content: center; display: block;">
<div class="slds-form-element" style = " align-content: center">
<label class="slds-checkbox_toggle slds-grid">
<input type="checkbox" aura:id="text-input-id-2" name="checkbox-toggle-14" value="checkbox-toggle-14" disabled="true" checked = "true" aria-describedby="checkbox-toggle-14" />
<span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
<span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
<span class="slds-checkbox_on"></span>
<span class="slds-checkbox_off"></span>
</span>
</label>
</div>
</td>
</tr>
<tr>
<td>
<span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:customers' /> Customer </span>
</td>
<td style = " align-content: center; display: block;">
<div class="slds-form-element" style = " align-content: center">
<label class="slds-checkbox_toggle slds-grid">
<input type="checkbox" aura:id="text-input-id-3" name="checkbox-toggle-14" value="checkbox-toggle-14" disabled="true" checked = "true" aria-describedby="checkbox-toggle-14" />
<span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
<span class="slds-checkbox_faux " style = "margin-block-start: 7px;"></span>
<span class="slds-checkbox_on"></span>
<span class="slds-checkbox_off"></span>
</span>
</label>
</div>
</td>
</tr>
<tr>
<td width = "100%" >
<span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:product_required' /> Collection </span>
</td>
<td style = " align-content: center; display: block; " width = "500%" >
<div class="slds-form-element" style = " align-content: center">
<label class="slds-checkbox_toggle slds-grid">
<ui:inputCheckbox aura:id="text-input-id-1" name="read_collections" value="{!v.configObj.HIC_ShopifySync__Collection_Sync__c}" change = "{!c.checkAccess}"/>
<span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
<span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
<span class="slds-checkbox_on"></span>
<span class="slds-checkbox_off"></span>
</span>
</label>
</div>
</td>
</tr>
<tr>
<td>
<span class="slds-form-element__label slds-m-bottom_none iconstyles"> <lightning:icon style="margin-right: 10px;" iconName='standard:orders' /> Order </span>
</td>
<td style = " align-content: center; display: block;">
<div class="slds-form-element" style = " align-content: center">
<label class="slds-checkbox_toggle slds-grid">
<ui:inputCheckbox aura:id="text-input-id-4" name="read_orders" change = "{!c.checkAccess}" value="{!v.configObj.HIC_ShopifySync__Order_Sync__c}" />
<span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
<span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
<span class="slds-checkbox_on"></span>
<span class="slds-checkbox_off"></span>
</span>
</label>
</div>
</td>
</tr>
<tr>
<td>
<span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:work_order_item' /> Draft </span>
</td>
<td style = " align-content: center; display: block;">
<div class="slds-form-element" style = " align-content: center">
<label class="slds-checkbox_toggle slds-grid">
<ui:inputCheckbox aura:id="text-input-id-5" name="DraOrderSyncButton" value="{!v.configObj.HIC_ShopifySync__Draft_Order_Sync__c}" change="{!c.onchangeOrderandOpportunity}"/>
<span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
<span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
<span class="slds-checkbox_on"></span>
<span class="slds-checkbox_off"></span>
</span>
</label>
</div>
</td>
</tr>
<tr>
<td>
<span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:location' /> Location/Inventory </span>
</td>
<td style = " align-content: center; display: block;">
<div class="slds-form-element" style = " align-content: center">
<label class="slds-checkbox_toggle slds-grid">
<ui:inputCheckbox aura:id="text-input-id-5" value="{!v.configObj.HIC_ShopifySync__Inventory_Location__c}" />
<span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
<span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
<span class="slds-checkbox_on"></span>
<span class="slds-checkbox_off"></span>
</span>
</label>
</div>
</td>
</tr>
<!--tr>
<td>
<span class="slds-form-element__label slds-m-bottom_none iconstyles"><lightning:icon style="margin-right: 10px;" iconName='standard:opportunity' /> Opportunity: </span>
</td>
<td style = " align-content: center; display: block;">
<div class="slds-form-element" style = " align-content: center">
<label class="slds-checkbox_toggle slds-grid">
<ui:inputCheckbox aura:id="text-input-id-5" value="{!v.configObj.HIC_ShopifySync__Opportunity_Sync__c}" />
<span id="checkbox-toggle-14" class="slds-checkbox_faux_container" aria-live="assertive">
<span class="slds-checkbox_faux" style = "margin-block-start: 7px;"></span>
<span class="slds-checkbox_on"></span>
<span class="slds-checkbox_off"></span>
</span>
</label>
</div>
</td>
</tr-->
<!--****************************************-->
</table>
</fieldset>
<br/>
<!--Header Part-->
<div class="slds-page-header">
<h1 class="slds-page-header__title iconstyles2"><lightning:icon style="margin-right: 10px;" iconName='standard:list_email' />Please add email addresses for notifications </h1>
</div>
<!--Table Part-->
<table class="slds-table slds-table_bordered slds-table_cell-buffer">
<thead>
<tr class="slds-text-title_caps">
<th scope="col" >
<div class="slds-truncate">S.No</div>
</th>
<th scope="col" >
<div class="slds-truncate" title="Email">Email</div>
</th>
<th scope="col">
<div class="slds-truncate" title=""></div>
</th>
</tr>
</thead>
<tbody>
<!--Iterate the child Component for display Table rows
with pass the List Item Index for track the Every child Component
and pass each List Contact Instance -->
<aura:iteration aura:id = "personEmaillist" items="{!v.emaiList}" var="item" indexVar="index" >
<c:DynamicRowItem aura:id="child" emailCustomSetting ="{!item}" rowIndex="{!index}" />
</aura:iteration>
</tbody>
</table>
<br />
<p style="margin-top:1%;float:right;"><sup><b style="color: red;">*</b></sup> You can add more emails</p>
<br />
<br />
<!--button class="slds-button slds-button_success" disabled = "" onclick="{!c.validationCheck}"> Save &amp; Go to the next step</button-->
<div aura:id="ErrorMessage" id="ErrorMessage" style=" display: none;
margin: 10px 0px;
padding:12px;
color: #D8000C;
background-color: #FFD2D2;
width: 12%;
font-size: smaller;" >
<h1 > Required fields missing</h1>
</div>
<lightning:button iconName="utility:forward"
iconPosition="right" variant="success" label="Save &amp; Go to the next step" title="Save &amp; Go to the next step" disabled="{!v.DisableButton}" onclick="{! c.gonextbutton }"/>
<p style="margin-top:1%;"><sup><b style="color: red;">*</b></sup> Don't worry you can change the steps later.</p>
<br />
</aura:if>
</aura:if>
</center>
</div>
<aura:set attribute="else">
<c:BatchProcessingPage configObj = "{!v.configObj}" IsBatchProcess = "{!v.configObj.HIC_ShopifySync__Batch_Is_Processing__c}" />
</aura:set>
</aura:If>
<aura:set attribute= "else">
<!--c:ProgressIndicator/-->
<c:AuthenticateOrg hasError = "{!v.hasError}" siteurlparent = '{!v.configObj.HIC_ShopifySync__Salesforce_Site_URL__c}' Refreshtoken = "{!v.configObj.HIC_ShopifySync__Refresh_Token__c}" />
</aura:set>
</aura:renderIf>
<aura:if isTrue ="false">
<div class="inner" style="background:white;">
<center>
<div style="background:white;">
<img src="{!$Resource.PageLoadingGif}" style="width: 26%;margin-top: 10%;" ></img>
</div>
</center>
</div>
</aura:if>
<aura:if isTrue ="{!v.mainBoolean}" >
{!v.body}
</aura:if>
</div>
<aura:renderIf isTrue="{!v.isOpen}">
<!--###### MODAL BOX Start######-->
<section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open">
<center>
<div class="slds-modal__container">
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
<div >
<h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate">{!v.errormessage}<aura:if isTrue="{!!v.CheckSiteAccess}">
</aura:if></h2>
<div style="margin-top:10px">
<lightning:button variant="neutral"
label="Cancel"
title="Cancel"
onclick="{! c.closeModel }"/>
<aura:if isTrue="{!and(!v.CheckSiteAccess,!v.CheckCertificate)}">
<lightning:button
iconName="utility:forward"
iconPosition="left"
variant="neutral"
label="Go to Site page"
title="Go to Site page"
onclick="{! c.siteredirect }"/>
</aura:if>
<span aura:id="CheckStatusButton" style="margin-left: 10px;">
<lightning:button iconName="utility:sync" class="Syncbuttonstyle" iconPosition="left" variant="destructive" label="Check Status"
title="Check Status"
onclick="{!c.SyncAuthenticatepage}"/>
</span>
<span aura:id="CheckCertificateButton" style="margin-left: 10px;">
<lightning:button iconName="utility:forward" class="Syncbuttonstyle" iconPosition="left" variant="destructive" label="Check Certificate"
title="Check Certificate"
onclick="{!c.gotocertificatepage}"/>
</span>
<span style="float:right">
<a href="https://youtu.be/7jbAAIasG4s?si=22TIJw5OUa8TTtCv" target="_blank" style="color:blue;">how ?</a>
</span>
</div>
</div>
</div>
<br/><br/>
</div>
</center>
</section>
<div class="slds-backdrop slds-backdrop_open"></div>
<!--###### MODAL BOX Part END Here ######-->
</aura:renderIf>
<aura:html tag="style">
.parent {
//height: 500px;
position: relative;
//overflow: scroll;
overflow-x: hidden;
}
.inner {
overflow: hidden;
background-color: #333;
top: 0;
width: 100%;
}
</aura:html>
<aura:attribute name="OpenModel" type="boolean" default="false"/>
<aura:if isTrue="{!v.OpenModel}">
<div class="slds-m-around_xx-large">
<!--Use aura:if tag to display/hide popup based on isModalOpen value-->
<section role="dialog" tabindex="-1" aria-labelledby="modal-heading-01" aria-modal="true" aria-describedby="modal-content-id-1" class="slds-modal slds-fade-in-open">
<div class="slds-modal__container">
<header class="slds-modal__header">
<lightning:buttonIcon iconName="utility:close"
onclick="{!c.closeagreementform }"
alternativeText="close"
variant="bare-inverse"
class="slds-modal__close"/>
<h2 id="modal-heading-01" class="slds-text-heading_medium slds-hyphenate"><b>Terms and conditions</b> <!--lightning:Icon iconName="utility:report_issue"
alternativeText="Support"
/--></h2>
</header>
<!--Modal/Popup Box Body Starts here-->
<div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
<p>
<!-- CREATE NEW EXPENSE -->
<div aria-labelledby="newexpenseform">
<form class="slds-form--stacked">
<aura:if isTrue="{!v.warrningmessage.length > 0}">
<p style="font-size:larger">
<h1 style= "float:left"><b>Attention :- </b></h1> <br/>
<ul class="slds-list_dotted slds-m-top_large">
<aura:iteration items="{!v.warrningmessage}" var="e">
<li style= "float:left"> {!e} </li><br/>
</aura:iteration>
</ul>
</p>
<br/>
<!--h1><b>These changes will also update all of your previous shopify records.</b> </h1><br/-->
<h1><b>This changes will reflect to all of your shopify records.</b> </h1><br/>
<br/>
<aura:set attribute="else">
<p style="font-size:larger">
<h1 style= "float:left"><b>Attention :- </b></h1> <br/>
<h1>If you change pricebook or currency, It will update all of your previous shopify records.</h1><br/>
<br/>
</p>
</aura:set>
</aura:if>
<p style="font-size:larger">
<lightning:input aura:id ="agreement" type="checkbox" label="Please indicate that you have read and agree to the Terms and Conditions and Privacy Policy" name="agreement" checked="false" onchange="{!c.acceptagreement}"/>
</p>
</form>
</div>
<!-- / CREATE NEW EXPENSE -->
</p>
</div>
<footer class="slds-modal__footer">
<center>
<lightning:button variant="brand"
aura:id = "agreedbutton"
class="buttonstyle"
iconName="utility:forward"
iconPosition="right"
label="Proceed"
disabled="true"
title="Proceed"
onclick="{! c.validationCheck }"/>
</center>
</footer>
</div>
</section>
<div class="slds-backdrop slds-backdrop_open"></div>
</div>
</aura:if>
<aura:if isTrue="{!v.OpenSlider}">
<c:Slider isOpen = "{!v.OpenSlider}" currentStep = "{!v.slidercurrentStep}" />
</aura:if>
</aura:component>