Add empty list

src/i18n/ca-ES/index.js

@@ -71,5 +71,6 @@ export default {
     noData: 'Sense dades',
     confirm: 'Confirmar',
     delete: 'Esborrar',
-    reallyDelete: 'Estàs segur que vols esborrar la línia?'
+    reallyDelete: 'Estàs segur que vols esborrar la línia?',
+    emptyList: 'Llista buida'
 };

src/i18n/en-US/index.js

@@ -84,6 +84,7 @@ export default {
     confirm: 'Confirm',
     delete: 'Delete',
     reallyDelete: 'Are you sure you want to delete the line?',
+    emptyList: 'Empty list',
 
     orders: 'Orders',
     order: 'Pending order',

src/i18n/es-ES/index.js

@@ -91,6 +91,7 @@ export default {
     confirm: 'Confirmar',
     delete: 'Borrar',
     reallyDelete: '¿Estás seguro de que quieres borrar la línea?',
+    emptyList: 'Lista vacía',
 
     orders: 'Pedidos',
     order: 'Pedido pendiente',

src/i18n/fr-FR/index.js

@@ -59,6 +59,7 @@ export default {
     adminPhotos: 'Images',
     adminNews: 'Gestion des nouvelles',
     adminNewsDetails: 'Ajouter ou editer nouvelles',
+    emptyList: 'Vider la liste',
     //
     orderLoadedIntoBasket: 'Commande chargée dans le panier!',
     loadAnOrder:

src/i18n/pt-PT/index.js

@@ -60,6 +60,7 @@ export default {
     adminPhotos: 'Imagens',
     adminNews: 'Gestão de notícias',
     adminNewsDetails: 'Ajouter ou editer nouvelles',
+    emptyList: 'Lista vazia',
     //
     orderLoadedIntoBasket: 'Pedido carregado na cesta!',
     loadAnOrder: 'Carregue um pedido pendente no carrinho ou inicie um novo',

src/pages/Ecomerce/TicketDetails.vue

@@ -101,7 +101,15 @@ const deleteRow = id => {
             </span>
         </QCardSection>
         <QSeparator inset />
-        <QList v-for="(row, index) in rows" :key="index">
+        <div
+            v-if="!rows.length"
+            class="row items-center justify-center q-pa-md"
+            style="margin-top: 32px"
+        >
+            <QIcon class="q-mr-md" name="block" size="sm" />
+            <span>{{ t('emptyList') }}</span>
+        </div>
+        <QList v-else v-for="(row, index) in rows" :key="index">
             <QItem v-if="row">
                 <QItemSection v-if="canDeleteItems" avatar>
                     <QBtn