| Line 1... |
Line 1... |
| 1 |
## Clickable Stepper - each circle links to its tab
|
1 |
## Clickable Stepper - each circle links to its tab
|
| 2 |
#set($tabIds = ["tab-loi","tab-verification","tab-store","tab-design","tab-payments","tab-launch"])
|
2 |
#set($tabIds = ["tab-loi","tab-verification","tab-store","tab-design","tab-esign","tab-payments","tab-launch"])
|
| 3 |
<div class="ob-stepper">#set($prevStepStatus = false)#foreach($sg in $stageGroups)#set($sgStatus = $sg.get(
|
3 |
<div class="ob-stepper">#set($prevStepStatus = false)#foreach($sg in $stageGroups)#set($sgStatus = $sg.get(
|
| 4 |
'status'))#set($sgLabel = $sg.get('label'))#if($prevStepStatus)
|
4 |
'status'))#set($sgLabel = $sg.get('label'))#if($prevStepStatus)
|
| 5 |
<div class="ob-step-line $prevStepStatus"></div>#end
|
5 |
<div class="ob-step-line $prevStepStatus"></div>#end
|
| 6 |
<div class="ob-step-wrap"><a href="javascript:void(0);" class="ob-step-circle $sgStatus"
|
6 |
<div class="ob-step-wrap"><a href="javascript:void(0);" class="ob-step-circle $sgStatus"
|
| 7 |
data-tab="$tabIds.get($foreach.index)">#if($sgStatus == 'completed')
|
7 |
data-tab="$tabIds.get($foreach.index)">#if($sgStatus == 'completed')
|
| Line 126... |
Line 126... |
| 126 |
<ul class="nav nav-tabs" id="detailTabs">
|
126 |
<ul class="nav nav-tabs" id="detailTabs">
|
| 127 |
<li class="active"><a data-toggle="tab" href="#tab-loi">LOI</a></li>
|
127 |
<li class="active"><a data-toggle="tab" href="#tab-loi">LOI</a></li>
|
| 128 |
<li><a data-toggle="tab" href="#tab-verification">Verification</a></li>
|
128 |
<li><a data-toggle="tab" href="#tab-verification">Verification</a></li>
|
| 129 |
<li><a data-toggle="tab" href="#tab-store">Store Setup</a></li>
|
129 |
<li><a data-toggle="tab" href="#tab-store">Store Setup</a></li>
|
| 130 |
<li><a data-toggle="tab" href="#tab-design">Design</a></li>
|
130 |
<li><a data-toggle="tab" href="#tab-design">Design</a></li>
|
| - |
|
131 |
<li><a data-toggle="tab" href="#tab-esign">Agreement E-Sign</a></li>
|
| 131 |
<li><a data-toggle="tab" href="#tab-payments">Payments</a></li>
|
132 |
<li><a data-toggle="tab" href="#tab-payments">Payments</a></li>
|
| 132 |
<li><a data-toggle="tab" href="#tab-launch">Launch</a></li>
|
133 |
<li><a data-toggle="tab" href="#tab-launch">Launch</a></li>
|
| 133 |
</ul>
|
134 |
</ul>
|
| 134 |
|
135 |
|
| 135 |
<div class="tab-content" style="padding:15px 5px;">
|
136 |
<div class="tab-content" style="padding:15px 5px;">
|
| Line 520... |
Line 521... |
| 520 |
<div class="col-sm-8">#if($pob.getDesignTatStatus())$pob.getDesignTatStatus()#else - #end</div>
|
521 |
<div class="col-sm-8">#if($pob.getDesignTatStatus())$pob.getDesignTatStatus()#else - #end</div>
|
| 521 |
</div>
|
522 |
</div>
|
| 522 |
</div>
|
523 |
</div>
|
| 523 |
</div>
|
524 |
</div>
|
| 524 |
|
525 |
|
| - |
|
526 |
## ========== TAB: E-SIGN ==========
|
| - |
|
527 |
<div id="tab-esign" class="tab-pane fade">
|
| - |
|
528 |
<div class="ob-action-bar">
|
| - |
|
529 |
#if($completedEvents.get("AGREEMENT_ESIGN"))<span class="ob-badge-ok"><i
|
| - |
|
530 |
class="fa fa-check"></i> Agreement E-Sign Verified</span>#elseif($canAct)<a
|
| - |
|
531 |
href="javascript:void(0);"
|
| - |
|
532 |
class="btn btn-xs btn-warning ob-nav-action"
|
| - |
|
533 |
data-url="agreementEsignPanel"><i
|
| - |
|
534 |
class="fa fa-pencil-square-o"></i> Verify Agreement E-Sign</a>#else
|
| - |
|
535 |
<button class="btn btn-xs btn-default" disabled title="Requires L4+ access"><i
|
| - |
|
536 |
class="fa fa-pencil-square-o"></i> Agreement E-Sign
|
| - |
|
537 |
</button>#end
|
| - |
|
538 |
</div>
|
| - |
|
539 |
<div class="ob-kv">
|
| - |
|
540 |
<div class="row">
|
| - |
|
541 |
<div class="col-sm-4 text-muted">Full Stock Payment</div>
|
| - |
|
542 |
<div class="col-sm-8">
|
| - |
|
543 |
#if($completedEvents.get("FULL_STOCK_PAYMENT"))
|
| - |
|
544 |
<span class="ob-badge-ok">Done</span> - $completedEvents.get("FULL_STOCK_PAYMENT").toLocalDate()
|
| - |
|
545 |
#else
|
| - |
|
546 |
<span class="ob-badge-pending">Pending</span>
|
| - |
|
547 |
#end
|
| - |
|
548 |
</div>
|
| - |
|
549 |
</div>
|
| - |
|
550 |
<div class="row">
|
| - |
|
551 |
<div class="col-sm-4 text-muted">Agreement E-Sign</div>
|
| - |
|
552 |
<div class="col-sm-8">
|
| - |
|
553 |
#if($completedEvents.get("AGREEMENT_ESIGN"))
|
| - |
|
554 |
<span class="ob-badge-ok">Verified</span> - $completedEvents.get(
|
| - |
|
555 |
"AGREEMENT_ESIGN").toLocalDate()
|
| - |
|
556 |
#else
|
| - |
|
557 |
<span class="ob-badge-pending">Pending</span>
|
| - |
|
558 |
#end
|
| - |
|
559 |
</div>
|
| - |
|
560 |
</div>
|
| - |
|
561 |
<div class="row">
|
| - |
|
562 |
<div class="col-sm-12 text-muted" style="padding:8px 0; font-size:12px;">
|
| - |
|
563 |
<i class="fa fa-info-circle"></i> The business agreement e-sign is verified by Legal (Gaurav Sharma)
|
| - |
|
564 |
after Full Stock Payment and before PO creation. PO creation stays blocked until this is verified.
|
| - |
|
565 |
</div>
|
| - |
|
566 |
</div>
|
| - |
|
567 |
</div>
|
| - |
|
568 |
</div>
|
| - |
|
569 |
|
| 525 |
## ========== TAB: PAYMENTS ==========
|
570 |
## ========== TAB: PAYMENTS ==========
|
| 526 |
<div id="tab-payments" class="tab-pane fade">
|
571 |
<div id="tab-payments" class="tab-pane fade">
|
| 527 |
<div class="ob-action-bar">
|
572 |
<div class="ob-action-bar">
|
| 528 |
#if($completedEvents.get("FULL_STOCK_PAYMENT"))<span class="ob-badge-ok"><i class="fa fa-check"></i> Stock Payment</span>#elseif($canAct)
|
573 |
#if($completedEvents.get("FULL_STOCK_PAYMENT"))<span class="ob-badge-ok"><i class="fa fa-check"></i> Stock Payment</span>#elseif($canAct)
|
| 529 |
<a href="javascript:void(0);" class="btn btn-xs btn-warning ob-nav-action"
|
574 |
<a href="javascript:void(0);" class="btn btn-xs btn-warning ob-nav-action"
|