admin_core 0.0.2 → 0.0.3

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

@@ -1,34 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceField$Enum} from "../decls";
-
-exports.getValue = function (field: ResourceField$Enum) {
-  return field.value.value;
-};
-
-exports.Index = exports.Show = function (field: ResourceField$Enum) {
-  if (field.value.values.indexOf(field.value.value) !== -1 && typeof field.value.value === "number") {
-    return <span>{field.value.values[field.value.value]}</span>;
-  } else {
-    return <span>{field.value.value}</span>;
-  }
-};
-
-exports.New = exports.Edit = function (field: ResourceField$Enum, onChange: (string, any) => void) {
-  return (
-    <select
-      className="form-control"
-      defaultValue={field.value.value}
-      onChange={(e: SyntheticEvent) => {
-        const el = e.target;
-        if (el instanceof HTMLSelectElement) {
-          onChange(field.name, el.value);
-        }
-      }}
-    >
-      {field.value.values.map((value, i) =>
-        <option value={value} key={i}>{value}</option>
-      )}
-    </select>
-  );
-};

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

@@ -1,28 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceField$Number} from "../decls";
-
-exports.getValue = function (field: ResourceField$Number) {
-  return field.value;
-};
-
-exports.Index = exports.Show = function (field: ResourceField$Number) {
-  return <span>{field.value}</span>;
-};
-
-exports.New = exports.Edit = function(field: ResourceField$Number, 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="number"
-    />
-  );
-};

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

@@ -1,28 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceField$String} from "../decls";
-
-exports.getValue = function (field: ResourceField$String) {
-  return field.value;
-};
-
-exports.Index = exports.Show = function (field: ResourceField$String) {
-  return <span>{field.value}</span>;
-};
-
-exports.New = exports.Edit = function(field: ResourceField$String, 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="text"
-    />
-  );
-};

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

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

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

@@ -1,17 +0,0 @@
-// @flow
-import type {ResourceFilter, ResourceFilterModule} from "./decls";
-
-const resourceFilters: { [string]: ResourceFilterModule; } = {};
-
-export function register(name: string, module: ResourceFilterModule) {
-  resourceFilters[name] = module;
-}
-
-export function renderFilter(filter: ResourceFilter, onChange: (string, string, any) => void) {
-  const module = resourceFilters[filter.type];
-  return module.Filter(filter, onChange);
-}
-
-register("boolean", require("./resource-filter/Boolean"));
-register("number", require("./resource-filter/Number"));
-register("string", require("./resource-filter/String"));

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

@@ -1,22 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceFilter$Boolean} from "../decls";
-
-export function Filter(filter: ResourceFilter$Boolean, onChange: (string, string, string) => void) {
-  return (
-    <select
-      className="form-control"
-      defaultValue={filter.query.value == null ? null : filter.query.value ? "true" : "false"}
-      onChange={(e: SyntheticEvent) => {
-        const el = e.target;
-        if (el instanceof HTMLSelectElement) {
-          onChange(filter.name, "is", el.value);
-        }
-      }}
-    >
-      <option>Any</option>
-      <option value="true">Yes</option>
-      <option value="false">No</option>
-    </select>
-  );
-}

data/client/src/resource-filter/Number.jsx

@@ -1,45 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceFilter$Number} from "../decls";
-
-class ResourceFilterNumber extends React.Component {
-  props: {
-    filter: ResourceFilter$Number;
-    onChange: (string, string, string) => void;
-  };
-
-  handleChange() {
-    this.props.onChange(
-      this.props.filter.name,
-      this.refs.select.value,
-      this.refs.input.value
-    );
-  }
-
-  render() {
-    return (
-      <div>
-        <select
-          ref="select"
-          className="form-control"
-          defaultValue={this.props.filter.query.operator}
-          onChange={this.handleChange.bind(this)}
-        >
-          <option value="equals">Equals</option>
-          <option value="greater_than">Greater than</option>
-          <option value="less_than">Less than</option>
-        </select>
-        <input
-          ref="input"
-          className="form-control"
-          defaultValue={this.props.filter.query.value}
-          onChange={this.handleChange.bind(this)}
-        />
-      </div>
-    );
-  }
-}
-
-export function Filter(filter: ResourceFilter$Number, onChange: (string, string, string) => void) {
-  return <ResourceFilterNumber filter={filter} onChange={onChange} />;
-}

data/client/src/resource-filter/String.jsx

@@ -1,46 +0,0 @@
-// @flow
-import React from "react";
-import type {ResourceFilter$String} from "../decls";
-
-class ResourceFilterString extends React.Component {
-  props: {
-    filter: ResourceFilter$String;
-    onChange: (string, string, string) => void;
-  };
-
-  handleChange() {
-    this.props.onChange(
-      this.props.filter.name,
-      this.refs.select.value,
-      this.refs.input.value
-    );
-  }
-
-  render() {
-    return (
-      <div>
-        <select
-          ref="select"
-          className="form-control"
-          defaultValue={this.props.filter.query.operator}
-          onChange={this.handleChange.bind(this)}
-        >
-          <option value="contains">Contains</option>
-          <option value="equals">Equals</option>
-          <option value="starts_with">Starts with</option>
-          <option value="ends_with">Ends with</option>
-        </select>
-        <input
-          ref="input"
-          className="form-control"
-          defaultValue={this.props.filter.query.value}
-          onChange={this.handleChange.bind(this)}
-        />
-      </div>
-    );
-  }
-}
-
-export function Filter(filter: ResourceFilter$String, onChange: (string, string, string) => void) {
-  return <ResourceFilterString filter={filter} onChange={onChange} />;
-}

data/client/src/resource-page/Base.js

@@ -1,36 +0,0 @@
-// @flow
-import React from "react";
-import type {Location, RouterHistory} from "react-router-dom";
-
-import httpClient from "../http-client";
-
-export default class Base extends React.Component {
-  props: {
-    location: Location;
-    history: RouterHistory;
-  };
-
-  state: any;
-
-  constructor(props: any) {
-    super(props);
-    this.state = {};
-  }
-
-  componentDidMount() {
-    this.loadPage();
-  }
-
-  componentDidUpdate(prevProps: { location: Location; }) {
-    if (this.props.location.pathname !== prevProps.location.pathname ||
-        this.props.location.search !== prevProps.location.search) {
-      this.loadPage();
-    }
-  }
-
-  loadPage() {
-    const jsonPathname = this.props.location.pathname.replace(/\.[^/.]+$/, "") + ".json";
-    httpClient.get(jsonPathname + this.props.location.search)
-      .then(({ data }) => this.setState({ page: data.page }));
-  }
-}

data/client/src/resource-page/Edit.jsx

@@ -1,48 +0,0 @@
-// @flow
-import React from "react";
-
-import Base from "./Base";
-import ResourceForm from "../components/ResourceForm";
-import Breadcrumb from "../components/Breadcrumb";
-import type {ResourcePage$Edit, ResourceManager} from "../decls";
-
-export default function editPage(resourceManager: ResourceManager) {
-  class EditPage extends Base {
-    state: {
-      page?: ResourcePage$Edit;
-    }
-
-    render() {
-      const page = this.state.page;
-      return (
-        <main className="main">
-          <Breadcrumb links={[["Home", "/"], [resourceManager.displayName, resourceManager.indexPath], page ? [page.resource.displayName, page.resource.showPath || "#"] : ["...", "#"]]} current="Edit"/>
-          <div className="container-fluid">
-            <div className="animated fadeIn">
-              <div className="row">
-                {page &&
-                  <div className="col-sm-12">
-                    <div className="card">
-                      <div className="card-block">
-                        <h3 className="card-title">
-                          New
-                        </h3>
-                        <ResourceForm
-                          action={page.resource.showPath || ""}
-                          history={this.props.history}
-                          resource={page.resource}
-                        />
-                      </div>
-                    </div>
-                  </div>
-                }
-              </div>
-            </div>
-          </div>
-        </main>
-      );
-    }
-  }
-  EditPage.displayName = `EditPage(${resourceManager.displayName})`;
-  return EditPage;
-}

data/client/src/resource-page/Index.jsx

@@ -1,141 +0,0 @@
-// @flow
-import React from "react";
-import classNames from "classnames";
-import omit from "lodash.omit";
-import reduce from "lodash.reduce";
-import toPairs from "lodash.topairs";
-import {Link} from "react-router-dom";
-import {ButtonGroup, Card, CardBlock, CardHeader, CardTitle} from "reactstrap";
-
-import Base from "./Base";
-import Breadcrumb from "../components/Breadcrumb";
-import ResourceFilters from "../components/ResourceFilters";
-import ResourcesCollection from "../components/ResourcesCollection";
-import Pagination from "../components/Pagination";
-import type {ResourceManager, ResourcePage$Index} from "../decls";
-
-export default function index(resourceManager: ResourceManager) {
-  class IndexPage extends Base {
-    queries: { [string]: string; };
-
-    state: {
-      page?: ResourcePage$Index;
-    }
-
-    componentDidMount(...args: any) {
-      super.componentDidMount(...args);
-      this.setQueries();
-    }
-
-    componentDidUpdate(...args: any) {
-      super.componentDidUpdate(...args);
-      this.setQueries();
-    }
-
-    setQueries() {
-      this.queries = reduce(this.props.location.search.substring(1).split("&"), (acc, kv) => {
-        const [key, value] = kv.split("=");
-        if (key) {
-          acc[key] = value;
-        }
-        return acc;
-      }, {});
-    }
-
-    renderScopeButton(scope: { name: string; count: number; }, key: number) {
-      const match = scope.name === this.queries.scope;
-      const search = reduce(toPairs(omit(this.queries, "scope")), (acc, kv) => {
-        acc.push(kv.join("="));
-        return acc;
-      }, match ? [] : [`scope=${scope.name}`]).join("&");
-      return (
-        <Link
-          to={{
-            pathname: this.props.location.pathname,
-            search: search ? `?${search}` : "",
-            hash: this.props.location.hash,
-          }}
-          className={classNames("btn", { "btn-primary": match, "btn-secondary": !match })}
-          key={key}
-        >
-          {scope.name} ({scope.count})
-        </Link>
-      );
-    }
-
-    needFilter() {
-      const page = this.state.page;
-      return page && (page.scopes.length > 0 || page.filters.length > 0);
-    }
-
-    render() {
-      const page = this.state.page;
-      return (
-        <main className="main">
-          <Breadcrumb links={[["Home", "/"]]} current={resourceManager.displayName}/>
-          <div className="container-fluid">
-            <div className="animated fadeIn">
-              <div className="row">
-                {this.needFilter() &&
-                  <div className="col-sm-12 col-lg-3 push-lg-9">
-                    {page && page.scopes.length > 0 &&
-                      <Card>
-                        <CardHeader>
-                          Scopes
-                        </CardHeader>
-                        <CardBlock>
-                          <ButtonGroup vertical className="hidden-md-down d-block">
-                            {page.scopes.map((scope, i) =>
-                              this.renderScopeButton(scope, i)
-                            )}
-                          </ButtonGroup>
-                          <ButtonGroup className="hidden-lg-up">
-                            {page.scopes.map((scope, i) =>
-                              this.renderScopeButton(scope, i)
-                            )}
-                          </ButtonGroup>
-                        </CardBlock>
-                      </Card>
-                    }
-                    {page && page.filters.length > 0 &&
-                      <ResourceFilters location={this.props.location} filters={page.filters} />
-                    }
-                  </div>
-                }
-                { page &&
-                  <div className={classNames("col-sm-12", { "col-lg-9 pull-lg-3": this.needFilter() })}>
-                    <Card>
-                      <CardBlock>
-                        <div className="row">
-                          <div className="col-sm-5">
-                            <CardTitle>{resourceManager.displayName}</CardTitle>
-                          </div>
-                          <div className="col-sm-7">
-                            {resourceManager.newPath &&
-                              <Link to={resourceManager.newPath} className="btn btn-primary float-right">
-                                <i className="icon-plus" />
-                              </Link>
-                            }
-                          </div>
-                        </div>
-                        <ResourcesCollection {...page} />
-                        {page.pagination.total > 1 &&
-                          <Pagination
-                            {...page.pagination}
-                            location={this.props.location}
-                          />
-                        }
-                      </CardBlock>
-                    </Card>
-                  </div>
-                }
-              </div>
-            </div>
-          </div>
-        </main>
-      );
-    }
-  }
-  IndexPage.displayName = `IndexPage(${resourceManager.displayName})`;
-  return IndexPage;
-}