From 39af749870c7dd46dc2576b997210e11a3035ddd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Furkan=20Ba=C5=9Faran?= <frknbasaran@gmail.com>
Date: Tue, 15 Mar 2022 12:13:22 +0300
Subject: [PATCH] overwritten lines brought back.

---
 .../public/javascripts/countly.views.js       | 30 +++++++++++++++----
 .../public/templates/widgets-table.html       | 30 +++++++++++--------
 2 files changed, 41 insertions(+), 19 deletions(-)

diff --git a/plugins/star-rating/frontend/public/javascripts/countly.views.js b/plugins/star-rating/frontend/public/javascripts/countly.views.js
index c5346187ebf..da000e12140 100644
--- a/plugins/star-rating/frontend/public/javascripts/countly.views.js
+++ b/plugins/star-rating/frontend/public/javascripts/countly.views.js
@@ -166,7 +166,15 @@
         data: function() {
             return {
                 cohortsEnabled: countlyGlobal.plugins.indexOf('cohorts') > -1,
-                widgetsTablePersistKey: 'widgets_table_' + countlyCommon.ACTIVE_APP_ID
+                persistKey: 'ratingsWidgetsTable_' + countlyCommon.ACTIVE_APP_ID,
+                tableDynamicCols: [
+                    {
+                        value: "target_pages",
+                        label: CV.i18n("feedback.pages"),
+                        default: true,
+                        required: true
+                    }
+                ],
             };
         },
         computed: {
@@ -443,6 +451,11 @@
         ],
         data: function() {
             return {
+                empty: {
+                    title: CV.i18n("ratings.empty.title"),
+                    body: CV.i18n("ratings.empty.body"),
+                    image: "/star-rating/images/star-rating/ratings-empty.svg"
+                },
                 widgets: [],
                 drawerSettings: {
                     createTitle: CV.i18n('feedback.add-widget'),
@@ -658,19 +671,24 @@
                 // reset cumulative data
                 self.cumulativeData = [{
                     count: 0,
-                    percent: 0
+                    percent: 0,
+                    rating: 0
                 }, {
                     count: 0,
-                    percent: 0
+                    percent: 0,
+                    rating: 1
                 }, {
                     count: 0,
-                    percent: 0
+                    percent: 0,
+                    rating: 2
                 }, {
                     count: 0,
-                    percent: 0
+                    percent: 0,
+                    rating: 3
                 }, {
                     count: 0,
-                    percent: 0
+                    percent: 0,
+                    rating: 4
                 }];
 
                 var ratingArray = [];
diff --git a/plugins/star-rating/frontend/public/templates/widgets-table.html b/plugins/star-rating/frontend/public/templates/widgets-table.html
index e8d8b83bed4..b95677dadea 100644
--- a/plugins/star-rating/frontend/public/templates/widgets-table.html
+++ b/plugins/star-rating/frontend/public/templates/widgets-table.html
@@ -1,7 +1,9 @@
 <cly-datatable-n
     :force-loading="loading"
     :rows="widgets"
-    :persist-key="widgetsTablePersistKey">
+    :persist-key="persistKey"
+    :available-dynamic-cols="tableDynamicCols"
+    width="100%">
       <template v-slot="scope">
           <el-table-column width="100" fixed type="switch" sortable="true" prop="status" :label="i18n('feedback.status')">
               <template v-slot="rowScope">
@@ -12,7 +14,7 @@
                 </el-switch>
               </template>
           </el-table-column>
-          <el-table-column width="350" fixed :label="i18n('feedback.ratings-widget-name')">
+          <el-table-column min-width="300" fixed :label="i18n('feedback.ratings-widget-name')">
             <template v-slot="rowScope">
               <div @click="goWidgetDetail(rowScope.row._id)" :class="[rowScope.row.hover && 'bu-is-underlined bu-is-clickable color-primary', 'color-dark-blue-100 text-medium']">
                   {{rowScope.row.popup_header_text}}
@@ -23,33 +25,35 @@
                 </div>
             </template>
           </el-table-column>
-          <el-table-column v-if="cohortsEnabled" prop="targeting" :label="i18n('feedback.targeting')">
+          <el-table-column min-width="150" v-if="cohortsEnabled" prop="targeting" :label="i18n('feedback.targeting')">
             <template v-slot="rowScope">
               <cly-cohort-targeting inline :targeting="rowScope.row.targeting">
               </cly-cohort-targeting>
             </template>
           </el-table-column>
-          <el-table-column sortable="true" prop="rating_score" :label="i18n('feedback.rating-score')">
+          <el-table-column min-width="150" sortable="true" prop="rating_score" :label="i18n('feedback.rating-score')">
             <template v-slot="rowScope" class="bu-is-flex bu-is-justify-content-center">
                 <span class="bu-is-size-4">
                   {{ rowScope.row.ratingScore }}
                 </span>
             </template>
           </el-table-column>
-          <el-table-column sortable="true" prop="responses" :label="i18n('feedback.responses')">
+          <el-table-column min-width="130" sortable="true" prop="responses" :label="i18n('feedback.responses')">
             <template v-slot="rowScope" class="bu-is-flex bu-is-justify-content-center">
               <span class="text-medium">
                 {{ rowScope.row.ratingsCount }}
               </span>
             </template>
           </el-table-column>
-          <el-table-column sortable="true" prop="target_pages" :label="i18n('feedback.pages')">
-            <template v-slot="rowScope" class="bu-is-flex bu-is-justify-content-center">
-              <span class="text-medium">
-                {{ rowScope.row.target_pages }}
-              </span>
-            </template>
-          </el-table-column>
-        </template>
+          <template v-for="(col,idx) in scope.dynamicCols" :prop="col.value">
+            <el-table-column v-if="col.value === 'target_pages'" :key="idx" 
+             min-width="120" sortable="true" prop="target_pages" :label="col.label">
+              <template v-slot="rowScope" class="bu-is-flex bu-is-justify-content-center">
+                <span class="text-medium">
+                  {{ rowScope.row.target_pages }}
+                </span>
+              </template>
+            </el-table-column>
+          </template>
       </template>
   </cly-datatable-n>
\ No newline at end of file