Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Anirudh Murali
    @_AnirudhM_twitter
    Whenever I refresh cleanui vue, it takes me to the login page and then there is a delay of 2-3 seconds before it takes me to the requested page. I believe it's because of Routes Guard, I don't want to remove it, can't it be done without taking the user to login page?
    Sellpixels Robot
    @sellpixels-robot

    Whenever I refresh cleanui vue, it takes me to the login page and then there is a delay of 2-3 seconds before it takes me to the requested page. I believe it's because of Routes Guard, I don't want to remove it, can't it be done without taking the user to login page?

    Hi, this is delay for firebase user auth checking - you can add loader overlay (or just empty white div) and hide it when this procedure is complete

    Anirudh Murali
    @_AnirudhM_twitter
    removing the loading of login page is making it fast, is there any reason not to do that?
    or is it placed because authentication check happens only at login page
    Sellpixels Robot
    @sellpixels-robot

    removing the loading of login page is making it fast, is there any reason not to do that?

    It more complex thing I think, if you find elegant solutions please let us know :) thank you

    or is it placed because authentication check happens only at login page

    what if user will open inner page directly?

    Anirudh Murali
    @_AnirudhM_twitter
    store.state.user.authorized would be false, so it should not load right?
    Sellpixels Robot
    @sellpixels-robot

    store.state.user.authorized would be false, so it should not load right?

    what if user really unauthorized? How to check when login page should be visible?

    we tried few varinats how change this behavior, and decided to keep the current version
    Anirudh Murali
    @_AnirudhM_twitter
    hmm, got it. cool then
    thanks
    Sellpixels Robot
    @sellpixels-robot
    in react version we just prevent rendering any layout component, till firebase return user state
    I don't remember exactly, but we deny this idea for Vue because we didn't want to add unobvious functionality
    we added this task to our to-do list, maybe in near future we will try to add loading overlay for firebase init process
    thank you for the report
    Anirudh Murali
    @_AnirudhM_twitter
    How do I make it to not render any layout component?
    This is quite important because this is not just for refresh, our customers open lot of links in new tabs, and all tabs go to login page, then to the required page
    atleast a loading overlay is better, please pick it up when time permits, thanks
    Sellpixels Robot
    @sellpixels-robot

    How do I make it to not render any layout component?
    This is quite important because this is not just for refresh, our customers open lot of links in new tabs, and all tabs go to login page, then to the required page

    Yeah, that makes sense. Will improve that asap

    Anirudh Murali
    @_AnirudhM_twitter
    Thanks! 🙏
    lmela0
    @lmela0

    Hi, i got a CleanUI template which i'd like to extend in typescript.
    After having read several answers about "adding the typescript nature to the template" and having done everything to add the required support, i've got a working env (react+redux) with typescript 3.9.5, integrated alongside the existing javascript modules.
    However, i continue getting a warning (after dev server started) about version support from typescript-estree (following)

    =============

    WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-estree.

    You may find that it works just fine, or you may not.

    SUPPORTED TYPESCRIPT VERSIONS: >=3.2.1 <3.5.0

    YOUR TYPESCRIPT VERSION: 3.9.5

    Please only submit bug reports when using the officially supported version.

    =============

    I've tried to change version to a supported one (both 3.4/3.4.5) but i get a strange behaviour that doesn't let me end the compiling:

    Cannot compile namespaces when the '--isolatedModules' flag is provided. TS1208

    2 | // you should restart dev server after variables changes
    3 | // ref: https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

    4 | module.exports = {
    | ^
    5 | '@body-background': '#f2f4f8',
    6 | '@font-size-base': '13px',
    7 | '@font-size-lg': '15px',

    And if i don't provide --isolatedModules (or set it to false) it gets setted by his own.

    Do you have a solution to this unusual behaviour involving your JS template?

    1 reply
    Anirudh Murali
    @_AnirudhM_twitter

    Opening two instances of the web app and logging out in one does not log out in other. How to solve?

    1. Open two tabs
    2. Both with https://vue.cleanui.cloud/
    3. Log into both
    4. Log out in one tab
    5. Other tab still works

    It should ideally log out in both places, how to fix?

    Sellpixels Robot
    @sellpixels-robot

    Hi, i got a CleanUI template which i'd like to extend in typescript.
    After having read several answers about "adding the typescript nature to the template" and having done everything to add the required support, i've got a working env (react+redux) with typescript 3.9.5, integrated alongside the existing javascript modules.
    However, i continue getting a warning (after dev server started) about version support from typescript-estree (following)

    =============

    WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-estree.

    You may find that it works just fine, or you may not.

    SUPPORTED TYPESCRIPT VERSIONS: >=3.2.1 <3.5.0

    YOUR TYPESCRIPT VERSION: 3.9.5

    Please only submit bug reports when using the officially supported version.

    =============

    I've tried to change version to a supported one (both 3.4/3.4.5) but i get a strange behaviour that doesn't let me end the compiling:

    Cannot compile namespaces when the '--isolatedModules' flag is provided. TS1208

    2 | // you should restart dev server after variables changes
    3 | // ref: https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

    4 | module.exports = {
    | ^
    5 | '@body-background': '#f2f4f8',
    6 | '@font-size-base': '13px',
    7 | '@font-size-lg': '15px',

    And if i don't provide --isolatedModules (or set it to false) it gets setted by his own.

    Do you have a solution to this unusual behaviour involving your JS template?

    This is outdated And Theme Loader, please try to use latest (uses regular less import) - https://github.com/sellpixels/cleanui-admin-template-react-cra/tree/master/src/components/kit/vendors/antd/themes

    Opening two instances of the web app and logging out in one does not log out in other. How to solve?

    1. Open two tabs
    2. Both with https://vue.cleanui.cloud/
    3. Log into both
    4. Log out in one tab
    5. Other tab still works

    It should ideally log out in both places, how to fix?

    After page reloading the app catch latest auth data from firebase localstorage, you should implement cross window events to trigger logout method

    lmela0
    @lmela0
    Hello everyone, following https://docs.sellpixels.com/admin-templates/react/cookbook/basic-acl i'm trying to handle/modify the security in the cleanui template i'm working on, but i can't find the module you cite on the former link.
    Could you help me?
    Sellpixels Robot
    @sellpixels-robot
    Hi, this is a component with the basic security features. It prevents render or do redirect based on current user role
    Just import this component to yours and try to use examples from docs
    Are you using Clean UI or Air UI template?
    lmela0
    @lmela0
    Clean UI
    Sellpixels Robot
    @sellpixels-robot
    Are you using version 3.x?
    Please use latest version from GitHub - this component placed oh this path src/components/cleanui/system/ACL/index.js
    lmela0
    @lmela0
    how can i have access to the repo?
    Sellpixels Robot
    @sellpixels-robot
    lmela0
    @lmela0
    thank you, i'll check asap
    Sellpixels Robot
    @sellpixels-robot

    thank you, i'll check asap

    You are welcome!

    Anirudh Murali
    @_AnirudhM_twitter
    There is a small UI issue in the dark mode of Vue cleanui template. Enable dark mode in this page: https://vue.cleanui.cloud/#/tables/antd
    Click Sort on "Address" cell under Filter and Sort table. Move your mouse elsewhere, you can see the cell background go white. Tried to fix it, couldn't. Please let me know which css property should be edited for fixing this.
    image.png
    The squad
    @Thesqua37755212_twitter
    Hi l need help
    lm a noob and l dont know much l wanted to ask if the 99+ Widgets will config itself with all the parts of the website
    or no there just for show
    Is anyone online?
    @sellpixels-robot l need help
    IF YOU COULD HELP ME L WOULD LOVE THAT
    The squad
    @Thesqua37755212_twitter
    UHHHHHHHHHHH
    hELPING ME WOULD HEL
    P
    lmela0
    @lmela0

    Hi, trying to start the updated version of the template (which you gave me access the last week) i found some issues i don't get. I report the output from the start to give an hint about what the problem could be

    
    yarn run v1.22.4
    proj  | $ react-app-rewired start
    proj  | ℹ 「wds」: Project is running at http://172.20.0.2/
    proj  | ℹ 「wds」: webpack output is served from 
    proj  | ℹ 「wds」: Content not from webpack is served from /root/proj/public
    proj  | ℹ 「wds」: 404s will fallback to /
    proj  | Starting the development server...
    proj  | 
    proj  | Done in 12.28s.
    proj_n exited with code 0

    Do you have any ideas about this behaviour?

    Sellpixels Robot
    @sellpixels-robot

    lm a noob and l dont know much l wanted to ask if the 99+ Widgets will config itself with all the parts of the website

    Please clarify your question

    Hi, trying to start the updated version of the template (which you gave me access the last week) i found some issues i don't get. I report the output from the start to give an hint about what the problem could be

    
    yarn run v1.22.4
    proj  | $ react-app-rewired start
    proj  | ℹ 「wds」: Project is running at http://172.20.0.2/
    proj  | ℹ 「wds」: webpack output is served from 
    proj  | ℹ 「wds」: Content not from webpack is served from /root/proj/public
    proj  | ℹ 「wds」: 404s will fallback to /
    proj  | Starting the development server...
    proj  | 
    proj  | Done in 12.28s.
    proj_n exited with code 0

    Do you have any ideas about this behaviour?

    Please try to install latest LTS node version - currently it 12.18.2

    There is a small UI issue in the dark mode of Vue cleanui template. Enable dark mode in this page: https://vue.cleanui.cloud/#/tables/antd
    Click Sort on "Address" cell under Filter and Sort table. Move your mouse elsewhere, you can see the cell background go white. Tried to fix it, couldn't. Please let me know which css property should be edited for fixing this.

    Thank you for the report, we will fix dark theme asap

    lmela0
    @lmela0
    I don't know about how much expected is that behaviour, but i get this result launching the project on volumes attached to a docker container with yarn while, using npm on my local machine env everything goes smooth and working