Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/ts.corals.io/frontend/layouts/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<template>
  <div>
    <TopNavbar/>
    <back-to-top bottom="20px" right="20px" visibleoffset="50">
      <fa icon="arrow-up"/>
    </back-to-top>
    <b-container fluid class="py-3">
      <div class="row">
        <div class="col-md-10 offset-md-1">
          <Nuxt/>
        </div>
      </div>
    </b-container>
  </div>
</template>

<script>

import TopNavbar from "@/components/layout/TopNavbar";
import BackToTop from "vue-backtotop";
import Echo from 'laravel-echo'

export default {
  name: 'default',
  components: {TopNavbar, BackToTop},
  middleware: 'auth',
  data() {
    return {
      echo: null,
    }
  },
  methods: {},
  mounted() {
    this.$store.dispatch('GET_AND_SET_ALERTS', {$axios: this.$axios});
  },
  computed: {},
  created() {
    if (this.$auth.loggedIn) {
      if (!this.echo) {
        this.echo = new Echo({
          broadcaster: 'pusher',
          authModule: true,
          connectOnLogin: true,
          auth: {
            headers: {
              'Accept': 'application/json',
            },
          },
          authEndpoint: process.env.API_URL+'/broadcasting/auth',
          bearerToken: this.$auth.$storage._state['_token.local'].replace('Bearer ',''),
          key: process.env.PUSHER_KEY,
          cluster: process.env.PUSHER_CLUSTER,
          forceTLS: false,
          disableStats: true,
        })
      }

      for (let i = 0; i < this.$auth.user.roles_names.length; i++) {
        this.echo.private('broadcasting.role.' + this.$auth.user.roles_names[i].name)
          .listen('.AlertsEvent', e => {
            this.$store.dispatch('GET_AND_SET_ALERTS', {$axios: this.$axios});
          });
      }
    }
  },
}
</script>

<style>

.vue-back-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #6c757d;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

</style>