get log from given date, fix #6

ffplayout/apps/api_player/utils.py

@@ -1,5 +1,6 @@
 import json
 import os
+from datetime import date
 from platform import uname
 from subprocess import PIPE, STDOUT, run
 from time import sleep
@@ -50,10 +51,14 @@ def write_json(data):
         json.dump(data, outfile, indent=4)
 
 
-def read_log(type):
+def read_log(type, _date):
     config = read_yaml()
     log_path = config['logging']['log_path']
-    log_file = os.path.join(log_path, '{}.log'.format(type))
+
+    if _date == date.today():
+        log_file = os.path.join(log_path, '{}.log'.format(type))
+    else:
+        log_file = os.path.join(log_path, '{}.log.{}'.format(type, _date))
 
     if os.path.isfile(log_file):
         with open(log_file, 'r') as log:

ffplayout/apps/api_player/views.py

@@ -129,9 +129,11 @@ class SystemCtl(APIView):
 
 class LogReader(APIView):
     def get(self, request, *args, **kwargs):
-        if 'type' in request.GET.dict():
+        if 'type' in request.GET.dict() and 'date' in request.GET.dict():
             type = request.GET.dict()['type']
-            log = read_log(type)
+            _date = request.GET.dict()['date']
+
+            log = read_log(type, _date)
 
             if log:
                 return Response({'log': log})

ffplayout/frontend/assets/scss/globals.scss

@@ -9,6 +9,18 @@
     font-style: normal;
 }
 
+.date-row {
+    height: 40px;
+    width: 100%;
+    padding-top: 5px;
+    margin: 0;
+}
+
+.date-div {
+    width: 250px;
+    float: right;
+}
+
 .breadcrumb {
     margin-bottom: .2em;
 }

ffplayout/frontend/pages/logging.vue

@@ -1,6 +1,11 @@
 <template>
     <div>
         <Menu />
+        <b-row class="date-row">
+            <b-col>
+                <b-datepicker v-model="listDate" size="sm" class="date-div" offset="-35px" />
+            </b-col>
+        </b-row>
         <b-card no-body>
             <b-tabs pills card vertical>
                 <b-tab title="Playout" active @click="getLog('ffplayout')">
@@ -61,13 +66,21 @@ export default {
 
     data () {
         return {
-            currentLog: null
+            logName: 'ffplayout',
+            currentLog: null,
+            listDate: this.$dayjs().format('YYYY-MM-DD')
         }
     },
 
     computed: {
     },
 
+    watch: {
+        listDate (date) {
+            this.getLog(this.logName)
+        }
+    },
+
     async created () {
         await this.getLog('ffplayout')
     },
@@ -75,7 +88,8 @@ export default {
     methods: {
         async getLog (type) {
             await this.$store.dispatch('auth/inspectToken')
-            const response = await this.$axios.get(`api/player/log/?type=${type}`)
+            this.logName = type
+            const response = await this.$axios.get(`api/player/log/?type=${type}&date=${this.listDate}`)
 
             if (response.data.log) {
                 this.currentLog = response.data.log

ffplayout/frontend/pages/player.vue

@@ -631,11 +631,6 @@ export default {
     }
 }
 
-.date-row {
-    height: 44px;
-    padding-top: 5px;
-}
-
 .list-row {
     height: calc(100% - 40px - 254px - 46px - 70px);
     min-height: 300px;
@@ -645,11 +640,6 @@ export default {
     margin: 0;
 }
 
-.date-div {
-    width: 250px;
-    float: right;
-}
-
 .playlist-container {
     width: 100%;
     height: 100%;