Hello,

We just downloaded directly from envato website the latest version of our template, we installed it, tested and everything works as expected.

themeforest-19568479-fortress-react-admin-template.zip

This is the path where you can find the page demos:

fortress-react-admin\app\containers\ComponentDemos

What you can do is re download from envato in order to check the zip file.

Hi, Sorry it was my mistake. i am new to React. Its available on the path that you mentioned. Thank you. Regards sathish.

No worries we are here to help

Hello,

The containers/App/reducer.js has a property userIsAuthenticated, and you can set it to true with the action signIn. In a refresh page you could set this value to true by checkin if a token or session is still valid. The App actions and reducer are global.

Thank you for your response. It is any possibility to put the function that check it the token is valid to all components in one place? I think on react router… I saw in a react-router old version something with “onEnter”

You can place it in the containers/App/index.js for example

componentDidMount() {
  const currentRoute = this.props.routes[this.props.routes.length - 1];
  this.checkUserIsAuthenticate(currentRoute);
}
componentWillReceiveProps(nextProps) {
  const nextRoute = nextProps.routes[nextProps.routes.length - 1];
  const currentRoute = this.props.routes[this.props.routes.length - 1];
  if (nextRoute !== currentRoute) {
    this.checkUserIsAuthenticate(nextRoute);
  }
}

Any change in the routes will call checkUserIsAuthenticate.

Hello,

We use express.

Check the react boilerplate repo for more info. Our template is based in this boilerplate: https://github.com/react-boilerplate/react-boilerplate

Ok, tks… one more thing, does the header tabs on top, the way it was made saves the last state of the page if I change between the tabs? on your live page, if I select one box, leaving this the tab and come back to it, the check box is not selected anymore.

The tabs in the navbar are for navigation purpose only. In order to persists data in the pages, you have to store the values in a reducer. This template can have reducers by page. For example you can load data from an endpoint or the browser localstorage and set that data in a reducer, so everytime you load the page you can render data from the reducer.

Hello,

Can you try from another app, a single index.html with javascript for example to discard if is something from the server?

Another thing you can try is to remove yield take(LOCATION_CHANGE); yield cancel(watcher); from your saga.

I solved it by: - Changing request URL from http:// to https:// - Disabling Disconnect & AdBlock extensions (or similar)

My end code for getPosts() function (in case other users are implementing same use case):

export function* getPosts() {
    const requestURL = `${root}/posts`;
    const requestHeaders = {
        method: 'GET',
        credentials: 'include',
        mode: 'cors',
        headers: {
            'Content-Type': 'application/json',
            'X-User-Email': 'foo@bar.com', // change as needed
            'X-User-Token': '12345', // change as needed
            'X-Request-Token': '54321', // change as needed
            'Access-Control-Allow-Origin': '*',
        },
    };

    try {
        // Call our request helper (see 'utils/request')
        const posts = yield call(request, requestURL, requestHeaders);
        yield delay(800); // You can delay API requests (optional)
        yield put(postsLoaded(posts));
    } catch (err) {
        yield put(postsLoadingError(err));
    }
}

Thanks for the response! Solved.

great!

hello,

You can add custom css to the globalstyle.js file

I need to add CSS customizations beyond global-style.js and I already figured out the basics of styled-components from react-boilerplate app.

My question: For this theme, is it recommended practice to create individual components for each element (like in https://github.com/react-boilerplate/react-boilerplate/tree/master/app/components)—or is there a different implementation you’d recommend?

Thank you again.

Hello,

For material-ui components styling you can follow this documentation: http://www.material-ui.com/v0.18.7/#/customization/styles

• Notice that you can use inline style or className

For your components you can create their styles in a separate file styles.js inside of their folders like react boilerplate handles: https://github.com/react-boilerplate/react-boilerplate/tree/master/app/components/Button/StyledButton.js

Most of the time your component will have its own styling, but for those cases where you want to share styles between components, you can create css rules in the global-style.js and use them in the className attribute.

Hello,

The react router version we use is 3.0, you can check more libraries in the react boilerplate we used to create this template:

Hello,

We don’t support SSR yet, but we already started working on it. We think is a must feature to have in our template

Hello,

We use Webpack as a task runner and http://www.material-ui.com framework, which can be custom, also we have a global custom css file and also this template is based in react boilerplate which can use SASS https://github.com/react-boilerplate/react-boilerplate

Hello,

We use material-ui framework: http://www.material-ui.com/#/components/app-bar

Also, this template is based in one of the best react boilerplates: https://www.reactboilerplate.com/

Hello,

1) The template is for admin only, In which cases it won’t require authentication? 2, 3 Agree, we will improve it. 4) Yes, this is just guidance, you will have to put your own logic in order to change the fake data with your API calls. 5) Right, it is a bug. We will fix it. 6) We will clean up the unnecessary code here 7) We will add this feature. We will add this feature. 9) Agree, we will improve it, divide and conquer

Thank you for your comments, we will work on these tasks to keep improving this template. We will try to fix the bugs first and improve performance and then work on the features.

1) for example, we have an admin panel for a big number of people and registration is not public (via private email). We need a small page with explanation to the people how to obtain username/password

Hello,

This error could be related with your environment setup. We are using node version 7.9 and npm version 5.02

Check this link: https://github.com/react-boilerplate/react-boilerplate/issues/1752

Also you can try this these commands in your project root in order to reinstall the packages:

rm -rf node_modules npm cache clean npm install

Hello,

Thanks, we just fixed it and it will be on the next release. It should work as it is now since is a string, but the correct way to do it is with the constant.

Thank you

Hello,

Not yet, but it will be a new one soon, we will let know all buyers when ready.

Hello,

This template is based on the react boilerplate github project, you can see the documentation online here:

Got it. I thought those docs were template-specific. Thanks.

Hello,

Looks like if you are going to charge your users, you will need an extended licence. Check this link:

yes, routes are already protected.

in containers/App/reducer.js you will find the isAuthenticate property, if is false you won’t be able to navigate. The login/logoff change this state.

Try to set it to false and start your project.

Yep, it works. I suggest you make better documentation though!

great

yeah, we will improve the documentation for these little details, thanks for the advice. Please give us a rate to keep supporting this template.

I use with setState function. I put the code below for check and changeSelectField

onCheck(event,checked) { const target = event.target ; const name = target.name ; let currentState = Object.assign({}, this.state); let objectName = target.name.split(’.’)[0]; //plans let propertyName = target.name.split(’.’)[1]; // hasMaxHoursPerDay currentStateobjectName = checked; this.setState(currentState); this.forceUpdate() ; }

onChangeSelectField(evt, key, payload, name) {
  let value = payload ; 
  let currentState    = Object.assign({}, this.state);
  let objectName      = name.split('.')[0]; // selectedSpace
  let propertyName    = name.split('.')[1]; // value
  //console.log("objectName: "objectName " | propertyName: "propertyName" | value: "+value) ;
  currentStateobjectName = value;
      this.setState(currentState);
  //console.log(this.state.selectedSpace.country) ;
  this.forceUpdate() ;
}

I am very curios. Can you tell me when you intend to release the new update and what will be the new features ?

Ok,

This looks like a specific case as you mentioned, normally we set the property like this:

this.setState({ property: newValue });

For next release we will update some libraries versions, create a profile page and probably add more page components.

Hello,

It should be not that difficult, since most changes happens in routes, containers and components and maybe the pacakage.json

I guess one way to do it could be moving your containers and components and other changes into this new version and let git compare to tell you if something changed.

Hi, Thank you so much. Today I will test. Do you want to came with ideas for new component base on component that are present in popular admin templates? In my opinion a good template is a template that offer a lot of components I like you template very much as I said before. Bogdan

If you want I can come with code for other components.

Thank you,

Yeah, new component ideas are welcome

Hello,

There is a changelog file where you can find the changes for each version, for version 1.9 these are the new changes:

Boxed Layout New Grid System Page Updated material-ui to 0.18.1 Removed recompose library