- Message notify when 'Ask Info' and user is not logged

- Ask Info and Book show message if not logged
- TableField fixed and added some features

src/views/messages/messages.ts

@@ -9,10 +9,7 @@ import { IChat, IMessage, IUserState, MsgDefault, StatusMessage } from '../../mo
 import { Getter } from 'vuex-class'
 import { IMsgUsers } from '../../model/MessageStore'
 import MixinUsers from '../../mixins/mixin-users'
-
-import { scroll } from 'quasar'
-
-const { getScrollTarget, setScrollPosition } = scroll
+import { CMyAvatar } from '../../components/CMyAvatar'
 
 // import {Loading, QSpinnerFacebook, QSpinnerGears} from 'quasar'
 
@@ -21,7 +18,7 @@ const namespace = 'MessageModule'
 @Component({
   name: 'Messages',
   mixins: [MixinUsers],
-  components: {}
+  components: { CMyAvatar }
 })
 
 export default class Messages extends Vue {
@@ -81,14 +78,6 @@ export default class Messages extends Vue {
     return mystr
   }
 
-  public scrollToElement(el) {
-    const target = getScrollTarget(el)
-    const offset = el.offsetTop
-    const duration = 1000
-    // console.log('target', target, 'offset', offset, 'duration', duration)
-    setScrollPosition(target, offset, duration)
-  }
-
   public refreshdata(username: string) {
     this.loading = true
 
@@ -103,7 +92,7 @@ export default class Messages extends Vue {
       this.loading = false
 
       const element = document.getElementById('last')
-      this.scrollToElement(element)
+      tools.scrollToElement(element)
 
       // this.changemsgs('', '')
 
@@ -224,7 +213,7 @@ export default class Messages extends Vue {
       data.status = StatusMessage.Sending
 
       const element = document.getElementById('last')
-      this.scrollToElement(element)
+      tools.scrollToElement(element)
 
       if (!ris)
         tools.showNegativeNotif(self.$q, self.$t('cal.sendmsg_error'))

src/views/messages/messages.vue

@@ -76,9 +76,7 @@
                                 <q-item clickable v-if="!!chatsel.username" @scroll="myonScroll">
 
                                     <q-item-section avatar>
-                                        <q-avatar>
-                                            <img :src="getImgByUsername(chatsel.username)">
-                                        </q-avatar>
+                                        <CMyAvatar :username="chatsel.username"></CMyAvatar>
                                     </q-item-section>
 
                                     <q-item-section>
@@ -116,9 +114,7 @@
                                                 sent
                                                 bg-color="blue-2">
                                             <template v-slot:avatar>
-                                                <q-avatar size="sm">
-                                                    <img :src="getMyImg">
-                                                </q-avatar>
+                                                <CMyAvatar size="sm" :username="Username"></CMyAvatar>
                                             </template>
 
                                         </q-chat-message>