Subversion Repositories SmartDukaan

Rev

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

Rev 35971 Rev 36242
Line 7... Line 7...
7 
                                 data-tab="$tabIds.get($foreach.index)">#if($sgStatus == 'completed')
 7 
                                 data-tab="$tabIds.get($foreach.index)">#if($sgStatus == 'completed')
8 
        &#10003;#elseif($sgStatus == 'inProgress')&#9679;#else&nbsp;#end</a>
 8 
        &#10003;#elseif($sgStatus == 'inProgress')&#9679;#else&nbsp;#end</a>
9 
        <div class="ob-step-label">$sgLabel</div>
 9 
        <div class="ob-step-label">$sgLabel</div>
10 
    </div>#set($prevStepStatus = $sgStatus)#end</div>
 10 
    </div>#set($prevStepStatus = $sgStatus)#end</div>
11 
 
 11 
 
- 
 
 12 
## ========== ACTIVE DELAYS ==========
- 
 
 13 
## Surfaces every active root-blocker delay for this partner so the user gets
- 
 
 14 
## the same actionable info as the standalone Delay Panel without leaving the
- 
 
 15 
## timeline drilldown. Sorted by daysOverdue desc upstream in the controller.
- 
 
 16 
#if($partnerDelays && $partnerDelays.size() > 0)
- 
 
 17 
<style>
- 
 
 18 
    .ob-delays-card {
- 
 
 19 
        border: 1px solid #f5c6cb;
- 
 
 20 
        background: #fff5f5;
- 
 
 21 
        border-radius: 4px;
- 
 
 22 
        padding: 10px 14px;
- 
 
 23 
        margin: 0 0 16px;
- 
 
 24 
    }
- 
 
 25 
 
- 
 
 26 
    .ob-delays-card h5 {
- 
 
 27 
        margin: 0 0 8px;
- 
 
 28 
        font-size: 13px;
- 
 
 29 
        font-weight: 700;
- 
 
 30 
        color: #721c24;
- 
 
 31 
        text-transform: uppercase;
- 
 
 32 
        letter-spacing: 0.5px;
- 
 
 33 
    }
- 
 
 34 
 
- 
 
 35 
    .ob-delays-card h5 .ob-delays-count {
- 
 
 36 
        display: inline-block;
- 
 
 37 
        margin-left: 6px;
- 
 
 38 
        padding: 1px 8px;
- 
 
 39 
        background: #d9534f;
- 
 
 40 
        color: #fff;
- 
 
 41 
        border-radius: 10px;
- 
 
 42 
        font-size: 11px;
- 
 
 43 
    }
- 
 
 44 
 
- 
 
 45 
    .ob-delays-table {
- 
 
 46 
        width: 100%;
- 
 
 47 
        font-size: 12px;
- 
 
 48 
        border-collapse: collapse;
- 
 
 49 
    }
- 
 
 50 
 
- 
 
 51 
    .ob-delays-table th,
- 
 
 52 
    .ob-delays-table td {
- 
 
 53 
        padding: 5px 8px;
- 
 
 54 
        text-align: left;
- 
 
 55 
        border-bottom: 1px solid #f5c6cb;
- 
 
 56 
    }
- 
 
 57 
 
- 
 
 58 
    .ob-delays-table th {
- 
 
 59 
        font-weight: 600;
- 
 
 60 
        color: #721c24;
- 
 
 61 
        font-size: 11px;
- 
 
 62 
        text-transform: uppercase;
- 
 
 63 
    }
- 
 
 64 
 
- 
 
 65 
    .ob-delays-table tr:last-child td {
- 
 
 66 
        border-bottom: none;
- 
 
 67 
    }
- 
 
 68 
 
- 
 
 69 
    .ob-delays-chip {
- 
 
 70 
        display: inline-block;
- 
 
 71 
        padding: 2px 8px;
- 
 
 72 
        border-radius: 10px;
- 
 
 73 
        font-size: 11px;
- 
 
 74 
        font-weight: 700;
- 
 
 75 
        color: #fff;
- 
 
 76 
    }
- 
 
 77 
 
- 
 
 78 
    .ob-delays-chip.high {
- 
 
 79 
        background: #d9534f;
- 
 
 80 
    }
- 
 
 81 
 
- 
 
 82 
    .ob-delays-chip.med {
- 
 
 83 
        background: #f0ad4e;
- 
 
 84 
    }
- 
 
 85 
 
- 
 
 86 
    .ob-delays-chip.low {
- 
 
 87 
        background: #f7dc6f;
- 
 
 88 
        color: #333;
- 
 
 89 
    }
- 
 
 90 
</style>
- 
 
 91 
<div class="ob-delays-card">
- 
 
 92 
    <h5><i class="fa fa-exclamation-triangle"></i> Active Delays
- 
 
 93 
        <span class="ob-delays-count">$partnerDelays.size()</span>
- 
 
 94 
    </h5>
- 
 
 95 
    <table class="ob-delays-table">
- 
 
 96 
        <thead>
- 
 
 97 
        <tr>
- 
 
 98 
            <th>Delayed Event</th>
- 
 
 99 
            <th>Responsible Team</th>
- 
 
 100 
            <th>Planned Date</th>
- 
 
 101 
            <th>Days Overdue</th>
- 
 
 102 
        </tr>
- 
 
 103 
        </thead>
- 
 
 104 
        <tbody>
- 
 
 105 
            #foreach($d in $partnerDelays)
- 
 
 106 
            <tr>
- 
 
 107 
                <td><strong>$d.getEventName()</strong></td>
- 
 
 108 
                <td>$!d.getResponsibleTeam()</td>
- 
 
 109 
                <td>$d.getPlannedDate().format($dateFormatter)</td>
- 
 
 110 
                <td>
- 
 
 111 
                    #if($d.getDaysOverdue() > 7)
- 
 
 112 
                        <span class="ob-delays-chip high">$d.getDaysOverdue() day(s)</span>
- 
 
 113 
                    #elseif($d.getDaysOverdue() > 3)
- 
 
 114 
                        <span class="ob-delays-chip med">$d.getDaysOverdue() day(s)</span>
- 
 
 115 
                    #else
- 
 
 116 
                        <span class="ob-delays-chip low">$d.getDaysOverdue() day(s)</span>
- 
 
 117 
                    #end
- 
 
 118 
                </td>
- 
 
 119 
            </tr>
- 
 
 120 
            #end
- 
 
 121 
        </tbody>
- 
 
 122 
    </table>
- 
 
 123 
</div>
- 
 
 124 
#end
- 
 
 125 
 
12 
<ul class="nav nav-tabs" id="detailTabs">
 126 
<ul class="nav nav-tabs" id="detailTabs">
13 
    <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>
14 
    <li><a data-toggle="tab" href="#tab-verification">Verification</a></li>
 128 
    <li><a data-toggle="tab" href="#tab-verification">Verification</a></li>
15 
    <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>
16 
    <li><a data-toggle="tab" href="#tab-design">Design</a></li>
 130 
    <li><a data-toggle="tab" href="#tab-design">Design</a></li>