@kaspernj/api-maker 1.0.217 → 1.0.218

package/package.json

@@ -16,7 +16,7 @@
     ]
   },
   "name": "@kaspernj/api-maker",
-  "version": "1.0.217",
+  "version": "1.0.218",
   "type": "module",
   "description": "",
   "main": "index.js",

package/src/model-name.mjs

@@ -1,4 +1,5 @@
 import Config from "./config.mjs"
+import inflection from "inflection"
 
 export default class ModelName {
   constructor(data) {
@@ -23,8 +24,11 @@ export default class ModelName {
     }
 
     const key = `activerecord.models.${this.data.modelClassData.i18nKey}.${countKey}`
+    let defaultModelName = this.data.modelClassData.name
 
-    return Config.getI18n().t(key)
+    if (args?.count > 1) defaultModelName = inflection.pluralize(defaultModelName)
+
+    return Config.getI18n().t(key, {defaultValue: defaultModelName})
   }
 
   paramKey() {

package/src/params.mjs

@@ -15,6 +15,13 @@ export default class Params {
     return incorporator.merge()
   }
 
+  static withParams (params, opts = {}) {
+    const newParams = qs.stringify(params)
+    const newPath = `${location.pathname}?${newParams}`
+
+    return newPath
+  }
+
   static changeParams (given, opts = {}) {
     const params = Params.change(given)
     const newParams = qs.stringify(params)

package/src/super-admin/index-page/index.jsx

@@ -0,0 +1,44 @@
+import {digg, digs} from "diggerize"
+import Params from "../../params"
+import Table from "../../table/table"
+
+export default class ApiMakerSuperAdminIndexPage extends React.PureComponent {
+  static propTypes = {
+    currentUser: PropTypes.object,
+    modelClass: PropTypes.func.isRequired,
+    queryParams: PropTypes.object.isRequired
+  }
+
+  render() {
+    const {currentUser, modelClass} = digs(this.props, "currentUser", "modelClass")
+
+    return (
+      <div>
+        <Table
+          columns={digg(this, "columns")}
+          currentUser={currentUser}
+          modelClass={modelClass}
+          viewModelPath={digg(this, "viewModelPath")}
+        />
+      </div>
+    )
+  }
+
+  columns = () => {
+    return [
+
+    ]
+  }
+
+  viewModelPath = (args) => {
+    const argName = digg(this.props.modelClass.modelClassData(), "camelizedLower")
+    const model = digg(args, argName)
+
+    console.log({args, model})
+
+    return Params.withParams({
+      model: this.props.modelClass.modelClassData().name,
+      model_id: model.primaryKey()
+    })
+  }
+}

package/src/super-admin/index.jsx

@@ -1,11 +1,46 @@
+import {digs} from "diggerize"
+import IndexPage from "./index-page"
 import Layout from "./layout"
+import * as modelsModule from "@kaspernj/api-maker/src/models.mjs.erb"
+import ShowPage from "./show-page"
+import withQueryParams from "on-location-changed/src/with-query-params"
+
+class ApiMakerSuperAdmin extends React.PureComponent {
+  static propTypes = {
+    currentUser: PropTypes.object
+  }
 
-export default class ApiMakerSuperAdmin extends React.PureComponent {
   render() {
+    const {currentUser} = this.props
+    const {queryParams} = digs(this.props, "queryParams")
+    const pageToShow = this.pageToShow()
+    let modelClass
+
+    if (queryParams.model) modelClass = modelsModule[queryParams.model]
+
     return (
       <Layout>
-        stub
+        {pageToShow == "index" &&
+          <IndexPage currentUser={currentUser} modelClass={modelClass} queryParams={queryParams} />
+        }
+        {pageToShow == "show" &&
+          <ShowPage modelClass={modelClass} modelId={queryParams.modelId} />
+        }
       </Layout>
     )
   }
+
+  pageToShow() {
+    const {queryParams} = digs(this.props, "queryParams")
+
+    if (queryParams.model && queryParams.model_id) {
+      return "show"
+    } else if (queryParams.model) {
+      return "index"
+    }
+
+    return "welcome"
+  }
 }
+
+export default withQueryParams(ApiMakerSuperAdmin)

package/src/super-admin/layout/menu/menu-content.jsx

@@ -1,16 +1,23 @@
 import CanCanLoader from "@kaspernj/api-maker/src/can-can-loader"
 import MenuItem from "components/admin/layout/menu/menu-item"
+import Params from "../../../params"
+import * as modelsModule from "@kaspernj/api-maker/src/models.mjs.erb"
 
-const abilities = [
-  [CheckIn, ["index"]],
-  [ClassStep, ["index"]],
-  [ScoreFactor, ["index"]],
-  [ScoreFactorGroup, ["index"]],
-  [School, ["index"]],
-  [SchoolClass, ["index"]],
-  [Survey, ["index"]],
-  [User, ["index"]]
-]
+const models = []
+
+for (const modelKey of Object.keys(modelsModule)) {
+  const model = modelsModule[modelKey]
+
+  models.push(model)
+}
+
+const abilities = []
+
+for (const model of models) {
+  abilities.push(
+    [model, ["index"]]
+  )
+}
 
 export default class ComponentsAdminLayoutMenuContent extends BaseComponent {
   static propTypes = PropTypesExact({
@@ -28,79 +35,21 @@ export default class ComponentsAdminLayoutMenuContent extends BaseComponent {
     return (
       <>
         <CanCanLoader abilities={abilities} component={this} />
-        {canCan?.can("index", CheckIn) &&
+        {this.sortedModels().map((model) => canCan?.can("index", model) &&
           <MenuItem
             active={active}
             icon="sitemap"
             identifier="check-ins"
-            label={CheckIn.modelName().human({count: 2})}
-            to={Routes.adminCheckInsPath()}
-          />
-        }
-        {canCan?.can("index", ClassStep) &&
-          <MenuItem
-            active={active}
-            icon="sitemap"
-            identifier="class-steps"
-            label={ClassStep.modelName().human({count: 2})}
-            to={Routes.adminClassStepsPath()}
-          />
-        }
-        {canCan?.can("index", School) &&
-          <MenuItem
-            active={active}
-            icon="sitemap"
-            identifier="schools"
-            label={School.modelName().human({count: 2})}
-            to={Routes.adminSchoolsPath()}
-          />
-        }
-        {canCan?.can("index", SchoolClass) &&
-          <MenuItem
-            active={active}
-            icon="sitemap"
-            identifier="school-classes"
-            label={SchoolClass.modelName().human({count: 2})}
-            to={Routes.adminSchoolClassesPath()}
-          />
-        }
-        {canCan?.can("index", ScoreFactor) &&
-          <MenuItem
-            active={active}
-            icon="list-ol"
-            identifier="score-factors"
-            label={ScoreFactor.modelName().human({count: 2})}
-            to={Routes.adminScoreFactorsPath()}
-          />
-        }
-        {canCan?.can("index", ScoreFactorGroup) &&
-          <MenuItem
-            active={active}
-            icon="list-ol"
-            identifier="score-factor-groups"
-            label={ScoreFactorGroup.modelName().human({count: 2})}
-            to={Routes.adminScoreFactorGroupsPath()}
+            label={model.modelName().human({count: 2})}
+            key={model.modelClassData().name}
+            to={Params.withParams({model: model.modelClassData().name})}
           />
-        }
-        {canCan?.can("index", Survey) &&
-          <MenuItem
-            active={active}
-            icon="list-ol"
-            identifier="surveys"
-            label={Survey.modelName().human({count: 2})}
-            to={Routes.adminSurveysPath()}
-          />
-        }
-        {canCan?.can("index", User) &&
-          <MenuItem
-            active={active}
-            icon="users"
-            identifier="users"
-            label={User.modelName().human({count: 2})}
-            to={Routes.adminUsersPath()}
-          />
-        }
+        )}
       </>
     )
   }
+
+  sortedModels() {
+    return models.sort((a, b) => a.modelName().human({count: 2}).toLowerCase().localeCompare(b.modelName().human({count: 2}).toLowerCase()))
+  }
 }

package/src/super-admin/layout/no-access.jsx

@@ -0,0 +1,16 @@
+class ComponentsAdminLayoutNoAccess extends BaseComponent {
+  render() {
+    const {currentUser} = digs(this.props, "currentUser")
+
+    return (
+      <div
+        className="components--admin--layout-no-access"
+        data-user-roles={currentUser?.userRoles()?.loaded()?.map((userRole) => userRole.role()?.identifier()).join(", ")}
+      >
+        {I18n.t("js.components.app_layout.no_access.you_dont_have_no_access_to_this_page")}
+      </div>
+    )
+  }
+}
+
+export default withCurrentUser(ComponentsAdminLayoutNoAccess)

package/src/super-admin/show-page.jsx

@@ -0,0 +1,9 @@
+export default class ApiMakerSuperAdminShowPage extends React.PureComponent {
+  render() {
+    return (
+      <div>
+        show page
+      </div>
+    )
+  }
+}