pages_core 3.12.0 → 3.12.2

data/app/assets/stylesheets/pages/admin/components/forms.scss

@@ -1,169 +0,0 @@
-main form {
-  margin: 16px 32px;
-}
-
-form {
-  .field {
-    margin: 16px 0;
-    padding: 0;
-
-    input[type=text],
-    input[type=password],
-    input[type=email],
-    textarea {
-      transition: border-color 150ms ease-out;
-    }
-
-    label {
-      display: block;
-      padding: 0;
-      margin: 0 0 4px 0;
-      font-weight: bold;
-      font-size: 13px;
-      color: $c-text;
-      transition: color 150ms ease-out;
-
-      &.check-box, &.radio-button {
-        font-weight: normal;
-      }
-      &.radio-button {
-        display: inline-block;
-        margin-right: 10px;
-      }
-    }
-
-    .description {
-      color: $c-text-light;
-      margin: 0 0 6px 0;
-    }
-  }
-
-  .field-with-warning {
-    input[type=text],
-    input[type=password],
-    input[type=email],
-    textarea {
-      border-color: mix($c-border, $c-red, 75%);
-    }
-    label {
-      color: $c-red;
-    }
-  }
-
-  .field-with-errors {
-    background: $c-red-invert;
-    border-top: 1px solid mix($c-red-invert, $c-red, 90%);
-    border-bottom: 1px solid mix($c-red-invert, $c-red, 90%);
-    margin: 0 -32px -1px -32px;
-    padding: 12px 32px 16px 32px;
-
-    label {
-      color: $c-red;
-    }
-  }
-
-  .row {
-    display: flex;
-    flex-wrap: wrap;
-    margin-right: -16px;
-
-    .field {
-      margin-right: 16px;
-      &.text-field {
-        flex-grow: 1;
-        min-width: 300px;
-      }
-    }
-
-    input[type=text],
-    input[type=password] {
-      width: 100%;
-      max-width: none;
-    }
-  }
-
-  .date-range-select {
-    .date {
-      line-height: 34px;
-      display: inline-block;
-      white-space: nowrap;
-      .date-select {
-        display: inline-block;
-      }
-      input[type=text] {
-        display: inline;
-        width: auto;
-        min-width: auto;
-        margin-left: 12px;
-        padding: 4px 6px;
-      }
-    }
-    .to {
-      margin: 0px 8px;
-    }
-  }
-
-  .page-dates {
-    margin-bottom: 40px;
-    .toggles {
-      label {
-        font-weight: normal;
-        display: inline-block;
-        margin-right: 12px;
-        input {
-          margin-right: 6px;
-        }
-        &.disabled {
-          color: $c-text-light;
-        }
-      }
-    }
-    .remove-dates {
-      margin-top: 12px;
-    }
-  }
-}
-
-.fieldWithErrors {
-  display: table;
-  padding: 1px;
-  padding-right: 22px;
-  background: transparent image-url("pages/admin/warning-icon.gif") right 5px no-repeat;
-}
-
-input[type=text],
-input[type=password],
-textarea {
-  width: 100%;
-  max-width: 450px;
-  min-width: 200px;
-  border: 1px solid $c-border;
-  box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.03);
-  padding: 8px 10px;
-  line-height: 1.4;
-  font-family: Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  &:disabled {
-    border-color: $c-border-light;
-    color: $c-text-light;
-  }
-
-  &.warn {
-    border-color: red;
-  }
-}
-
-input[type=text],
-input[type=password] {
-  &.large,
-  main .login-form & {
-    font-size: 1.4em;
-  }
-}
-
-fieldset {
-  padding: 0px;
-  margin: 0px;
-  border: none;
-  border-bottom: 1px solid $c-border;
-}

data/app/assets/stylesheets/pages/admin/components/links.scss

@@ -1,43 +0,0 @@
-a,
-a:visited {
-  color: $c-link;
-  text-decoration: underline;
-}
-
-a:hover,
-a:focus {
-  color: $c-link;
-}
-
-a.create,
-a.create:visited {
-  color: $c-create;
-}
-
-a.create:hover,
-a.create:focus {
-  color: $c-create-hover;
-}
-
-a.cancel,
-a.cancel:visited {
-  color: $c-delete;
-}
-
-a.cancel:hover {
-  color: $c-delete-hover;
-}
-
-a.delete, a.delete:visited {
-  color: $c-delete;
-}
-
-a.delete:hover {
-  color: $c-delete-hover;
-}
-
-button a {
-  padding:5px 0;
-  color: $c-text !important;
-  text-decoration:none;
-}

data/app/assets/stylesheets/pages/admin/components/list_table.scss

@@ -1,61 +0,0 @@
-table.list {
-  border-collapse: collapse;
-  margin: 16px 0;
-  width: 100%;
-
-  td,
-  th {
-    padding: 8px 16px;
-    text-align: left;
-    vertical-align: top;
-  }
-
-  th {
-    @include vertical-gradient($c-background, $c-background-disabled);
-    color: $c-text-light;
-    font-weight: bold;
-    border-bottom: 1px solid $c-border;
-  }
-
-  td {
-    border-bottom: 1px solid $c-border;
-    &.note {
-      color: $c-text-light;
-    }
-    &.name {
-      font-weight: bold;
-    }
-  }
-
-  tr td:first-child,
-  tr th:first-child {
-    padding-left: 32px;
-  }
-  tr td:last-child,
-  tr th:last-child {
-    padding-right: 32px;
-  }
-
-  tr.disabled td  {
-    opacity: 0.5;
-  }
-
-  tr.disabled td:first-child  {
-    background: transparent image-url("pages/admin/list-table-pin-disabled.gif") 14px center no-repeat;
-  }
-
-  tr.active td:first-child  {
-    background: transparent image-url("pages/admin/list-table-pin-blue.gif") 14px center no-repeat;
-  }
-
-  .actions {
-    float: right;
-    margin-bottom: 2px;
-    margin-left: 16px;
-  }
-
-  p {
-    margin: 0;
-    padding: 0;
-  }
-}

data/app/assets/stylesheets/pages/admin/controllers/users.scss

@@ -1,3 +0,0 @@
-table.users tr.invite td {
-  color: $c-text-light;
-}

data/app/assets/stylesheets/pages/admin/mixins/breakpoints.scss

@@ -1,21 +0,0 @@
-@mixin breakpoint-min($width) {
-  @media screen and (min-width: ($width + 1px)) {
-    @content;
-  }
-}
-
-@mixin breakpoint-max($width) {
-  @media screen and (max-width: $width) {
-    @content;
-  }
-}
-
-@mixin breakpoint-min-max($min-width, $max-width) {
-  @media screen and (min-width: ($min-width + 1px)) and (max-width: ($max-width)) {
-    @content;
-  }
-}
-
-@mixin breakpoint-mobile($offset: 0px) {
-  @include breakpoint-max(($breakpoint-mobile + $offset)) { @content; }
-}

data/app/assets/stylesheets/pages/admin/mixins/clearfix.scss

@@ -1,7 +0,0 @@
-%clearfix {
-  &:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
-}

data/app/assets/stylesheets/pages/admin/mixins/gradients.scss

@@ -1,7 +0,0 @@
-@mixin vertical-gradient($start, $stop) {
-  background: $start;
-  background: -moz-linear-gradient(top,  $start 0%, $stop 100%);
-  background: -webkit-linear-gradient(top,  $start 0%,$stop 100%);
-  background: linear-gradient(to bottom,  $start 0%,$stop 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$stop',GradientType=0 );
-}

data/app/assets/stylesheets/pages/admin/vars.scss

@@ -1,30 +0,0 @@
-$breakpoint-mobile: 900px;
-
-$c-red: #c00007;
-$c-red-invert: #fff0f3;
-$c-green: #19ac1e;
-$c-blue: #1d7195;
-$c-blue-dark: darken($c-blue, 15%);
-
-$c-warn-light: #ffdfa0;
-
-$c-background: #fff;
-$c-background-invert: #000;
-$c-background-disabled: #f8f8f8;
-
-$c-text: #111;
-$c-text-light: #666;
-$c-text-lighter: #999;
-$c-text-invert: #fff;
-
-$c-border: #ddd;
-$c-border-light: #eee;
-
-$c-link: $c-blue;
-$c-link-hover: darken($c-link, 10%);
-$c-create: $c-green;
-$c-create-hover: darken($c-create, 10%);
-$c-delete: $c-red;
-$c-delete-hover: darken($c-delete, 10%);
-
-$c-button: #f6f6f6;

data/app/assets/stylesheets/pages/errors.css

@@ -1,128 +0,0 @@
-body {
-  background:          #fff;
-  background:          linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 50%);
-  background-repeat:   no-repeat;
-  margin:              0;
-  padding:             0;
-  border:              0;
-  font-family:         Helvetica, Arial, sans-serif;
-  font-size:           16px;
-  color:               #111;
-  line-height:         1.5;
-}
-
-main {
-  width:               600px;
-  margin:              150px auto;
-}
-
-h1, h2, h3, h4, h5, h6, p, ul, form {
-  margin:              0 0 16px 0;
-}
-
-h4 {
-  margin-bottom:       0;
-  font-size:           1em;
-  font-weight:         bold;
-}
-h4 em {
-  font-weight: normal;
-  font-style: normal;
-}
-
-ul {
-  list-style-type:     disc;
-  list-style-position: inside;
-  padding:             0;
-}
-ul li {
-  margin:              0;
-  padding:             0;
-}
-
-h1 {
-  font-weight:         bold;
-  color: #111;
-  font-size:           36px;
-}
-
-p.footer {
-  margin-top:          64px;
-  font-size:           12px;
-  color:               #868686;
-}
-p.error_id {
-  margin-top:          64px;
-  font-size:           12px;
-  color:               #DCDBD2;
-}
-
-input[type=text], textarea {
-  vertical-align: top;
-  border:              1px solid #c4c2bb;
-  color:               #444;
-  font-family:         Helvetica, Arial, sans-serif;
-  font-size:           18px;
-  padding:             6px 8px 6px 8px;
-  width:               490px;
-  border-radius: 3px;
-}
-input.with_button {
-  width:               400px;
-  margin-right:        4px;
-}
-
-a, a:visited {
-  color:               #0751b6;
-  text-decoration:     underline;
-}
-a:hover {
-  color:               #042d65;
-}
-
-form {
-  vertical-align: top;
-}
-
-.poem {
-}
-
-
-button.clean-gray {
-  background-color: #eeeeee;
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
-  background-image: -webkit-linear-gradient(top, #f8f8f8, #e0e0e0);
-  background-image: -moz-linear-gradient(top, #f8f8f8, #e0e0e0);
-  background-image: -ms-linear-gradient(top, #f8f8f8, #e0e0e0);
-  background-image: -o-linear-gradient(top, #f8f8f8, #e0e0e0);
-  background-image: linear-gradient(top, #f8f8f8, #e0e0e0);
-  border: 1px solid #ccc;
-  border-bottom: 1px solid #bbb;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  color: #333;
-  font: bold 15px Helvetica, Arial, sans-serif;
-  line-height: 1;
-  padding: 9px 0;
-  text-align: center;
-  text-shadow: 0 1px 0 #eee;
-  width: 150px; }
-  button.clean-gray:hover {
-    background-color: #dddddd;
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
-    background-image: -webkit-linear-gradient(top, #f0f0f0, #dddddd);
-    background-image: -moz-linear-gradient(top, #f0f0f0, #dddddd);
-    background-image: -ms-linear-gradient(top, #f0f0f0, #dddddd);
-    background-image: -o-linear-gradient(top, #f0f0f0, #dddddd);
-    background-image: linear-gradient(top, #f0f0f0, #dddddd);
-    border: 1px solid #bbb;
-    border-bottom: 1px solid #aaa;
-    cursor: pointer;
-    text-shadow: 0 1px 0 #ddd; }
-  button.clean-gray:active {
-    border: 1px solid #aaa;
-    border-bottom: 1px solid #888;
-    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

data/app/javascript/admin-dist.js

@@ -1,2 +0,0 @@
-import startPages from "./index.js";
-startPages();

data/app/javascript/components/ImageCropper/FocalPoint.jsx

@@ -1,93 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-export default class FocalPoint extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      dragging: false,
-      x: props.x,
-      y: props.y
-    };
-    this.dragStart = this.dragStart.bind(this);
-    this.dragEnd = this.dragEnd.bind(this);
-    this.drag = this.drag.bind(this);
-    this.container = React.createRef();
-    this.point = React.createRef();
-  }
-
-  clamp(val, min, max) {
-    if (val < min) {
-      return min;
-    } else if (val > max) {
-      return max;
-    } else {
-      return val;
-    }
-  }
-
-  dragStart(evt) {
-    evt.preventDefault();
-    evt.stopPropagation();
-    if (evt.target == this.point.current) {
-      this.setState({dragging: true});
-    }
-  }
-
-  dragEnd() {
-    if (this.state.dragging) {
-      this.setState({dragging: false});
-      this.props.onChange({x: this.state.x, y: this.state.y});
-    }
-  }
-
-  drag(evt) {
-    if (this.state.dragging) {
-      let containerSize = this.container.current.getBoundingClientRect();
-      var x , y;
-      evt.preventDefault();
-
-      if (evt.type == "touchmove") {
-        x = evt.touches[0].clientX - (containerSize.x || containerSize.left);
-        y = evt.touches[0].clientY - (containerSize.y || containerSize.top);
-      } else {
-        x = evt.clientX - (containerSize.x || containerSize.left);
-        y = evt.clientY - (containerSize.y || containerSize.top);
-      }
-
-      x = this.clamp(x, 0, this.props.width);
-      y = this.clamp(y, 0, this.props.height);
-
-      this.setState({x: (x / this.props.width) * 100,
-                     y: (y / this.props.height) * 100});
-    }
-  }
-
-  render() {
-    let x = this.props.width * (this.state.x / 100);
-    let y = this.props.height * (this.state.y / 100);
-    let pointStyle = {
-      transform: `translate3d(${x}px, ${y}px, 0)`
-    };
-    return (
-      <div className="focal-editor"
-           ref={this.container}
-           onTouchStart={this.dragStart}
-           onTouchEnd={this.dragEnd}
-           onTouchMove={this.drag}
-           onMouseDown={this.dragStart}
-           onMouseUp={this.dragEnd}
-           onMouseMove={this.drag}>
-        <div className="focal-point" style={pointStyle} ref={this.point} />
-      </div>
-    );
-  }
-}
-
-FocalPoint.propTypes = {
-  x: PropTypes.number,
-  y: PropTypes.number,
-  onChange: PropTypes.func,
-  width: PropTypes.number,
-  height: PropTypes.number
-};

data/app/javascript/components/Modal.jsx

@@ -1,59 +0,0 @@
-import React from "react";
-import ModalStore from "../stores/ModalStore";
-
-export default class Modal extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { component: null };
-    this.store = ModalStore;
-    this.closeModal = this.closeModal.bind(this);
-    this.handleChange = this.handleChange.bind(this);
-    this.handleKeypress = this.handleKeypress.bind(this);
-  }
-
-  componentDidMount() {
-    this.unsubscribe = this.store.subscribe(this.handleChange);
-    window.addEventListener("keypress", this.handleKeypress);
-  }
-
-  componentWillUnmount() {
-    this.unsubscribe();
-    window.removeEventListener("keypress", this.handleKeypress);
-  }
-
-  closeModal(evt) {
-    evt.stopPropagation();
-    evt.preventDefault();
-    ModalStore.dispatch({ type: "CLOSE" });
-  }
-
-  handleChange() {
-    this.setState({ ...this.store.getState() });
-  }
-
-  handleKeypress(evt) {
-    if (this.state.component && (evt.key == "Escape" || evt.keyCode === 27)) {
-      this.closeModal(evt);
-    }
-  }
-
-  render() {
-    let component = this.state.component;
-
-    if (component) {
-      document.body.classList.add("modal");
-    } else {
-      document.body.classList.remove("modal");
-      return (<div className="modal-wrapper"></div>);
-    }
-
-    return (
-      <div className="modal-wrapper open">
-        <div className="background" onClick={this.closeModal} />
-        <div className="modal">
-          {component}
-        </div>
-      </div>
-    );
-  }
-}

data/app/javascript/components/PageImages.jsx

@@ -1,25 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import ImageGrid from "./ImageGrid";
-
-export default class PageImages extends React.Component {
-  render() {
-    return (
-      <div className="page-images">
-        <ImageGrid attribute="page[page_images_attributes]"
-                   primaryAttribute="page[image_id]"
-                   enablePrimary={true}
-                   showEmbed={true}
-                   locale={this.props.locale}
-                   locales={this.props.locales}
-                   records={this.props.records} />
-      </div>
-    );
-  }
-}
-
-PageImages.propTypes = {
-  locale: PropTypes.string,
-  locales: PropTypes.object,
-  records: PropTypes.array
-};