Posts made by nobilik

@gvorster Thanks for help! Will try it after while.

@thibautguedou3 OMG! I was doing the same, but colons were forgotten Thanks!

@Hawkeye64 Changing default variables works well. But where to define .bg-my_color class to be accessible globally? If I define classes in my index.vue

<style lang="scss">
.text-brand {
  color: $brand;
}
.bg-brand {
  background: $brand;
}
</style>

it works

@gvorster could you please write step-by-step instruction? I can’t understand what I’m doing wrong…

Hi! Did you find a solution? I’ve the same problem

@gvorster Hi! And where you put gtm.js component? It gives me an error that “dataLayer” is not defined. I’ve already post my question about, but nobody wants to speak with me
However, I’m already solved this with vue-gtm module, but just want to understand. Thanks

Hi! I’m trying to use this manual, but it seems outdated. Or I just can’t understand how to Add a file src/components/gtm.js. Shouldn’t it be a .vue file in components folder? Please help me with adding GTM.

@metalsadman Thanks, getprofile inside first then do the job

@s-molinari I think you didn’t see data: {} inside data ()

@s-molinari but why? first upper one works this way…

Hi! Here is part of my scripts:

export default {
  name: 'Login',
  data () {
    return {
      data: {
        body: {
          email: '',
          password: '',
          rememberMe: false,
          auth: {
            profile: {} <---- ****This is a problem one****
          }
        }
      },
      isPwd: true,
      loading: false
    }
  },
  methods: {
    auth (network) {
      this.$hello(network).login({ scope: 'email', auth_type: 'rerequest' })
        .then((res) => {
          this.data.body.auth = res['authResponse']  <---- Here everything is ok
        })
      this.getProfile(network)
      this.$auth.socialLogin(this.data)
        .then((response) => {
          this.$router.push({ path: '/account' })
        })
        .catch((error) => {
          if (error.response) {
            if (error.response.status === 401) {
              this.$q.dialog({
                message: this.$t('auth.login.verification_required')
              })
            } else if (error.response.status === 403) {
              this.$q.notify({
                message: this.$t('auth.login.invalid_credentials')
              })
            } else {
              console.error(error)
            }
          }
        })
    },
    getProfile (network) {
      this.$hello(network).api('me')
        .then((res) => {
          console.log(res) <---- Here I can see expected json
          this.data.body.auth.profile = res <--- And here is something wrong
          console.log(this.data) <--- No profile inside (((
        })
    },

I have problem with populating of profile. I mark everything in my code. What I’m doing wrong? Thanks for help!

@metalsadman Thanks a lot man!

Hi! Can’t find how to toggle password visibility and change icon.

                            <q-input
                            bottom-slots
                            filled
                            v-model.trim="$v.password.$model"
                            label="Pass"
                            type="password"
                            lazy-rules
                            :rules="[
                              val => $v.password.required || 'required',
                              val => $v.password.minLength || '6 symbols'
                            ]"
                        >
                          <template v-slot:prepend>
                            <q-icon name="fas fa-lock" />
                          </template>
                          <template v-slot:append>
                            <q-icon class="cursor-pointer" name="fas fa-eye-slash" @click="onTogglePassword (e)"/>
                          </template>

Help, please