Add onboarding weather and template gradients

src/web/views/signage/clients/list.hbs

@@ -5,7 +5,7 @@
   </div>
 </div>
 
-{{#if (hasPermission currentUser 'clients.allow')}}
+{{#if (anyPermission currentUser 'clients.allow' 'pairing.allow')}}
   <div class="card card-outline card-secondary mb-4 screen-command-card">
     <div class="card-header">
       <div class="dashboard-card-heading">
@@ -13,9 +13,10 @@
       </div>
     </div>
     <div class="card-body">
-        {{#if screens.length}}
-          <div class="screen-command-panel">
-            <div class="screen-command-panel-left">
+        <div class="screen-command-panel{{#if (hasPermission currentUser 'clients.allow')}}{{else}} screen-command-panel-pairing-only{{/if}}">
+          {{#if (hasPermission currentUser 'clients.allow')}}
+            {{#if screens.length}}
+              <div class="screen-command-panel-left">
               <div class="screen-command-selector-field">
                 <label class="screen-command-selector-label" for="screen-command-select">Target screen group</label>
                 <div class="input-group input-group-sm">
@@ -55,18 +56,28 @@
                   <button type="submit" class="btn btn-sm btn-secondary" disabled><i class="bi bi-eye-slash me-1" aria-hidden="true"></i>Blackout screen</button>
                 </form>
               </div>
-            </div>
-            <div class="screen-command-panel-right">
-              <div class="screen-command-summary">
-                <span class="screen-command-pill is-live" data-screen-command-pill>Choose a screen</span>
-                <strong data-screen-command-name>Select a target screen group</strong>
-                <span class="screen-command-summary-meta" data-screen-command-meta>Commands update automatically for the selected screen group.</span>
               </div>
+              <div class="screen-command-panel-right">
+                <div class="screen-command-summary">
+                  <span class="screen-command-pill is-live" data-screen-command-pill>Choose a screen</span>
+                  <strong data-screen-command-name>Select a target screen group</strong>
+                  <span class="screen-command-summary-meta" data-screen-command-meta>Commands update automatically for the selected screen group.</span>
+                </div>
+              </div>
+            {{else}}
+              <div class="empty">No screen groups are available to target yet.</div>
+            {{/if}}
+          {{/if}}
+          {{#if (hasPermission currentUser 'pairing.allow')}}
+            <div class="screen-command-pairing">
+              <div>
+                <strong>New player?</strong>
+                <span class="screen-command-summary-meta">Open the pairing page to connect another display.</span>
+              </div>
+              <a class="btn btn-primary btn-sm" href="/pairing"><i class="bi bi-qr-code-scan me-1" aria-hidden="true"></i>Pair a player</a>
             </div>
-          </div>
-        {{else}}
-          <div class="empty">No screen groups are available to target yet.</div>
-        {{/if}}
+          {{/if}}
+        </div>
     </div>
   </div>
 {{/if}}
@@ -96,7 +107,7 @@
       <tbody id="dashboard-clients-table-body">
         {{#if clients.length}}
           {{#each clients}}
-            <tr data-table-search-row data-client-key="{{id}}" data-client-id="{{clientId}}" data-client-device-id="{{deviceId}}" data-client-screen-slug="{{screen_slug}}" data-client-player-base-url="{{player_url}}">
+            <tr data-table-search-row data-client-key="{{id}}" data-client-id="{{id}}" data-client-client-id="{{clientId}}" data-client-device-id="{{deviceId}}" data-client-screen-slug="{{screen_slug}}" data-client-player-base-url="{{player_url}}">
               <td data-label="Client" class="client-rename-cell" title="Double-click to rename">
                 <div>{{#if client_name}}{{client_name}}{{else}}Unknown{{/if}}</div>
               </td>
@@ -186,7 +197,7 @@
     <div class="modal-body">
       <input type="hidden" name="command" value="moveclient" />
       <input type="hidden" name="connectionId" value="" data-client-move-connection-id />
-      <input type="hidden" name="deviceId" value="" data-client-move-device-id />
+      <input type="hidden" name="clientId" value="" data-client-move-client-id />
       <input type="hidden" name="clientName" value="" data-client-move-client-name />
       <input type="hidden" name="playerBaseUrl" value="" data-client-move-player-base-url />
       <label class="form-label" for="client-move-screen-target">Target screen group</label>