342 comments found.
Great theme!. But, In pagination, this code is appearing instead of navigation icons. Also, can you please send landing page templates.
Hi,
Please reach us from the contact form at our profile page. https://themeforest.net/user/coloredstrategies Cheers.
Hi,
Can you send me the landing page templates please 
Thanks
Hi,
Just answered you message via email.
Cheers.
Thanks! Got it
Hi Piaf template author, I had the following issue after exe npm install and npm run dev regards brian
brian@BBMobile MINGW64 /d/BweeBucket/Bwee_piaf/Piaf-Vuejs-Admin-Dashboard-2.0.2/Source/src $ npm install npm WARN vue-piaf@2.0.2 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {os“} (current: {os“})
audited 12453 packages in 15.765s found 0 vulnerabilities
brian@BBMobile MINGW64 /d/BweeBucket/Bwee_piaf/Piaf-Vuejs-Admin-Dashboard-2.0.2/Source/src $ npm run dev
> vue-piaf@2.0.2 dev D:\BweeBucket\Bwee_piaf\Piaf-Vuejs-Admin-Dashboard-2.0.2\Source > webpack-dev-server—inline—history-api-fallback—progress—config src/.webpack/dev.js
10% building 1/1 modules 0 activeevents.js:167
throw er; // Unhandled 'error' event
^Error: listen EACCES 127.0.0.1:8080 at Server.setupListenHandle [as _listen2] (net.js:1269:19) at listenInCluster (net.js:1334:12) at GetAddrInfoReqWrap.doListen [as callback] (net.js:1460:7) at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:62:10) Emitted ‘error’ event at: at emitErrorNT (net.js:1313:8) at process._tickCallback (internal/process/next_tick.js:63:19) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue-piaf@2.0.2 dev: `webpack-dev-server—inline—history-api-fallback—progress—config src/.webpack/dev.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the vue-piaf@2.0.2 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\brian\AppData\Roaming\npm-cache\_logs\2019-03-14T21_51_25_476Z-debug.log
brian@BBMobile MINGW64 /d/BweeBucket/Bwee_piaf/Piaf-Vuejs-Admin-Dashboard-2.0.2/Source/src $
Hi,
It looks like your 8080 port is in use. You may change the port number for some other value like 3000 at “src/.webpack/dev.js” file via constant named “PORT”.
Cheers.
Thanks coloredstrategies. the above works.
1. I also have lots of warning pop up in the main.js file , is there any issues? 2.The npm also ‘WARN vue-piaf@2.0.2 No repository field.’ how could i resolve this? 3. I manage to run it but I found lots of warnings with the template, one of them is as below. Is there an updated version? Many thanks.
one of the warning. Could not find a declaration file for module ‘v-contextmenu’. ‘d:/Source/node_modules/v-contextmenu/dist/index.common.js’ implicitly has an ‘any’ type. Try `npm install @types/v-contextmenu` if it exists or add a new declaration (.d.ts) file containing `declare module ‘v-contextmenu’;`ts(7016) $ npm install @types/v-contextmenu npm ERR! code E404 npm ERR! 404 Not Found: @types/v-contextmenu@latest
Hi,
Latest version is 2.0.2 and here are the screenshots when we use install and run commands. Also took a screenshot of the running version with developer tools open.
https://i.ibb.co/Qf3jd7J/ss-browser.jpghttps://i.ibb.co/NYKNFg4/ss-console.jpg
The warnings are not something to be worried about most of the time and can be about optional things. “No repository field” is a warning that you receive because Piaf is in a private repository and we have not included repository information in package.json file.
Last error might be about development environment, if you may write your npm node and os details we can try to replicate it. It would also help if you provide some screenshots of the warnings on main.js file.
Cheers.
Hello! first of all thanks for the detailed package, it’s a really nice job!
bought it around early February as we wanted to use both the dashboard and the landing page as well, unfortunately seems the landing page is removed by a further update, so I’m just wondering are there any plans to restore the original features of the bundle (what we paid for), or if not then can we download the previous version at least please ?
Thanks
Hi,
Thank you for your interest and kind words. As for the landing page problem, I have just answered the contact form message.
Cheers.
What changes does this new update include? I am currently working with version 2.0.1.
Hi,
Latest one(2.0.2) contains a fix for dropzone item appearence.
If you like to merge, you may need to update dropzone preview template at the end of src/pages/app/ui/FormComponents.vue file and change src/assets/css/sass/_piaf.style.scss file with the new one.
Cheers.
Could we have the back-end source of https://api.coloredstrategies.com ?
Hi,
It’s a .net core application and serves a static mock data. If you think that will be useful for you please reach us from the contact form at our profile page. https://themeforest.net/user/coloredstrategies
Cheers
Found a bug in Breadcrumb.vue
When clicking on “Home” it links to `/app` that go to 404.
I did a quick fix
--- a/src/components/Common/Breadcrumb.vue
+++ b/src/components/Common/Breadcrumb.vue
@@ -18,7 +18,11 @@ export default {
},
methods: {
getUrl(path, sub, index) {
- return "/" + path.split(sub)[0] + sub;
+ var s = "/" + path.split(sub)[0] + sub;
+ if (s === "/app") {
+ s = "/";
+ }
+ return s;
}
},
Thanks again for the help and you time, applied the fix
Cheers.
I found a bug – when clicking on the top logo – it goes to the 404 not found page.
Fix :
Change to
./src/containers/TopNav.vue:23
<router-link class="navbar-logo" tag="a" to="/">
instead of
<router-link class="navbar-logo" tag="a" to="/app">
Hi,
Thank you we have missed that one, will include it to next update.
Cheers.
Hi, Do you have a version of this template that uses Vue CLI 3? How can I use Vue CLI 3 with this template?
Hi,
The template currently does not have a Vue CLI implementation but we are planning it for a feture update.
Cheers.
Do you have a timeline around this? I am working on it presently… I’ll be happy to contribute back my work and we can work on it in collaboration
Currently we are focusing on Angular version so i really can not provide a timeline, sorry about that.
Thanks for letting me know.
Hi,
We have implemented Vue CLI 3 with the latest update. Just wanted to let you know
Cheers.
We are looking for the landing page template, but it is missing in the download package, could you please provide it?
Thanks
Hi,
Please reach us from the contact form at our profile page. https://themeforest.net/user/coloredstrategiesCheers.
We are looking for the Landing Page template, could you please provide it?
Hi,
Please reach us from the contact form at our profile page. https://themeforest.net/user/coloredstrategiesCheers.
Hi!
Tell me please, how can i use piaf together with vuetify? ( https://vuetifyjs.com/ )
Hi,
We don’t have any experince with Vuetify but i think you best option would be use “Manual Install” method. It looks like a standard component installation. https://github.com/vuetifyjs/vuetify#manual-installationCheers.
Hi there! You posted somewhere in the comments an update was coming with tables and mailing among others. Any idea when that’s dropping?
Thanks!
Hi,
Styling is ready for mailing, tables and invoice and we even published the update for jQuery version. Vuejs update is delayed because my colleague who created most of the Vuejs version had to take some time off but will be back this friday. So I guess update will be ready at the start of the next week.
If you are in rush, I can provide BootstrapVue table styles, mailing and invoice html via email(Mailing and invoice inline styled). You may reach us from support@crealeaf.com.
Cheers.
Thanks for the really quick reply! I don’t mind waiting a bit, was just curious
Okay then I will notify you when it is available:)
Cheers.
Hi Guys, I bought your admin panel. I wrote npm install npm run dev
And your panel show loading spinner
this is the message in the console
Uncaught (in promise) SyntaxError: Unexpected token _ in JSON at position 0 at JSON.parse (<anonymous>) at eval (user.js:15) at Module../src/store/modules/user.js (main.c918.js:14113) at webpack_require (main.c918.js:772) at fn (main.c918.js:130) at eval (index.js:7) at Module../src/store/index.js (main.c918.js:14053) at webpack_require (main.c918.js:772) at fn (main.c918.js:130) at eval (authRequired.js:2)
Hi,
Would you also check the network tab of the developer tools please to see if there is any connection problem? User.js connects to Google’s Firebase platform for authentication and it might be the cause of the problem.
It would also be helpfull if you try it with another browser.
Cheers.
Hello!
I have installed Piaf and have a problem. There are no some icons on page /app/layouts/image-list (made a screenshot, link: https://i.imgur.com/N2FHbKz.png ). Can you help to solve it?
Hi,
That is an odd problem. Is it same on data-list and thumb-list pages? And if you don’t have the latest version(2.0.2) could you download and try with it.
Cheers.
Fresh 2.0.2 version
npm install, npm run dev
Chrome with cleared cookie
Error on all pages with pagination:
https://i.imgur.com/7L0S8VJ.png , https://i.imgur.com/j6rylha.png , https://i.imgur.com/Py54VIN.png , https://i.imgur.com/qewWBMw.pngHi,
Thank you for the information. However I could not replicate the problem.
Would you test following codeblock on a listing page so we might understand the problem little bit more.
<b-pagination-nav base-url="#" :number-of-pages="10" v-model="currentPage" />
<b-pagination-nav base-url="#" :number-of-pages="10" v-model="currentPage" next-text="NEXT" prev-text="PREV" first-text="FIRST" last-text="LAST" />
<b-pagination-nav :number-of-pages="lastPage" :link-gen="linkGen" v-model="page" :per-page="perPage" align="center" next-text="NEXT" prev-text="PREV" first-text="FIRST" last-text="LAST" />
Yes, it works
https://i.imgur.com/HCnAjmS.pngWell, as far as I understand the problem might be about markups in string.
What is you os, npm and node versions?(ps: node -v and npm -v reveals them) I am currently on win10, node v10.15.0, npm 6.1.0 and can not replicate the problem.
Windows 10 Pro x64, node v10.15.2, npm v6.4.1
Hi,
I updated to your version and replicated the problem. Instead of using icons in a string, providing them with slots solves the problem.
Here is the fix for list pages:
<b-pagination-nav :number-of-pages="lastPage" :link-gen="linkGen" v-model="page" :per-page="perPage" align="center">
<template v-slot:next-text>
<i class="simple-icon-arrow-right" />
</template>
<template v-slot:prev-text>
<i class="simple-icon-arrow-left" />
</template>
<template v-slot:first-text>
<i class="simple-icon-control-start" />
</template>
<template v-slot:last-text>
<i class="simple-icon-control-end" />
</template>
-pagination-nav>
</b-pagination-nav>
We are looking to start to use for our data analytics platform software a new theme. Your theme rocks. Looks nice. Couple of questions:
1. Our charts and visualization is done with D3js (vector based) https://d3js.org . Would it work with your theme ?
2. Can your theme be deployed on top of any HTTP server, or web framework ? We are using www.openresty.org (NGINX+Lua). We do not use NodeJS
3. Is there anything we could use live video camera streams, some widgets for video live feeds ?
Hi,
Thank you for your nice comments, we really appreciate it.
As for the questions, I have replied them below.
1. We have used only Chartjs for the charts since it is quite easy compared to D3. Implementing it with vuejs does not look hard but I guess you will need to theme it.
2. You will not need a Node.js server to run the template. Production version is a basic html website(A single page application). You may see that we also use Nginx for our demo and only thing we need to configure was url rewriting: https://coloredstrategies.com/test
3. I am not sure if it will provide any help but we have themed video.js. It is not available since we had to remove landing pages from the project after we received a warning but we can provide them if you decide to purchase. Here are the screenshots of the player: https://ibb.co/BwMhKnx https://ibb.co/LZrk6x2Let us know if you require any more assistance.
Cheers.
thanks for all answers. I am checking your theme on ipad, iphone and macos and will talk to our developers. small defect on iphone xs max: http://kronometrix.org/iphonexsmax.png Content dashbaord does not show up properly on iphone xs max.
Yes, i have replicated the problem on an Iphone X. It turned out to be a regular responsive problem and not an Iphone specific one.
Anyway, thank you for letting us know.
Cheers.
Hello!
Tell me, please, how can I quickly combine Piaf with Laravel? To use the webpack from Laravel. Maybe there is some kind of instruction?
Hi,
None in our team has any experience with Laravel sorry about it.
Please let us know when you need assistance with another subject.
Cheers.
I’m thinking about buying this amazing theme but I’m missing a Mail example page. Is there something like this?
Hi,
Thank you for your interest in our theme and your kind words, we really appreciate it.
You are right, mail is missing but we have created it for jquery version and we can share it via email if you decide to purchase. It is completely inline styled as for the nature of mailing templates and i think it should work without a problem. You may take a look here: https://dore-jquery.coloredstrategies.com/Pages.Mailing.html
Cheers.
Hey, awesome dashboard. In January. when you released it, I saw some examples of multi or single landingpages aswell, with some various features like pricing or jobs. As you mentioned you had to remove it, but is it still available in the package if we buy it? Thanks a lot
Hi,
Thank you for your interest in our item, we really appreciate it.
As for the question, we are told to remove it from everywhere including downloadable zip file but we keep providing them via email if asked until we publish it as a separate item.
If you decide to buy it, please reach us from the contact form at our profile page after the purchase. We will deliver the version which contains the frontend. https://themeforest.net/user/coloredstrategies
Cheers.
Are you using bootstrap 4?
Yes, Bootstrap 4.1.x.
Cheers
