383 comments found.
Hi – the syntax () => in index.js causes compile problems. It appears that babel plugin may be required. Do you have instructions/alternative syntax? Thanks
Hi,
Thanks for purchasing our template.
For your query, the syntax you have provided ran successfully at our end. Please explain where you are using this syntax so that we can guide you accordingly.
Also let us know the vuely version your are using babel version and we will check the issue with setup.
Thanks!
Tengo un problema, no me aparece el archivo css. estoy corriendo en Homestead, solo retire el FIREBASE
This is the browser’s message:
Request URL: http://inventarios4.local/css/app.css Request Method: GET Status Code: 404 Not Found
there is no css folder in the public.
acabo de colocar esta ruta:
Route::get('/{vue_capture?}', function () {
return view('welcome');
})->where('vue_capture', '[\/\w\.-]*');
arreglo el redirect
Vue Router return 404 when revisit to the url
pero css/app.css no funciona
Hi,
Thanks for purchasing our template.
For your query, to able to run the public/css/app.css file, please follow the steps below:
1 .Create a file named as app.scss under location: resources->sass and write the code as mentioned in the screenshot: https://tinyurl.com/y9qruglx 2 .Open the webpack.config.js file and update the last line as follows: mix.js(‘resources/js/main.js’, ‘public/js’) .sass(‘resources/sass/app.scss’, ‘public/css’); 3. Next, run “npm run dev” command and this will create a css folder with filename app.css file in your public folder.
Let us know if it works for you.
Thanks
Hi good day I would like to know if there is a way to generate the dynamic sidebar, depending on the role that the logged in user has to show a different menu, I am doing it with the localStorage, but it generates conflict since at the time of closing session, until I reload the page does not change the menu. I hope early help and have made me explain well
Hi,
Thanks for purchasing our template.
You can follow the guidelines below to create a dynamic sidebar according to user role.
1.Firstly you need to set the user role globally ( using localstorage ) so that you can use it in sidebar menus under location src->components->Sidebar->Sidebar.vue. 2.Then you need to create a different html based on the role (like if role admin then create different menu otherwise other menu).
If want to authenticate the routes depending on user role, You can follow this https://www.npmjs.com/package/vue-router-user-roles article to add roles and permission for vue-router.
Let us know if you have any other query on need any help to setup the template.
Thanks!
Hi, thank you for you answer, I am pending for the laravel seed project of your staff, I have sent the purchase code to the email, but I have not received a response on the project, I hope a prompt response for that case
Can you please confirm your email and we will send it to you shortly . Thanks!
look at the email is the following babalasoftware@gmail.com I had already sent the purchase code but I have not received a response from the Laravel seed repository, a month ago I am waiting for an answer
Hi,
We already have invited your both accounts to join vuely repo a month ago http://tinyurl.com/yceurvtz and they are still pending.
If you didn’t recieve the invitation mails please check your invitations on following link on both accounts
https://github.com/theironnetworkorg/vuely/invitationsThanks
Thank you, until last night I received the invitation to the repository … one last question, do you handle any example page of error 403 not authorized, to be able to be called depending on that error? I just need the visual part of the redirect I think I can solve it, with the push router
Laravel SEED?
Hi,
Thanks for purchasing our template.
For your query for laravel seed project, We are working on an update, which should be release soon. Please send us an email at support@theironnetwork.org and we will send you the laravel seed project over email.
Let us know if you have any other query on need any help to setup the template.
Thanks
How can I make create css chunks (like js files & your website) into my laravel application?
for now all my styles are on head part.
Hi,
Thanks for purchasing our template.
For your query, to create the css chunk files, please follow the steps below:
1.Go to your root directory. Open webpack.mix.js file and add the code as defined in given link: https://tinyurl.com/y7d88dxg 2.In the above screenshot “css” is the folder name under which all the css chunks files(.css) are created. You can give the path according to your choice. 3.Then run command “npm run dev”.
After running command you can check that css folder is created with chunk css files.
Let us know if it works.
Thanks
Hi,
Thanks for purchasing our template.
For your query, Here is the screenshot describing where you can add line: https://tinyurl.com/y7u3uodm.
Let us know if you have any other query or need any help to setup the template.
Thanks
At least in my workflow it doesn’t work… I’m using last version of webpack, maybe this whould be the problem. Seems that outputFilename only allows to export js files… But why?
1- Idk if this can happen, but there are 6 css chunks rendered, the same as js chunks. If I open css chunks, it will be a js text inside a ”.css” file which doesn’t make sense.
2- If I use above screenshot, it it shows me an error telling that “Error in chunk 4, conflict: Multiple chunks emit assets to the same file css/chunks[name.css] (Chunks 0 and 4)”
3- if I use path instead of chunkfilename on webpack config, it export all assets on dist folder, and then which is OK, but seems that css files are not exported into that folder…
4- If I use default js template, all works great.
Also can y send me the github repo?
Any solution for my problem?
Posible Fix: Add “mix.options({ extractVueStyles: true });” to your mix file. Screenshot: http://prntscr.com/m8wzv0 This will only import all those styles into style.css
Hi,
This is to let you know we are working on this, we will update you once we have a proper solution, it might take sometime like couple or days or so.
For the github repo, please share your github username at support@theironnetwork.org and we shall send you an invite.
Thanks!
My email is thedalexhd@gmail.com Here is from where I send my github username.
Sent the invitation. Thanks!
Hi,
Im trying to use the template in a nuxtjs app is this possible?
2 questions: 1- How can I move to css file support. I mean, use style files instead head styles. For now I’m using webpack css loader, but seems that there are some scoped styles that aren’t detected. 2- If I use news header widget (which Uses the vue-slide plugin) on default dashboard theme, seems that background image margin makes horizontal scroll scrollable. How can I fix that?
Hi,
Thanks for purchasing our template.
Your first query is not much clear to us, please explain more with example if possible and we will try to provide you steps to do the required.
For your second query, please follow the steps below to resolve the scroll issue with news header widget: 1.Add class, named as “news-slider” in trending-news component as shown in this screenshot : https://tinyurl.com/y7d795h7 2.Go to location src->assets->scss->custom->_common.scss and add lines of code at end as defined in screenshot : https://tinyurl.com/ydxaf98a
Let us know if you have any other query on need any help to setup the template.
Thanks
Hi! I want to change the color of the loading square to match our theme. The component tag in the layout is <rotate-square2>, however I can’t find an import for it, or even any reference to its definition. All I can find are other places that use the <rotate-square2> tag.
Where / how can I edit the rotate-square2 component?
Hi, Thanks for purchasing our template. Please follow the below step to change the color of the loading square: Go to location src->assets->scss->custom->_common.scss and replace the variable with your required color as defined in this link: https://tinyurl.com/y8g9k8w4 Note: If you want to assign the color to the $success variable then go to location src->assets->scss->_app.variables.scss and assign your required color code as given in this link: https://tinyurl.com/yaw6xnec
Thanks! Let us know if you need anything else.
Hi
I am using vue.js version of vuely. my question is how to deploy the project on google cloud platform ? is there any built in configuration or something ?
One thing that i want to ask you, can we run build on production without using http-server, just like we using other vue projects
Hi,
Deploying app on google cloud depends on your app management structure, if you using any and CI/CD tool then your developer need to configure it to deploy vue app on server.
Simple method to deploy app could be uploading build files using ftp. You first need to make a build on local machine and then upload the dist folder files on cloud server.
If you already have running other vue apps in production then you can use same configurations with vuely as well to run production build.
Let us know if you have any other query, You can send us an email support@theironnetwork.org for further support requests.
Thanks
What would be the best way to load an emails rest response to the inbox component?
Hi good day
I want to know how to pass parameters for a route, this in a table of information and a column I have actions on each of the row of the table I would like that by means of a button bring me the id of the element and load a different view with that id. How could I create a route with parameters and pass the id by means of the button, I thank you for your prompt reply thanks.
Hi,
As per your requirement, here are the step by step instructions to pass parameters for a route: Go to specified component where you want to pass parameters to the button. For e.g you want to pass parameters in blog component then you can pass it as defined in this screenshot: https://tinyurl.com/y8hwdn7t After that go to your router.js file and define path as defined in given link: https://tinyurl.com/ycqvzlqr Thanks! Let us know if you need anything else.
function getUser() {
return new Promise(function (resolve, reeject) {
if (localStorage.getItem('api_token') !== null) {
return Backend.get('/auth/me').then(function (response) {
response['data']['roles'] = response['data']['roles'][0];
resolve(response.data)
}).catch(error => {
console.log(error.response)
resolve({role: 'guest'})
});
} else {
resolve({role: 'guest'})
}
});
}
getUser().then(user => {
/* eslint-disable no-new */
Vue.prototype.$user.set(user);
new Vue({
store,
i18n,
router,
render: h => h(App),
components: { App }
}).$mount('#app')
})
I’m using this theme with laravel as backend, and auth0 as auth provider.
What I need: If the user is authenticated, send /api/user request to get its personal information, on every page load. After that I need to pass that data to the views, for example, display his name in the the sidebar.
PD: I have done all related with auth backend, but I’m stuck with that part… :cry:
Hi,
According to your requirement, please follow the below steps to get user personal information on every page. For E.g Fetching user info from an API in sidebar component: Go to resources->js->components->Sidebar->Sidebar.vue and add lines of code as mentioned in screenshot: https://tinyurl.com/yczpdkkl After adding above lines of code, add your required api in same file as mentioned in screenshot: https://tinyurl.com/ybd9f3gu For e.g you are having data in userInfo.js file as defined in given link: https://tinyurl.com/ybou7qeh After getting response you can use it in your html as mentioned in this link: https://tinyurl.com/yahcxlx5 Note: To use “userinfo” in another component you have to use the vuex in which you have to define the setters and getters and used it in your api after retrieving user details from an api.
Let us know if you need anything else.
Thanks!
Is there any way to change ”/public/*.js” files location on laravel?
Hi,
Yes, you can change the ”/public/*.js” files location but it always remains under the public folder. Please follow the steps to change the location:
-Go to your root directory. Open webpack.mix.js file and add the code as defined in given link: https://tinyurl.com/ycqa7en5. -In the above screenshot “chunks” is the folder name under which all the chunk files(.js) are created. You can give the path according to your choice.
Let us know if you have any other query
Thanks
404 not found xd
that url point fixed 404 xd
I want to reduce the size of all CSS/UI related to the original 90%, such as head heigh margin padding sidebar width, menu item spacing and so on. What’s the good way?
Hi,
To maintain the sidebar css according to your requirement please follow the below steps: For changing background color: Go to the src->assets->scss-> _app.variables.scss and assign the color of your choice to the $sidebar-bg variable. Then go to location src->assets->scss->custom->_sidebar.scss assign the $sidebar-bg variable to the background property as mentioned in given link: https://tinyurl.com/y7fgltfq For changing the size of the font: Go to the src->assets->scss-> _app.variables.css and assign your required font size to variable $sidebar-nav-text-size. For resizing the sidebar width: Go to the location src->components->Header->Header.vue and assign the value to width property as defined in this link https://tinyurl.com/y7yxp2wu Let us know if you need anything else, you can reach us directly at support@theironnetwork.org
Thanks!
Hello,
If I want to print (to a PDF for example) a page with a datatable with many items, only the visible part of the page is displayed. It cannot be printed entirely. I tried to print https://vuetifyjs.com/en/components/data-tables and this is correctly displaying over multiple printer pages.
Would you be so kind to check? Thank you so much.
Kind regards, Cristian Email: cristian@cristianpopa.ro
Hi,
Thanks for the purchase. here are couple of ways of doing it as per your requirement:
Add chrome extension named as “Full Page Screen Capture” on your chrome browser. Just open the page whom you want to print and just click on a camera icon as mentioned in the given link https://tinyurl.com/yaommgnc and save it as a pdf format. You can print a whole page by removing following CSS from the files. Go to location src->assets->scss->custom->_common.scss and remove the code which are mentioned in the given link https://tinyurl.com/ydgwksjy Go to location src->container->Full.vue and remove these lines of code which are described in link: https://tinyurl.com/y792767r After removing these lines of code you can print the whole page. Note: 2nd solution works for default layout. In order to work for other layouts, you have to remove the lines of codes for particular layout from _common.scss file and style from other files which are under container folder.
Let us know if you need anything else.
Thanks!
Hi IronNetwork,
Thank you for your your quick answer. Very helpful. Almost perfect. I say almost because at every page break, 1 record is not displayed. Ex: last record on page 1 is #N and first record on page 2 (bellow the header which is OK to repeat on every page) is #N+2 instead of #N+1. Is there a fix for this? I much appreciate it.
Kind regards, Cristian
or maybe the header is not OK to display on every page. I said OK first thinking it was the table header but not, the one it’s repeating is the page header which does not make any sense for me to repeat it on every page. Thanks.
Hi, We are using the default layout of vuetify. The header position of the default layout is fixed due to which header is displaying on every page. To integrate your custom requirement you need to apply some custom css but it may impact your design layout or may occur some design issues.
Let us know if you need anything else. Thanks!
Hi, I am planning on purchasing this theme. I did have one pre-sale question though.
Permission based navigation – is there a way to show/hide menu items depending on the logged in users role/permissions?
Hi, You can use this https://www.npmjs.com/package/vue-router-user-roles plugin to add roles and permission for vue-router. If you have a different permission sets for each user then you can add a custom function with vue-router to control menu item visibility.
Thanks
Hello I would like to know how to remove all the pages that you bring to me to personalize my pages, my menus, what files I can delete so everything works fine.
thank you, excuse me for my low level of English since I make this message from the translator, I hope you can understand me.
Hi,
To start a new project with your own pages and structure you should use our seed project, seed projects contains the framework without any pages where you can add your pages and widgets as per requirement.
If you still face any issue or need any help please send us an email at support@theironnetwork.org with your purchase code.
Thanks.
hello thank you for your prompt response, I would like to know if there is a seed project with laravel, I find that they have only with the seed, I would like to bring my own menus and create the corresponding pages but using their base components.
Hi,
Thanks for the purchase, We are working on an update, which should be release soon. Please send us an email at support@theironnetwork.org and we will send you the laravel seed project over email.
Thanks and have a lovely day ahead.
I again, then a lot off days, never I recive the seed project, I have send all the mails request, but nothing yet, I need the project thnx
Hi good day
My problem is the following, at the time of removing firebase and auth0 to implement the login with jwt, I do not load anything in the menus, I get the blank page, I do not know if I need something, or I must take another step to the elimination of those two types of authentication.
Sorry for the translation, I’m Colombian and I do not speak English very much, I hope you can give me to understand. Thank you.
Hi,
Thanks for purchasing our template,
You might have missed a step or a file to remove, please follow the guidelines in our documentation to remove firebase and auth0 https://iron-network.gitbook.io/vuely/faqs-frequently-asked-questions
If you still face any issue or need any help please send us an email at support@theironnetwork.org with your purchase code.
Thanks.
i can`t install the theme i got many errors in the my terminal and the README.md does n`t useful !
can you tell me exactly what command should i use to run my them ! (like what should install with npm and node,js !)
and in the help documentation what do you mean by the * root * directory where should the node_modules be in ! ( Vuely , seed ?!)
