Subversion Repositories SmartDukaan

Rev

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

Rev 33946 Rev 33951
Line -... Line 1...
- 
 
 1 
<style>
- 
 
 2 
    table th {
- 
 
 3 
        text-align: center;
- 
 
 4 
    }
- 
 
 5 
 
- 
 
 6 
    #rbm-arr-table td, #rbm-arr-table th {
- 
 
 7 
        padding: 0.35rem;
- 
 
 8 
        font-size: 20px;
- 
 
 9 
    }
- 
 
 10 
 
- 
 
 11 
    .rb-name {
- 
 
 12 
        font-size: 17px;
- 
 
 13 
        font-weight: bold;
- 
 
 14 
    }
- 
 
 15 
 
- 
 
 16 
    #rbm-arr-table td {
- 
 
 17 
        text-align: center;
- 
 
 18 
        background-size: 100% 100%;
- 
 
 19 
        background-repeat: no-repeat;
- 
 
 20 
        color: #000; /* Ensure text remains visible */
- 
 
 21 
        font-weight: 400;
- 
 
 22 
    }
- 
 
 23 
 
- 
 
 24 
</style>
- 
 
 25 
 
1 
<section class="wrapper">
 26 
<section class="wrapper">
2 
    <div class="row">
 27 
    <div class="row">
3 
        <div class="col-lg-12">
 28 
        <div class="col-lg-12">
4 
            <table id="rbm-arr-table" class="table table-border table-condensed table-bordered" style="width:100%">
 29 
            <table id="rbm-arr-table" class="table table-border table-condensed table-bordered" style="width:100%">
5 
                <thead>
 - 
 
6 
                <tr>
 30 
                <tr>
7 
                    <th>RBM</th>
 31 
                    <th>RBM</th>
8 
                    <th>Total (ACH/TGT)</th>
 32 
                    <th>Total (ACH/TGT)</th>
9 
                    <th>%</th>
 33 
                    <th>%</th>
10 
                    <th>HID (ACH/TGT)</th>
 34 
                    <th>HID (ACH/TGT)</th>
Line 16... Line 40...
16 
                    <th>EOL (ACH/TGT)</th>
 40 
                    <th>EOL (ACH/TGT)</th>
17 
                    <th>%</th>
 41 
                    <th>%</th>
18 
                    <th>Other (ACH/TGT)</th>
 42 
                    <th>Other (ACH/TGT)</th>
19 
                    <th>%</th>
 43 
                    <th>%</th>
20 
                </tr>
 44 
                </tr>
21 
                </thead>
 - 
 
22 
                <tbody>
 - 
 
23 
                    #foreach($target in $rbmArrViewModels)
 45 
                    #foreach($target in $rbmArrViewModels)
24 
                    <tr>
 46 
                    <tr>
25 
                        <td>$target.getRbmName()- $target.getWarehouseName()</td>
 47 
                        <td>$target.getRbmName()- $target.getWarehouseName()</td>
26 
                        <td><span class="achieved-cell">$target.getTotalAchievedTarget()</span> / <span
 48 
                        <td><span class="achieved-cell">$target.getTotalAchievedTarget()</span> / <span
27 
                                class="target-cell">$target.getTodayTarget()</span></td>
 49 
                                class="target-cell">$target.getTodayTarget()</span></td>
Line 41... Line 63...
41 
                        <td><span class="achieved-cell">$target.getTodayAchievedOtherMovingTarget()</span> / <span
 63 
                        <td><span class="achieved-cell">$target.getTodayAchievedOtherMovingTarget()</span> / <span
42 
                                class="target-cell">$target.getTodayOtherMovingTarget()</span></td>
 64 
                                class="target-cell">$target.getTodayOtherMovingTarget()</span></td>
43 
                        <td class="other-percent"></td>
 65 
                        <td class="other-percent"></td>
44 
                    </tr>
 66 
                    </tr>
45 
                    #end
 67 
                    #end
46 
                </tbody>
 - 
 
47 
                <!-- Add a row for totals -->
 68 
                <!-- Add a row for totals -->
48 
                <tfoot>
 - 
 
49 
                <tr>
 69 
                <tr>
50 
                    <td><strong>Total</strong></td>
 70 
                    <td><strong>Total</strong></td>
51 
                    <td><span id="total-achieved"></span> / <span id="total-target"></span></td>
 71 
                    <td><span class="achieved-cell" id="total-achieved"></span> / <span class="target-cell"
- 
 
 72 
                                                                                        id="total-target"></span></td>
52 
                    <td class="total-percent"></td>
 73 
                    <td class="total-percent"></td>
- 
 
 74 
 
53 
                    <td><span id="total-achieved-hid"></span> / <span id="total-target-hid"></span></td>
 75 
                    <td><span id="total-achieved-hid" class="achieved-cell"></span> / <span id="total-target-hid"
- 
 
 76 
                                                                                            class="target-cell"></span>
- 
 
 77 
                    </td>
54 
                    <td class="hid-percent"></td>
 78 
                    <td class="hid-percent"></td>
- 
 
 79 
 
55 
                    <td><span id="total-achieved-run"></span> / <span id="total-target-run"></span></td>
 80 
                    <td><span id="total-achieved-run" class="achieved-cell"></span> / <span id="total-target-run"
- 
 
 81 
                                                                                            class="target-cell"></span>
- 
 
 82 
                    </td>
56 
                    <td class="run-percent"></td>
 83 
                    <td class="run-percent"></td>
- 
 
 84 
 
57 
                    <td><span id="total-achieved-slow"></span> / <span id="total-target-slow"></span></td>
 85 
                    <td><span id="total-achieved-slow" class="achieved-cell"></span> / <span id="total-target-slow"
- 
 
 86 
                                                                                             class="target-cell"></span>
- 
 
 87 
                    </td>
58 
                    <td class="slow-percent"></td>
 88 
                    <td class="slow-percent"></td>
- 
 
 89 
 
59 
                    <td><span id="total-achieved-eol"></span> / <span id="total-target-eol"></span></td>
 90 
                    <td><span id="total-achieved-eol" class="achieved-cell"></span> / <span id="total-target-eol"
- 
 
 91 
                                                                                            class="target-cell"></span>
- 
 
 92 
                    </td>
60 
                    <td class="eol-percent"></td>
 93 
                    <td class="eol-percent"></td>
- 
 
 94 
 
61 
                    <td><span id="total-achieved-other"></span> / <span id="total-target-other"></span></td>
 95 
                    <td><span id="total-achieved-other" class="achieved-cell"></span> / <span id="total-target-other"
- 
 
 96 
                                                                                              class="target-cell"></span>
- 
 
 97 
                    </td>
62 
                    <td class="other-percent"></td>
 98 
                    <td class="other-percent"></td>
63 
                </tr>
 99 
                </tr>
64 
                </tfoot>
 - 
 
- 
 
 100 
 
65 
            </table>
 101 
            </table>
66 
        </div>
 102 
        </div>
67 
    </div>
 103 
    </div>
68 
</section>
 104 
</section>
69 
 
 105 
 
Line 131... Line 167...
131 
                        }
 167 
                        }
132 
 
 168 
 
133 
                        // Apply gradient background with the color
 169 
                        // Apply gradient background with the color
134 
                        percentCell.style.background = `linear-gradient(to right, ${color} ${percentage}%, transparent ${percentage}%)`;
 170 
                        percentCell.style.background = `linear-gradient(to right, ${color} ${percentage}%, transparent ${percentage}%)`;
135 
                    } else if (percentCell) {
 171 
                    } else if (percentCell) {
136 
                        percentCell.textContent = 'N/A';
 172 
                        percentCell.textContent = "0";
137 
                        percentCell.style.background = 'none';
 173 
                        percentCell.style.background = 'none';
138 
                    }
 174 
                    }
139 
                }
 175 
                }
140 
            });
 176 
            });
141 
        });
 177 
        });