From e1c481c5344ef2370deb8c6207c425a0aa1ab0c4 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Fri, 7 Feb 2020 19:26:00 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B0=20=D1=81=D0=BE=D1=80=D1=82=D0=B8=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RecentBooksPage/RecentBooksPage.vue       | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/client/components/Reader/RecentBooksPage/RecentBooksPage.vue b/client/components/Reader/RecentBooksPage/RecentBooksPage.vue
index 5c97ec44..5ad8de63 100644
--- a/client/components/Reader/RecentBooksPage/RecentBooksPage.vue
+++ b/client/components/Reader/RecentBooksPage/RecentBooksPage.vue
@@ -26,17 +26,16 @@
         > 
             <template v-slot:header="props">
                 <q-tr :props="props">
-                    <q-th
-                        v-for="col in props.cols"
-                        :key="col.name"
-                        :props="props"
-                    >
-                        <span v-html="col.label"></span>
+                    <q-th class="td-mp" key="num" :props="props"><span v-html="props.cols[0].label"></span></q-th>
+                    <q-th class="td-mp" key="date" :props="props"><span v-html="props.cols[1].label"></span></q-th>
+                    <q-th class="td-mp" key="desc" :props="props" colspan="3">
+                        <span v-html="props.cols[2].label"></span>
+
                     </q-th>
                 </q-tr>
             </template>
 
-           <template v-slot:body="props">
+            <template v-slot:body="props">
                 <q-tr :props="props">
                     <q-td key="num" :props="props" class="td-mp" auto-width>
                         <div class="break-word" style="width: 25px">
@@ -260,12 +259,14 @@ class RecentBooksPage extends Vue {
                 name: 'num',
                 label: '#',
                 align: 'center',
+                sortable: true,
                 field: 'num',
             },
             {
                 name: 'date',
                 label: 'Время<br>просм.',
                 align: 'left',
+                field: 'touchDateTime',
                 sortable: true,
                 sort: (a, b, rowA, rowB) => rowA.touchDateTime - rowB.touchDateTime,
             },
@@ -273,6 +274,7 @@ class RecentBooksPage extends Vue {
                 name: 'desc',
                 label: 'Название',
                 align: 'left',
+                field: 'descString',
                 sortable: true,
             },
             {
@@ -391,9 +393,10 @@ class RecentBooksPage extends Vue {
                 touchDate: t[0],
                 touchTime: t[1],
                 desc: {
-                    title: `${title}${perc}${textLen}`,
                     author,
+                    title: `${title}${perc}${textLen}`,
                 },
+                descString: `${author}${title}${perc}${textLen}`,
                 url: book.url,
                 path: book.path,
                 key: book.key,