427 comments found.
Hi, I would like to build a search and results feature on your dashboard. How should I best go about doing it? Are there any suggested references?
Am thinking of building a search engine off your dashboard…
Hi,
We didn’t add the search feature because its settings depend on a project’s requirements. Unfortunately, it’s hard to advise something useful In this case.
Regards, Aspirity
Hello, There is a problem here http://previews.aspirity.com/easydev/tables/material_table
the orderby does not work on Dessert (100g serving)
others columns are working…
Hi,
Thank you for the comment. We’ll fix it as soon as possible.
Best regards, Aspirity
please… thanks….
btw, could you advice in how to fix this?
Hi,
There is the function below for sorting by string in the template:
function getSorting(order, orderBy) { return order === ‘desc’ ? (a, b) => b[orderBy] – a[orderBy] : (a, b) => a[orderBy] – b[orderBy]; }
Unfortunately, it works only with numbers and we missed this point. You have to modernize this function to use it for sorting by the string. You can find the answer in this article: https://www.sitepoint.com/sort-an-array-of-objects-in-javascript/
Best regards, Aspirity
Hi there, How will I integrate APIs with Data table.
Hi,
We’re expressing regret for the delay with the answer. We’ll reply tomorrow because our developer is too busy.
Best regards, Aspirity
Hi again,
Please, make sure that setState is called with updated data (from the server) and the render is bound to this state data.
Best regards, Aspirity
I did the same and verified also. the state is being set up with updated data but the EditTable is not taking that. i.e. The props of EditTable is not getting updated. Can you please explain with an example.
Hello,
Check carefully your data structure. Does it reach the component? Did you create “heads” for this table? If you still can’t solve this problem, could you please provide us more information about what you are doing and how. Code and data samples would be very helpful because unfortunately, we’re unable to reproduce your problem.
Best regards, Aspirity
Yes! I did create heads for the table. The problem is even the state is getting updated in Data Table but the props of Edit table are not getting updated. I have taken ‘rows’ as an empty array as state variable. And I am setting the state in “componentDidMount()” life-cycle method.
Also I am getting some error while using Radio Buttons. The “radioValue” field is undefined always even after assigning some value.
Hi,
We’ve found the problem. The EditorTable has a little problem with updatable data. Try to render the table after the data fetching.
About RadioButton: Could you provide a sample of the code where you used it? Did you use it with redux-form or without it?
Best regards, Aspirity
Hello, I recently got your dashboard and it’s very good work thank you.
I’m getting one error I’ve tried to debug and haven’t gotten very far with. If I run nodemon start on the template, everything loads ok. If I do the same in seed that works as well.
However, if I try to bring one of the components from the template directory to the seed directory (for example BasicAlerts), it throws an error regarding react-i18next stating that i18Options is null.
Curious if you’ve seen anything like this or not, and if you have an idea how to tackle it? I’ve run npm install and npm install react-i18next but to no avail. Also google searches haven’t shown much either.
I’m fairly new to react but have done a lot of javascript and django so apologies if this is coming across as uninformed, still learning here.
Hi,
If you want to use the translations you also have to add its initialization into App.jsx, and add a ‘translations’ folder etc. Please, check docs: https://react.i18next.com/.
Best regards, Aspirity
Hi,
Can you please tell me about how to set rows in DataTable with data got from a rest API. I tried to set rows with setState method inside componentDidMount Method but the data is not getting populated in Table.
Hi,
We’re expressing regret for the delay with the answer. We’ll reply tomorrow because our developer is too busy.
Best regards, Aspirity
Hi again,
Please, make sure that setState is called with updated data (from the server) and the render is bound to this state data.
Best regards, Aspirity
Hi, for my sidebar category ‘insights’, how can I load the sidebar with the ‘insights’ category shown fully / un-collapsed?
I do not want it to load as collapsed.
<ul classname="sidebar__block">
<SidebarCategory title="Insights" icon="sun">
<SidebarLink title="Text Analytics" route="/insights/textanalytics" onClick={this.hideSidebar} />
<SidebarLink title="Metrics" route="/insights/metrics" onClick={this.hideSidebar} />
<SidebarLink title="Explore" route="/insights/explore" onClick={this.hideSidebar} />
<SidebarLink title="People" route="/insights/people" onClick={this.hideSidebar} />
<SidebarLink title="Compare" route="/insights/compare" onClick={this.hideSidebar} />
</SidebarCategory>
<SidebarCategory title="Alerts" icon="alarm">
<SidebarLink title="Track Entities" route="/alerts/trackentities" onClick={this.hideSidebar} />
</SidebarCategory>
</ul>
I think it has something to do with ’’sidebar__category-wrap—open’: this.state.collapse’ in ‘src/containers/Layout/sidebar/SidebarCategory.jsx’. Please help!
Hello!
If you want to make it static you have to rework it and replace Collapse with common div in SidebarCategory. Don’t forget to check and fix its styles.
Best regards, Aspirity.
Thank you for the tip! I will work the suggestion into my app.
You are welcome! If the advice is helpful please rate EasyDev with stars:)
Best regards, Aspirity.
Just did!
Thank you!
hello,
We are working with the easyDev version 1.3.6. After updating the webpack dev server to the latest release, our app got an error at compile time saying cannot compile of undefined. As we can see a new version of easyDev is there, but the project structure is changed from the version we are using. How can we cope up with the problem?
Hi,
Could you please send us the full error description? And what version of webpack did you use?
Current Webpack version is “webpack-dev-server”: “2.9.4”, when I update to webpack-dev-server@3.1.10 it throws the following error > node scripts/start.js
Cannot destructure property `compile` of ‘undefined’ or ‘null’. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! Easydev@1.3.6 start: `node scripts/start.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the Easydev@1.3.6 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
Hi,
We apologize for the waiting but our developer is so busy now that we are forced to delay with the answer. Hope to answer you tomorrow.
Best regards, Aspirity
Hi again,
Please, try to update ‘scripts’ and ‘config’ folders from the latest version of the template.
Best regards, Aspirity
Hi, I’ve done what you suggested but again it throws somw errors.
internal/modules/cjs/loader.js:582 throw err; ^
Error: Cannot find module ‘pnp-webpack-plugin’ at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15) at Function.Module._load (internal/modules/cjs/loader.js:506:25) at Module.require (internal/modules/cjs/loader.js:636:17) at require (internal/modules/cjs/helpers.js:20:18) at Object.<anonymous> (/home/gulshan/Devel/Creditap/Project/erp/config/webpack.config.dev.js:5:26) at Module._compile (internal/modules/cjs/loader.js:688:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10) at Module.load (internal/modules/cjs/loader.js:598:32) at tryModuleLoad (internal/modules/cjs/loader.js:537:12) at Function.Module._load (internal/modules/cjs/loader.js:529:3) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! Easydev@1.3.6 start: `node scripts/start.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the Easydev@1.3.6 start 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! /home/gulshan/.npm/_logs/2018-11-28T09_37_54_181Z-debug.log
Hi,
The error “Cannot find module” means that you have to install some module. So you have to install ‘pnp-webpack-plugin’. Commands: “npm install pnp-webpack-plugin—save” or “yarn add pnp-webpack-plugin”.
Best regards, Aspirity
Hi,
I have a question about your Admin Tool. I would like to use this admin to manage my Firebase FireStore app that has features like:
• Chat Room and 1-on-1 chat. • Contact Form. • Blog Content like Articles, Videos…CMS. • eCommerce • and more…
I would like to know if your admin tool can connect to a firebase app.
Do I have to be an expert in React.js and Node.js to configure the tool to work with my firebase databases?
Do you provide instructions on how to connect with Firebase Firestore tool?
Does admin tools support Firebase Firestore CRUD?
Regarding licensing, what if I need to use/connect the admin tool to multiple firebase apps or a mobile SaaS?
I am a mobile developer who focus mainly on iOS Objective-C and Swift. I’m slowing getting back into JS and React but don’t have time to learn all the Can I hire or pay extra for customization that is outside of support
Thanks
Hi,
Unfortunately, this template doesn’t include firebase yet and we don’t have an opportunity to include it or give you any instructions.
Best regards, Aspirity
Hi,
I have a question about your Admin Tool. I would like to use this admin to manage my Firebase FireStore app that has features like:
• Chat Room and 1-on-1 chat. • Contact Form. • Blog Content like Articles, Videos…CMS. • eCommerce • and more…
I would like to know if your admin tool can connect to a firebase app.
Do I have to be an expert in React.js and Node.js to configure the tool to work with my firebase databases?
Do you provide instructions on how to connect with Firebase Firestore tool?
Does admin tools support Firebase Firestore CRUD?
Regarding licensing, what if I need to use/connect the admin tool to multiple firebase apps or a mobile SaaS?
I am a mobile developer who focus mainly on iOS Objective-C and Swift. I’m slowing getting back into JS and React but don’t have time to learn all the Can I hire or pay extra for customization that is outside of support
Thanks
Hi,
Unfortunately, this template doesn’t include firebase yet and we don’t have an opportunity to include it or give you any instructions.
Best regards, Aspirity
Hi, is there any easy way to integrate EasyDev payment forms with Stripe payment /subscription gateway?
Hi,
Use special stripe library for react https://github.com/stripe/react-stripe-elements. It contains good docs for the installation and customization, but you have to customize it by yourself.
Best regards, Aspirity
Hi, where can I see a list of icons supported?
Does the /src/containers/Layout/sidebar/Sidebar.jsx get the icons from somewhere? Is there an exhaustive list where I can pick from?
’<SidebarCategory title=”UI Elements” icon=”diamond”>’
Self answered: Use the page here https://linearicons.com/free#cheat-sheet
Great!
Good luck, Aspirity.
I have got below the error from the browser console.I need to fix below errors.
1) react-i18next:: deprecation warning -> translate was renamed to “withNamespaces” to make it more clear what the HOC does.
2) Warning: Failed prop type: Invalid prop `children` of type `array` supplied to `ScrollToTop`, expected a single ReactElement.
Hello!
1) It’s the warning that notifies you, if you update library to the newest version, it will provoke conflicts with breaking changes (and the app would not run). Just check the freshest docs (https://react.i18next.com) and update your code if you want to update this library.
2) To resolve this issue just move the logic operation with ‘loaded’ before <Router/> in App.jsx. We’ll fix it in the next update.
Thank you for notification.
Best regards, Aspirity.
Hi, I want to buy your EasyDev Admin Template but I wonder if I buyed which version can i will download it. Which one v.1.4 or v1.3.7 ?
Dear Gurol,
Sorry we confused you, we’ve forgotten to change the theme preview, but we did it. Be sure you will get the v1.4. of EasyDev.
Regards, Aspirity
Hi Aspirity,
I am looking at purchasing the Easy Dev dashboard, however, it states it supports IE11. I cannot get the page to load.
Is IE11 support now deprecated? I am happy to use polyfills but don’t want to purchase to find out it’s a nightmare to bring back IE11 support.
Thanks,
Hi,
Unfortunately, EasyDev doesn’t support IE11 after latest updates. We removed this browser from the support list.
Best regards, Aspirity
Hi, are there any particular things (charges, discounts, exclusions) to take into account when upgrading from a standard license to an extended license?
Hi,
We don’t know about any discounts, but we’ve reduced the extended license’s price and now it’s significantly lower.
Regards, Aspirity
Hello,
I want open the admin template in HTML How can i do that please? I am trying to open the template but i got a blank pages!!
I like The theme but cant use it
Hi,
Unfortunately, it is the React-based template and there is no HTML layout inside. You can install the template according to the instruction we’ve provided: http://previews.aspirity.com/easydev/documentation/installation
Best regards, Aspirity.
Hello, After installing the theme and opening a file, without editing any code and resaving the file, I got lots of bugs. I did nothing
Line 1: Strings must use singlequote quotes Line 2: Strings must use singlequote quotes Line 3: Strings must use singlequote quotes Line 4: Strings must use singlequote quotes Line 5: Strings must use singlequote quotes Line 6: Strings must use singlequote quotes Line 7: Strings must use singlequote quotes Line 8: Strings must use singlequote quotes Line 12: Missing trailing comma comma-dangle Line 18: Missing trailing comma comma-dangle Line 27: Missing trailing comma comma-dangle Line 59: Strings must use singlequote quotes Line 59: Strings must use singlequote quotes Line 64: Strings must use singlequote quotes Line 64: Strings must use singlequote quotes Line 104: Strings must use singlequote quotes Line 104: Missing trailing comma comma-dangle
I solved it, Was my Prettier extension.
Hi,
Happy to hear you’ve solved the problem!
Regards, Aspirity
Hi
AspirityWas dabbling with tables in the seed project. Copied the `Tables` and the `Shared` directories to the seed project.
Updated Router.jsx
const Tables = () => (
<Switch>
<Route path="/tables/basic_tables" component={BasicTables} />
<Route path="/tables/data_table" component={DataTable} />
<Route path="/tables/editable_table" component={EditableTable} />
<Route path="/tables/material_table" component={MaterialTable} />
</Switch>
);
const wrappedRoutes = () => (
<div>
<Layout />
<div classname="container__wrap">
<Route path="/pages" component={Pages} />
<Route path="/tables" component={Tables} />
</div>
</div>
);
Getting the below err when accessing the table pages. Am I missing anything? Is there any documentation?
http://localhost:3000/tables/basic_tables
https://ibb.co/fVQobV
https://ibb.co/k9RTbV
Please help resolve this issue. Thanks in advance.
Hello!
Probably it happened because these pages contain react-i18next. You have to delete it or move the ‘translations’ folder into the seed. react-i18next docs: https://react.i18next.com/guides/quick-start.
Best regards, Aspirity
Hi author,
Am trying to dabble with the seed project. Getting the below lint error while trying to start the project.
Starting the development server…
(node:25328) [ESLINT_LEGACY_OBJECT_REST_SPREAD] DeprecationWarning: The ‘parserOptions.ecmaFeatures.experimentalObjectRestSpread’ option is deprecated. Use ‘parserOptions.ecmaVersion’ instead. (found in “node_modules\eslint-config-airbnb-base\index.js”) Failed to compile.
``` ./src/containers/LogIn/index.jsx Line 1: Strings must use singlequote quotes Line 2: Strings must use singlequote quotes Line 3: Strings must use singlequote quotes Line 4: Strings must use singlequote quotes Line 5: Strings must use singlequote quotes Line 15: Strings must use singlequote quotes ```
Hello!
These errors appears due to eslint. Did you change something in ./src/containers/LogIn/index.jsx?
Best regards, Aspirity.
Disabled eslint in `webpack.config.dev.js`. Was able to start the project.
Happy to hear the problem is solved.
Best regards, Aspirity
Hello,
I ran easydev seed project and copied some code from my other project to use it.
But I got so many syntax errors when I ran `npm start`.
They are working code and I don’t want to fix them all one by one.
Could you please let me know how I can ignore them and run the app?
These are some of errors I got from the code from other source.
Line 13: Unexpected function expression prefer-arrow-callback Line 13: Missing space before function parentheses space-before-function-paren Line 21: Unexpected string concatenation prefer-template Line 24: Unexpected string concatenation prefer-template Line 24: Missing trailing comma comma-dangle Line 25: Missing trailing comma comma-dangle Line 27: Unexpected function expression prefer-arrow-callback Line 27: Missing space before function parentheses space-before-function-paren Line 35: Missing trailing comma comma-dangle Line 44: Missing trailing comma comma-dangle Line 45: Missing trailing comma comma-dangle Line 47: Unexpected function expression prefer-arrow-callback Line 47: Missing space before function parentheses space-before-function-paren
Looking forward to hear from you asap.
Thanks.
Hello!
You’ve got these errors because the template uses eslint. It’s used for a code formatting. If you want to remove it just delete the next lines in webpack.config.dev.js:
{
test: /\.(js|jsx)$/,
enforce: 'pre',
use: [
{
options: {
formatter: require.resolve('react-dev-utils/eslintFormatter'),
eslintPath: require.resolve('eslint'),
},
loader: require.resolve('eslint-loader'),
},
],
include: paths.appSrc,
},
Best regards, Aspirity