feat: v1.5.5 - show RawSheetLocation on NTT tiles, add trsl CSS class
This commit is contained in:
jessikitty committed
1 parent
772724ffd2
commit
b5b4bf3fea
1 file changed
+6
-5
@@ -1,3 +1,4 @@
|
||||
using Disco.Data.Repository;
|
||||
using Disco.Plugins.ServiceTracker.Models;
|
||||
using Disco.Plugins.ServiceTracker.Services;
|
||||
using Disco.Services.Plugins;
|
||||
@@ -87,12 +88,12 @@ namespace Disco.Plugins.ServiceTracker.WebHandler
|
||||
s.Append("<div class='rfr-panel'><h3>📦 Ready for Return</h3>"); if (m.ReadyForReturn.Count == 0) s.Append("<p class='mu'>None</p>"); else foreach (var r in m.ReadyForReturn) s.Append("<div class='rfr-item'><div class='rfr-id'>" + H(r.DisplayId) + "</div><div class='rfr-dev'>" + H(r.DeviceComputerName ?? r.DeviceSerialNumber) + "</div><div class='rfr-user'>" + H(r.UserDisplayName) + "</div><form method='POST' action='" + u + "/MarkCollected'><input type='hidden' name='jobId' value='" + r.JobId + "'/><input type='hidden' name='source' value='" + r.Source + "'/><button type='submit' class='btn bp btn-sm'>✔ Collected</button></form></div>"); s.Append("</div></div>");
|
||||
var rs = m.Config.DashboardRefreshSeconds;
|
||||
s.Append("<div class='rbar' id='rB'><span class='rtx'>Refresh: <b id='cd'>" + rs + "</b>s</span><div class='rprog'><div class='rfill' id='rF'></div></div><button class='rtog' id='rT' onclick='tAR()'>Pause</button></div>");
|
||||
s.Append("<div class='foot'>v" + ServiceTrackerService.PluginVersion + "</div>");
|
||||
s.Append("<div class='foot'>v" + ServiceTrackerService.PluginVersion + " — Jess Rogerson © 2025</div>");
|
||||
s.Append("<script>var T=" + rs + ",R=" + rs + ",P=false;function tk(){if(P)return;R--;document.getElementById('cd').textContent=R;document.getElementById('rF').style.width=((T-R)/T*100)+'%';if(R<=0)location.reload();}function tAR(){P=!P;document.getElementById('rT').textContent=P?'Resume':'Pause';document.getElementById('rB').className=P?'rbar pau':'rbar';}setInterval(tk,1000);document.addEventListener('visibilitychange',function(){if(document.hidden)P=true;else{P=false;R=T;}});</script></body></html>");
|
||||
return s.ToString();
|
||||
}
|
||||
|
||||
private string TileHtml(DashboardTile t, string u) { var s = new StringBuilder(); s.Append("<div class='tile" + (t.IsSlaBreached ? " tb" : t.IsSlaWarning ? " tw" : "") + "' onclick=\"location='" + u + "/Detail?id=" + t.JobId + "&src=" + t.Source + "'\">"); s.Append("<div class='tp' style='background:" + t.PriorityColor + ";'></div><div class='th'><div class='tid'>" + H(t.DisplayId) + "</div><div class='ta'>" + t.AgeBadge + "</div></div>"); if (t.IsSlaBreached) s.Append("<div class='slb slb-b'>⚠ SLA BREACHED</div>"); else if (t.IsSlaWarning) s.Append("<div class='slb slb-w'>⏰ Warning</div>"); s.Append("<div class='td'><div class='tdn'>" + H(t.DeviceComputerName ?? t.DeviceSerialNumber) + "</div>"); if (t.DeviceModelDescription != null) s.Append("<div class='tdm'>" + H(t.DeviceModelDescription) + "</div>"); s.Append("</div><div class='tr'><span class='ti'>👤</span>" + H(t.UserDisplayName ?? "\u2014") + "</div><div class='tr'><span class='tlb' style='background:" + t.LocationColor + ";'>" + t.LocationIcon + " " + H(t.LocationName) + "</span></div><div class='tr'><span class='ti'>📋</span>" + H(t.StatusOverride ?? t.DiscoStatus) + "</div>"); if (!string.IsNullOrEmpty(t.AssignedTechName)) s.Append("<div class='tr'><span class='ti'>🔧</span>" + H(t.AssignedTechName) + "</div>"); s.Append("<div class='tr'><span class='ti'>📅</span>ETA: <b>" + H(t.EtaDisplay) + "</b></div>"); if (!string.IsNullOrEmpty(t.Summary)) { var sm = t.Summary.Length > 60 ? t.Summary.Substring(0, 57) + "..." : t.Summary; s.Append("<div class='tsu'>" + H(sm) + "</div>"); } if (!string.IsNullOrEmpty(t.LatestNote)) { s.Append("<div class='tn'>💬 " + H(t.LatestNote)); if (t.NoteCount > 1) s.Append(" <small>(+" + (t.NoteCount - 1) + ")</small>"); s.Append("</div>"); } s.Append("<div class='tf'><span class='pl' style='background:" + t.PriorityColor + ";'>" + H(t.PriorityName) + "</span><span class='tt'>" + H(t.Source == "ntt" ? "NTT" : t.JobTypeDescription) + "</span></div></div>"); return s.ToString(); }
|
||||
private string TileHtml(DashboardTile t, string u) { var s = new StringBuilder(); s.Append("<div class='tile" + (t.IsSlaBreached ? " tb" : t.IsSlaWarning ? " tw" : "") + "' onclick=\"location='" + u + "/Detail?id=" + t.JobId + "&src=" + t.Source + "'\">"); s.Append("<div class='tp' style='background:" + t.PriorityColor + ";'></div><div class='th'><div class='tid'>" + H(t.DisplayId) + "</div><div class='ta'>" + t.AgeBadge + "</div></div>"); if (t.IsSlaBreached) s.Append("<div class='slb slb-b'>⚠ SLA BREACHED</div>"); else if (t.IsSlaWarning) s.Append("<div class='slb slb-w'>⏰ Warning</div>"); s.Append("<div class='td'><div class='tdn'>" + H(t.DeviceComputerName ?? t.DeviceSerialNumber) + "</div>"); if (t.DeviceModelDescription != null) s.Append("<div class='tdm'>" + H(t.DeviceModelDescription) + "</div>"); s.Append("</div><div class='tr'><span class='ti'>👤</span>" + H(t.UserDisplayName ?? "\u2014") + "</div><div class='tr'><span class='tlb' style='background:" + t.LocationColor + ";'>" + t.LocationIcon + " " + H(t.LocationName) + "</span></div>"); if (!string.IsNullOrEmpty(t.RawSheetLocation)) s.Append("<div class='tr'><span class='ti'>📍</span><span class='trsl'>" + H(t.RawSheetLocation) + "</span></div>"); s.Append("<div class='tr'><span class='ti'>📋</span>" + H(t.StatusOverride ?? t.DiscoStatus) + "</div>"); if (!string.IsNullOrEmpty(t.AssignedTechName)) s.Append("<div class='tr'><span class='ti'>🔧</span>" + H(t.AssignedTechName) + "</div>"); s.Append("<div class='tr'><span class='ti'>📅</span>ETA: <b>" + H(t.EtaDisplay) + "</b></div>"); if (!string.IsNullOrEmpty(t.Summary)) { var sm = t.Summary.Length > 60 ? t.Summary.Substring(0, 57) + "..." : t.Summary; s.Append("<div class='tsu'>" + H(sm) + "</div>"); } if (!string.IsNullOrEmpty(t.LatestNote)) { s.Append("<div class='tn'>💬 " + H(t.LatestNote)); if (t.NoteCount > 1) s.Append(" <small>(+" + (t.NoteCount - 1) + ")</small>"); s.Append("</div>"); } s.Append("<div class='tf'><span class='pl' style='background:" + t.PriorityColor + ";'>" + H(t.PriorityName) + "</span><span class='tt'>" + H(t.Source == "ntt" ? "NTT" : t.JobTypeDescription) + "</span></div></div>"); return s.ToString(); }
|
||||
|
||||
private string BuildDetailPage(Disco.Models.Repository.Job job, ServiceTicket ticket, ServiceTrackerConfig cfg, string src, int jobId)
|
||||
{
|
||||
@@ -117,7 +118,7 @@ namespace Disco.Plugins.ServiceTracker.WebHandler
|
||||
s.Append("</div>");
|
||||
if (ticket != null && ticket.ChangeLog != null && ticket.ChangeLog.Count > 0) { s.Append("<div class='dc'><h3>Changes</h3><table class='clt'><tr><th>When</th><th>Who</th><th>Field</th><th>From</th><th>To</th></tr>"); foreach (var ch in ticket.ChangeLog.OrderByDescending(c => c.Timestamp)) s.Append("<tr><td>" + ch.Timestamp.ToString("dd MMM HH:mm") + "</td><td>" + H(ch.UserId) + "</td><td><b>" + H(ch.Field) + "</b></td><td class='ov'>" + H(ch.OldValue ?? "-") + "</td><td class='nv'>" + H(ch.NewValue ?? "-") + "</td></tr>"); s.Append("</table></div>"); }
|
||||
s.Append("</div></div>"); var inact = cfg.DetailInactivitySeconds;
|
||||
s.Append("<div class='foot'>v" + ServiceTrackerService.PluginVersion + "</div><script>var _c=" + inact + ";function _r(){_c=" + inact + ";}['mousemove','keydown','click','scroll'].forEach(function(e){document.addEventListener(e,_r);});setInterval(function(){_c--;if(_c<=0)location.href='" + u + "/Dashboard';},1000);</script></body></html>");
|
||||
s.Append("<div class='foot'>v" + ServiceTrackerService.PluginVersion + " — Jess Rogerson © 2025</div><script>var _c=" + inact + ";function _r(){_c=" + inact + ";}['mousemove','keydown','click','scroll'].forEach(function(e){document.addEventListener(e,_r);});setInterval(function(){_c--;if(_c<=0)location.href='" + u + "/Dashboard';},1000);</script></body></html>");
|
||||
return s.ToString();
|
||||
}
|
||||
|
||||
@@ -152,12 +153,12 @@ namespace Disco.Plugins.ServiceTracker.WebHandler
|
||||
s.Append("<div class='cc'><h3>Priorities</h3><textarea name='prioritiesJson' class='fc je' rows='12'>" + H(JsonConvert.SerializeObject(cfg.Priorities, Formatting.Indented)) + "</textarea><div class='pv'>"); foreach (var p in cfg.Priorities.OrderBy(x => x.SortOrder)) s.Append("<span class='pc' style='background:" + p.Color + ";'>" + H(p.Name) + " (" + p.SlaHours + "h)</span>"); s.Append("</div></div>");
|
||||
s.Append("<div class='cc'><h3>Locations</h3><textarea name='locationsJson' class='fc je' rows='12'>" + H(JsonConvert.SerializeObject(cfg.Locations, Formatting.Indented)) + "</textarea><div class='pv'>"); foreach (var l in cfg.Locations) s.Append("<span class='pc' style='background:" + l.Color + ";'>" + l.Icon + " " + H(l.Name) + "</span>"); s.Append("</div></div>");
|
||||
s.Append("<div class='cc'><h3>Status Options</h3><textarea name='statusOptions' class='fc' rows='10'>"); foreach (var st in cfg.StatusOptions) s.Append(H(st) + "\n"); s.Append("</textarea></div></div>");
|
||||
s.Append("<div class='ca'><button type='submit' class='btn bp btn-lg'>✔ Save</button> <a href='" + u + "/Dashboard' class='btn bd btn-lg'>Cancel</a></div></form><div class='foot'>v" + ServiceTrackerService.PluginVersion + "</div>");
|
||||
s.Append("<div class='ca'><button type='submit' class='btn bp btn-lg'>✔ Save</button> <a href='" + u + "/Dashboard' class='btn bd btn-lg'>Cancel</a></div></form><div class='foot'>v" + ServiceTrackerService.PluginVersion + " — Jess Rogerson © 2025</div>");
|
||||
s.Append("<script>function aT(){var d=document.getElementById('tL'),r=document.createElement('div');r.className='tech-row';r.innerHTML='<input class=\"fc tc-n\" placeholder=\"Name\"/><input class=\"fc tc-i\" placeholder=\"Disco IDs\"/><input class=\"fc tc-e\" placeholder=\"Email\"/><button type=\"button\" class=\"btn-rm\" onclick=\"this.parentNode.remove()\">✖</button>';d.appendChild(r);}document.querySelector('form').addEventListener('submit',function(e){var rows=document.querySelectorAll('.tech-row'),ts=[];for(var i=0;i<rows.length;i++){var r=rows[i],n=r.querySelector('.tc-n').value.trim();if(!n)continue;var ids=(r.querySelector('.tc-i').value||'').split(',').map(function(s){return s.trim();}).filter(function(s){return s.length>0;});ts.push({Id:n.toLowerCase().replace(/[^a-z]/g,'').substring(0,10),DisplayName:n,DiscoUserIds:ids,Email:r.querySelector('.tc-e').value.trim()});}document.getElementById('tO').value=JSON.stringify(ts);var jes=document.querySelectorAll('.je');for(var j=0;j<jes.length;j++){try{JSON.parse(jes[j].value);}catch(ex){e.preventDefault();jes[j].style.borderColor='#DC3545';alert('Invalid JSON: '+ex.message);return;}}});</script></body></html>");
|
||||
return s.ToString();
|
||||
}
|
||||
|
||||
private string CSS() { return @"*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',sans-serif;background:#f0f2f5;color:#333}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;border-bottom:2px solid #337AB7;box-shadow:0 1px 3px rgba(0,0,0,.08)}.hl{display:flex;align-items:center;gap:14px}.hm{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;flex-wrap:wrap}.wt{font-size:12px;color:#555}.wt b{color:#337AB7}.hr{display:flex;gap:6px}h1{font-size:20px;color:#333}.sub{color:#666;font-size:13px}.btn{display:inline-block;padding:7px 14px;font-size:12px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;color:#fff}.bp{background:#337AB7}.bp:hover{background:#286090}.bd{background:#777}.bd:hover{background:#555}.bdi{background:#5B2D8E}.bdi:hover{background:#4A2475}.btn-sm{padding:4px 10px;font-size:11px}.btn-lg{padding:10px 20px;font-size:14px}.alert{margin:8px 20px;padding:8px 14px;border-radius:4px;font-size:12px}.ad{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.aw{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.as{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.sbar{display:flex;gap:10px;padding:14px 20px;flex-wrap:wrap}.sc{text-align:center;padding:10px 16px;background:#fff;border-radius:6px;min-width:70px;box-shadow:0 1px 2px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .15s}.sc:hover{transform:translateY(-2px)}.ss{border-left:2px solid #eee;margin-left:6px;padding-left:18px}.sn{font-size:24px;font-weight:700}.sl{font-size:10px;color:#888;margin-top:2px}.lbar{display:flex;gap:6px;padding:0 20px;flex-wrap:wrap;margin-bottom:6px}.lc{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:14px;font-size:11px;color:#fff;text-decoration:none}.lc:hover{opacity:.85}.ctrls{display:flex;align-items:center;gap:5px;padding:6px 20px}.cl{font-size:11px;color:#888}.sb{padding:4px 10px;border-radius:12px;font-size:11px;background:#e9ecef;color:#555;text-decoration:none}.sb:hover{background:#d0d5db}.sb.act{background:#337AB7;color:#fff}.clr{background:#DC3545;color:#fff}.dash-layout{display:flex;gap:16px;padding:12px 20px;align-items:flex-start}.tile-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.rfr-panel{width:240px;flex-shrink:0;background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.rfr-panel h3{font-size:14px;margin-bottom:10px;color:#333;border-bottom:1px solid #eee;padding-bottom:6px}.rfr-item{padding:8px;border:1px solid #eee;border-radius:6px;margin-bottom:8px;background:#fafbfc}.rfr-id{font-weight:700;font-size:12px;color:#337AB7}.rfr-dev{font-size:13px;font-weight:500}.rfr-user{font-size:11px;color:#888}.tile{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer;transition:box-shadow .15s,transform .15s;overflow:hidden}.tile:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.tb{border:2px solid #DC3545;animation:pu 2s infinite}.tw{border:2px solid #FFC107}@keyframes pu{0%,100%{border-color:#DC3545}50%{border-color:#f8d7da}}.tp{height:4px;width:100%}.th{display:flex;justify-content:space-between;padding:8px 12px 3px}.tid{font-weight:700;font-size:14px;color:#337AB7}.ta{font-size:10px;color:#888;padding:2px 6px;background:#f5f5f5;border-radius:8px}.slb{margin:0 12px 4px;padding:3px 6px;border-radius:3px;font-size:10px;font-weight:700;text-align:center}.slb-b{background:#f8d7da;color:#721c24}.slb-w{background:#fff3cd;color:#856404}.td{padding:0 12px 4px}.tdn{font-weight:600;font-size:13px}.tdm{font-size:10px;color:#888}.tr{display:flex;align-items:center;gap:5px;padding:2px 12px;font-size:12px}.ti{width:16px;text-align:center;font-size:11px}.tlb{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:10px;color:#fff}.tsu{padding:4px 12px;font-size:11px;color:#555;border-top:1px solid #f0f0f0;font-style:italic}.tn{padding:4px 12px;font-size:10px;color:#777;background:#fafbfc}.tf{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-top:1px solid #f0f0f0;background:#fafbfc}.pl{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;color:#fff;font-weight:600}.tt{font-size:10px;color:#aaa}.empty{grid-column:1/-1;text-align:center;padding:50px;color:#888}.wls{padding:0 20px 16px}.wls h3{font-size:13px;color:#888;margin-bottom:6px}.wlb{display:flex;gap:10px;flex-wrap:wrap}.wli{background:#fff;border-radius:6px;padding:6px 14px;box-shadow:0 1px 2px rgba(0,0,0,.06);display:flex;align-items:center;gap:6px;font-size:12px}.foot{text-align:center;padding:16px;font-size:11px;color:#aaa}.rbar{display:flex;align-items:center;gap:8px;padding:6px 20px;background:#fff;border-top:1px solid #eee;position:sticky;bottom:0;z-index:10}.rbar.pau{background:#fff3cd}.rtx{font-size:11px;color:#888;min-width:100px}.rprog{flex:1;height:3px;back
Line truncated
|
||||
private string CSS() { return @"*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',sans-serif;background:#f0f2f5;color:#333}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;border-bottom:2px solid #337AB7;box-shadow:0 1px 3px rgba(0,0,0,.08)}.hl{display:flex;align-items:center;gap:14px}.hm{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;flex-wrap:wrap}.wt{font-size:12px;color:#555}.wt b{color:#337AB7}.hr{display:flex;gap:6px}h1{font-size:20px;color:#333}.sub{color:#666;font-size:13px}.btn{display:inline-block;padding:7px 14px;font-size:12px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;color:#fff}.bp{background:#337AB7}.bp:hover{background:#286090}.bd{background:#777}.bd:hover{background:#555}.bdi{background:#5B2D8E}.bdi:hover{background:#4A2475}.btn-sm{padding:4px 10px;font-size:11px}.btn-lg{padding:10px 20px;font-size:14px}.alert{margin:8px 20px;padding:8px 14px;border-radius:4px;font-size:12px}.ad{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.aw{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.as{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.sbar{display:flex;gap:10px;padding:14px 20px;flex-wrap:wrap}.sc{text-align:center;padding:10px 16px;background:#fff;border-radius:6px;min-width:70px;box-shadow:0 1px 2px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .15s}.sc:hover{transform:translateY(-2px)}.ss{border-left:2px solid #eee;margin-left:6px;padding-left:18px}.sn{font-size:24px;font-weight:700}.sl{font-size:10px;color:#888;margin-top:2px}.lbar{display:flex;gap:6px;padding:0 20px;flex-wrap:wrap;margin-bottom:6px}.lc{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:14px;font-size:11px;color:#fff;text-decoration:none}.lc:hover{opacity:.85}.ctrls{display:flex;align-items:center;gap:5px;padding:6px 20px}.cl{font-size:11px;color:#888}.sb{padding:4px 10px;border-radius:12px;font-size:11px;background:#e9ecef;color:#555;text-decoration:none}.sb:hover{background:#d0d5db}.sb.act{background:#337AB7;color:#fff}.clr{background:#DC3545;color:#fff}.dash-layout{display:flex;gap:16px;padding:12px 20px;align-items:flex-start}.tile-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.rfr-panel{width:240px;flex-shrink:0;background:#fff;border-radius:8px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.rfr-panel h3{font-size:14px;margin-bottom:10px;color:#333;border-bottom:1px solid #eee;padding-bottom:6px}.rfr-item{padding:8px;border:1px solid #eee;border-radius:6px;margin-bottom:8px;background:#fafbfc}.rfr-id{font-weight:700;font-size:12px;color:#337AB7}.rfr-dev{font-size:13px;font-weight:500}.rfr-user{font-size:11px;color:#888}.tile{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer;transition:box-shadow .15s,transform .15s;overflow:hidden}.tile:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.tb{border:2px solid #DC3545;animation:pu 2s infinite}.tw{border:2px solid #FFC107}@keyframes pu{0%,100%{border-color:#DC3545}50%{border-color:#f8d7da}}.tp{height:4px;width:100%}.th{display:flex;justify-content:space-between;padding:8px 12px 3px}.tid{font-weight:700;font-size:14px;color:#337AB7}.ta{font-size:10px;color:#888;padding:2px 6px;background:#f5f5f5;border-radius:8px}.slb{margin:0 12px 4px;padding:3px 6px;border-radius:3px;font-size:10px;font-weight:700;text-align:center}.slb-b{background:#f8d7da;color:#721c24}.slb-w{background:#fff3cd;color:#856404}.td{padding:0 12px 4px}.tdn{font-weight:600;font-size:13px}.tdm{font-size:10px;color:#888}.tr{display:flex;align-items:center;gap:5px;padding:2px 12px;font-size:12px}.ti{width:16px;text-align:center;font-size:11px}.tlb{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:10px;color:#fff}.trsl{font-size:11px;color:#555;font-style:italic}.tsu{padding:4px 12px;font-size:11px;color:#555;border-top:1px solid #f0f0f0;font-style:italic}.tn{padding:4px 12px;font-size:10px;color:#777;background:#fafbfc}.tf{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-top:1px solid #f0f0f0;background:#fafbfc}.pl{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;color:#fff;font-weight:600}.tt{font-size:10px;color:#aaa}.empty{grid-column:1/-1;text-align:center;padding:50px;color:#888}.wls{padding:0 20px 16px}.wls h3{font-size:13px;color:#888;margin-bottom:6px}.wlb{display:flex;gap:10px;flex-wrap:wrap}.wli{background:#fff;border-radius:6px;padding:6px 14px;box-shadow:0 1px 2px rgba(0,0,0,.06);display:flex;align-items:center;gap:6px;font-size:12px}.foot{text-align:center;padding:16px;font-size:11px;color:#aaa}.rbar{display:flex;align-items:center;gap:8px;padding:6px 20px;background:#fff;border-top:1px solid #eee;position:sticky;bottom:0;z-index:10}.rbar.pau{background:#fff3cd}.rtx{font-size:11px;color:
Line truncated
|
||||
private string DCSS() { return @".bk{font-size:12px;color:#337AB7;text-decoration:none}.bk:hover{text-decoration:underline}.dg{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px}@media(max-width:900px){.dg{grid-template-columns:1fr}}.dl,.dr{display:flex;flex-direction:column;gap:14px}.dc{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.dc h3{font-size:14px;color:#333;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:6px}.dt{width:100%;border-collapse:collapse}.dt th{text-align:left;padding:5px 6px;font-size:11px;color:#888;width:120px}.dt td{padding:5px 6px;font-size:12px}.fg{margin-bottom:10px}.fg label{display:block;font-size:11px;font-weight:600;color:#555;margin-bottom:3px}.fc{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;font-family:inherit}.fc:focus{border-color:#337AB7;outline:none}.fcsm{width:auto;padding:3px 6px;font-size:11px}.nf{margin-bottom:12px}.nc{display:flex;gap:6px;margin-top:4px;align-items:center}.tl{border-left:2px solid #e0e0e0;margin-left:6px}.tli{display:flex;gap:10px;padding:6px 0}.tld{width:8px;height:8px;border-radius:50%;margin-top:3px;flex-shrink:0;margin-left:-5px}.tlc{flex:1}.tlh{display:flex;gap:6px;align-items:center;font-size:11px;margin-bottom:2px}.tla{font-weight:600;color:#333}.tldt{color:#aaa;margin-left:auto}.tlb{font-size:12px;color:#555;line-height:1.3}.clt{width:100%;border-collapse:collapse;font-size:11px}.clt th{text-align:left;padding:4px 6px;background:#f8f9fa;color:#888;font-weight:600;border-bottom:1px solid #eee}.clt td{padding:4px 6px;border-bottom:1px solid #f5f5f5}.ov{color:#DC3545;text-decoration:line-through}.nv{color:#28A745;font-weight:500}"; }
|
||||
private string CCSS() { return @".cg{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px}@media(max-width:900px){.cg{grid-template-columns:1fr}}.cc{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.cc h3{font-size:14px;color:#333;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:6px}.ch{font-size:11px;color:#888;margin:6px 0}.je{font-family:'Consolas',monospace;font-size:11px;line-height:1.4;background:#f8f9fa}.je:focus{background:#fff}.pv{margin-top:8px;display:flex;gap:4px;flex-wrap:wrap}.pc{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;color:#fff;font-weight:500}.ca{padding:16px 20px;display:flex;gap:8px}.col-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tech-row{display:flex;gap:4px;margin-bottom:4px;align-items:center}.tech-row .fc{flex:1;font-size:11px;padding:4px 6px}.btn-rm{background:none;border:none;color:#DC3545;cursor:pointer;font-size:14px;padding:0 4px}.btn-rm:hover{color:#a71d2a}.hid{display:none}"; }
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user