Hello,

I am having issues with the menu section. So I will be using permissions instead of roles for access control which means one can have more permissions at one given time.

I changed the currentUser object to mimic this and made it look like this

of course, this is the user that is getting saved to local storage.

Please guide me on how to adjust this method

and also how to change the menu.js roles array accordingly This part:

Hi, when I build the project the routes are broken and only index page is working other page routes are not working.

So, a few days ago I bought the JQuery version of this template, at first I didn’t want the complex front-end routing and state management, I just wanted the interface, now I have realized I will need the full VueJS SPA. Is there a way I can trade it in or at least get this version less the price I paid for the HTML version since it’s already included in this version?

PS: You’re free to ask for my purchase details from Envato market to verify the purchase!

I just purchased your vue admin template. Can you point me to installation documentation? I’ve read your documents and their is nothing on installation. Do I create my project first then try to copy in pieces as I go. Or do you have an npm install or vue-cli installation method?

How to add validation and b-form-invalid-feedback to v-select and datepicker?

The Piaf – Vue Admin Template not working for me! after reading the documentation i’ve tried to run it i got a some errors and that came from more than 80 missing files I wish you resolving this quickly as possible because that’s slowing down my work. Best

Hi, this template came with a landing page that is now missing on the latest updates. How can I have it? Do you send it directly?

hello and thanks for your product. I has finished my first project phase and I want to build the project for production. but when I built the project and clicked on the index.html in dist folder i see 404 page. and all routes get this error. I should mention that I don’t use firebase and I deleted the references. can you help me? please.

Hi. Couple of questions:

A. In your calander, it looks very basic. How can we add details in there? Example if there is an appointment. So we can show some info in the timeslot.

B. In terms of tables, if it possible to do expand row. So, when you click, you can expand and see extra details

C. How would you put extra filters on top of tables. So, that you can filter on various drop downs, etc

Hi there,

I have just purchased the Piaf theme.

What do I need to do in order to apply the theme in my existing Vue.js app?

Looking forward to hear from you!

Kind regards, Elias

Hello, I love your template I downloaded it and started using it with my envato elements subscription.

I have a problem with translations. After I build the project and I deploy the translations are missing, it always shows the translation key.

Locally using npm run serve it just works fine.

Thank you for your kind support.

Hi, I would like to change the navbar logo from SVG to PNG. It’s possible?

Dear piaf-vue author,

Thank you very much for this incredible application.

I am currently using the Vue.js version and is currently blocked while trying to display the detail of a survey card item.

I identified the line of code necessary to display the correct card detail : In SurveyDetail.vue :

isLoadSurveys(val) { if (val === true) { this.currentSurvey = this.surveyItems⁰; } }

The idea would be to replace 0 by the index of the selected card.

After several hours, I could not succeed to get the index of the selected card.

Could you please indicate how to retrieve this in a variable please?

Thank you very much.

Kind regards

Do you have or plan to release a Vue version 3 of this template?

nice product. I want to purchase it. Do you have sass structure or css? Are the divided per folders like variables, base, mixins…?

Hi Piaf Vue Team I’d like to ask your help about your template.

We use CKEditor (Table Plugin and Paste From Office) and implement it to Piaf. But when we do copy and paste table from MS Office Word to CK Editor, the color of the border its not diplayed properly. The border color always in light grey. Do you have sample code for Piaf using CKEditor with ( Table Plugin and Paste From Office Plugins) ?

Thanks in Advance

Hi,

I have a trouble with Piaf in Firefox/Safari I did not see the datepicker but in Chrome it render ok, why is that ?

regards Etienne.-

<template>
  <b-row>
    <b-colxx xxs="12">
      <b-card class="mb-4" :title="$t('Crear Reserva')">
        <b-form>
          <label class="form-group has-top-label">
            <input
              type="text" 
              class="form-control" 
              v-model="topLabelsInInputForm.patente" 
            />
            <span>Patente</span>
          </label>
          <label class="form-group has-top-label">
            <input type="text" class="form-control" v-model="laprueba" />
            <span>Vuelo de ida</span>
          </label>

          <label class="form-group has-top-label">
            <datepicker
              :bootstrap-styling="true" 
              :placeholder="$t('form-components.date')" 
              v-model="topLabelsInInputForm.fechavueloida" 
            ></datepicker>
            <span>Fecha de vuelo</span>
          </label>
          <label class="form-group has-top-label">
            <input
              type="text" 
              class="form-control" 
              v-model="topLabelsInInputForm.vueloregreso" 
            />
            <span>Vuelo de regreso</span>
          </label>
          <div class="form-group has-top-label">
            <datepicker
              :bootstrap-styling="true" 
              :placeholder="$t('form-components.date')" 
              v-model="topLabelsInInputForm.fechavueloregreso" 
            ></datepicker>
            <span>Fecha de regreso</span>
          </div>
          <div class="form-group has-top-label">
            <datepicker
              :bootstrap-styling="true" 
              :placeholder="$t('form-components.date')" 
              v-model="topLabelsInInputForm.fechaingreso" 
            ></datepicker>
            <span>Fecha de Ingreso</span>
          </div>
          <div class="form-group has-top-label">
            <datepicker
              :bootstrap-styling="true" 
              :placeholder="$t('form-components.date')" 
              v-model="topLabelsInInputForm.fechasalida" 
            ></datepicker>
            <span>Fecha de Salida</span>
          </div>

          <b-button type="submit" variant="primary" class="mt-4">CONTINUAR-button
          >
        -form>
      -card>
    -colxx>
  -row>
</template>
<script>
import vSelect from "vue-select";
import "vue-select/dist/vue-select.css";
import Datepicker from "vuejs-datepicker";
import InputTag from "../../components/Form/InputTag";
import { getDirection } from "../../utils";
import { mapGetters, mapActions } from "vuex";

export default {
  components: {
    "input-tag": InputTag,
    "v-select": vSelect,
    datepicker: Datepicker,
  },
  data() {
    return {
      direction: getDirection().direction,
      selectData: [
        { label: "Chocolate", value: "chocolate" },
        { label: "Vanilla", value: "vanilla" },
        { label: "Strawberry", value: "strawberry" },
        { label: "Caramel", value: "caramel" },
        { label: "Cookies and Cream", value: "cookiescream" },
        { label: "Peppermint", value: "peppermint" },
      ],

      topLabelsInInputForm: {
        patente: "",
        vueloida: "",
        fechavueloida: null,
        vueloregreso: "",
        fechavueloregreso: null,
        fechaingreso: null,
        fechasalida: null,

        razonsocial: "",
        rut: "",
        calle: "",
        giro: "",
        numerocasa: "",
        region: "",
        comuna: "",
        email: "",
        password: "",
        tags: [],
        date: null,
        select: "",
        checked: false,
      },
    };
  },

  computed: {
    ...mapGetters([
      "currentUser",
      "processing",
      "loginError",
      "token",
      "prueba1",
    ]),
    laprueba(topLabelsInInputForm) {
      return (topLabelsInInputForm.vueloida = this.token);
    },
    //return this.tarea.nombre.trim() === "" ? true : false
  },

  methods: {
    onTopLabelsInInputFormSubmit() {
      localStorage.patente = this.topLabelsInInputForm.patente;
      this.$router.push("reserva2");
      //console.log(JSON.stringify(this.topLabelsInInputForm));
    },
  },

  created() {
    //this.info = "Componente cargado";
    console.log("Creado..componente: ");
    //console.log('Valor de token: ',this.token)
  },
};
</script>
</b-button></b-form></b-card></b-colxx></b-row>

Hello There, I have bought Piaf template about a month ago and I didn’t use it since now. today when I wanted to start applying some changes I faced an issue which was the framework used in the template . I don’t know why but somehow I purchased The Vue version while I wanted the React one. Is it possible for you to disable my current vue Licence and send me the react version ? I really need it for my project , now I feel awful for my wrong purchase and I can’t use what I have bought.

Hi ~

I excited to work on this Piaf template. But I have some trouble on handling GlideComponent with right-modal. I also checked sample vue page. copy this sample and paste into modal. but also not work. Images are not showing. is this may css problem? How can I handle this?

thank you.

Hello

Having trouble getting a component to show in the sub-menu sidebar I’m including it correctly as I can move it outside of the

sections and the component shows fine. The component works fine as it shows on the single/index

My first thoughts were z-index / CSS conflict but it seems not to be the case.

Any help would be appreciated.