admin_core 0.0.2 → 0.0.3

data/client/src/components/ResourcesCollection.jsx

@@ -1,41 +0,0 @@
-// @flow
-import React from "react";
-import {Link} from "react-router-dom";
-
-import type {Resource} from "../decls";
-import {renderIndex} from "../resource-field-renderer";
-
-export default class ResourcesCollection extends React.Component {
-  props: {
-    attributes: string[];
-    resources: Resource[];
-  }
-
-  render() {
-    return (
-      <table className="table table-bordered table-hover table-sm">
-        <thead>
-          <tr>
-            {this.props.attributes.map((attribute, i) =>
-              <th key={i}>{attribute}</th>
-            )}
-          </tr>
-        </thead>
-        <tbody>
-          {this.props.resources.map((resource, i) =>
-            <tr key={i}>
-              {resource.fields.map((field, j) => {
-                const showPath = resource.showPath;
-                if (j === 0 && showPath) {
-                  return <td key={j}><Link to={showPath}>{renderIndex(field)}</Link></td>;
-                } else {
-                  return <td key={j}>{renderIndex(field)}</td>;
-                }
-              })}
-            </tr>
-          )}
-        </tbody>
-      </table>
-    );
-  }
-}

data/client/src/components/Sidebar.jsx

@@ -1,90 +0,0 @@
-// @flow
-import React from "react";
-import {NavLink} from "react-router-dom";
-
-import type {
-  SidebarDropdown,
-  SidebarItem,
-  SidebarLink,
-  SidebarTitle,
-} from "../decls";
-
-export default class Sidebar extends React.Component {
-  props: {
-    items: SidebarItem[];
-  }
-
-  handleClick(e: SyntheticEvent) {
-    e.preventDefault();
-    const target = e.target;
-    if (target instanceof HTMLElement) {
-      const parent = target.parentElement;
-      if (parent) {
-        parent.classList.toggle("open");
-      }
-    }
-  }
-
-  renderSidebarItem(item: SidebarItem, key: number) {
-    if (item.type === 'title') {
-      return this.renderSidebarTitle(item, key);
-    } else if (item.type === 'link') {
-      return this.renderSidebarLink(item, key);
-    } else if (item.type === 'dropdown') {
-      return this.renderSidebarDropdown(item, key);
-    }
-  }
-
-  renderSidebarTitle(sidebarTitle: SidebarTitle, key: number) {
-    return (
-      <li className="nav-title" key={key}>
-        {sidebarTitle.displayName}
-      </li>
-    );
-  }
-
-  renderSidebarDropdown(sidebarDropdown: SidebarDropdown, key: number) {
-    return (
-      <li className="nav-item nav-dropdown" key={key}>
-        <a className="nav-link nav-dropdown-toggle" href="#" onClick={this.handleClick}>
-          {sidebarDropdown.displayName}
-        </a>
-        <ul className="nav-dropdown-items">
-          {sidebarDropdown.links.map((link, i) =>
-            this.renderSidebarLink(link, i)
-          )}
-        </ul>
-      </li>
-    )
-  }
-
-  renderSidebarLink(link: SidebarLink, key: number) {
-    return (
-      <li className="nav-item" key={key}>
-        {link.external ?
-          <a href={link.link} className="nav-link">
-            {link.displayName}
-          </a>
-        :
-          <NavLink to={link.link} className="nav-link" activeClassName="active">
-            {link.displayName}
-          </NavLink>
-        }
-      </li>
-    );
-  }
-
-  render() {
-    return (
-      <div className="sidebar">
-        <nav className="sidebar-nav">
-          <ul className="nav">
-            {this.props.items.map((item, i) =>
-              this.renderSidebarItem(item, i)
-            )}
-          </ul>
-        </nav>
-      </div>
-    );
-  }
-}

data/client/src/decls.js

@@ -1,119 +0,0 @@
-// @flow
-
-// Represent a single ActiveRecord::Base
-export type Resource = {
-  displayName: string;
-  name: string;
-  showPath: ?string; // If it is null, the resource is not persisted.
-  editPath: ?string; // If it is null, the resource is not updatable.
-  destroyable: boolean;
-  fields: ResourceField[];
-}
-
-// Represent a child class of AdminCore::BaseResourceManager.
-//
-// @see AdminCore::BaseResourceManager.to_hash
-export type ResourceManager = {
-  displayName: string;
-  indexPath: string;
-  newPath: ?string; // If it is null, the resource is not creatable.
-  showPath: string;
-  editPath: ?string; // If it is null, the resource is not updatable.
-  scopes: string[];
-}
-
-type $ResourceField<T, V> = {
-  displayName: string;
-  name: string;
-  type: T;
-  value: V;
-};
-
-export type ResourceField = $ResourceField<*, *>;
-
-export type ResourceField$Boolean = $ResourceField<"boolean", boolean>;
-export type ResourceField$BelongsTo = $ResourceField<"belongs_to", { resource: Resource; paramName: string; }>;
-export type ResourceField$Date = $ResourceField<"date", string>;
-export type ResourceField$DateTime = $ResourceField<"date_time", string>;
-export type ResourceField$Enum = $ResourceField<"enum", { value: string; values: string[]; }>;
-export type ResourceField$Number = $ResourceField<"number", number>;
-export type ResourceField$String = $ResourceField<"string", string>;
-export type ResourceField$Text = $ResourceField<"text", string>;
-
-// Shape of exports of resource-field/*.js
-export type ResourceFieldModule = {
-  Index: (ResourceField) => React$Element<*>;
-  New: (ResourceField, onChange: (string, any) => void) => React$Element<*>;
-  Show: (ResourceField) => React$Element<*>;
-  Edit: (ResourceField, onChange: (string, any) => void) => React$Element<*>;
-  getValue: (ResourceField) => any;
-}
-
-
-type $ResourceFilter<O, V> = {
-  type: string;
-  name: string;
-  displayName: string;
-  query: {
-    operator: O;
-    value: ?V;
-  };
-}
-
-export type ResourceFilter = $ResourceFilter<*, *>;
-
-export type ResourceFilter$Boolean = $ResourceFilter<"is", boolean>;
-export type ResourceFilter$Number = $ResourceFilter<"equals" | "greater_than" | "less_than", number>;
-export type ResourceFilter$String = $ResourceFilter<"contains" | "equals" | "starts_with" | "ends_with", string>;
-
-// Shpae of exports of admin-core/resource-filter/*.js
-export type ResourceFilterModule = {
-  Filter: (ResourceFilter, _: (string, string, string) => void) => React$Element<*>;
-}
-
-// Shape of AdminCore::ResourcePage::Index#to_json
-export type ResourcePage$Index = {
-  attributes: string[];
-  resources: Resource[];
-  filters: ResourceFilter[];
-  scopes: { name: string; count: number; }[];
-  pagination: {
-    current: number;
-    total: number;
-  };
-}
-
-// Shape of AdminCore::ResourcePage::New#to_json
-export type ResourcePage$New = {
-  resource: Resource;
-}
-
-// Shape of AdminCore::ResourcePage::Show#to_json
-export type ResourcePage$Show = {
-  resource: Resource;
-}
-
-// Shape of AdminCore::ResourcePage::Edit#to_json
-export type ResourcePage$Edit = {
-  resource: Resource;
-}
-
-export type SidebarItem = SidebarTitle | SidebarDropdown | SidebarLink;
-
-export type SidebarTitle = {
-  type: "title";
-  displayName: string;
-}
-
-export type SidebarDropdown = {
-  type: "dropdown";
-  displayName: string;
-  links: SidebarLink[];
-}
-
-export type SidebarLink = {
-  type: "link";
-  displayName: string;
-  link: string;
-  external: boolean;
-};

data/client/src/http-client.js

@@ -1,18 +0,0 @@
-// @flow
-import axios from "axios";
-
-const httpClient = axios.create({
-  headers: {
-    "Accept": "application/json",
-  },
-});
-
-httpClient.interceptors.request.use(config => {
-  const csrfToken = document.querySelector("meta[name='csrf-token']");
-  if (csrfToken instanceof HTMLMetaElement && config.headers) {
-    config.headers["X-CSRF-Token"] = csrfToken.content;
-  }
-  return config;
-});
-
-export default httpClient;

data/client/src/main.js

@@ -1,9 +0,0 @@
-import AdminCore from "./AdminCore";
-import React from "react";
-import ReactDOM from "react-dom";
-import ReactRouterDOM from "react-router-dom";
-
-global.AdminCore = AdminCore;
-global.React = React;
-global.ReactDOM = ReactDOM;
-global.ReactRouterDOM = ReactRouterDOM;

data/client/src/resource-field-renderer.js

@@ -1,45 +0,0 @@
-// @flow
-import type {
-  ResourceFieldModule,
-  ResourceField,
-} from "./decls";
-
-const resourceFields: { [string]: ResourceFieldModule; } = {};
-
-export function register(name: string, module: ResourceFieldModule) {
-  resourceFields[name] = module;
-}
-
-export function getValue(field: ResourceField) {
-  const module = resourceFields[field.type];
-  return module.getValue(field);
-}
-
-export function renderIndex(field: ResourceField) {
-  const module = resourceFields[field.type];
-  return module.Index(field);
-}
-
-export function renderNew(field: ResourceField, onChange: (string, any) => void) {
-  const module = resourceFields[field.type];
-  return module.New(field, onChange);
-}
-
-export function renderShow(field: ResourceField) {
-  const module = resourceFields[field.type];
-  return module.Show(field);
-}
-
-export function renderEdit(field: ResourceField, onChange: (string, any) => void) {
-  const module = resourceFields[field.type];
-  return module.Edit(field, onChange);
-}
-
-register("belongs_to", require("./resource-field/BelongsTo"));
-register("boolean", require("./resource-field/Boolean"));
-register("date", require("./resource-field/Date"));
-register("date_time", require("./resource-field/DateTime"));
-register("enum", require("./resource-field/Enum"));
-register("number", require("./resource-field/Number"));
-register("string", require("./resource-field/String"));
-register("text", require("./resource-field/Text"));

data/client/src/resource-field/BelongsTo.jsx

@@ -1,26 +0,0 @@
-// @flow
-import React from "react";
-import {Link} from "react-router-dom";
-
-import type {ResourceField$BelongsTo} from "../decls";
-import {getValue} from "../resource-field-renderer";
-
-exports.getValue = function (field: ResourceField$BelongsTo) {
-  const fi = field.value.resource.fields.find(f => f.name === field.value.paramName);
-  if (fi) {
-    return getValue(fi);
-  }
-};
-
-exports.Index = exports.Show = function (field: ResourceField$BelongsTo) {
-  const resource = field.value.resource;
-  if (resource.showPath) {
-    return <Link to={resource.showPath}>{resource.displayName}</Link>;
-  } else {
-    return <span>{resource.displayName}</span>;
-  }
-};
-
-exports.New = exports.Edit = function(_field: ResourceField$BelongsTo, _onChange: (string, any) => void) {
-  throw new Error("Not implemented");
-};

data/client/src/resource-field/Boolean.jsx

@@ -1,43 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceField$Boolean} from "../decls";
-
-exports.getValue = function (field: ResourceField$Boolean) {
-  return field.value;
-};
-
-exports.Index = exports.Show = function (field: ResourceField$Boolean) {
-  return (
-    <span className="switch switch-text switch-primary">
-      <input
-        checked={field.value}
-        className="switch-input"
-        disabled={true}
-        type="checkbox"
-      />
-      <span className="switch-label" data-on="On" data-off="Off"/>
-      <span className="switch-handle"/>
-    </span>
-  );
-};
-
-exports.New = exports.Edit = function (field: ResourceField$Boolean, onChange: (string, any) => void) {
-  return (
-    <label className="switch switch-text switch-primary">
-      <input
-        type="checkbox"
-        name={field.name}
-        className="switch-input"
-        defaultChecked={field.value}
-        onChange={(e: SyntheticEvent) => {
-          const el = e.target;
-          if (el instanceof HTMLInputElement) {
-            onChange(field.name, el.checked);
-          }
-        }}
-      />
-      <span className="switch-label" data-on="On" data-off="Off"/>
-      <span className="switch-handle"/>
-    </label>
-  );
-};

data/client/src/resource-field/Date.jsx

@@ -1,29 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceField$Date} from "../decls";
-
-exports.getValue = function (field: ResourceField$Date) {
-  return field.value;
-};
-
-exports.Index = exports.Show = function (field: ResourceField$Date) {
-  const date = new Date(field.value);
-  return <span>{date.toLocaleDateString()}</span>;
-};
-
-exports.New = exports.Edit = function (field: ResourceField$Date, onChange: (string, any) => void) {
-  return (
-    <input
-      className="form-control"
-      defaultValue={field.value}
-      name={field.name}
-      onChange={(e: SyntheticEvent) => {
-        const el = e.target;
-        if (el instanceof HTMLInputElement) {
-          onChange(field.name, el.value);
-        }
-      }}
-      type="date"
-    />
-  );
-};

data/client/src/resource-field/DateTime.jsx

@@ -1,29 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceField$DateTime} from "../decls";
-
-exports.getValue = function (field: ResourceField$DateTime) {
-  return field.value;
-};
-
-exports.Index = exports.Show = function (field: ResourceField$DateTime) {
-  const date = new Date(field.value);
-  return <span>{date.toLocaleString()}</span>;
-};
-
-exports.New = exports.Edit = function (field: ResourceField$DateTime, onChange: (string, any) => void) {
-  return (
-    <input
-      className="form-control"
-      defaultValue={field.value}
-      name={field.name}
-      onChange={(e: SyntheticEvent) => {
-        const el = e.target;
-        if (el instanceof HTMLInputElement) {
-          onChange(field.name, el.value);
-        }
-      }}
-      type="datetime"
-    />
-  );
-};