@kaspernj/api-maker 1.0.222 → 1.0.223

package/package.json

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

package/src/bootstrap/attribute-row/index.jsx

@@ -71,10 +71,9 @@ export default class ApiMakerBootstrapAttributeRow extends React.PureComponent {
     if (value instanceof Date) {
       return strftime("%Y-%m-%d %H:%M", value)
     } else if (typeof value === "boolean") {
-      if (value)
-        return I18n.t("js.shared.yes")
+      if (value) return I18n.t("js.shared.yes", {defaultValue: "Yes"})
 
-      return I18n.t("js.shared.no")
+      return I18n.t("js.shared.no", {defaultValue: "No"})
     } else if (MoneyFormatter.isMoney(value)) {
       return MoneyFormatter.format(value)
     } else {

package/src/model-load-wrapper.jsx

@@ -1,17 +1,19 @@
+import {digg, digs} from "diggerize"
 import EventUpdated from "./event-updated"
 import Params from "./params.mjs"
 import PropTypes from "prop-types"
 import React from "react"
 import withQueryParams from "on-location-changed/src/with-query-params"
 
-export default (WrappedComponent, ModelClass, args = {}) => {
+export default (WrappedComponent, mdelClassArg, args = {}) => {
   class ModelLoadWrapper extends React.PureComponent {
     static propTypes = {
       queryParams: PropTypes.object
     }
 
-    camelizedLower = ModelClass.modelName().camelizedLower()
-    paramsVariableName = `${ModelClass.modelName().paramKey()}_id`
+    modelClass = this.resolveModelClass(mdelClassArg)
+    camelizedLower = this.modelClass.modelName().camelizedLower()
+    paramsVariableName = `${this.modelClass.modelName().paramKey()}_id`
 
     state = {
       model: undefined,
@@ -19,6 +21,14 @@ export default (WrappedComponent, ModelClass, args = {}) => {
       notFound: undefined
     }
 
+    resolveModelClass(modelClassArg) {
+      const {queryParams} = digs(this.props, "queryParams")
+
+      if (typeof modelClassArg == "function") return modelClassArg({queryParams})
+
+      return modelClassArg
+    }
+
     componentDidMount() {
       this.loadModel()
     }
@@ -50,6 +60,7 @@ export default (WrappedComponent, ModelClass, args = {}) => {
 
     loadExistingModel = async () => {
       const modelId = this.getModelId()
+      const ModelClass = digg(this, "modelClass")
       const query = await ModelClass.ransack({id_eq: modelId})
 
       if (args.abilities) query.abilities(args.abilities)

package/src/super-admin/config-reader.jsx

@@ -20,6 +20,26 @@ export default class ApiMakerSuperAdminConfigReader {
     this.modelConfig = modelConfig
   }
 
+  attributesToShow() {
+    const {modelConfig} = digs(this, "modelConfig")
+
+    if (modelConfig?.show?.attributesToShow) {
+      return modelConfig.show.attributesToShow()
+    }
+
+    return this.defaultAttributesToShow()
+  }
+
+  defaultAttributesToShow() {
+    const attributesToShow = []
+
+    for (const column of this.defaultTableColumns()) {
+      attributesToShow.push(digg(column, "attribute"))
+    }
+
+    return attributesToShow
+  }
+
   tableColumns() {
     const {modelConfig} = digs(this, "modelConfig")
 

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

@@ -1,11 +1,49 @@
+import AttributeRows from "../bootstrap/attribute-rows"
+import ConfigReader from "./config-reader"
+import {digg, digs} from "diggerize"
+import modelLoadWrapper from "../model-load-wrapper"
 import React from "react"
 
-export default class ApiMakerSuperAdminShowPage extends React.PureComponent {
+class ApiMakerSuperAdminShowPage extends React.PureComponent {
   render() {
+    const attributes = this.attributes()
+    const model = this.model()
+
     return (
       <div className="super-admin--show-page">
-        show page
+        {attributes && model &&
+          <AttributeRows attributes={attributes} model={model} />
+        }
       </div>
     )
   }
+
+  attributes() {
+    const {modelClass} = digs(this.props, "modelClass")
+    const configReader = ConfigReader.forModel(modelClass)
+
+    return configReader.attributesToShow()
+  }
+
+  model() {
+    const {modelClass} = digs(this.props, "modelClass")
+    const camelizedLower = digg(modelClass.modelClassData(), "camelizedLower")
+
+    return digg(this, "props", camelizedLower)
+  }
+}
+
+const modelClassResolver = ({queryParams}) => {
+  const modelClassName = digg(queryParams, "model")
+  const modelClass = digg(require("../models.mjs.erb"), modelClassName)
+
+  return modelClass
 }
+
+export default modelLoadWrapper(
+  ApiMakerSuperAdminShowPage,
+  modelClassResolver,
+  {
+    loadByQueryParam: ({props}) => props.queryParams.model_id
+  }
+)