menupages basic crud

src/views/menupages/mainpages/add/index.js

@@ -24,19 +24,14 @@ const Tables = () => {
     const onSubmitHandler = values => {
             dispatch(
               addmenupages({ 
-                name: values.name,
-                slug: values.slug,
-                view_all: values.view_all,
-                search: values.search,
-                seasons_carousel: values.seasons_carousel,
-                episodes_carousel: values.episodes_carousel,
-                related_movies: values.related_movies,
-                related_series: values.related_series,
-                player_related: values.player_related,
-                live_TV: values.live_TV,
-                my_stuff: values.my_stuff,
-                pages: values.pages,
-                platforms:  values.platforms
+                idproject: values.idproject,
+                system_name: values.system_name,
+                last_seen: values.last_seen,
+                layout_page_id: values.layout_page_id,
+                type: values.type,
+                display: values.display,
+                pagetypeid: values.pagetypeid,
+                order: values.order
             })
             )
           
@@ -59,9 +54,14 @@ const Tables = () => {
                <div className="card-body">
                   <ElementCard selectedElement={{
                         id: '<generate>',
-                        name: '',
-                        slug: '',
-                        platforms: []
+                        idproject: '2',
+                        system_name: '',
+                        last_seen: '',
+                        layout_page_id: '',
+                        type: '',
+                        display: '',
+                        pagetypeid: '',
+                        order: '0'
                         }}
                     onSubmitHandler={onSubmitHandler}
                     />

src/views/menupages/mainpages/card/index.js

@@ -12,7 +12,10 @@ import { Bell, Check, X, AlertTriangle, Info } from 'react-feather'
 
 
 // ** Store & Actions
-import {  updateProject, resetResults, getPlatform  } from '../../store/actions'
+import {resetResults} from '../../store/actions'
+import { getData_pagetypes } from  '../../../settings/store/actions'
+import { getData_layoutmenus } from  '../../../screens/store/actions'
+
 
 import { useForm } from 'react-hook-form'
 import classnames from 'classnames'
@@ -20,8 +23,6 @@ import classnames from 'classnames'
 import Swal from 'sweetalert2'
 import withReactContent from 'sweetalert2-react-content'
 
-import ElementPlatform from './plataform'
-
 
 const SuccessProgressToast = () => (
   <Fragment>
@@ -62,25 +63,24 @@ const handleError = (text) => {
 
   const  [dataElement, setElementData] = useState(null),
      { register, errors, handleSubmit } = useForm(),
+     settingStore = useSelector(state => state.projectsettings),
+     screensStore = useSelector(state => state.screens),
+     [pagetypes, setPagetypes] = useState(null),
+     [layoumenu, setLayoumenu] = useState(null),
       dispatch = useDispatch(),
      notifySuccessProgress = () => toast.success(<SuccessProgressToast />),
       onSubmit = values => {
       if (isObjEmpty(errors)) {
-        
         const submitElement = {
           ...dataElement,
-          name: values.name,
-          slug: values.slug,
-          view_all: values.view_all,
-          search: values.search,
-          seasons_carousel: values.seasons_carousel,
-          episodes_carousel: values.episodes_carousel,
-          related_movies: values.related_movies,
-          related_series: values.related_series,
-          player_related: values.player_related,
-          live_TV: values.live_TV,
-          my_stuff: values.my_stuff,
-          pages: values.pages
+          idproject: values.idproject,
+          system_name: values.system_name,
+          last_seen: values.last_seen,
+          layout_page_id: values.layout_page_id,
+          type: values.type,
+          display: values.display,
+          pagetypeid: values.pagetypeid,
+          order: values.order
         }
         onSubmitHandler(submitElement)
     
@@ -108,6 +108,34 @@ const handleError = (text) => {
     }
   }, [store.saveSucces]) 
 
+// populate page types
+  useEffect(() => {
+    if (!settingStore.allDataPagetypes || settingStore.allDataPagetypes.length < 1) {
+          dispatch(getData_pagetypes({
+            start: 1,
+            length: 1000,
+            q: null
+        }))
+        }
+    }, [dispatch])
+  useEffect(() => {
+      setPagetypes(settingStore.allDataPagetypes)
+  }, [settingStore.allDataPagetypes])  
+
+  // populate layout menus
+  useEffect(() => {
+    if (!screensStore.allDataLayoutMenus || screensStore.allDataLayoutMenus.length < 1) {
+          dispatch(getData_layoutmenus({
+            start: 1,
+            length: 1000,
+            q: null
+        }))
+        }
+    }, [dispatch])
+  useEffect(() => {
+    setLayoumenu(screensStore.allDataLayoutMenus)
+  }, [screensStore.allDataLayoutMenus])  
+
 
 return (
   <Fragment>
@@ -117,7 +145,7 @@ return (
     <Row>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='email'>ID</Label>
+          <Label for='id'>ID</Label>
           <Input 
             readOnly={true} 
             type='text' 
@@ -130,177 +158,139 @@ return (
       </Col>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='name'>Name</Label>
-          <Input 
-            type='text' 
-            name='name'
-            id='name'
-            innerRef={register({ required: true })} 
-            placeholder='Name' 
-            defaultValue={dataElement && dataElement.name} 
-            className={classnames({ 'is-invalid': errors['name'] })}
-            />
-        </FormGroup>
-      </Col>
-      <Col md='4' sm='12'>
-        <FormGroup>
-          <Label for='slug'>Slug</Label>
-          <Input 
+          <Label for='name'>Project ID</Label>
+          <Input
+            readOnly={true}  
             type='text' 
-            name='slug'
-            id='slug'
+            name='idproject'
+            id='idproject'
             innerRef={register({ required: true })} 
-            placeholder='Slug' 
-            defaultValue={dataElement && dataElement.slug}
-            className={classnames({ 'is-invalid': errors['slug'] })}
+            placeholder='idproject' 
+            defaultValue={dataElement && dataElement.idproject} 
+            className={classnames({ 'is-invalid': errors['idproject'] })}
             />
         </FormGroup>
       </Col>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='view_all'>view_all</Label>
+          <Label for='system_name'>System name</Label>
           <Input 
             type='text' 
-            name='view_all'
-            id='view_all'
+            name='system_name'
+            id='system_name'
             innerRef={register({ required: true })} 
-            placeholder='view_all' 
-            defaultValue={dataElement && dataElement.view_all}
-            className={classnames({ 'is-invalid': errors['view_all'] })}
+            placeholder='system_name' 
+            defaultValue={dataElement && dataElement.system_name}
+            className={classnames({ 'is-invalid': errors['system_name'] })}
             />
         </FormGroup>
       </Col>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='search'>search</Label>
+          <Label for='layout_page_id'>Layout page</Label>
           <Input 
-            type='text' 
-            name='search'
-            id='search'
+            type='select' 
+            name='layout_page_id'
+            id='layout_page_id'
             innerRef={register({ required: true })} 
-            placeholder='search' 
-            defaultValue={dataElement && dataElement.search}
-            className={classnames({ 'is-invalid': errors['search'] })}
-            />
+            placeholder='layout_page_id' 
+            defaultValue={dataElement && dataElement.layout_page_id}
+            className={classnames({ 'is-invalid': errors['layout_page_id'] })}
+            >
+              {!!layoumenu ? layoumenu.map(option => {
+              return  <option key={option.id} 
+                selected={option.id === dataElement.layout_page_id ? option.id : ''}
+                value={option.id}>{option.name}</option>
+          }) : <option>Loading</option> }
+        </Input>
         </FormGroup>
       </Col>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='seasons_carousel'>seasons_carousel</Label>
+          <Label for='type'>type</Label>
           <Input 
-            type='text' 
-            name='seasons_carousel'
-            id='seasons_carousel'
+            type='select' 
+            name='type'
+            id='type'
             innerRef={register({ required: true })} 
-            placeholder='seasons_carousel' 
-            defaultValue={dataElement && dataElement.seasons_carousel}
-            className={classnames({ 'is-invalid': errors['seasons_carousel'] })}
-            />
+            placeholder='type' 
+            defaultValue={dataElement && dataElement.type}
+            className={classnames({ 'is-invalid': errors['type'] })}
+            >
+              <option value='master'>Master</option>
+              <option value='child'>Child</option>
+          </Input>    
         </FormGroup>
       </Col>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='episodes_carousel'>episodes_carousel</Label>
+          <Label for='display'>display</Label>
           <Input 
-            type='text' 
-            name='episodes_carousel'
-            id='episodes_carousel'
+            type='select' 
+            name='display'
+            id='display'
             innerRef={register({ required: true })} 
-            placeholder='episodes_carousel' 
-            defaultValue={dataElement && dataElement.episodes_carousel}
-            className={classnames({ 'is-invalid': errors['episodes_carousel'] })}
-            />
+            placeholder='display' 
+            defaultValue={dataElement && dataElement.display}
+            className={classnames({ 'is-invalid': errors['display'] })}
+            >
+              <option value='icon_text'>Icon Text</option>
+              <option value='icon'>Icon</option>
+              <option value='text'>Text</option>
+          </Input>
         </FormGroup>
       </Col>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='related_movies'>related_movies</Label>
+          <Label for='pagetypeid'>Page Type</Label>
           <Input 
-            type='text' 
-            name='related_movies'
-            id='related_movies'
+            type='select' 
+            name='pagetypeid'
+            id='pagetypeid'
             innerRef={register({ required: true })} 
-            placeholder='related_movies' 
-            defaultValue={dataElement && dataElement.related_movies}
-            className={classnames({ 'is-invalid': errors['related_movies'] })}
-            />
+            placeholder='pagetypeid' 
+            defaultValue={dataElement && dataElement.pagetypeid}
+            className={classnames({ 'is-invalid': errors['pagetypeid'] })}
+            >
+            {!!pagetypes ? pagetypes.map(option => {
+               
+                return  <option key={option.id} 
+                  selected={option.id === dataElement.pagetypeid}
+                  value={option.id}>{option.type}</option>
+            }) : <option>Loading</option> }
+          </Input>
         </FormGroup>
       </Col>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='related_series'>related_series</Label>
+          <Label for='order'>order</Label>
           <Input 
             type='text' 
-            name='related_series'
-            id='related_series'
+            name='order'
+            id='order'
             innerRef={register({ required: true })} 
-            placeholder='related_series' 
-            defaultValue={dataElement && dataElement.related_series}
-            className={classnames({ 'is-invalid': errors['related_series'] })}
+            placeholder='order' 
+            defaultValue={dataElement && dataElement.order}
+            className={classnames({ 'is-invalid': errors['order'] })}
             />
         </FormGroup>
       </Col>
       <Col md='4' sm='12'>
         <FormGroup>
-          <Label for='player_related'>player_related</Label>
+          <Label for='last_seen'>last_seen</Label>
           <Input 
+            readOnly={true}
             type='text' 
-            name='player_related'
-            id='player_related'
-            innerRef={register({ required: true })} 
-            placeholder='player_related' 
-            defaultValue={dataElement && dataElement.player_related}
-            className={classnames({ 'is-invalid': errors['player_related'] })}
+            name='last_seen'
+            id='last_seen'
+            innerRef={register({ required: false })} 
+            placeholder='last_seen' 
+            defaultValue={dataElement && dataElement.last_seen}
+            className={classnames({ 'is-invalid': errors['last_seen'] })}
             />
         </FormGroup>
       </Col>
-      <Col md='4' sm='12'>
-        <FormGroup>
-          <Label for='live_TV'>live_TV</Label>
-          <Input 
-            type='text' 
-            name='live_TV'
-            id='live_TV'
-            innerRef={register({ required: true })} 
-            placeholder='live_TV' 
-            defaultValue={dataElement && dataElement.live_TV}
-            className={classnames({ 'is-invalid': errors['live_TV'] })}
-            />
-        </FormGroup>
-      </Col>
-      <Col md='4' sm='12'>
-        <FormGroup>
-          <Label for='my_stuff'>my_stuff</Label>
-          <Input 
-            type='text' 
-            name='my_stuff'
-            id='my_stuff'
-            innerRef={register({ required: true })} 
-            placeholder='my_stuff' 
-            defaultValue={dataElement && dataElement.my_stuff}
-            className={classnames({ 'is-invalid': errors['my_stuff'] })}
-            />
-        </FormGroup>
-      </Col>
-      <Col md='4' sm='12'>
-        <FormGroup>
-          <Label for='my_stuff'>pages</Label>
-          <Input 
-            type='text' 
-            name='pages'
-            id='pages'
-            innerRef={register({ required: true })} 
-            placeholder='pages' 
-            defaultValue={dataElement && dataElement.pages}
-            className={classnames({ 'is-invalid': errors['pages'] })}
-            />
-        </FormGroup>
-      </Col>
-
-
-      <Col sm='12'>
-        <ElementPlatform  dataElement={dataElement} setElement={setElementData} store={store} />
-      </Col>
+      
     
       <Col className='d-flex flex-sm-row flex-column mt-2' sm='12'>
         <Button.Ripple className='mb-1 mb-sm-0 mr-0 mr-sm-1' type='submit' color='primary'>

src/views/menupages/mainpages/edit/main.js

@@ -21,23 +21,18 @@ const ElementEdit = () => {
       { id } = useParams()
 
     const onSubmitHandler = values => {
+      console.log(values)
       dispatch(
           updatemenupages({
               ...dataElement,
-              id: values.id,
-              name: values.name,
-              slug: values.slug,
-              platforms: values.platforms,
-              view_all: values.view_all,
-              search: values.search,
-              seasons_carousel: values.seasons_carousel,
-              episodes_carousel: values.episodes_carousel,
-              related_movies: values.related_movies,
-              related_series: values.related_series,
-              player_related: values.player_related,
-              live_TV: values.live_TV,
-              my_stuff: values.my_stuff,
-              pages: values.pages
+              idproject: values.idproject,
+              system_name: values.system_name,
+              last_seen: values.last_seen,
+              layout_page_id: values.layout_page_id,
+              type: values.type,
+              display: values.display,
+              pagetypeid: values.pagetypeid,
+              order: values.order
           })
         )
       

src/views/menupages/store/actions/pages.js

@@ -31,10 +31,8 @@ export const getData_menupages = params => {
 
   export const addmenupages = params => {
     return (dispatch, getState) => {
-      const newparam = addProject(params)
-      console.log(newparams)
       axios
-        .post(`${process.env.REACT_APP_API}${moduleSettings.apiBaseURL}`, newparams)
+        .post(`${process.env.REACT_APP_API}${moduleSettings.apiBaseURL}`, params)
         .then(response => {
           dispatch({
             type: 'ADD_MENUPAGE',