Shadow-mode client script and cutover doc correction

plugins/printers/frontend/views/TonerForecast.vue

@@ -55,7 +55,14 @@
             </thead>
             <tbody>
               <!-- Sorted by days left, not by level: a cartridge at 60% falling
-                   fast is ordered before one sitting at 8% that never moves. -->
+                   fast is ordered before one sitting at 8% that never moves.
+
+                   Days left is per CARTRIDGE, not per printer. It used to span
+                   the printer's rows, so every supply displayed the soonest one
+                   of them - a cartridge at 20% sat beside "4 days" that belonged
+                   to the black next to it. The printer number still decides
+                   where the printer sorts; it does not label a row it is not
+                   about. -->
               <template v-for="p in printers" :key="p.printerid">
                 <tr v-for="(s, index) in p.supplies" :key="p.printerid + s.name"
                     :class="{ 'row-group-start': index === 0 }">
@@ -65,10 +72,12 @@
                     </router-link>
                     <div class="muted small">{{ p.ipaddress }}</div>
                   </td>
-                  <td v-if="index === 0" :rowspan="p.supplies.length">
-                    <span class="days" :class="urgency(p.daysleft)">
-                      {{ p.daysleft }} days
+                  <td>
+                    <span v-if="s.daysleft === 0" class="days critical">empty now</span>
+                    <span v-else-if="s.daysleft != null" class="days" :class="urgency(s.daysleft)">
+                      {{ s.daysleft }} days
                     </span>
+                    <span v-else class="muted">-</span>
                   </td>
                   <td>{{ s.name }}</td>
                   <td>{{ s.currentlevel != null ? Math.round(s.currentlevel) + '%' : '-' }}</td>