Subversion Repositories SmartDukaan

Rev

Rev 32873 | Rev 35675 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 32873 Rev 35396
Line 1... Line 1...
1 
<style>
 1 
<style>
2 
 
 - 
 
3 
    .expanded {
 2 
    .grid-box {
4 
        position: absolute;
 - 
 
5 
        z-index: 9999;
 3 
        display: grid;
6 
        box-shadow: 1px 2px 3px #ccc !important;
 4 
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
7 
        background: white;
 5 
        gap: 10px;
8 
        max-height: unset !important;
 - 
 
9 
    }
 - 
 
10 
 
 - 
 
11 
    .mk_offer_container {
 - 
 
12 
        min-height: 200px !important;
 - 
 
13 
    }
 6 
    }
14 
 
 7 
 
15 
    .modal {
 8 
    .item {
- 
 
 9 
        background: #f2f2f2;
16 
        z-index: 9999;
 10 
        padding: 16px;
- 
 
 11 
        /*height: 120px;  same height for all, adjust as needed */
- 
 
 12 
        box-sizing: border-box;
17 
    }
 13 
    }
18 
</style>
 14 
</style>
- 
 
 15 
<div class="grid-box">
- 
 
 16 
    #foreach( $offer in $publishedOffers )
- 
 
 17 
        <div class="item info-box white-bg mk_offer_container" style="margin-bottom:1px">
- 
 
 18 
            <h3 style="margin-top:-2px;color:#c70db8;margin-bottom:4px;font-weight:bold; font-size:20px;">
- 
 
 19 
                $offer.getName()
- 
 
 20 
            </h3>
- 
 
 21 
            <h5 style="margin-top:-2px;font-size:15px;color:#5547d0;font-weight:bold">
- 
 
 22 
                From $dateMonthFormatter.format($offer.getStartDate())
- 
 
 23 
                to $dateMonthFormatter.format($offer.getEndDate()), Based
- 
 
 24 
                on $offer.getSchemeType()
- 
 
 25 
            </h5>
- 
 
 26 
            <!--<h4 style="color:green;margin-top:0px;margin-bottom:0px;">
- 
 
 27 
        ##$offer.getDashboardHtml()
- 
 
 28 
    </h4>-->
- 
 
 29 
            <br>
19 
 
 30 
 
20 
#foreach( $offer in $publishedOffers )
 - 
 
21 
<div class="col-lg-6 info-box white-bg mk_offer_container" style="margin-bottom:1px">
 - 
 
22 
    <h3 style="margin-top:-2px;color:#c70db8;margin-bottom:4px;font-weight:bold; font-size:20px;">
 31 
            <p style="float:right;font-size:15px; margin:0px 0px 0px; " class="description-offer"
23 
        $offer.getName()
 - 
 
24 
    </h3>
 - 
 
25 
    <h5 style="margin-top:-2px;font-size:15px;color:#5547d0;font-weight:bold">
 32 
               data-offerid="$offer.getId()" data-toggle="modal"
26 
        From $dateMonthFormatter.format($offer.getStartDate()) to $dateMonthFormatter.format($offer.getEndDate()), Based
 33 
               data-backdrop="static" data-keyboard="false"><a href="javascript:void(0)">All terms & conditions</a></p>
27 
        on $offer.getSchemeType()
 - 
 
28 
    </h5>
 - 
 
29 
    <h4 style="color:green;margin-top:0px;margin-bottom:0px;">
 - 
 
30 
        $offer.getDashboardHtml()
 - 
 
31 
    </h4>
 34 
        </div>
32 
    <br>
 35 
    #end
33 
    <span onclick="showMore(this)">See More</span>
 - 
 
34 
    <p style="float:right;font-size:15px; margin:0px 0px 0px; " class="description-offer"
 - 
 
35 
       data-offerid="$offer.getId()" data-toggle="modal"
 - 
 
36 
       data-backdrop="static" data-keyboard="false"><a href="javascript:void(0)">All terms & conditions</a></p>
 - 
 
37 
</div>
 36 
</div>
38 
#end
 - 
 
39 
 
 37 
 
40 
<script>
 38 
<script>
41 
    function showMore(button) {
 39 
    function showMore(button) {
42 
        // Find the closest parent container with the class "mk_offer_container"
 40 
        // Find the closest parent container with the class "mk_offer_container"
43 
        var parentContainer = button.closest(".mk_offer_container");
 41 
        var parentContainer = button.closest(".mk_offer_container");