Move selectContentTypes action into explorePanel

Author: scriptype

src/cms/server/public/app/editProject.js

@@ -2,7 +2,6 @@ import api from '../api.js'
 import { setIframeSrc } from './common.js'
 import dialog from './components/dialog.js'
 import selectContentTypesForm from './components/selectContentTypesForm.js'
-import defaultContentTypes from './defaultContentTypes.js'
 
 const editProject = async ({ ssgOptions }) => {
   console.log('starting editor with ssgOptions', ssgOptions)
@@ -14,19 +13,6 @@ const editProject = async ({ ssgOptions }) => {
     return console.log('contentTypes', contentTypes)
   }
   console.log('no contentTypes')
-  const { $el: $contentTypeForm } = selectContentTypesForm({
-    defaultContentTypes,
-    onSubmit: (selectedContentTypes) => {
-      console.log('selectedContentTypes', selectedContentTypes)
-      selectedContentTypes.forEach(async contentType => {
-        await api.contentTypes.create(contentType)
-      })
-      dialog.hide()
-    }
-  })
-  dialog
-    .appendChild($contentTypeForm)
-    .show()
 }
 
 export default editProject

src/cms/server/public/app/explorePanel.js

@@ -6,6 +6,7 @@ import getSSGOptions from './explorePanel/getSSGOptions.js'
 import getSettings from './explorePanel/getSettings.js'
 import updateSettings from './explorePanel/updateSettings.js'
 import getContentTypes from './explorePanel/getContentTypes.js'
+import selectContentTypes from './explorePanel/selectContentTypes.js'
 import createContentType from './explorePanel/createContentType.js'
 import getContentModel from './explorePanel/getContentModel.js'
 import getFileSystemTree from './explorePanel/getFileSystemTree.js'
@@ -31,6 +32,7 @@ const template = () => {
 
       <p>contentTypes</p>
       <button type="button" id="get-content-types-btn">get contentTypes</button>
+      <button type="button" id="select-content-types-btn">select contentTypes</button>
       <button type="button" id="create-content-type-btn">create contentType</button>
 
       <p>contentModel</p>
@@ -71,6 +73,7 @@ const makeButtonsWork = (panel) => {
   panel.querySelector('#get-settings-btn').addEventListener('click', getSettings)
   panel.querySelector('#update-settings-btn').addEventListener('click', updateSettings)
   panel.querySelector('#get-content-types-btn').addEventListener('click', getContentTypes)
+  panel.querySelector('#select-content-types-btn').addEventListener('click', selectContentTypes)
   panel.querySelector('#create-content-type-btn').addEventListener('click', createContentType)
   panel.querySelector('#get-content-model-btn').addEventListener('click', getContentModel)
   panel.querySelector('#get-file-system-tree-btn').addEventListener('click', getFileSystemTree)

src/cms/server/public/app/explorePanel/selectContentTypes.js

@@ -0,0 +1,20 @@
+import api from '../../api.js'
+import dialog from '../components/dialog.js'
+import selectContentTypesForm from '../components/selectContentTypesForm.js'
+import defaultContentTypes from '../defaultContentTypes.js'
+
+export default async () => {
+  const { $el: $contentTypeForm } = selectContentTypesForm({
+    defaultContentTypes,
+    onSubmit: (selectedContentTypes) => {
+      console.log('selectedContentTypes', selectedContentTypes)
+      selectedContentTypes.forEach(async contentType => {
+        await api.contentTypes.create(contentType)
+      })
+      dialog.hide()
+    }
+  })
+  dialog
+    .appendChild($contentTypeForm)
+    .show()
+}