From ed41944a8c8f1fe5a83e0a08f37e02a594dc86cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karsten=20Ku=CC=88pper?= <karsten.kuepper@bcc.no>
Date: Tue, 5 Dec 2023 10:57:28 -0500
Subject: [PATCH] add track published column to recording list

---
 .../controllers/album_recording_list.js       | 24 +++++++++++++++++--
 .../app/views/pages/album-recording-list.html | 10 ++++++++
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/admin/app/scripts/controllers/album_recording_list.js b/admin/app/scripts/controllers/album_recording_list.js
index ab60fff3..372dc7c0 100644
--- a/admin/app/scripts/controllers/album_recording_list.js
+++ b/admin/app/scripts/controllers/album_recording_list.js
@@ -54,6 +54,12 @@ angular.module('bmmApp')
                                 delete toApi.id;
 
                                 var somethingHasChanged = false;
+
+                                if (toApi.is_visible !== child.is_visible) {
+                                    somethingHasChanged = true;
+                                    toApi.is_visible = child.is_visible;
+                                }
+
                                 for (var i in toApi.translations) {
                                     if (toApi.translations.hasOwnProperty(i)) {
                                         var translation = toApi.translations[i];
@@ -136,9 +142,11 @@ angular.module('bmmApp')
 
             $scope.model = false;
             $scope.children = false;
-            $scope.loadModel();
 
-            $scope.can_save = true;
+            setTimeout(function(){
+                $scope.loadModel();
+                $scope.can_save = true;
+            }, 500); //We're giving the server a bit of time to process the changes (otherwise _meta.is_visible isn't updated yet)
         };
 
         $scope.play = function (bundle, mediaType) {
@@ -178,6 +186,12 @@ angular.module('bmmApp')
             _play.setPlay([track], 0);
         };
 
+        $scope.trackIsPublished = function(rawTrack) {
+            if (rawTrack) {
+                return rawTrack.is_visible;
+            }
+        };
+
         $scope.trackHasAudio = function (rawTrack) {
             return $scope.trackHasMedia(rawTrack, 'audio');
         };
@@ -222,6 +236,12 @@ angular.module('bmmApp')
             }
         };
 
+        $scope.toggleTrackIsPublished = function(rawTrack) {
+            if (rawTrack) {
+                rawTrack.is_visible = !rawTrack.is_visible;
+            }
+        };
+
         $scope.toggleHasAudioEnabled = function(rawTrack) {
             $scope.toggleHasMediaEnabled(rawTrack, 'audio');
         };
diff --git a/admin/app/views/pages/album-recording-list.html b/admin/app/views/pages/album-recording-list.html
index 48531da3..0216a0a0 100644
--- a/admin/app/views/pages/album-recording-list.html
+++ b/admin/app/views/pages/album-recording-list.html
@@ -28,6 +28,9 @@ <h4>{{translatedModel.title}}</h4>
         <table>
             <tr class="track" ng-if="translatedModel.children[0].type == 'track'">
                 <th></th>
+                <th>
+                    {{init.translation.page.editor.published}}
+                </th>
                 <th>
                     {{init.translation.page.editor.audio}}
                     <label class="audio-enabled"></label>
@@ -71,6 +74,9 @@ <h2>
             <table>
                 <tr class="track" ng-if="c.translated.children[0].type == 'track'">
                     <th></th>
+                    <th>
+                        {{init.translation.page.editor.published}}
+                    </th>
                     <th>
                         {{init.translation.page.editor.audio}}
                         <label class="audio-enabled"></label>
@@ -93,6 +99,10 @@ <h2>
     </td>
 
     <td ng-if="c.translated.type == 'track'" class="{{c.translated.subtype}} enabled-{{c.translated['_meta'].is_visible}} order" width="1">{{c.raw.order}}</td>
+    <td ng-if="c.translated.type == 'track'" class="{{c.translated.subtype}} enabled-{{c.translated['_meta'].is_visible}} track-published width="1">
+        <input type="checkbox" ng-checked="trackIsPublished(c.raw)" />
+        <label ng-click="toggleTrackIsPublished(c.raw)" class="enabled-true"></label>
+    </td>
     <td ng-if="c.translated.type == 'track'" class="{{c.translated.subtype}} enabled-{{c.translated['_meta'].is_visible}} audio-enabled" width="1">
         <input ng-if="trackHasAudio(c.raw)" type="checkbox" ng-checked="trackHasAudioEnabled(c.raw)" />
         <label ng-click="toggleHasAudioEnabled(c.raw)" class="enabled-{{trackHasAudio(c.raw)}}"></label>