Hi akhmadmizkat,

Terimaksih telah mengunjungi Portofolio saya.

Untuk enlite prome sebagian besar component telah menggunakan react hooks. Tinggal beberapa component yang masih menggunakan Class, yaitu Form dan Demo penggunaan UI. Dan akan segera menyusul untuk updatenya,

Salam.

Terimakasih infonya. Kalau misalnya purchase sekarang, nanti updatenya masih dapet kah mas?

Hi akhmadmizkat,

Terimakasih telah membeli template Enlite Prime.

Iya untuk update akan selalu dapat selama template ini masih ada di Themeforest.

Silahkan jika memiliki pertanyaan lebih lanjut.

Salam.

Hi karthik_energica,

Thanks for purchasing.

You can exclude the font-awesome from build:dll in packages.json by add it in array exclude

"dllPlugin": {
  "exclude": [
     "font-awesome" 
  ]
}

And also in internals/config.js

dllPlugin: {
  defaults: {
    exclude: [
      'font-awesome'

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

Regards.

Hi edsaana,

Thanks for purchasing.

Unfortunately we don’t have HTML version, only react.js But we open to discuss for custom development to create HTML version. For further details please contact us via our profile message https://themeforest.net/user/ilhammeidi.

Regards.

Hi newvision-it,

Thanks for purchasing and the appreciation.

For deployment we recommend to follow the docs https://ilhammeidi.github.io/enlite-docs/#deploy

If you deploy by uploading method, the error may happen because assets not loaded from the correct path. So need to change the path from src=”/file.js” to src=”./file.js”

You can adjust in internals/webpack/webpack.prod.babel.js

// line: 20 - in output add public path './'
output: {
  publicPath: './'
}

// line: 96 - in OfflinePlugin set relativePaths to true
new OfflinePlugin({
  relativePaths: true,
)}

- After npm run build, please make sure in build/index.html and build/sw.js The path should be src=”./file.js”.

- For another static assets like favicon and images in app/index.html need to change the path manually.

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

Regards.

Hi myappsnay,

Secara default template ini semua assets path akan mengarah ke domain utama. Jika ingin deploy dengan subfolder perlu mengubah path src="/file.js" menjadi src="./file.js"

// line: 20 - Di output tambahkan public path './'
output: {
  publicPath: './'
}

// line: 96 - Di OfflinePlugin set relativePaths menjadi true
new OfflinePlugin({
  relativePaths: true,
)}

Setelah npm run build, coba pastikan di build/index.html dan build/sw.js Harusnya path menjadi src="./file.js".

Untuk assets lain yang static seperti favicon dan images di app/index.html harus di ubah manual pathnya.

Jika ada masih kendala, saya sarankan menggunakan subdomain dashboard.example.com Karena seperti di contoh demo, sejauh ini tidak ada kendala jika menggunakan subdomain.

Salam.

Terima kasih solusinya, berhasil.

Sip sama-sama

Hi fbenevides,

Please check youre node.js version. This template work on node.js stable v12 and v14. Then try to update some package list in package.json

"firebase": "^7.24.0",
"node-sass": "^4.14.1", (if using node 14)
"node-sass": "^4.12.0", (if using node 12)

See the compatibility of node-sass https://www.npmjs.com/package/node-sass

Regards.

Thanks kang untuk contohnya. sangat manfaat Namun yang saya inginkan penggunaan const loading dan messageAuth yang ada di Login.js dan LoginForm.js Intinya saya ingin form login ketika diklik tombol lanjutkan muncul loadingnya, jika berhasil saya arahkan ke halaman admin nah jika gagal saya inggin menggunakan messageAuthnya. Bagaimana caranya Tolong kang bisa email untuk supportnya? Sampurasun

Hi myappsnay,

Dari sisi front end ada 2 state yang utama yaitu user dan loading.

setLoading(true)

if (user !== null) {
  history.push('/app');
}

if (user == null || user == undefined) {
  setMsg('login gagal');
  setOpen(true);
}

Di template ini menggunakan redux dan firebase dimana fungsi2 auth sudah disediakan dan response nya cukup lengkap. Jika menggunakan API lain mungkin format responsenya berbeda. Kebetulan saya expert di frontend tidak terlalu fokus di backend, jadi hanya bisa cari referense seperti beri contoh berikut:

Article https://jasonwatmore.com/post/2017/09/16/react-redux-user-registration-and-login-tutorial-example

Repo https://github.com/cornflourblue/react-redux-registration-login-example/tree/master/src

Demo https://stackblitz.com/edit/react-redux-registration-login-example

Semoga membantu.

Dan untuk email, silahkan message lewat halaman profile saya https://themeforest.net/user/ilhammeidi Nanti akan saya reply ke email.

Salam.

Hi myappsnay ,

Silahkan cek balasan kami di comment sebelumnya.

Terimakasih.

Hi myappsnay ,

Terimakasih telah membeli template kami dan laporan errornya.

Berikut tambahan referensinya https://stackoverflow.com/questions/37415134/error-node-sass-does-not-yet-support-your-current-environment-windows-64-bit-w

Kami akan update package list nya minggu depan.

Semoga bisa membantu dan silahkan jika ada pertanyaan lebih lanjut.

Salam.

Hi myappsnay ,

Bila masih ada error saat installasi atau run npm start terkait sass, silahkan coba ganti sass-loader v8.x.x ke sass-loader v7.1.0 dengan perintah npm install sass-loader@7.1.0 --save

Salam.

Hi,

I think you need to try to change the node-saas version in package.json to “node-sass”: “4.14.0”, and install again. It means this template use node-sass version < 5.

And there’s also discussion about this issue that might can help https://stackoverflow.com/questions/64625050/error-node-sass-version-5-0-0-is-incompatible-with-4-0-0

Regards.

thank you very much you saved my day

Youre welcome, happy to hear that

Hi CodeNerdsNL,

Thanks for purchasing.

For form contact, first get the values from state. Since this template handle the front-end only, then you need to setup the mailer with nodemailer https://nodemailer.com/about/. Here’s the article sample https://medium.com/javascript-in-plain-english/sending-email-in-react-application-with-nodemailer-afcef6906608 Repo: https://github.com/ishan-me/React_node_email

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

Regards.

Hello, I want to change the padding, top margin, and a few other CSS of the login and register page. can you please tell me where can I find the CSS files of the same and how can I edit the values? I can do it easily when I right click and inspect an element on chrome but I cannot find the CSS file and the path to locate it through inspect the element and change the values and adjust responsiveness. Please help. thank you

Hi parth619,

Thanks for purchasing.

About the installation problem, please try to remove node_modules/ and try to install again. And for styling this template use jss (css in js). For user form styling you can find in \app\components\Forms\user-jss.js

And for the rest styling, you can find by locate the react-component first with react dev-tools plugin, and the jss-style should be in same directory or as inline(variable)

Feel free if you have any further queries.

Regards.

Please check https://codesandbox.io/s/muidatatables-s7je3 > Choose Expandable Row

Here’s the step:

state = {
    rowsExpanded: [0]
  };

rowsExpanded: this.state.rowsExpanded,

onRowExpansionChange: (curExpanded, allExpanded, rowsExpanded) => {
        this.setState({ rowsExpanded: [curExpanded[0].index] });
        // console.log(curExpanded);
      }

Hope this can help.

Regards.

Thanks for your quick response.

render() {
    const { columns, rowsExpanded } = this.state;
    const { classes, intl, page, pageLimit, searchText, data, totalCount, fetchData} = this.props;
    const options = {
      filter: false,
      filterType: 'dropdown',
      responsive: 'stacked',
      download: false,
      print: false,
      searchText: searchText,
      rowsPerPage: pageLimit,
      page: page,
      jsonMode: true,
      serverSide: true,
      count: totalCount,
      selectableRows : false,
      expandableRows: true,
      rowsExpanded: rowsExpanded,
      onTableChange: (action, tableState) => {
        console.log(action)
        switch (action) {
            case 'search':
                this.debounceSearch(tableState.searchText)
                break;
            case 'changePage':
            case 'changeRowsPerPage':
                fetchData(tableState.page, tableState.rowsPerPage, tableState.searchText)
                break;
        }
      },
      renderExpandableRow: (rowData, rowMeta) => {
          return this.rowExpansion(data[rowMeta.rowIndex]);
      },
      onRowExpansionChange: (curExpanded, allExpanded, rowsExpanded) => {
        console.log(curExpanded);
        this.setState({ rowsExpanded: [curExpanded[0].index] });
      },
    };
    return (
        <div classname="{classes.table}">
            <MUIDataTable
              title={""}
              data={data}
              columns={columns}
              options={options}>
            </MUIDataTable>
        </div>
    );
  }

Hi,

The onRowExpansionChange only available in MuiDataTables v 3.4.0 Please make sure to install the plugin MuiDataTables v 3.4.0 Please make sure to install the plugin.

Regards.

Hi chrisxcidic,

Terimaksih telah membeli Enlite Prime.

Sayangnya kami hanya memilik versi React Boilerplate.

Untuk CRA silahkan dicoba dengan memindahkan container, components, redux, styles dan public asset ke project CRA. Dan juga jangan lupa untuk menginstal dependencies yang terkait.

Silahkan jika memiliki pertanyaan lebih lanjut.

Salam.

Hi adhi_nugraha,

Terimakasih telah mengunjungi portfolio kami.

Perbedaan keduanya terdapat pada konsep design. Kemudian untuk fitur Enlite terintegrasi dengan backend firebase. Dan untuk Dandelion memiliki sample halaman yang lebih banyak.

Salam.

Later this year

Hi phpexpert3

Thanks for visiting our portfolio. This is a React.js template written in react class. Not migrate to hooks yet.

Regards.

Hi ilhammeidi, I mean I wanted to edit the color of the title of the website “Enlite Prime” near the logo, it is white when the template is dark, and black when the template is dark. I want it for example red in light mode and green in dark mode. In app/components/Header/header-jss.js it is defined using: brand: { display: ‘flex’, alignItems: ‘center’, justifyContent: ‘center’, padding: 10, fontSize: 16, margin: 0, fontWeight: 600, textDecoration: ‘none’, color: theme.palette.text.primary, ‘& img’: { marginRight: 10, width: 30 }, }

I didnt find how to edit theme.palette.text.primary, editing the colors in lightPalette.js and darkPalette.js didnt affect it. I hope you understand what I mean.

Thanks.

it is white when the template is dark, and black when the template is light *

Hi mysterieux20,

Sorry for the misunderstanding.

For dark/light you need to create condition in jss. You can use theme.palette.type which return is dark or light. For example red in light mode and green in dark mode

color: theme.palette.type === 'dark' ? "green" : "red",

You can see the example usage in header-jss.js around line:44. Then for theme.palette.text.primary is the default value from material-ui library. We’re not recommend to change it, because will changes all of text color globally. But if you want to do it in, you can make an overider in app/styles/theme/applicationTheme.js in palette object

palette: {
  text: {
     primary: mode === "dark" ? "white" : "black",
     secondary: mode === "dark" ? "#dedede" : "#525252",
  }
}

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

Regards.

Hi wifisoftpune,

Thanks for purchasing.

This template also including static pages for authentication without firebase function, so you can use that without backend effect. You can see in Demo site > Pages > Static Auth categories. Here’s the pages code /app/containers/Pages/Users/

If you want to remove firebase completely, you can remove the mentioned bellow:

- /app/firebase/
- firebase.json
- firebase.rules.json

- app/containers/SampleFullstackApps/
- app/containers/Pages/UsersFullstack/
- app/components/Forms/LoginFormFirebase.js
- app/components/Forms/RegisterFormFirebase.js

- /app/redux/actions/authActions.js
- /app/redux/constants/authConstants.js
- /app/redux/modules/authReducer.js
- /app/redux/selectors/authSelectors.js

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

Regars.