Discussion on Vuely - Vuejs, Laravel, Angular 13, Expressjs Material Design Admin Template

Discussion on Vuely - Vuejs, Laravel, Angular 13, Expressjs Material Design Admin Template

Cart 1,647 sales
Well Documented

IronNetwork does not currently provide support for this item.

383 comments found.

Hey there.

I have just purchased your script. Can please package the documentation in a zip file and send it to me. I don’t usually have access to the internet so I like to work offline.

Awesome theme by the way.

Hi; I have downloaded your template. I saw that use Vuetify, but I’m trying to use the input file component. However, I getting the error: <v-file-input> – did you register the component correctly?

How can I fix this problem. I’m fairly new, but I checked in node_modules under vuetify and I saw that in components isn’t existing the VFileInput or something like.

I type npm install vuetify—save under my app folder but it didn’t fix the problem.

How can I do it

Thanks in advance

Hi,

Thanks for reaching out!

This is not supported by the current version of vuely because vuetify now release its latest version and <v-file-input> component is available in new version only. We are already working on theme update and will update the theme at themeforest soon.

Let us know if you are had other queries and concerns at support@theironnetwork.org

Thanks and have nice day

Hi,

It’s very nice and compatible with my Nuxt project… The only problem is, how to make jvectormap compatible in nuxt.js? Because I want to try but didn’t find any solution of this.

Thanks

Hi,

Thanks for reaching out!

Glad to know that you have integrated with nuxtJs.

Please share your project files with us on GitHub, bitbucket or send zip folder at support@theironnetwork.org then we will send you the guidelines to integrate jvector map with nuxt.

Thanks and have a nice day!

Hey.

Do you maybe have just the Horizontal Magazine version? Without this other things?

Hi,

Thanks for reaching out!

Vuely provides a rich combination of comprehensive features. Vuely Vue js versions has 6 dashboards and 4 different kinds of layouts.

1. Standard Sidebar Layout 2. Mini Sidebar Layout 3. Sidebar Collapsed 4. Horizontal Layout

Please go to our demo page to know more about vuely: http://vuely.theironnetwork.org/demo/

According to user’s need, users can switch to any layout with editing some line of codes. We provided detailed documentation, you should check this: https://iron-network.gitbook.io/vuely/

Meanwhile, we also provided vuely in Expressjs and Angular version with some dashboards and inner pages, hope you also like this as well.

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

Thanks and have a nice day!

Hello

I followed the documentation instructios to add item on sidebar menu. But when I click on the sidebar menu link, the forst time it’s ok my component is well loaded everything is fine. But when I click the second time then the path string is append to the link in of sidebar menu. So instead of localhost:8000/about it becomes localhost/aboutabout. The same for each elemnts of sidebar menu.

In router/defaut.js the doc says add route in children array. So this is how I declare the path attribute… path: ’/about’

In sidebar/data.js I have declared my path like this path: ’/about’,

Hi,

Thanks for reaching out!

It seems that you have missed some sort of steps to fix it. Please follow our following documentation link for the same:

https://iron-network.gitbook.io/vuely/vuely-vuejs/adding-new-component

If you are still facing any issues then please let us know at support@theironnetwork.org

Thanks and have a nice day!

Hi thank you to answer. The doc show how to add a new Component. And we can access this new component by this path: localhost:8000/default/test How can we access the component by this path : localhost:8000/test Regards.

Hi,

To remove default from your component path. You should follow the steps below:r

1. You need to make changes in a file components/Sidebar/Sidebar.vue

a)First open this file and search ":to" you will find this in two tag and it looks like as follows

:to=”!item.exact ? `/${getCurrentAppLayoutHandler() + item.path}` : item.path” :to=”!subItem.exact ? `/${getCurrentAppLayoutHandler() + subItem.path}` : subItem.path” we need to update this to as follows :to=”item.path” :to=”subItem.path”

b)In step 5 of this link https://iron-network.gitbook.io/vuely/vuely-vuejs/adding-new-component you need to remove the “default” from path, like as follows

{ component: test, path: ’/test’, meta: { requiresAuth: true, title: ‘message.test’, breadcrumb: ‘Test’ } }

Now please access your path. Your issue will be resolved.

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

Thanks and have a nice day!

Vuetify 2.0 support will be awesome :)

Hello.

Version installed : Vuely with Laravel passeport. Before deploying i run that command : npm run build but I am getting that error :

‘Vue-cli service is not recognized as an internal/external command’ . . . I have deleted the folder node_module and run npm install but I still get this error.

My goal is to compile my files to get a .dist file and send it by ftp.

Thank you for your help.

Hi,

Thanks for reaching out!

If you want production build of vuely-laravel-passport then “npm run build” command won’t work, you need to run “npm run prod” and this will not create any .dist folder, this will update the chunks file in public folder and minified the chunks code.

To deploy the project you need to deploy the all laravel files and folders not just the chunks. We are providing some useful links for how to deploy laravel project.

1 . https://medium.com/laravel-news/the-simple-guide-to-deploy-laravel-5-application-on-shared-hosting-1a8d0aee923e

2 . https://medium.com/laravel-power-devs/deploy-laravel-projects-on-shared-hosting-2008be6f6f03

3 . https://forge.laravel.com/

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

Thanks and have a nice day ahead!

Thank you. I successfully deployed the project this evening before reading your answer. Thank you anyway.

If I understand well, when I do “npm run production” it create a main.js file and I need to upload it. that’s all what I needed to know.

For people reading that message and havind erros when doing npm run prod please try this : 1. remove node_modules folder 2. remove package-lock.json 3. npm cache clear—force 4. npm install

It solved my problem.

When can we expect support for Vuetify 2.0?

Hi,

We are working on the same, however we won’t be able to give an exact date as of now. Will keep you posted once we have a date.

Thanks!

Hi,

First… congratulations for the theme it´s so nice!

My question is about to get the menu structure from api (json result), it´s possible?

Thanks

Hi,

Thanks for your kind words, we appreciate it.

Yeah, It is pretty much possible to get the menu structure from API but there are multiple possibilities to use this in API. Please explain exact what you want to achieve then we will suggest you the same.

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

Thanks

Hi Vuely team, What the reason for the AuthService.js file ?

I’m browsing the code, and it feels that it’s not really used. Even to know when you’re connected of not, you seems to use a if (localStorage.getItem(‘user’) === null) in the main.js file.

Thanks

Hi,

Thanks for reaching out!

We are using the AuthService.js file for Auth0 login functionality. While login from the Auth0 we are saving the value in “user” variable and redirect to the dashboard page if “localStorage.getItem(‘user’)” is not empty.

If you are not want to use this file and not using these things in your project then you can easily remove this file or customize the things as per as your requirement.

For more info please contact us at support@theironnetwork.org

Thanks and have nice day!

Awesome, thank you !

Hi. I noticed that in the courses sections, all youtube modals are outdated. You should replace “watch?v=” with “v/” as shown in : https://stackoverflow.com/a/26783823

Also, there are some problems related with it’s dialog component. IDK why when opening an specific video dialog, it opens all page related videos, each one in different layer. When closing that “single” dialog, the video doesn’t stop too xd.

https://i.imgur.com/o1KjfAk.png

Hi,

Thanks for reaching out, please renew your support. Thanks!

Hi,

I’m using vuely-laravel-passport-authentication. When the user is authenticated, I want to get its personal information, on every page load. In my routes/web.php I have: Route::group([‘prefix’ => ‘profileapiname’], function() { Route::get(‘getAuthUser’, ‘ProfileController@getAuthUser’); });

and in my ProfileController I have: public function getAuthUser () { return Auth::user(); }

But Auth::user() returns null.

Thanks.

Hi,

Thanks for reaching out!

Yeah! We will help to fix the issue. Before we further dive in, We required your email id to send the steps and needful code. Please send your email id or contact us at support@theironnetwork.org

Thanks and have a nice day!

Hi, To date I have received no answer from any member of your team. Thanks

Hi,

Thanks for reaching out!

We had been waiting on you to send us your emailid as per our earlier comment, so that we could give you the detailed steps. As writing here is not very convenient in terms of formatting. Anyways, we are writing them down here for you

If you want to get the information of authenticated user on every page (We assume sidebar here, showing UserName and email Id) then you’ve to create an API in AuthController.php file. Add the below code:

1) public function user(Request $request) { $info = $request->user(); $name = $info->name; $email = $info->email; return response()->json([‘response’=>[ ‘name’=>$name, ‘email’=>$email ], ],200); }

2) After that you’ve to update your routes/api.php file as follows:

Route::group([ ‘prefix’ => ‘auth’, ], function () { Route::any(‘login’, ‘AuthController@login’)->name(‘login’); Route::any(‘signup’, ‘AuthController@signup’); });

Route::group([
  'middleware' => 'auth:api'
], function() {
    Route::get('user', 'AuthController@user');
});

3) Now, go to resources/js/store/modules/auth/index.js and update this block of code as follows:

signInWithLaravelPassport(context, payload){ const { user } = payload; context.commit(‘loginUser’); },

webServices.post('/login', JSON.stringify(user), { headers: {'Content-Type':'application/json'}})
    .then(response => {
        if(response.data.response.api_status){
            user.accessToken = response.data.response.access_token;
            webServices.get('/user', { headers: { 'Authorization':'Bearer '+response.data.response.access_token,'Content-Type':'application/json'}})
            .then(tokenResponse => {
                user.name = tokenResponse.data.response.name;
                Nprogress.done();
                setTimeout(() => {
                    context.commit('loginUserSuccess', user);
                }, 500);
})
.catch(error => {
    console.log(error);
    console.log("Failed");
})
}).catch(error => {
        console.log(error);
        console.log("Not found token");
        context.commit('loginUserFailure',error);
    })
}else{
    context.commit('loginUserFailure', response.data.response);
}

4) Now, go to resources/js/components/sidebar/UserBlock.vue and update the following components:

<v-list-tile-content class=”ml-3”> <v-list-tile-title> {{user.name}} </v-list-tile-title> <v-list-tile-title> {{user.email}} </v-list-tile-title> </v-list-tile-content>

...

{{ user.name }} {{ user.email }}

...

import { getCurrentAppLayout } from “Helpers/helpers”; window.axios = require(‘axios’);

...

return { user: { name: ’’, email: ’’ }, userLinks: [

...

mounted(){ var userdata = JSON.parse(localStorage.getItem(‘user’)); this.user.name = userdata.name; this.user.email = userdata.email; },

Let us know if it works. For more info and queries please send us email at support@theironnetwork.org

Thanks and have a nice day ahead!

hello would like to access the project git. Thank you

I have a Ubuntu server hosted on Amazon installed with Laravel Forge. Can somebody please write instructions how to run your admin template on a production server? My public folder is home/forge/default/public

I am sure it would help your sales. Thanks.

Hi,

Thanks for reaching out,

If you are changing the location of your public folder, then you have to update your public/index.php as in describe screenshot http://tinyurl.com/y4boz7xp

Let us know if it works. For more info and queries please send us email at support@theironnetwork.org

Thanks and have a nice day!

its it included uncompiled scss?

Hi,

Thanks for reaching out!

Could you please share a bit more information with us so that we can get to the bottom of this? For example, would you mind sending us query in details at support@theironnetwork.org? Using that, we will see how we can help for you.

Thanks!

Hi,

Can we use this template with Nuxt.js?

Hi,

Thanks for reaching out,

Yes, you can. Follow our documentation link to know more :- https://iron-network.gitbook.io/vuely/faqs-frequently-asked-questions#integrate-the-template-with-nuxt-is-it-possible

Let us know if it works. For more info and queries please send us email at support@theironnetwork.org

Thanks and have a nice day!

nice product, just bought it.

how do i ask for support questions?

thanks

Hello,

Now i use vuely-laravel-seed V 5.1.2 and deploy to Xampp test server with visual host it work. - e.g., http://www.testserver.com

But when i move the project to subfolder it not work and browser show blank page. – e.g., http://www.testserver.com/project-a

Please help me to config my project.

Thankyou.

Hi,

Thanks for reaching out,

If you are moving your project into a subfolder, then you have to update your public/index.php as in describe screenshot http://tinyurl.com/yyqu4oh3 and for further you can follow this link https://stackoverflow.com/questions/35461322/upload-laravel-5-to-server-subfolder

Let us know if it works. For more info and queries please send us email at support@theironnetwork.org

Thanks and have a nice day!

Hi, i can sell services or products in a web page made with this template? And what license would let me do it?

If i was to purchase the theme, Are all components easily detachable ?

I would love to use your theme as a base for component styling for my current project, so take the base styles and then just take each vue component as and when I need it for the project.

Hi,

Thanks for showing interest in our theme!

Regarding your concern, We are already giving seed project with vuely theme. In seed project, we provide only blank dashboards. No other modules and pages in it. Seed project look like this: https://www.awesomescreenshot.com/image/4075711/4d4be76ca45d978ec116429b67079ca3

You can kick-start your project with it and whenever you want to add module then you can easily integrate into it. We also provide detailed documentation, you should check this.

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

For more queries and concerns please send us your email at support@theironnetwork.org

Thanks and have a nice day!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey