Release 2.16.2

src/web/views/data-sources/api-sources/form.hbs

@@ -18,7 +18,7 @@
       <div class="col-6 col-lg-3"><label class="form-label w-100">Unit<select class="form-select" data-request-field="update_interval_unit"><option value="seconds" {{#if (eq update_interval_unit 'seconds')}}selected{{/if}}>Seconds</option><option value="minutes" {{#if (eq update_interval_unit 'minutes')}}selected{{/if}}>Minutes</option><option value="hours" {{#if (eq update_interval_unit 'hours')}}selected{{/if}}>Hours</option></select></label></div>
     </div>
     {{#if id}}
-    <section class="mt-3 border-top pt-3" data-api-request-response aria-label="Latest response">
+    <section class="mt-3 border-top pt-3" id="api-request-response-{{id}}" data-api-request-response aria-label="Latest response">
       <div class="d-flex align-items-center justify-content-between flex-wrap gap-2 mb-3">
         <h4 class="h6 mb-0">Latest response{{#if last_response_status}} <span class="badge text-bg-secondary ms-1">HTTP {{last_response_status}}</span>{{/if}}</h4>
         {{#if lastResponseJson}}
@@ -36,7 +36,7 @@
   </div>
   <div class="card-footer d-flex gap-2 flex-wrap">
     <button type="button" class="btn btn-outline-primary" data-api-source-test-url="{{#if groupId}}/data-sources/api-sources/{{groupId}}/test{{else}}/data-sources/api-sources/test{{/if}}"><i class="bi bi-plug me-1" aria-hidden="true"></i>Test Connection</button>
-    {{#if id}}{{#if (hasPermission currentUser 'api-sources.allow')}}<button type="button" class="btn btn-outline-secondary" data-manual-refresh-url="/data-sources/api-sources/{{groupId}}/requests/{{id}}/refresh" {{#unless enabled}}disabled{{/unless}}><i class="bi bi-arrow-clockwise me-1" aria-hidden="true"></i>Refresh now</button>{{/if}}{{/if}}
+    {{#if id}}{{#if (hasPermission currentUser 'api-sources.allow')}}<button type="button" class="btn btn-outline-secondary" data-manual-refresh-url="/data-sources/api-sources/{{groupId}}/requests/{{id}}/refresh" data-manual-refresh-target="#api-request-response-{{id}}" data-source-toggle-owner="api-source-toggle-form" data-source-item-enabled="{{#if enabled}}true{{else}}false{{/if}}" {{#unless enabled}}disabled{{else}}{{#unless source_enabled}}disabled{{/unless}}{{/unless}}><i class="bi bi-arrow-clockwise me-1" aria-hidden="true"></i>Refresh now</button>{{/if}}{{/if}}
   </div>
 </div>
 {{/inline}}
@@ -47,6 +47,8 @@
   </div>
 </div>
 
+{{#if isEdit}}<form id="api-source-toggle-form" method="post" action="{{formAction}}" data-async-command><input type="hidden" name="data_source_action" value="toggle" /></form>{{/if}}
+
 <div class="row g-3 align-items-start api-source-layout">
   <div class="col-12">
     <form id="api-source-form" method="post" action="{{formAction}}" {{{formAttrs}}}>
@@ -76,6 +78,7 @@
         <div class="card-footer d-flex align-items-center justify-content-between row-gap-2 flex-wrap">
           <div class="d-flex align-items-center flex-wrap gap-2 me-2">
             <button type="button" class="btn btn-outline-primary" data-api-auth-test-url="{{#if isEdit}}/data-sources/api-sources/{{apiSource.id}}/auth-test{{else}}/data-sources/api-sources/auth-test{{/if}}"><i class="bi bi-shield-check me-1" aria-hidden="true"></i>Test Authentication</button>
+            {{#if isEdit}}{{#if (hasPermission currentUser 'api-sources.update')}}<button type="submit" form="api-source-toggle-form" data-async-data-source-toggle data-enabled="{{#if apiSource.enabled}}true{{else}}false{{/if}}" class="btn {{#if apiSource.enabled}}btn-danger{{else}}btn-success{{/if}}"><i class="bi {{#if apiSource.enabled}}bi-pause-fill{{else}}bi-play-fill{{/if}} me-1" aria-hidden="true"></i>{{#if apiSource.enabled}}Disable{{else}}Enable{{/if}}</button>{{/if}}{{/if}}
             <button type="button" class="btn btn-primary" data-api-request-add><i class="bi bi-plus-lg me-1" aria-hidden="true"></i>Add request</button>
           </div>
           <div class="d-flex align-items-center justify-content-end flex-wrap ms-auto">

src/web/views/data-sources/api-sources/list.hbs

@@ -25,6 +25,7 @@
           <th data-table-sort-key="name">Name</th>
           <th>Authentication</th>
           <th data-table-sort-key="requests">Requests</th>
+          <th>Status</th>
           <th data-table-sort-key="last_pulled">Last pulled</th>
           <th>Actions</th>
         </tr>
@@ -36,6 +37,7 @@
               <td data-label="Name">{{name}}</td>
               <td data-label="Authentication">{{#if (eq auth_method 'none')}}None{{else if (eq auth_method 'token_login')}}Login then token{{else if (eq auth_method 'bearer')}}Bearer token{{else if (eq auth_method 'basic')}}Basic{{else}}API key header{{/if}}</td>
               <td data-label="Requests">{{request_count}}</td>
+              <td data-label="Status"><span class="badge {{#if enabled}}text-bg-success{{else}}text-bg-danger{{/if}}">{{#if enabled}}Enabled{{else}}Disabled{{/if}}</span></td>
               <td data-label="Last pulled">
                 {{#if lastPulledAtValue}}
                   <time data-local-datetime datetime="{{lastPulledAtValue}}">{{lastPullLabel}}</time>
@@ -69,7 +71,7 @@
             </tr>
           {{/each}}
         {{else}}
-          <tr data-table-search-empty-default><td colspan="5" class="empty">No API sources yet.</td></tr>
+          <tr data-table-search-empty-default><td colspan="6" class="empty">No API sources yet.</td></tr>
         {{/if}}
       </tbody>
     </table>

src/web/views/signage/slides/popup-preview.hbs

@@ -68,6 +68,7 @@
 </div>
 
 <script src="/assets/vendor/chart.js/chart.umd.js"></script>
+<script src="/assets/js/shared/placeholder-utils.js"></script>
 <script src="/assets/js/regions/chart-data.js"></script>
 
 {{#if popupPreviewPayloadJson}}