app.js

import { auth, logout } from "../services/app";
import { routerRedux } from "dva/router";
import { parse } from "qs";
import { config } from "../utils";
import { removeSessionStorage } from "../utils/dataUtils";
const { prefix } = config;

export default {
  namespace: "app",
  state: {
    user: {},
    menuPopoverVisible: false,
    siderFold: localStorage.getItem(`${prefix}siderFold`) === "true",
    darkTheme: localStorage.getItem(`${prefix}darkTheme`) === "true",
    isNavbar: document.body.clientWidth < 769,
    navOpenKeys: JSON.parse(localStorage.getItem(`${prefix}navOpenKeys`)) || [],
    signStatus: sessionStorage.getItem(`loadingStatus`) === "true"
  },
  subscriptions: {
    setup({ dispatch, history }) {
      let tid;
      window.onresize = () => {
        clearTimeout(tid);
        tid = setTimeout(() => {
          dispatch({ type: "changeNavbar" });
        }, 300);
      };

      history.listen(location => {
        // check sign status
        dispatch({ type: "checkSignStatus" });
      });
    }
  },
  effects: {
    *signOut({ payload }, { call, put }) {
      const data = yield call(logout, parse(payload));
      if (data.status === 200) {
        removeSessionStorage(`loadingStatus`);
        yield put(routerRedux.push("/login"));
      } else {
        throw data;
      }
    },
    *changeNavbar({ payload }, { put, select }) {
      const { app } = yield select(_ => _);
      const isNavbar = document.body.clientWidth < 769;
      if (isNavbar !== app.isNavbar) {
        yield put({ type: "handleNavbar", payload: isNavbar });
      }
    },

    *checkSignStatus({}, { call, put, select }) {
      const signStatus = yield select(state => state.app.signStatus);
      try {
        // not is login page and signStatus = false
        if (window.location.pathname !== "/login" && !signStatus) {
          const data = yield call(auth);
          // sign successfully
          yield put({ type: "setSignStatus", payload: true });
        }
      } catch (error) {
        // redirect to login page
        console.log(error, "cccccccccccccc");
        window.location.href = "/login";
      }
    }
  },
  reducers: {
    querySuccess(state, { payload: user }) {
      return {
        ...state,
        user
      };
    },

    switchSider(state) {
      localStorage.setItem(`${prefix}siderFold`, !state.siderFold);
      return {
        ...state,
        siderFold: !state.siderFold
      };
    },

    switchTheme(state) {
      localStorage.setItem(`${prefix}darkTheme`, !state.darkTheme);
      return {
        ...state,
        darkTheme: !state.darkTheme
      };
    },

    switchMenuPopver(state) {
      return {
        ...state,
        menuPopoverVisible: !state.menuPopoverVisible
      };
    },

    handleNavbar(state, { payload }) {
      return {
        ...state,
        isNavbar: payload
      };
    },

    handleNavOpenKeys(state, { payload: navOpenKeys }) {
      return {
        ...state,
        ...navOpenKeys
      };
    },

    setSignStatus(state, { payload: signStatus }) {
      sessionStorage.setItem(`loadingStatus`, signStatus);
      return {
        ...state,
        signStatus
      };
    }
  }
};