Envato Market
Web Themes & Templates
Guest Cart
0
Create an Envato Account Sign In
Cart

Discussion on Enlite Prime - React Admin Dashboard Template For Full-Stack Developer

Discussion on Enlite Prime - React Admin Dashboard Template For Full-Stack Developer

By
Cart 815 sales
Well Documented

ilhammeidi supports this item

Supported

This author's response time can be up to 1 business day.

238 comments found.

pabkub

pabkub Purchased

over 6 years ago

how to change error message when I submit at login page.

Field is required. it would be show “Please fill out this field”. I need to change this word. How to do

ilhammeidi Author

over 6 years ago

Hi pabkub,

Actually this message is from default browser. To change this message here’s the guide:

Example file: /app/components/Forms/LoginForm.js

Define id attribute for textfield. id="email_field" 
<Field
                  name="email" 
                  component={TextFieldRedux}
                  placeholder={intl.formatMessage(messages.loginFieldEmail)}
                  label={intl.formatMessage(messages.loginFieldEmail)}
                  id="email_field" 
                  required
                  validate={[required, email]}
                  className={classes.field}
                />
Change default message 
componentDidMount() {
    const htmlInput = document.getElementById('email_field');
    htmlInput.oninvalid = e => {
      e.target.setCustomValidity('Here is your text!');
    };
  }

Feel free if you have any further queries.

Kind regards.

pabkub

pabkub Purchased

over 6 years ago

I have another system for authentication. I need to remove firebase. HOW TO DO. Please advice

ilhammeidi Author

over 6 years ago

Hi pabkub,

To remove firebase auth including the sample, here’s the guire:

- Remove configs folder: app/firebase
- Remove Auth page: app/containers/Pages/UsersFullstack/
- Remove Sample apps: /app/containers/SampleFullstackApps/
- Remove auth reducers (global reducer, saga, action, and constant): —/app/redux/modules/authReducer.js
—/app/redux/modules/authSagas.js
—/app/redux/actions/authActions.js
—/app/redux/constants/authConstants.js
- Remove main saga’s: /app/utils/sagas.js

And the last thing, unregister/remove the saga in store: /app/redux/configureStore.js 
sagaMiddleware.run(sagas);
Here’s the full code: https://gist.github.com/ilhammeidi/0ca8251b78c3d52144fd0f948f66debc

That’s all. Feel free if you have any further queries.

Kind regards.

pabkub

pabkub Purchased

over 6 years ago

Thank you so much

pabkub

pabkub Purchased

over 6 years ago

Hello,

I need change error message form such as required in english, โปรดระบุ in thai. How to do ? Please advise.

1 other reply
pabkub

pabkub Purchased

over 6 years ago

It’s not working. It has something wrong such as import file, change another thing. Please give me a full code.

ilhammeidi Author

over 6 years ago

Hi pabkub,

If you’re using ReduxForm such as login or register form First please open:

/app/components/Forms/ReduxFormMUI.js

And change the error message like this:

<TextField
    {...input}
    {...rest}
    error={touched && Boolean(error)}
    helperText={touched && error && 'โปรดระบุ'}
  />

The example above is hard coded, if you need to make dynamic translation, please follow this guide https://ilhammeidi.github.io/enlite-docs/code_flow/ui_lang.html#lang

Here’s the full code: https://gist.github.com/ilhammeidi/7658f972f323dab73eda94c0777504f9

And for the basic material-ui Texfield components, you see more refernce here https://material-ui.com/components/text-fields/

Hope this can help. Feel free if you have any further queries.

Kind regards.

pabkub

pabkub Purchased

over 6 years ago

Thank you so much

Atwau

Atwau Purchased

over 6 years ago

Hi ilhammeidi, how can i make sticky columns, what i need to achieve is to have first and second columns including their rows fixed while the rest scroll horizontally. I am using this table http://enlite.ux-maestro.com:3001/app/tables/basic-table

ilhammeidi Author

over 6 years ago

Hi Atwau,

To create advanced table configuration i.e. fixed column, filter, big data, etc, we suggest to use React Grid. This library also use material design. https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/fixed-columns/#react-grid---fixed-columns

FYI: we not use this awesome library in this template project due the license.

Hope this can help. Feel free if you have any further queries.

Regards.

Atwau

Atwau Purchased

over 6 years ago

Thanks ilhammeidi, is it free or i have to pay to install it to my project?

ilhammeidi Author

over 6 years ago

It’s free for non commercial project. See pricing detail here: https://js.devexpress.com/Buy/

yuliantosaparudin

yuliantosaparudin

over 6 years ago

Hello, I want to ask a question, my sidebar become autohide, I didn’t change anything, just change a default color to green, then the sidebar collapsed automatically, I want the sidebar appear always. Can you help me please, may I have your contact or github repository to send issue

yuliantosaparudin

yuliantosaparudin

over 6 years ago
https://www.dropbox.com/s/xr1kv5c91dtb3ku/Screen%20Shot%202019-09-21%20at%2012.27.05.png?dl=0

The sidebar looks like this, I don’t want it, I want the sidebar is stick on left, no hiding

ilhammeidi Author

over 6 years ago

Hi yuliantosaparudin,

You can reach us privately, by message us vie our profile https://themeforest.net/user/ilhammeidi. Then we will reply to your’e email.

Back to sidebar issue, actually this sidebar on your screenshot is mobile version, and will show on screen-size < 1280, likewise the desktop-sidebar will be hidden to.

So to keep it show in certain size please open /app/components/SidebarBig/index.js

change the sidebar 

<Hidden />
tag like this:

<Hidden mdUp>
     {/* change to mdUp for mobile sidebar component */}
    <SwipeableDrawer>
    ...
 </Hidden>
<Hidden smDown>
     {/* change to smDown for desktop sidebar component */}
    <MainMenuBig>
    ...
 </Hidden>
And here’s the reference for Hidden breakpoints https://material-ui.com/components/hidden/#hidden

Hope this can help. Feel free if you have any further queries.

Kind regards.

wbsantosa

wbsantosa Purchased

over 6 years ago

permis mas, mau tanya bagaimana cata mematikan autorisasi firebasenya..

ilhammeidi Author

over 6 years ago

Hi wbsantosa,

Terimakasih telah membeli produk kami,

Untuk autentikasi, kami telah menyediakan 2 versi static dan menggunakan firebase. Anda bisa menggunakan yang versi static di /app/containers/Pages/Users/

Namun jika ingin mematikannya
- Silahkan check di /app/redux/modules/authSagas.js
- Kemudian hapus/disable import { firebaseAuth, firebaseDb } from ’../../firebase’;
- Berikut juga hapus/disable penggunaannya di fungsi-fungsi loginSaga, loginWithEmailSaga, registerWithEmailSaga dan seterusnya

Semoga bisa membantu. Jangan ragu jika Anda memiliki pertanyaan lebih lanjut.

Salam.

yuliantosaparudin

yuliantosaparudin

over 6 years ago

Hello, my friend just bought this theme, and I want to make some modification, how exactly to make a route? I write some new route on ~/containerts/App/Application.js

<Route exact path="/dashboard" component={LangganDashboard} />
but when access, the page showing 404, I just figure out that I should use prefix <Route exact path="/app/dashboard" component={LangganDashboard} />

But I want my route not using prefix, how to deal with this? Thanks in advace

ilhammeidi Author

over 6 years ago

Hi yuliantosaparudin,

Thanks for purchasing.

To override /app route you have to change the route in root routes also /app/containers/App/index.js then child root (application, landing, auth, etc)

// /app/containers/App/index.js
<Route
                path="/dashboard" 
                render={(props) => <Application {...props} changeMode={changeMode} />}
              />

Hope this can help. Feel free if you have any further queries.

Kind regards.

yuliantosaparudin

yuliantosaparudin

over 6 years ago

It’s working perfectly, thank you :), but I have another question, see my another comment

neekisanjay

neekisanjay Purchased

over 6 years ago

I am getting error as :: In file included from ../ext/byte_buffer.cc:21: In file included from ../../nan/nan.h:222: In file included from ../../nan/nan_new.h:189: ../../nan/nan_implementation_12_inl.h:103:42: error: no viable conversion from ‘v8::Isolate ’ to ‘Local<v8::Context>’ return scope.Escape(v8::Function::New( isolate ~~~~ /Users/adda247/Library/Caches/node-gyp/12.9.1/include/node/v8.h:183:7: note: candidate constructor (the implicit copy constructor) not viable: no known conversion from ‘v8::Isolate *’ to ‘const v8::Local<v8::Context> &’ for 1st argument class Local { ^ /Users/adda247/Library/Caches/node-gyp/12.9.1/include/node/v8.h:183:7: note: candidate constructor (the implicit move constructor) not viable: no known conversion from ‘v8::Isolate *’ to ‘v8::Local<v8::Context> &&’ for 1st argument /Users/adda247/Library/Caches/node-gyp/12.9.1/include/node/v8.h:187:13: note: candidate template ignored: could not match ‘Local<type-parameter-0-0>’ against ‘v8::Isolate *‘ V8_INLINE Local(Local<S> that) ^ /Users/adda247/Library/Caches/node-gyp/12.9.1/include/node/v8.h:4139:22: note: passing argument to parameter ‘context’ here Local<Context> context, FunctionCallback callback, ^ 1 error generated. make: ** [Release/obj.target/grpc_node/ext/byte_buffer.o] Error 1 gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:196:23) gyp ERR! stack at ChildProcess.emit (events.js:209:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12) gyp ERR! System Darwin 18.6.0 gyp ERR! command ”/usr/local/Cellar/node/12.9.1/bin/node” ”/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “build” “-fallback-to-build” “-library=static_library” “-module=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown/grpc_node.node” “-module_name=grpc_node” “-module_path=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown” “-napi_version=4” “-node_abi_napi=napi” “-napi_build_version=0” “—node_napi_label=node-v72” gyp ERR! cwd /Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc gyp ERR! node -v v12.9.1 gyp ERR! node-gyp -v v5.0.3 gyp ERR! not ok node-pre-gyp ERR! build error node-pre-gyp ERR! stack Error: Failed to execute ’/usr/local/Cellar/node/12.9.1/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build—fallback-to-build—library=static_library—module=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown/grpc_node.node—module_name=grpc_node—module_path=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown—napi_version=4—node_abi_napi=napi—napi_build_version=0—node_napi_label=node-v72’ (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/node_modules/node-pre-gyp/lib/util/compile.js:83:29) node-pre-gyp ERR! stack at ChildProcess.emit (events.js:209:13) node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:1021:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:283:5) node-pre-gyp ERR! System Darwin 18.6.0 node-pre-gyp ERR! command ”/usr/local/Cellar/node/12.9.1/bin/node” ”/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/node_modules/.bin/node-pre-gyp” “install” “-fallback-to-build” “-library=static_library” node-pre-gyp ERR! cwd /Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc node-pre-gyp ERR! node -v v12.9.1 node-pre-gyp ERR! node-pre-gyp -v v0.12.0 node-pre-gyp ERR! not ok Failed to execute ’/usr/local/Cellar/node/12.9.1/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build—fallback-to-build—library=static_library—module=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown/grpc_node.node—module_name=grpc_node—module_path=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown—napi_version=4—node_abi_napi=napi—napi_build_version=0—node_napi_label=node-v72’ (1) npm WARN ajv-keywords@3.2.0 requires a peer of ajv@6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN connected-react-router@6.4.0 requires a peer of react-redux@6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-camel-case@6.1.0 requires a peer of jss@9.7.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-compose@5.0.0 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-default-unit@8.0.2 requires a peer of jss@9.4.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-expand@5.3.0 requires a peer of jss@9.4.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-extend@6.2.0 requires a peer of jss@9.7.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-global@3.0.0 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-nested@6.0.1 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-preset-default@4.5.0 requires a peer of jss@9.7.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-props-sort@6.0.0 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-rtl@0.2.3 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-template@1.0.1 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-vendor-prefixer@7.0.0 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN mui-datatables@2.6.4 requires a peer of material-ui/core3.2.0 but none is installed. You must install peer dependencies yourself. npm WARN mui-datatables@2.6.4 requires a peer of material-ui/icons^3.0.1 but none is installed. You must install peer dependencies yourself. npm WARN react-ionicons@2.1.6 requires a peer of browserify-css@0.12.0 but none is installed. You must install peer dependencies yourself. npm WARN redux-form-material-ui@5.0.0-beta.3 requires a peer of redux-form@7 but none is installed. You must install peer dependencies yourself. npm WARN redux-form-material-ui@5.0.0-beta.3 requires a peer of @material-ui/core@1 but none is installed. You must install peer dependencies yourself. npm WARN slick-carousel@1.8.1 requires a peer of jquery@>=1.8.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 (node_modules/chokidar/node_modules/fsevents): npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 install: `node install` npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

CXX(target) Release/obj.target/grpc_node/ext/byte_buffer.o

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! grpc@1.17.0 install: `node-pre-gyp install—fallback-to-build—library=static_library` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the grpc@1.17.0 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

ilhammeidi Author

over 6 years ago

Hi neekisanjay,

Thanks for purchasing. And we apologize for the inconvenience.

Regarding the error message, you need to update node to version 10 or later. After that please remove node_modules/ folder and try to npm install again. If that error still happen, it might caused from node-sass, so please try

1. Delete the node_modules/grpc folder
2. Delete the package-lock.json file in the project root folder
3. npm rebuild node-sas
4. npm run build:dll
5. npm start

Hope this can help. Feel free if you have any further queries.

Kind regards.

neekisanjay

neekisanjay Purchased

over 6 years ago

CXX Release/obj.target/grpc_node/ext/byte_buffer.o In file included from ../ext/byte_buffer.cc:21: In file included from ../../nan/nan.h:222: In file included from ../../nan/nan_new.h:189: ../../nan/nan_implementation_12_inl.h:103:42: error: no viable conversion from ‘v8::Isolate ’ to ‘Local<v8::Context>’ return scope.Escape(v8::Function::New( isolate ~~~~ /Users/adda247/Library/Caches/node-gyp/12.9.1/include/node/v8.h:183:7: note: candidate constructor (the implicit copy constructor) not viable: no known conversion from ‘v8::Isolate *’ to ‘const v8::Local<v8::Context> &’ for 1st argument class Local { ^ /Users/adda247/Library/Caches/node-gyp/12.9.1/include/node/v8.h:183:7: note: candidate constructor (the implicit move constructor) not viable: no known conversion from ‘v8::Isolate *’ to ‘v8::Local<v8::Context> &&’ for 1st argument /Users/adda247/Library/Caches/node-gyp/12.9.1/include/node/v8.h:187:13: note: candidate template ignored: could not match ‘Local<type-parameter-0-0>’ against ‘v8::Isolate *‘ V8_INLINE Local(Local<S> that) ^ /Users/adda247/Library/Caches/node-gyp/12.9.1/include/node/v8.h:4139:22: note: passing argument to parameter ‘context’ here Local<Context> context, FunctionCallback callback, ^ 1 error generated. make: ** [Release/obj.target/grpc_node/ext/byte_buffer.o] Error 1 gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:196:23) gyp ERR! stack at ChildProcess.emit (events.js:209:13) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12) gyp ERR! System Darwin 18.6.0 gyp ERR! command ”/usr/local/Cellar/node/12.9.1/bin/node” ”/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “build” “-fallback-to-build” “-library=static_library” “-module=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown/grpc_node.node” “-module_name=grpc_node” “-module_path=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown” “-napi_version=4” “-node_abi_napi=napi” “-napi_build_version=0” “—node_napi_label=node-v72” gyp ERR! cwd /Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc gyp ERR! node -v v12.9.1 gyp ERR! node-gyp -v v5.0.3 gyp ERR! not ok node-pre-gyp ERR! build error node-pre-gyp ERR! stack Error: Failed to execute ’/usr/local/Cellar/node/12.9.1/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build—fallback-to-build—library=static_library—module=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown/grpc_node.node—module_name=grpc_node—module_path=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown—napi_version=4—node_abi_napi=napi—napi_build_version=0—node_napi_label=node-v72’ (1) node-pre-gyp ERR! stack at ChildProcess.<anonymous> (/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/node_modules/node-pre-gyp/lib/util/compile.js:83:29) node-pre-gyp ERR! stack at ChildProcess.emit (events.js:209:13) node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:1021:16) node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:283:5) node-pre-gyp ERR! System Darwin 18.6.0 node-pre-gyp ERR! command ”/usr/local/Cellar/node/12.9.1/bin/node” ”/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/node_modules/.bin/node-pre-gyp” “install” “-fallback-to-build” “-library=static_library” node-pre-gyp ERR! cwd /Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc node-pre-gyp ERR! node -v v12.9.1 node-pre-gyp ERR! node-pre-gyp -v v0.12.0 node-pre-gyp ERR! not ok Failed to execute ’/usr/local/Cellar/node/12.9.1/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js build—fallback-to-build—library=static_library—module=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown/grpc_node.node—module_name=grpc_node—module_path=/Users/adda247/Desktop/enlite-prime_v125/starter-project/node_modules/grpc/src/node/extension_binary/node-v72-darwin-x64-unknown—napi_version=4—node_abi_napi=napi—napi_build_version=0—node_napi_label=node-v72’ (1) npm WARN ajv-keywords@3.2.0 requires a peer of ajv@6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN connected-react-router@6.4.0 requires a peer of react-redux@6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-camel-case@6.1.0 requires a peer of jss@9.7.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-compose@5.0.0 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-default-unit@8.0.2 requires a peer of jss@9.4.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-expand@5.3.0 requires a peer of jss@9.4.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-extend@6.2.0 requires a peer of jss@9.7.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-global@3.0.0 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-nested@6.0.1 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-preset-default@4.5.0 requires a peer of jss@9.7.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-props-sort@6.0.0 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-rtl@0.2.3 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-template@1.0.1 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN jss-vendor-prefixer@7.0.0 requires a peer of jss@9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN mui-datatables@2.6.4 requires a peer of material-ui/core3.2.0 but none is installed. You must install peer dependencies yourself. npm WARN mui-datatables@2.6.4 requires a peer of material-ui/icons^3.0.1 but none is installed. You must install peer dependencies yourself. npm WARN react-ionicons@2.1.6 requires a peer of browserify-css@0.12.0 but none is installed. You must install peer dependencies yourself. npm WARN redux-form-material-ui@5.0.0-beta.3 requires a peer of redux-form@7 but none is installed. You must install peer dependencies yourself. npm WARN redux-form-material-ui@5.0.0-beta.3 requires a peer of @material-ui/core@1 but none is installed. You must install peer dependencies yourself. npm WARN slick-carousel@1.8.1 requires a peer of jquery@>=1.8.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 (node_modules/chokidar/node_modules/fsevents): npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 install: `node install` npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! grpc@1.17.0 install: `node-pre-gyp install—fallback-to-build—library=static_library` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the grpc@1.17.0 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

tcagkansokmen

tcagkansokmen Purchased

over 6 years ago

How can we set adefault value for Fields? <Field name=”team_name” component={TextFieldRedux} placeholder=”Takım Adı” label=”Takım Adı” validate={required} required ref={this.saveRef} className={classes.field} value=”Deneme” /> doesnt work to set value. And I need to set value for selectbox too. How can we do this?

ilhammeidi Author

over 6 years ago

Hi tcagkansokmen,

To set default value of ReduxForm, you need set it in reducer as initialState. In example for ReduxForm demo http://enlite.ux-maestro.com/app/forms/reduxform can set the initial value in /app/redux/modules/initFormReducer.js 

const initialState = {
  formValues: Map({
  text: 'Sample Text',
  email: 'sample@mail.com',
  radio: 'option1',
  selection: 'option2',
  onof: true,
  checkbox: true,
  textarea: 'This is default text'
})
}

Hope this can help.

Regards.

tcagkansokmen

tcagkansokmen Purchased

over 6 years ago

Trying to modify your “Redux Form Example”. But I can’t you mapStateToProps wit it. Whats the problem?

ilhammeidi Author

over 6 years ago

Hi tcagkansokmen,

Please try to add the rest state ...state in mapStateToProps

const mapStateToProps = state => ({
  initialValues: state.getIn([reducer, 'formValues']),
  ...state
});

Hope this can help.

Regards.

tcagkansokmen

tcagkansokmen Purchased

over 6 years ago

hi there,

is that possible to make “only dark sidebar but light content”?

ilhammeidi Author

over 6 years ago

Hi tcagkansokmen,

Yes of course. You can modify the sidebar styling by inverting dark and light base color in /app/components/Sidebar/sidebar-jss.js

- There is drawerPaper css class, and change the background colour 
 drawerPaper: {
   background: theme.palette.text.primary,
}
- Then for the text colour: 
 primary: {
   color: theme.palette.background.paper,
}

Hope this can help. Feel free if you have any further queries.

Kind regards.

tcagkansokmen

tcagkansokmen Purchased

over 6 years ago

Trying to implement my Laravel API auth.I removed all firebase files. But I couldn’t find 2 things:

1. How can I make a “token based” auth? And how can I wrap all components except login with it?

2. I couldnt find where is userAttr prop comes from? How can I send my own user data to userAttr prop? Where is it?

ilhammeidi Author

over 6 years ago

Hi tcagkansokmen,

Thanks for purchasing.

Here’s our answer bellow:

1. To use token based you can try JWT. Here’s the useful article about that https://medium.com/@rajaraodv/securing-react-redux-apps-with-jwt-tokens-fcfe81356ea0 And to wrap all authenticated pages you can use app/containers/Session/withAuthorizationRouter.js and use in Route:

<Route path="/app/pages/authenticated-page" component={withAuthorizationRouter(AuthenticatedPage)} />
<./pre>
2. The userAttr get from redux-saga when sync the users data /app/redux/modules/authSagas.js in syncUserSaga()

- Then pass to reducer /app/redux/modules/authReducer.js In case SYNC_USER: action

- After that fill it in Dashboard containers /app/containers/Templates/Dashboard.js as user props.

- Finally the return of profile(user) props will fill userAttr

Hope this can help. Feel free if you have any further queries.

Kind Regards.

fkazemi5236 Purchased

over 6 years ago

I searched for this template and found no trees. Do you add a tree component? This is a very necessary component of a management template

ilhammeidi Author

over 6 years ago

Hi fkazemi5236,

Thanks for purchasing.

For tree view, we haven’t implement it yet. But we will add the tree-view and tree-table in next upcoming version. The next version will be released by this week. Then you’ll get notify once it released.

Feel free if You have any further queries.

Kind regards.

tcagkansokmen

tcagkansokmen Purchased

over 6 years ago

Hi, is that possible to disable firebase and use API that i wrote for myself on Authentication? Which files should be changed to change Auth API from firebase to my own API?

ilhammeidi Author

over 6 years ago

Hi tcagkansokmen,

Thanks for purchasing.

Yes of course, You can use your own API and remove the firebase auth.

To remove/disable firebase auth, please remove all dispatch and submit function in auth container in app/containers/page/Users/Login, Register and ResetPassword

Then the rest is remove the reducer, action and constant in: app/redux/constants/authConstants.js app/redux/actions/authActions.js, app/redux/modules/authReducers.js app/redux/modules/authSagas.js

Hope this can help. Feel free if you have any further queries.

Kind regards.

Atwau

Atwau Purchased

over 6 years ago

Hi iIhammeidi, how do i change the logo without overriding the svg file in public/images/ I do not have .svg files I would like to use .png

ilhammeidi Author

over 6 years ago

Hi Atwau,

Yeah you don’t need to replace svg files. Just import your .png or .jpg files same as like import svg.

import logo from ‘path/logo.png’;

Best regards.

Atwau

Atwau Purchased

over 6 years ago

Hi iIhammeidi,

Which file do i need to do that.

Atwau

Atwau Purchased

over 6 years ago

Never mind I got it from components/Header/Header.js

Atwau

Atwau Purchased

over 6 years ago

HI THERE I GET THE ERROR BELOW WHEN I RUN npm install

WARNING in ./node_modules/moment/src/lib/locale/locales.js Module not found: Error: Can’t resolve ’./locale’ in ’/Users/ainnop/REACTAPPS/ENLITE/node_modules/moment/src/lib/locale’ @ ./node_modules/moment/src/lib/locale/locales.js @ ./node_modules/moment/src/lib/locale/locale.js @ ./node_modules/moment/src/moment.js @ ./node_modules/@date-io/moment/build/index.js @ dll reactBoilerplateDeps

WHILE USING THE APPLICATION THE CONSOLE LOGS THE ERROR BELOW:

[Error] Warning: Failed prop type: Invalid prop `drawerPaper` of type `string` supplied to `MainMenuBig`, expected `boolean`. in MainMenuBig (created by ConnectFunction) in ConnectFunction (created by InjectIntl(Connect(MainMenuBig))) in InjectIntl(Connect(MainMenuBig)) (created by WithStyles(InjectIntl(Connect(MainMenuBig)))) in WithStyles(InjectIntl(Connect(MainMenuBig))) (created by SidebarBig) in div (created by SidebarBig) in div (created by ForwardRef(Paper)) in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper))) in WithStyles(ForwardRef(Paper)) (created by Transition) in Transition (created by ForwardRef(Slide)) in ForwardRef(Slide) (created by TrapFocus) in TrapFocus (created by ForwardRef(Modal)) in div (created by ForwardRef(Modal)) in ForwardRef(Portal) (created by ForwardRef(Modal)) in ForwardRef(Modal) (created by ForwardRef(Drawer)) in ForwardRef(Drawer) (created by WithStyles(ForwardRef(Drawer))) in WithStyles(ForwardRef(Drawer)) (created by ForwardRef(SwipeableDrawer)) in ForwardRef(SwipeableDrawer) (created by SidebarBig) in HiddenJs (created by WithWidth(HiddenJs)) in WithWidth(HiddenJs) (created by Hidden) in Hidden (created by SidebarBig) in SidebarBig (created by WithStyles(SidebarBig)) in WithStyles(SidebarBig) (created by LeftSidebarBigLayout) in LeftSidebarBigLayout (created by InjectIntl(LeftSidebarBigLayout)) in InjectIntl(LeftSidebarBigLayout) (created by WithStyles(InjectIntl(LeftSidebarBigLayout))) in WithStyles(InjectIntl(LeftSidebarBigLayout)) (created by Dashboard) in div (created by Dashboard) in Dashboard (created by ConnectFunction) in ConnectFunction (created by WithStyles(undefined)) in WithStyles(undefined) (created by Application) in Application (created by Context.Consumer) in Route (created by Context.Consumer) in Switch (created by Context.Consumer) in div (created by ThemeWrapper) in ThemeProvider (created by ThemeWrapper) in StylesProvider (created by ThemeWrapper) in ThemeWrapper (created by ConnectFunction) in ConnectFunction (created by WithStyles(undefined)) in WithStyles(undefined) (created by WithTheme(WithStyles(undefined))) in WithTheme(WithStyles(undefined)) (created by App) in App in Router (created by ConnectedRouter) in ConnectedRouter (created by Context.Consumer) in ConnectedRouterWithContext (created by ConnectFunction) in ConnectFunction in IntlProvider (created by LanguageProvider) in LanguageProvider (created by ConnectFunction) in ConnectFunction in Provider printWarning (checkPropTypes.js:20) checkPropTypes (checkPropTypes.js:82) validatePropTypes (react.development.js:1666) createElementWithValidation (react.development.js:1755) mountMemo (react-dom.development.js:13459) useMemo (react-dom.development.js:13668) ConnectFunction (connectAdvanced.js:316) renderWithHooks (react-dom.development.js:12938) updateFunctionComponent (react-dom.development.js:14627) performUnitOfWork (react-dom.development.js:19312) workLoop (react-dom.development.js:19352) renderRoot (react-dom.development.js:19435) performWorkOnRoot (react-dom.development.js:20342) performWork (react-dom.development.js:20254) performSyncWork (react-dom.development.js:20228) interactiveUpdates$1 (react-dom.development.js:20495) dispatchInteractiveEvent (react-dom.development.js:4882) dispatchInteractiveEvent

7 other replies

ilhammeidi Author

over 6 years ago

Hi Atwau,

About the warning above because the mui-datables is not fully support yet with material-ui v4 (which has react hooks method). The exaclty problem is in print function in toolbar. This issue still open in official mui-datables github https://github.com/gregnb/mui-datatables/issues/595

And by the way, this is just a warning, and will not affect to print function and will not happen in production build. The other alternate way you can try use https://www.npmjs.com/package/react-to-print ,then remove print function in option by set it to false.

// file: app/containers/Tables/demos/AdvFilter.js
const options = {
      ...
      print: false,
      ...
    };

We will update it soon when have official fix from mui-datables

Then about search component and pages issue, sometimes it happen sometimes not. So hard for us to reproduce and fix it. If it because of textbox size on focus, you can remove this style in /app/components/Search/search-jss.js arind line: 88

// to removed
'&:focus': {
          width: 250,
          textIndent: 0,
          outline: 0,
        },

Hope this can help.

Kind regards.

Atwau

Atwau Purchased

over 6 years ago

Thanks iIhammeidi, when i comment the code for focus in search-jss.js it was working well, I have not yet got the response for the mobile view it is not looking good, kindly look at the image i shared and advice what properties i must change to make it look better. https://drive.google.com/open?id=1FwyToz0zK7C6LFuAX0gUSweS9WHSAZsg

ilhammeidi Author

over 6 years ago

Hi Atwau,

For that issue, we suggest to increase

height for mobile version.

And for the button will looks better if hide/remove it. Then will show only when checked the row. Just like in the demo http://enlite.ux-maestro.com/app/tables/data-table

The placement itself can put in custom toolbar. Here’s the sample code https://github.com/gregnb/mui-datatables/tree/master/examples/customize-toolbar

Hope this can help.

Kind regards.

asf251

asf251 Purchased

over 6 years ago

Hi, Can I expect pure HTML version of this Theme ?

ilhammeidi Author

over 6 years ago

Hi asf251,

Thanks for purchasing.

Unfortunately we don’t have pure HTML version, only react.js version.

Kind regards.

kikewan

kikewan Purchased

over 6 years ago

Hello.

I have this problem when try nom install ” error: no viable conversion from ‘v8::Isolate *’ to ‘Local<v8::Context>’”, any idea?

ilhammeidi Author

over 6 years ago

Hi kikewan,

Thanks for purchasing.

For that issue please try to update node version 10.x.x

Feel free if you have any further queries.

Kind regards.

galax13a

galax13a Purchased

over 6 years ago

muy feliz por la compra , espero que sigan avanzando en el proyecto !

ilhammeidi Author

over 6 years ago

Gracias por tu apreciación. Daremos lo mejor a nuestro cliente. Feliz codificacion :)

Regular License
Regular License Selected
$18

Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.

Extended License
$600

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

View license details

$18
  • Included: Quality checked by Envato
  • Included: Future updates
  • Included: 6 months support from ilhammeidi More Info

Price is in US dollars and excludes tax and handling fees

Elite author

Elite Author

View Portfolio
Last Update
High Resolution Yes
Compatible Browsers Firefox, Safari, Opera, Chrome, Edge
Compatible With ReactJS
ThemeForest Files Included SCSS Files, JS Files
Columns 2
Documentation Well Documented
Layout Responsive
Tags admin, backend, clean, crm, dashboard, e commerce, firebase, landing page, material design, material ui, react admin, react js, redux saga, rtl, startup
Created 7 years ago
© All Rights Reserved ilhammeidi
Contact the Envato Market Help Team
Elements logo

Your all-in-one
creative subscription

ai lab AI tools, with the best AI models
perpetual Unlimited downloads on stock assets

Subscribe to Envato Elements.

Collage of Elements items
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees
by
Price is in US dollars and excludes tax and handling fees

Tell us what you think!

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

Sure, take me to the survey