228 lines
13 KiB
Plaintext
228 lines
13 KiB
Plaintext
<apex:page controller="AuthenticateInternally" lightningStyleSheets="true" showheader="false" sidebar="false" action="{!authenticateInternallyController}">
|
|
<apex:slds />
|
|
<apex:includeLightning />
|
|
<apex:stylesheet value="{!URLFOR($Resource.HIC_Shopify_SLDS2019, '/assets/styles/salesforce-lightning-design-system-ltng.css')}"/>
|
|
|
|
<apex:form >
|
|
<style>
|
|
.grid-container {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto;
|
|
grid-gap: 10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
|
|
.item1 {
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
}
|
|
</style>
|
|
<div class="grid-container">
|
|
<div class="item1">
|
|
<span>
|
|
<a href="https://syncmadeasy.com" target="_blank"><apex:image url="{!$Resource.ShopifyMadeEasyLogo}" style="margin-left: 4%;" height="50"/></a>
|
|
</span>
|
|
</div>
|
|
<div class="">
|
|
<span>
|
|
<P style="float: right;
|
|
|
|
padding-right: 29px;
|
|
text-align: center;
|
|
font-size: small;">
|
|
<b>Need Help? </b><br/>
|
|
<a target="_Top" href= "http://support.syncmadeasy.com" >support.syncmadeasy.com</a><br/>
|
|
<a href="mailto:support@syncmadeasy.com">Contact Support</a>
|
|
</P>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<!--/apex:form-->
|
|
<!--apex:image url="{!$Resource.LightningPath}" style="height: 6%; width:100%;" height="50"/><br/-->
|
|
|
|
<div style="slds">
|
|
<article class="">
|
|
<div class="slds-card__body slds-card__body_inner">
|
|
<div class="slds-path">
|
|
<div class="slds-grid slds-path__track">
|
|
<div class="slds-grid slds-path__scroller-container">
|
|
<div class="slds-path__scroller" role="application">
|
|
<div class="slds-path__scroller_inner">
|
|
<ul class="slds-path__nav" role="listbox" aria-orientation="horizontal">
|
|
<li class="slds-path__item slds-is-current slds-is-active" role="presentation">
|
|
<a aria-selected="true" class="slds-path__link" href="javascript:void(0);" id="path-1" role="option" tabindex="0">
|
|
<span class="slds-path__stage">
|
|
<svg class="slds-icon slds-icon_x-small" aria-hidden="true">
|
|
|
|
</svg>
|
|
<span class="slds-assistive-text">Setup</span>
|
|
</span>
|
|
<span id="check" class="slds-path__title">
|
|
<apex:outputPanel rendered="true" >
|
|
<apex:image url="{!$Resource.Checksvg}" style="width: 13%;" height="50"/>
|
|
</apex:outputPanel>
|
|
Setup
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="slds-path__item slds-is-incomplete" role="presentation">
|
|
<a aria-selected="false" class="slds-path__link" href="javascript:void(0);" id="path-2" role="option" tabindex="-1">
|
|
<span class="slds-path__stage">
|
|
<!--svg class="slds-icon slds-icon_x-small" aria-hidden="true">
|
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#check"></use>
|
|
</svg-->
|
|
</span>
|
|
<span class="slds-path__title">Shopify Credentials</span>
|
|
</a>
|
|
</li>
|
|
<li class="slds-path__item slds-is-incomplete" role="presentation">
|
|
<a aria-selected="false" class="slds-path__link" href="javascript:void(0);" id="path-3" role="option" tabindex="-1">
|
|
<span class="slds-path__stage">
|
|
<!--svg class="slds-icon slds-icon_x-small" aria-hidden="true">
|
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#check"></use>
|
|
</svg-->
|
|
</span>
|
|
<span class="slds-path__title">Object Setup</span>
|
|
</a>
|
|
</li>
|
|
<li class="slds-path__item slds-is-incomplete" role="presentation">
|
|
<a aria-selected="false" class="slds-path__link" href="javascript:void(0);" id="path-4" role="option" tabindex="-1">
|
|
<span class="slds-path__stage">
|
|
<!--svg class="slds-icon slds-icon_x-small" aria-hidden="true">
|
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#check"></use>
|
|
</svg-->
|
|
</span>
|
|
<span class="slds-path__title">Field Mapping</span>
|
|
</a>
|
|
</li>
|
|
<li class="slds-path__item slds-is-incomplete" role="presentation">
|
|
<a aria-selected="false" class="slds-path__link" href="javascript:void(0);" id="path-5" role="option" tabindex="-1">
|
|
<span class="slds-path__stage">
|
|
<!--svg class="slds-icon slds-icon_x-small" aria-hidden="true">
|
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#check"></use>
|
|
</svg-->
|
|
</span>
|
|
<span class="slds-path__title">Record Type</span>
|
|
</a>
|
|
</li>
|
|
<!--li class="slds-path__item slds-is-incomplete" role="presentation">
|
|
<a aria-selected="false" class="slds-path__link" href="javascript:void(0);" id="path-5" role="option" tabindex="-1">
|
|
<span class="slds-path__stage">
|
|
|
|
</span>
|
|
<span class="slds-path__title">Step 6</span>
|
|
</a>
|
|
</li-->
|
|
<li class="slds-path__item slds-is-incomplete" role="presentation">
|
|
<a aria-selected="false" class="slds-path__link" href="javascript:void(0);" id="path-5" role="option" tabindex="-1">
|
|
<span class="slds-path__stage">
|
|
<!--svg class="slds-icon slds-icon_x-small" aria-hidden="true">
|
|
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#check"></use>
|
|
</svg-->
|
|
</span>
|
|
<span class="slds-path__title">Finished</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--div class="slds-grid slds-path__action">
|
|
<span class="slds-path__stage-name">Stage: Unqualified</span>
|
|
<button class="slds-button slds-button_brand slds-path__mark-complete">
|
|
Mark Status as Complete</button>
|
|
</div-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
</div>
|
|
<apex:outputPanel rendered="{!inProgress}">
|
|
<!--div align="center" style="margin-top: 16%; font-size: 50px;" >
|
|
In Progress.....
|
|
</div-->
|
|
<!--apex:form-->
|
|
<div align="center" >
|
|
<div style="margin-top: 7%;">
|
|
<center>
|
|
|
|
<apex:image url="{!$Resource.ShopifyProcessingGif}" style="height: 6%; width: 7%;" height="50"/><br/>
|
|
|
|
<div style=" word-wrap: break-word;">
|
|
<P style="font-size: x-large;" ><b style="font-size: xx-large;">Authenticating...</b><br/>
|
|
Please do not refresh the page or go back.Please keep on looking at the 3 dots ! <br/>
|
|
</P>
|
|
</div>
|
|
<!--apex:image url="{!$Resource.ShopifyMadeEasyLogo}" style="margin-top: 4%;" height="50"/><br/>
|
|
<div style="margin-top: 4%;">
|
|
<apex:commandButton styleClass="slds-button slds-button_brand" value=" Go back and finish the next step " oncomplete="doRedirect();"/>
|
|
</div-->
|
|
</center>
|
|
</div>
|
|
</div>
|
|
|
|
<!--/apex:form-->
|
|
</apex:outputPanel>
|
|
|
|
<apex:outputPanel rendered="{!if(and(!inProgress,!error),true,false)}">
|
|
<!--apex:form-->
|
|
<div align="center" >
|
|
<div style="margin-top: 7%;">
|
|
<center>
|
|
|
|
<apex:image url="{!$Resource.SendingMailTrue}" style="height: 10%; width: 7%;" height="50"/><br/>
|
|
|
|
<div style=" word-wrap: break-word;">
|
|
<P style="font-size: x-large;" ><b style="font-size: xx-large;">Initialization done</b><br/>
|
|
Great going! you are now a step closer.<br/>
|
|
</P>
|
|
</div>
|
|
<!--apex:image url="{!$Resource.ShopifyMadeEasyLogo}" style="margin-top: 4%;" height="50"/><br/-->
|
|
<div style="margin-top: 4%;">
|
|
<apex:commandButton styleClass="slds-button slds-button_brand" value=" Go to the next steps " action="{!dosubmit}"/>
|
|
</div>
|
|
</center>
|
|
</div>
|
|
</div>
|
|
|
|
<!--/apex:form-->
|
|
</apex:outputPanel>
|
|
|
|
<apex:outputPanel rendered="{!error}">
|
|
<!--div align="center" style="margin-top: 16%; font-size: 50px;" >
|
|
Error In Authentication......Please Contact Package Creator at sumit@hicglobalsolutions.com
|
|
</div-->
|
|
<!--apex:form-->
|
|
<div align="center" >
|
|
<div style="margin-top: 7%;">
|
|
<center>
|
|
|
|
<apex:image url="{!$Resource.AuthenticationError}" style="height: 10%; width: 7%;" height="50"/><br/>
|
|
|
|
<div style=" word-wrap: break-word;">
|
|
<P style="font-size: x-large;" ><b style="font-size: xx-large;">Something went wrong</b><br/>
|
|
Sorry there was an error. <br/>
|
|
</P>
|
|
</div>
|
|
<!--apex:image url="{!$Resource.ShopifyMadeEasyLogo}" style="margin-top: 4%;" height="50"/><br/-->
|
|
<div style="margin-top: 4%;">
|
|
<apex:commandButton styleClass="slds-button slds-button_brand" value=" Go back and try again " action="{!dosubmit}" />
|
|
</div>
|
|
</center>
|
|
</div>
|
|
</div>
|
|
|
|
<!--/apex:form-->
|
|
</apex:outputPanel>
|
|
</apex:form>
|
|
<script type="text/javascript">
|
|
|
|
|
|
/*function doRedirect(){
|
|
window.history.back();
|
|
}*/
|
|
|
|
</script>
|
|
</apex:page> |