Subversion Repositories SmartDukaan

Rev

Rev 36922 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 36922 Rev 37160
Line 622... Line 622...
622 
 
 622 
 
623 
 
 623 
 
624 
                </div>
 624 
                </div>
625 
            </div>
 625 
            </div>
626 
            <!-- overview end -->
 626 
            <!-- overview end -->
- 
 
 627 
 
- 
 
 628 
            #if($staticScheme)
- 
 
 629 
                ## ================= Super Retailer Club 5 banner =================
- 
 
 630 
                ## Banner image includes: logo, scheme duration, "YOUR ASSIGNED TARGET" label,
- 
 
 631 
                ## and Download Scheme Letter graphic. Only the target amount is overlaid dynamically.
- 
 
 632 
                ## Clicking anywhere on the banner downloads the scheme letter PDF.
- 
 
 633 
                <div class="row" style="margin: 0 0 15px 0;">
- 
 
 634 
                    <div class="col-lg-12" style="padding: 0 15px;">
- 
 
 635 
                        <a href="/resources/images/super-retailer-club-scheme.pdf"
- 
 
 636 
                           download
- 
 
 637 
                           style="display: block; position: relative; text-decoration: none;">
- 
 
 638 
                            <img src="/resources/images/super-retailer-club-5.jpeg"
- 
 
 639 
                                 alt="Super Retailer Club 5"
- 
 
 640 
                                 style="width: 100%; height: auto; display: block; border-radius: 8px;">
- 
 
 641 
                            ## Target amount overlay — positioned below the "YOUR ASSIGNED TARGET"
- 
 
 642 
                            ## label baked into the image. Tweak top/left if the image aspect changes.
- 
 
 643 
                            <div style="position: absolute;
- 
 
 644 
                                    top: 52%; left: 68%;
- 
 
 645 
                                    transform: translate(-50%, 0);
- 
 
 646 
                                    font-size: clamp(14px, 1.6vw, 22px);
- 
 
 647 
                                    font-weight: 700;
- 
 
 648 
                                    color: #d32f2f;
- 
 
 649 
                                    white-space: nowrap;">
- 
 
 650 
                                &#8377;$nf.format($staticScheme.getTarget())
- 
 
 651 
                            </div>
- 
 
 652 
                        </a>
- 
 
 653 
                    </div>
- 
 
 654 
                </div>
- 
 
 655 
            #end
- 
 
 656 
 
627 
            <div class="row">
 657 
            <div class="row">
628 
                <div class="col-lg-6">
 658 
                <div class="col-lg-6">
629 
                    <div class="row">
 659 
                    <div class="row">
630 
                        <div class="col-lg-7">
 660 
                        <div class="col-lg-7">
631 
                            <div class="info-box blue-bg">
 661 
                            <div class="info-box blue-bg">
Line 732... Line 762...
732 
                                    </div>
 762 
                                    </div>
733 
                                </div>
 763 
                                </div>
734 
                            </div>
 764 
                            </div>
735 
                        </div>
 765 
                        </div>
736 
                        <div class="col-lg-5 row">
 766 
                        <div class="col-lg-5 row">
737 
                            #if($staticScheme)
 - 
 
738 
                                <div class="info-box white-bg" style="padding:0;height: 159px">
 - 
 
739 
                                    <div class="col-lg-6"
 - 
 
740 
                                         style="background-size: 135px !important;background:url('/resources/images/super-retailer.jpg') no-repeat;height: 161px;"
 - 
 
741 
                                    >
 - 
 
742 
                                        <div
 - 
 
743 
                                                style="position: absolute;bottom: 4px;left: auto;width: 100%;left:-5px;
 - 
 
744 
                                                text-align: center;color: #333333;margin-bottom: 4px;font-size: 18px; font-weight: bold">
 - 
 
745 
                                            $schemeCategory</div>
 - 
 
746 
                                    </div>
 - 
 
747 
                                    <div class="col-lg-6 row">
 - 
 
748 
                                        <div class="row" style="margin-top:6px">
 - 
 
749 
                                            <div style="text-align: center;font-size: 13px;font-weight: bold;color: black;margin-top: 3px">
 - 
 
750 
                                                $staticScheme.getSchemePeriod()
 767 
                            ## Scheme moved to full-width banner at the top of the dashboard.
751 
                                            </div>
 - 
 
752 
                                            <p style="margin: 0 0 8px"></p>
 - 
 
753 
                                            <div style="text-align: center;font-size: 13px;font-weight: bold;color: black">
 - 
 
754 
                                                TOTAL TARGET
 - 
 
755 
                                            </div>
 - 
 
756 
                                            <div class="rcurrency"
 - 
 
757 
                                                 style="text-align: center;font-size: 20px;font-weight: bold;color: red">
 - 
 
758 
                                                $staticScheme.getTarget()
 768 
                            ## This slot always shows the online-sales tile now.
759 
                                            </div>
 - 
 
760 
                                        </div>
 - 
 
761 
                                        <hr style="margin-top:6px;margin-bottom: 6px"/>
 - 
 
762 
                                        <div class="row">
 - 
 
763 
                                            <div style="text-align: center;font-size: 13px;font-weight: bold;color: black">
 - 
 
764 
                                                TOTAL ACHIEVEMENT
 - 
 
765 
                                            </div>
 - 
 
766 
                                            <div class="rcurrency red"
 - 
 
767 
                                                 style="text-align: center;font-size: 20px;font-weight: bold;color: red">
 - 
 
768 
                                                $nf.format($schemeAchievement)
 - 
 
769 
                                            </div>
 - 
 
770 
                                        </div>
 - 
 
771 
                                    </div>
 - 
 
772 
                                </div>
 - 
 
773 
                            #else
 - 
 
774 
                                <div class="info-box orange-bg"
 769 
                                <div class="info-box orange-bg"
775 
                                     style="background-image: linear-gradient(#ff7f50 ,orange); box-shadow: 6px 5px 6px #ff7f50;">
 770 
                                     style="background-image: linear-gradient(#ff7f50 ,orange); box-shadow: 6px 5px 6px #ff7f50;">
776 
                                    <i class="fa fa-chart-line"></i>
 771 
                                    <i class="fa fa-chart-line"></i>
777 
                                    <h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
 772 
                                    <h4 style="margin-top:-2px;margin-bottom:12px"><strong>#springMessage(
778 
                                        "dashboard.onlinesale")</strong></h4>
 773 
                                        "dashboard.onlinesale")</strong></h4>
Line 803... Line 798...
803 
                                                </div>
 798 
                                                </div>
804 
                                            </button>
 799 
                                            </button>
805 
                                        </div>
 800 
                                        </div>
806 
                                    </div>
 801 
                                    </div>
807 
                                </div>
 802 
                                </div>
808 
                            #end
 - 
 
809 
                        </div>
 803 
                        </div>
810 
                    </div>
 804 
                    </div>
811 
 
 805 
 
812 
 
 806 
 
813 
                    <div class="row">
 807 
                    <div class="row">