Merge pull request #3186 from Countly/request-logs-ui

[SER-79] Update request logs table row

Author: ar2rsawseen

plugins/logger/frontend/public/javascripts/countly.views.js

@@ -174,6 +174,15 @@
             },
             filterChange: function() {
                 this.fetchRequestLogs();
+            },
+            handleTableRowClick: function(row) {
+                // Only expand row if text inside of it are not highlighted
+                if (window.getSelection().toString().length === 0) {
+                    this.$refs.requestLogTable.$refs.elTable.toggleRowExpansion(row);
+                }
+            },
+            tableRowClassName: function() {
+                return 'bu-is-clickable';
             }
         },
         filters: {

plugins/logger/frontend/public/templates/logger.html

@@ -33,7 +33,7 @@ <h2 class="cly-vue-logger__title"> {{i18n('logger.title')}}
         </div>
         <cly-section>
             <cly-datatable-n ref="requestLogTable" :persist-key="tablePersistKey" :rows="logsData"
-                :resizable="false" :force-loading="isLoading" :export-query="getExportQuery" class="is-clickable">
+                :resizable="false" :force-loading="isLoading" :export-query="getExportQuery" class="is-clickable" @row-click="handleTableRowClick" :row-class-name="tableRowClassName">
                 <template v-slot:header-left="filterScope">
                     <el-select v-model="loggerFilter" placeholder="Select" @change="filterChange()">
                         <el-option v-for="filter in filterOptions" :key="filter.value" :label="filter.label"