Karmajeet Singh <karamjeet@theironnetwork.org> 6:07 PM (2 minutes ago) to me

Hi,

Thanks for reaching out!

As we used vuetify as CSS framework for the theme so this feature is not provided by vuetify inbuilt.

In further, As you provided us a reference link in your mail, We didn’t understand what do you want exactly?

Like in your query you want to open a single page on the click of every row. At another end in the link, by clicking the row of the table it opens only alert box not even modal.

So please explain in detail what you exactly want to achieve. We will guide you accordingly.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for the fast response.

Yes the example opens an alert box but even that code when we use it with your template it doesn’t work.

What we’re intending to do is instead of opening the alert box on row table click redirect it to another link example /project/details/1

Best Regards

Hi,

Thanks for reaching out again!

By the way, These type of requirements comes under custom work and we charge customers for the same but this time we are sending you the steps because this type of requirement we had done for another customer a long time ago.

In vuetify 2.0 data-tables component has been updated.To achieve what you want you need to do the follwing steps,

1. Open vuely and go to the src/views/tables/Standard.vue and replace the code of template tag inside v-data-table component with the following

<template v-slot:body=”{ items }”> <tbody> <router-link v-for=”(item,i) in items” :key=”i” :to=”`/${getCurrentAppLayoutHandler() + ’/tables/detail/’+ item.id}`” tag=”tr” >

{{ item.name }} {{ item.calories }} {{ item.fat }} {{ item.carbs }} {{ item.protein }} {{ item.sodium }} {{ item.calcium }} {{ item.iron }} </router-link> </tbody> </template>

2. import following line inside script tag

import { getCurrentAppLayout } from “Helpers/helpers”;

and add the following method in methods object

getCurrentAppLayoutHandler() { return getCurrentAppLayout(this.$router); }

3. Create a new file inside table folder Detail.vue and put the following content <template>

Id : {{data.id}}

Name : {{data.name}}

Calories : {{data.calories}}

Fat : {{data.fat}}

Carbs : {{data.carbs}}

Protein : {{data.protein}}

Sodium : {{data.sodium}}

Calcium : {{data.calcium}}

Iron : {{data.iron}}

</template>

<script> import api from “Api”;

export default { data() { return { items: [], data:”” }; }, mounted() { this.getTablesData(); }, methods: { getTablesData() { api .get(“vuely/tablesData.js”) .then(response => { this.loader = false; this.items = response.data; for (let i=0; i<this.items.length; i++){ if(this.items[i].id == this.$route.params.id) this.data = this.items[i] } }) .catch(error => { console.log(error); }); } }

}; </script>

4. Open router/default.js and add the following line

const Detail = () => import(‘Views/tables/Detail’);

and this inside export default object in children array

{ path: ’/default/tables/detail/:id’, component: Detail, meta: { requiresAuth: true, title: ‘Detail’, breadcrumb: [ { breadcrumbInactive: ‘Tables /’ }, { breadcrumbActive: ‘Detail’ } ] } },

NOTE :- This is the routing for only one layout i.e. default layout, If you are using other layouts also then you have to update the routing file of all the layouts accordingly.

Let us know if you have any info and queries at support@theironnetwork.org

Thanks and have a nice day ahead!

when i ( php artisan passport:install ) enter , it shows me:

libc++abi.dylib: terminating with uncaught exception of type std::runtime_error: collate_byname<char>::collate_byname failed to construct for C/de_DE.UTF-8/C/C/C/C Abort trap: 6

Hi,

Thanks for reaching out again!

Everything seems to be working fine on our side, we are not getting these types of issues. Can you provide us some information, like

a) Which package of vuely you are using like simple vuely, vuely-laravel, vuely-laravel-passport etc. b) What were the steps you followed to run the project. c) Specification of your machine - OS (version) - npm version - node version - php version - mysql version - vuejs version - vue-cli version - laravel version

If you are comfortable to send us your project, then please send us your project folder into zip file. By using this we will detect the issues and get back to you.

Let us know if you have any info and queries at support@theironnetwork.org

Thanks and have a nice day ahead!

Thanks for your answer.

a- i use (vuely-laravel-passport ) b – npm v6.4.1 , node v10.15.0 , php v7.3 , SQL Server, Vuejs 3, Laravel 6 c- on Mac OS Mojave

Hi,

Thanks for reaching out!

Did you create the plugins folder inside src folder ? Compiler does not find plugins folder that’s why its giving this error.

Note: After updating to the vuetify version 2, you will need to make changes in many files because many components name has been renamed. For more info you can follow this link https://github.com/vuetifyjs/vuetify/releases/tag/v2.0.0#user-content-upgrade-guide

Let us know if you have any info and queries at support@theironnetwork.org

Thanks and have a nice day ahead!

Hi,

Thanks for reaching out!

Please go to src/views/ui-elements/DatePicker.vue at below of the file inside export default in data method update the value of datepicker property as follows

datepicker: new Date().toISOString().substr(0, 10)

This will show the day, date and month as showing in this screenshot http://tinyurl.com/y5zutzje

Let us know if you have others queries at support@theironnetwork.org

Thanks and have a nice day ahead!

Hi,

Thanks for reaching out!

Yes, you have to remove this syntax as well.

You can follow our documentation, we’ve mentioned over there these steps:

https://iron-network.gitbook.io/vuely/faqs-frequently-asked-questions#how-to-remove-auth-0

Let us know if you want any info at support@theironnetwork.org

Thanks and have a nice day ahead!

Hi,

Thanks for reaching out!

You can run the laravel project on laravel development server using “php artisn serve” command. If you want to run the project without command then you can follow this link https://stackoverflow.com/questions/28788285/how-to-run-laravel-without-artisan

Let us know if you have any info and queries at support@theironnetwork.org

Thanks and have a nice day ahead!

Hi, I replied by email. Can you please verify?

Hi Marco,

We didn’t get any email yet, can you please resend the same thanks!

Hi,

Thanks for reaching out! As you have now given much information or screenshots, can’t really make out what you are referring to. It might be possible that your themeforest package was not fully downloaded, this may occur due to bad internet or other system issue. So we recommend that please download the vuely package from the themeforest once again.

Please see the following screenshots to make sure you have the similar package: https://www.screencast.com/t/xHnkxgr7 https://www.screencast.com/t/ibLFyDt2wfx

We cannot make out the exact issue you are facing as you have not provided much information. Incase you still face any issue, please explain in detail with screenshots at support@theironnetwork.org

Thanks and have a nice day

Hi,

Thanks for reaching out!

Unfortunately We do not have any predefined steps of migration, and also not tested as such with backpack. So you need to try it by yourself to migration to vuely.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for reaching out!

1. To keep single item in sidebar menu (like we have provided inbox and chat menu) you need to go to src/store/modules/sidebar/data.js and search in the file for “modules” and you will find the object for single menu item. For example - { action: ‘zmdi-email’, title: ‘message.inbox’, active: false, items: null, path: ’/inbox’, label: ‘Old’ }

2. To remove the icon from left side, go to src/components/sidebar/Sidebar.vue and search for “v-else”, you will find a template tag with v-else directive below this there is a <v-list-group> component, you have to remove the prepend-icon=”arrow_right” prop. This will remove the icon.

Let us know if you have any info and queries at support@theironnetwork.org

Thanks and have a nice day ahead!

This is the error I got when trying to run in “vuely” folder. Please help me out.

Thanks

samme result when run “npm run build”: TypeError: Cannot read property ‘name’ of undefined at /home/hinw/Dev/projects/vuely/node_modules/webpack/lib/performance/SizeLimitsPlugin.js:43:25 at Array.reduce (<anonymous>) at getEntrypointSize (/home/hinw/Dev/projects/vuely/node_modules/webpack/lib/performance/SizeLimitsPlugin.js:40:27) at /home/hinw/Dev/projects/vuely/node_modules/webpack/lib/performance/SizeLimitsPlugin.js:75:18 at AsyncSeriesHook.eval [as callAsync] (eval at create (/home/hinw/Dev/projects/vuely/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1) at AsyncSeriesHook.lazyCompileHook (/home/hinw/Dev/projects/vuely/node_modules/tapable/lib/Hook.js:154:20) at /home/hinw/Dev/projects/vuely/node_modules/webpack/lib/Compiler.js:482:27 at /home/hinw/Dev/projects/vuely/node_modules/neo-async/async.js:2818:7 at done (/home/hinw/Dev/projects/vuely/node_modules/neo-async/async.js:3522:9) at AsyncSeriesHook.eval [as callAsync] (eval at create (/home/hinw/Dev/projects/vuely/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1) at /home/hinw/Dev/projects/vuely/node_modules/webpack/lib/Compiler.js:464:33 at /home/hinw/Dev/projects/vuely/node_modules/graceful-fs/graceful-fs.js:57:14 at FSReqCallback.oncomplete (fs.js:154:23) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vuely@6.0.0 build: `vue-cli-service build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the vuely@6.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

ERROR  TypeError: Cannot read property 'name' of undefined

npm ERR! A complete log of this run can be found in: npm ERR! /home/hinw/.npm/_logs/2019-09-13T04_38_45_360Z-debug.log

Hi,

Thanks for reaching out!

Please follow the steps below to install the theme. https://iron-network.gitbook.io/vuely/vuely-vuejs/installation

We have fixed the issues and updated the theme files at themeforest. So please check it out.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have nice day!

Hi,

Thanks for reaching out!

Regarding your query, Please follow the steps to fix this.

1. Open the file src/components/widgets/ToDoList.vue and search for v-menu component.

2. In v-menu component you need to remove ‘lazy’ and ‘full-width’ props. Inside v-menu component update block of code for v-text-field component as follows

Before edit:

<v-text-field slot=”activator” :label=”$t(‘message.scheduleDate’)” v-model=”newToDo.date” prepend-icon=”event” readonly></v-text-field>

and replace with following:

<template v-slot:activator=”{ on }”> <v-text-field v-on=”on” :label=”$t(‘message.scheduleDate’)” v-model=”newToDo.date” prepend-icon=”event” readonly></v-text-field> </template>

Let us know if you need anything else at support@theironnetwork.org

Thanks and have nice day!

Hi,

Thanks for reaching out!

Before we further dive in, Did you check our vuely laravel documentation steps. If not then please follow our documentation.

https://iron-network.gitbook.io/vuely/vuely-laravel/installation

If your problem still occurring then can you give us a little more context on the situation? Because we tested on our end and things are working perfectly. When did this issue begin happening? Has it been occurring consistently, or does it happen by any customization or by running command?

In further, As you are saying npm run builds caused the problem, you can’t use this command in vuely-laravel for production build. You need to run npm run prod (or you may replace the word prod with builds in package.json)

At last, would you mind sending me the project file zip folder that you are using right now at support@theironnetwork.org Using that, we can take a look in our system and see how we can get this fixed for you.

Thanks and have nice day!

Hi,

Thanks for reaching out!

Please check our documentation for better understanding.

https://iron-network.gitbook.io/vuely/faqs-frequently-asked-questions#how-to-integrate-vuely-with-laravel

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Hi,

Thanks for reaching out!

We appreciate your feedback. Regarding your queries:

1. We are already working on it. We will update it by probably in a week.

2. Yes, Easy customization is the main feature of Vuely. You can override the styles files to customize as well.

For header Height: Go to /src/assets/scss/custom/_header.scss and find this class “Vuely-toolbar” then under this find “v-toolbar__content” class and add height property with important like height: 80px !important By default, it takes 64px.

For Site Logo: Go to src/assets/scss/custom/_sidebar.scss and find “sidebar” class under this class check for “site-logo” and define height property. Like height: 80px;

Let us know if you have others queries and concerns at support@theironnetwork.org

Thanks and have a nice day!

Wow!!

You reply makes customization easier. Can you please add this details in documentation? It would be better in future.

I’m really looking forward for Vuetify 2.0 update because it has more component and properly structured. Please update it as soon as possible.

Thanks for an amazing theme.

Hi,

We are working on an update and should release it next month. Will keep you posted.

Thanks!

Please add the following css selectors in sidebar.scss file at src\assets\scss\custom

.app-default-layout .v-content__wrap{ height:100% !important; }

.application—wrap{ .v-toolbar—fixed{ z-index:9 !important; } }

.Vuely-sidebar{ z-index:99 !important }

It will fix the problem.

Let us know if you need anything else at support@theironnetwork.org.

Note: After adding the css, make sure you cross if it impacts any other section, just to be doubly sure.

Thanks and have a nice day!