permission update done

Author: mydearxym

components/LoadingEffects/TableLoading.js

@@ -25,7 +25,7 @@ const LoadingText = styled.div`
 const TableLoading = () => (
   <LoadingWrapper>
     <LoadingIcon src={`${ICON_ASSETS}/cmd/rainbow_logo.svg`} />
-    <LoadingText>... 漫威的编辑真心可以 ...</LoadingText>
+    <LoadingText>... 漫威的编剧真心可以 ...</LoadingText>
   </LoadingWrapper>
 )
 

containers/PermissionEditor/index.js

@@ -18,6 +18,8 @@ import {
   isEmptyNil,
   isObject,
   maybe,
+  mapKey,
+  mapValue,
   objToArray,
 } from '../../utils'
 
@@ -44,10 +46,6 @@ const debug = makeDebugger('C:PermissionEditor')
 const valueIsObj = v => isObject(v)
 const valueIsNotObj = R.complement(valueIsObj)
 
-// TODO: move to utils
-const mapKey = R.compose(R.head, R.keys)
-const mapValue = R.compose(R.head, R.values)
-
 const tooltipOffset = JSON.stringify({ top: 5, right: -5 })
 
 const getManagedCommunitiesRaws = userRules => {
@@ -112,25 +110,40 @@ const getCurUserRules = (data, curView, activeRaw) => {
   return maybe(userRulesByCommunities[activeRaw], {})
 }
 
-const PermissionList = ({ data, allRules, curView, activeRaw }) => {
+const PermissionList = ({
+  data,
+  allRules,
+  selectRules,
+  curView,
+  activeRaw,
+}) => {
   if (isEmptyNil(data)) {
     return <div />
   }
 
   const curUserRules = getCurUserRules(data, curView, activeRaw)
+  const selectGeneralRules = R.filter(valueIsNotObj, selectRules)
+  const selectCommunityRules = R.filter(valueIsObj, selectRules)
 
   const curAllRules =
     curView === 'general'
       ? getJson(allRules.general)
       : getJson(allRules.community)
 
-  const dataArray = objToArray(R.merge(curAllRules, curUserRules))
+  const curSelectRules =
+    curView === 'general' ? selectGeneralRules : selectCommunityRules[activeRaw]
+
+  const curActiveRules = R.merge(curUserRules, curSelectRules)
+  const ruleArray = objToArray(R.merge(curAllRules, curActiveRules))
 
   return (
     <PermissionWrapper>
       <React.Fragment>
-        {dataArray.map(p => (
-          <PerItem key={shortid.generate()}>
+        {ruleArray.map(p => (
+          <PerItem
+            key={shortid.generate()}
+            onClick={logic.onRuleClick.bind(this, p)}
+          >
             <PerTitle>{mapKey(p)}</PerTitle> <CheckMark active={mapValue(p)} />
           </PerItem>
         ))}
@@ -156,6 +169,7 @@ class PermissionEditorContainer extends React.Component {
       allRulesData,
       curView,
       curCommunityRaw,
+      selectRulesData,
     } = permissionEditor
 
     const user = editData.data
@@ -176,6 +190,7 @@ class PermissionEditorContainer extends React.Component {
         <Divider />
         <PermissionList
           data={cmsPassportString}
+          selectRules={selectRulesData}
           allRules={allRulesData.cms}
           curView={curView}
           activeRaw={curCommunityRaw}
@@ -198,7 +213,7 @@ class PermissionEditorContainer extends React.Component {
               <Icon type="loading" /> 保存中
             </Button>
           ) : (
-            <Button type="primary" onClick={debug}>
+            <Button type="primary" onClick={logic.confirm.bind(this, user.id)}>
               保存
             </Button>
           )}

containers/PermissionEditor/logic.js

@@ -1,6 +1,14 @@
-// import R from 'ramda'
+import R from 'ramda'
 
-import { makeDebugger, $solver, asyncRes } from '../../utils'
+import {
+  makeDebugger,
+  $solver,
+  asyncRes,
+  mapKey,
+  mapValue,
+  TYPE,
+  closePreviewer,
+} from '../../utils'
 import SR71 from '../../utils/network/sr71'
 import { PAGE_SIZE } from '../../config'
 
@@ -34,6 +42,30 @@ export function communitySelect(curCommunityRaw) {
   })
 }
 
+export function onRuleClick(rule) {
+  /* let selectRules = JSON.parse(permissionEditor.selectRules) */
+  const { curCommunityRaw } = permissionEditor
+  let { selectRulesData } = permissionEditor
+
+  if (curCommunityRaw === 'general') {
+    selectRulesData = R.merge(selectRulesData, {
+      [mapKey(rule)]: !mapValue(rule),
+    })
+  } else {
+    const curCommunitySelectRules = R.mergeDeepRight(selectRulesData, {
+      [curCommunityRaw]: {
+        [mapKey(rule)]: !mapValue(rule),
+      },
+    })
+
+    selectRulesData = R.merge(selectRulesData, curCommunitySelectRules)
+  }
+
+  permissionEditor.markState({
+    selectRules: JSON.stringify(selectRulesData),
+  })
+}
+
 export function getAllCommunities(page = 1) {
   sr71$.query(S.pagedCommunities, commonFilter(page))
 }
@@ -42,6 +74,13 @@ export function getAllRules() {
   sr71$.query(S.allPassportRulesString, {})
 }
 
+export function confirm(userId) {
+  debug('confirm ..userId: ', userId)
+  debug('selectRules --> ', permissionEditor.selectRules)
+  const rules = permissionEditor.selectRules
+  sr71$.mutate(S.stampCmsPassport, { userId, rules })
+}
+
 // ###############################
 // Data & Error handlers
 // ###############################
@@ -64,6 +103,15 @@ const DataSolver = [
       })
     },
   },
+  {
+    match: asyncRes('stampCmsPassport'),
+    action: () => {
+      closePreviewer(TYPE.USERS_REFRESH)
+      permissionEditor.markState({
+        selectRules: '{}',
+      })
+    },
+  },
 ]
 const ErrSolver = []
 

containers/PermissionEditor/schema.js

@@ -25,9 +25,18 @@ const allPassportRulesString = gql`
   }
 `
 
+const stampCmsPassport = gql`
+  mutation($userId: ID!, $rules: String!) {
+    stampCmsPassport(userId: $userId, rules: $rules) {
+      id
+    }
+  }
+`
+
 const schema = {
   pagedCommunities,
   allPassportRulesString,
+  stampCmsPassport,
 }
 
 export default schema

containers/UsersContent/logic.js

@@ -14,7 +14,9 @@ import { PAGE_SIZE } from '../../config'
 import S from './schema'
 import SR71 from '../../utils/network/sr71'
 
-const sr71$ = new SR71()
+const sr71$ = new SR71({
+  resv_event: [EVENT.PREVIEW_CLOSE],
+})
 let sub$ = null
 
 /* eslint-disable no-unused-vars */
@@ -71,6 +73,22 @@ const DataSolver = [
       })
     },
   },
+  {
+    match: asyncRes(EVENT.PREVIEW_CLOSE),
+    action: res => {
+      const closeType = res[EVENT.PREVIEW_CLOSE].type
+      switch (closeType) {
+        case TYPE.USERS_REFRESH: {
+          const { pageNumber } = usersContent.pagedUsersData
+          return loadUsers(pageNumber)
+        }
+        default: {
+          debug('unknow event: ', closeType)
+          /* return loadPosts() */
+        }
+      }
+    },
+  },
 ]
 const ErrSolver = []
 

stores/PermissionEditorStore/index.js

@@ -31,6 +31,7 @@ const PermissionEditorStore = t
       'general'
     ),
     curCommunityRaw: t.optional(t.string, 'general'),
+    selectRules: t.optional(t.string, '{}'),
   })
   .views(self => ({
     get root() {
@@ -42,6 +43,9 @@ const PermissionEditorStore = t
     get allRulesData() {
       return stripMobx(self.allRules)
     },
+    get selectRulesData() {
+      return JSON.parse(self.selectRules)
+    },
   }))
   .actions(self => ({
     markState(sobj) {

utils/constants.js

@@ -96,6 +96,8 @@ export const TYPE = {
   COMMUNITIES_REFRESH: 'COMMUNITIES_REFRESH',
   TAGS_REFRESH: 'TAGS_REFRESH',
   GATEGORIES_REFRESH: 'GATEGORIES_REFRESH',
+
+  USERS_REFRESH: 'USERS_REFRESH',
 }
 
 export const ROUTE = {

utils/functions.js

@@ -53,6 +53,9 @@ export const objToArray = input =>
     return { [key]: input[key] }
   })
 
+export const mapKey = R.compose(R.head, R.keys)
+export const mapValue = R.compose(R.head, R.values)
+
 // reference: https://blog.carbonfive.com/2017/12/20/easy-pipeline-debugging-with-curried-console-log/
 export const Rlog = (arg = 'Rlog: ') => R.tap(log(arg))
 

utils/index.js

@@ -11,6 +11,8 @@ export { makeDebugger } from './debug'
 export {
   dispatchEvent,
   mapKeys,
+  mapKey,
+  mapValue,
   isObject,
   maybe,
   objToArray,