pages_core 3.14.0 → 3.15.1

data/app/javascript/components/DateRangeSelect.jsx

@@ -1,225 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-export default class DateRangeSelect extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      startsAt: this.parseDate(props.startsAt) || this.defaultDate(),
-      endsAt: this.parseDate(props.endsAt) || this.defaultDate(60),
-      startTime: "",
-      endTime: ""
-    };
-    this.state.startTime = this.timeToString(this.state.startsAt);
-    this.state.endTime = this.timeToString(this.state.endsAt);
-
-    this.changeStartsAt = this.changeStartsAt.bind(this);
-    this.changeEndsAt = this.changeEndsAt.bind(this);
-  }
-
-  changeStartsAt(options = {}) {
-    let newDate = this.modifyDate(this.state.startsAt, options);
-    this.setDates(
-      newDate,
-      new Date(this.state.endsAt.getTime() + (newDate - this.state.startsAt))
-    );
-  }
-
-  changeEndsAt(options = {}) {
-    let newDate = this.modifyDate(this.state.endsAt, options);
-    this.setDates(this.state.startsAt, newDate);
-  }
-
-  defaultDate(offset = 0) {
-    let coeff = 1000 * 60 * 60;
-    return new Date(
-      Math.round(new Date().getTime() / coeff) * coeff +
-        coeff +
-        1000 * 60 * offset
-    );
-  }
-
-  modifyDate(original, options = {}) {
-    var newDate = new Date(original);
-    if (Object.prototype.hasOwnProperty.call(options, "year")) {
-      newDate.setFullYear(options.year);
-    }
-    if (Object.prototype.hasOwnProperty.call(options, "month")) {
-      newDate.setMonth(options.month);
-    }
-    if (Object.prototype.hasOwnProperty.call(options, "date")) {
-      newDate.setDate(options.date);
-    }
-    if (
-      Object.prototype.hasOwnProperty.call(options, "time") &&
-      options.time.match(/^[\d]{1,2}(:[\d]{1,2})?$/)
-    ) {
-      newDate.setHours(options.time.split(":")[0]);
-      newDate.setMinutes(options.time.split(":")[1] || 0);
-    }
-    return newDate;
-  }
-
-  parseDate(str) {
-    if (!str) {
-      return;
-    }
-    return new Date(str);
-  }
-
-  setDates(start, end) {
-    if (end < start) {
-      end = start;
-    }
-    this.setState({
-      startsAt: start,
-      endsAt: end,
-      startTime: this.timeToString(start),
-      endTime: this.timeToString(end)
-    });
-  }
-
-  startsAtToString() {
-    if (this.props.disabled) {
-      return "";
-    }
-    return this.state.startsAt.toJSON();
-  }
-
-  endsAtToString() {
-    if (this.props.disabled) {
-      return "";
-    }
-    return this.state.endsAt.toJSON();
-  }
-
-  renderDateSelect(key, date, handleChange) {
-    return (
-      <div className="date-select">
-        <select
-          value={date.getMonth()}
-          onChange={(e) => handleChange({ month: e.target.value })}
-          disabled={this.props.disabled}>
-          {this.monthOptions().map((m, i) => (
-            <option key={key + "-month-" + i} value={i}>
-              {m}
-            </option>
-          ))}
-        </select>
-        <select
-          value={date.getDate()}
-          onChange={(e) => handleChange({ date: e.target.value })}
-          disabled={this.props.disabled}>
-          {this.dayOptions().map((d) => (
-            <option key={key + "-date-" + d} value={d}>
-              {d}
-            </option>
-          ))}
-        </select>
-        <select
-          value={date.getFullYear()}
-          onChange={(e) => handleChange({ year: e.target.value })}
-          disabled={this.props.disabled}>
-          {this.yearOptions().map((y) => (
-            <option key={key + "-year-" + y} value={y}>
-              {y}
-            </option>
-          ))}
-        </select>
-      </div>
-    );
-  }
-
-  render() {
-    return (
-      <div className="date-range-select">
-        <input
-          type="hidden"
-          name={this.props.objectName + "[starts_at]"}
-          value={this.startsAtToString()}
-        />
-        <input
-          type="hidden"
-          name={this.props.objectName + "[ends_at]"}
-          value={this.endsAtToString()}
-        />
-        <div className="date">
-          {this.renderDateSelect(
-            "starts-at",
-            this.state.startsAt,
-            this.changeStartsAt
-          )}
-          {!this.props.disableTime && (
-            <input
-              type="text"
-              size="5"
-              value={this.state.startTime}
-              disabled={this.props.disabled}
-              onChange={(e) => this.setState({ startTime: e.target.value })}
-              onBlur={(e) => this.changeStartsAt({ time: e.target.value })}
-            />
-          )}
-        </div>
-        <span className="to">to</span>
-        <div className="date">
-          {this.renderDateSelect(
-            "ends-at",
-            this.state.endsAt,
-            this.changeEndsAt
-          )}
-          {!this.props.disableTime && (
-            <input
-              type="text"
-              size="5"
-              value={this.state.endTime}
-              disabled={this.props.disabled}
-              onChange={(e) => this.setState({ endTime: e.target.value })}
-              onBlur={(e) => this.changeEndsAt({ time: e.target.value })}
-            />
-          )}
-        </div>
-      </div>
-    );
-  }
-
-  timeToString(time) {
-    return time.toTimeString().slice(0, 5);
-  }
-
-  // Returns an array with years from 2000 to 10 years from now.
-  yearOptions() {
-    let start = 2000;
-    return Array.apply(null, Array(new Date().getFullYear() - start + 11)).map(
-      (_, i) => i + start
-    );
-  }
-
-  monthOptions() {
-    return [
-      "January",
-      "February",
-      "March",
-      "April",
-      "May",
-      "June",
-      "July",
-      "August",
-      "September",
-      "October",
-      "November",
-      "December"
-    ];
-  }
-
-  dayOptions() {
-    return Array.apply(null, Array(31)).map((_, i) => i + 1);
-  }
-}
-
-DateRangeSelect.propTypes = {
-  startsAt: PropTypes.string,
-  endsAt: PropTypes.string,
-  disabled: PropTypes.bool,
-  disableTime: PropTypes.bool,
-  objectName: PropTypes.string
-};

data/app/javascript/components/PageDates.jsx

@@ -1,73 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import DateRangeSelect from "./DateRangeSelect";
-
-export default class PageDates extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      has_dates: props.starts_at ? true : false,
-      all_day: !!props.all_day
-    };
-
-    this.toggleAllDay = this.toggleAllDay.bind(this);
-    this.toggleHasDates = this.toggleHasDates.bind(this);
-  }
-
-  toggleHasDates() {
-    this.setState({ has_dates: !this.state.has_dates });
-  }
-
-  toggleAllDay() {
-    this.setState({ all_day: !this.state.all_day });
-  }
-
-  timeToString(time) {
-    return time.toTimeString().slice(0, 5);
-  }
-
-  render() {
-    return (
-      <div className="page-dates field">
-        <input
-          type="hidden"
-          name="page[all_day]"
-          value={this.state.has_dates && this.state.all_day ? "1" : "0"}
-        />
-        <label>Dates</label>
-        <div className="toggles">
-          <label className="has-dates-toggle">
-            <input
-              type="checkbox"
-              checked={this.state.has_dates}
-              onChange={this.toggleHasDates}
-            />
-            Enabled
-          </label>
-          <label className={!this.state.has_dates && "disabled"}>
-            <input
-              type="checkbox"
-              disabled={!this.state.has_dates}
-              checked={this.state.all_day}
-              onChange={this.toggleAllDay}
-            />
-            All day event
-          </label>
-        </div>
-        <DateRangeSelect
-          objectName="page"
-          startsAt={this.props.starts_at}
-          endsAt={this.props.ends_at}
-          disabled={!this.state.has_dates}
-          disableTime={this.state.all_day}
-        />
-      </div>
-    );
-  }
-}
-
-PageDates.propTypes = {
-  starts_at: PropTypes.string,
-  ends_at: PropTypes.string,
-  all_day: PropTypes.bool
-};

data/app/javascript/components/PageFiles.jsx

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

data/app/javascript/components/PageTree/types.ts

@@ -1,15 +0,0 @@
-import { TreeNode } from "../../lib/Tree";
-
-export type Attributes = Record<string, unknown>;
-
-export interface PageNode extends TreeNode {
-  id: number | null;
-  children: PageNode[];
-  editing: boolean;
-  locale: string;
-  name: string;
-  param: string;
-  permissions: string[];
-  published_at: string;
-  status: string;
-}

data/app/javascript/components/drag/types.ts

@@ -1,28 +0,0 @@
-export type DraggableRecord = Record<string, unknown>;
-
-export interface Draggable {
-  record: DraggableRecord;
-  ref: React.MutableRefObject<HTMLDivElement>;
-  rect: DOMRect | null;
-  handle: string;
-}
-
-export interface DragCollectionAction {
-  type: string;
-  payload?: Draggable[] | Draggable | null;
-}
-
-export interface DragCollection {
-  ref: React.MutableRefObject<HTMLDivElement>;
-  draggables: Draggable[];
-  dispatch: (DragCollectionAction) => void;
-}
-
-export interface Position {
-  x: number | null;
-  y: number | null;
-}
-
-export interface DragState extends Position {
-  dragging: Draggable | false;
-}

data/app/javascript/controllers/EditPageController.ts

@@ -1,22 +0,0 @@
-import { Controller } from "@hotwired/stimulus";
-
-export default class EditPageController extends Controller<HTMLFormElement> {
-  declare readonly formTarget: HTMLFormElement;
-
-  static get targets() {
-    return ["form"];
-  }
-
-  preview() {
-    const form = this.formTarget;
-    const prevAction = form.action;
-    const prevTarget = form.target;
-
-    form.target = "_blank";
-    form.action = form.dataset.previewUrl;
-    form.submit();
-
-    form.action = prevAction;
-    form.target = prevTarget;
-  }
-}

data/app/javascript/controllers/MainController.ts

@@ -1,74 +0,0 @@
-import { Controller } from "@hotwired/stimulus";
-
-export default class MainController extends Controller {
-  declare readonly linkTargets: HTMLLinkElement[];
-  declare readonly tabTargets: HTMLDivElement[];
-
-  static get targets() {
-    return ["tab", "link"];
-  }
-
-  connect() {
-    const tabs = this.tabNames();
-    if (tabs.length > 0) {
-      let initTab: string = null;
-      const tabExpression = /#(.*)$/;
-
-      if (document.location.toString().match(tabExpression)) {
-        const id = document.location.toString().match(tabExpression)[1];
-        if (tabs.indexOf(id) !== -1) {
-          initTab = id;
-        }
-      }
-
-      this.showTab(initTab || tabs[0]);
-    }
-
-    window.addEventListener("popstate", this.stateHandler);
-  }
-
-  disconnect() {
-    window.removeEventListener("popstate", this.stateHandler);
-  }
-
-  stateHandler = (evt: Event) => {
-    if ("state" in evt && "tabId" in evt.state) {
-      this.showTab(evt.state.tabId);
-    }
-  };
-
-  changeTab(evt: Event) {
-    evt.preventDefault();
-    if ("dataset" in evt.target && "tab" in evt.target.dataset) {
-      const tab = evt.target.dataset.tab as string;
-      this.showTab(tab);
-      history.pushState(
-        { tabId: tab },
-        "",
-        `${window.location.pathname}#${tab}`
-      );
-    }
-  }
-
-  showTab(tab: string | null) {
-    this.linkTargets.forEach((l) => {
-      if (l.dataset.tab == tab) {
-        l.classList.add("current");
-      } else {
-        l.classList.remove("current");
-      }
-    });
-
-    this.tabTargets.forEach((t) => {
-      if (t.dataset.tab == tab) {
-        t.classList.remove("hidden");
-      } else {
-        t.classList.add("hidden");
-      }
-    });
-  }
-
-  tabNames(): string[] {
-    return this.linkTargets.map((l) => l.dataset.tab);
-  }
-}

data/app/javascript/controllers/PageOptionsController.js

@@ -1,67 +0,0 @@
-import { Controller } from "@hotwired/stimulus";
-
-export default class PageOptionsController extends Controller {
-  static get targets() {
-    return [
-      "advancedOptions",
-      "autoPublishNotice",
-      "published",
-      "publishedDate"
-    ];
-  }
-
-  connect() {
-    this.checkAutoPublish();
-    this.checkPublishedDate();
-  }
-
-  checkAutoPublish() {
-    if (this.publishedDate() > new Date()) {
-      this.show(this.autoPublishNoticeTarget);
-    } else {
-      this.hide(this.autoPublishNoticeTarget);
-    }
-  }
-
-  checkPublishedDate() {
-    if (this.publishedTarget.value == 2) {
-      this.show(this.publishedDateTarget);
-    } else {
-      this.hide(this.publishedDateTarget);
-    }
-  }
-
-  publishedDate() {
-    const lookup = (name) => {
-      return this.publishedDateTarget.getElementsByClassName(name)[0].value;
-    };
-    return new Date(
-      lookup("year"),
-      lookup("month") - 1,
-      lookup("day"),
-      lookup("hour"),
-      lookup("minute")
-    );
-  }
-
-  show(elem) {
-    elem.classList.add("show");
-  }
-
-  hide(elem) {
-    elem.classList.remove("show");
-  }
-
-  toggle(elem) {
-    if (elem.classList.contains("show")) {
-      this.hide(elem);
-    } else {
-      this.show(elem);
-    }
-  }
-
-  toggleAdvancedOptions(evt) {
-    evt.preventDefault();
-    this.toggle(this.advancedOptionsTarget);
-  }
-}

data/app/models/category.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-class Category < ApplicationRecord
-  has_many :page_categories, dependent: :destroy
-  has_many :pages, through: :page_categories
-  validates :name, presence: true
-  acts_as_list
-
-  before_save :set_slug
-
-  scope :by_name, -> { order("name ASC") }
-
-  private
-
-  def set_slug
-    self.slug = name.downcase
-                    .gsub(/[^\w\s]/, "")
-                    .split(/[^\w\d-]+/)
-                    .compact
-                    .join("-")
-  end
-end

data/app/models/concerns/pages_core/has_otp.rb

@@ -1,27 +0,0 @@
-# frozen_string_literal: true
-
-module PagesCore
-  module HasOtp
-    extend ActiveSupport::Concern
-
-    included do
-      validates :otp_secret, presence: true, if: :otp_enabled?
-    end
-
-    def recovery_codes=(codes)
-      self.hashed_recovery_codes = codes.map do |c|
-        BCrypt::Password.create(c, cost: 8)
-      end
-    end
-
-    def use_recovery_code!(code)
-      valid_hashes = hashed_recovery_codes.select do |c|
-        BCrypt::Password.new(c) == code
-      end
-      return false unless valid_hashes.any?
-
-      update(hashed_recovery_codes: hashed_recovery_codes - valid_hashes)
-      true
-    end
-  end
-end

data/app/models/page_category.rb

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-class PageCategory < ApplicationRecord
-  belongs_to :page
-  belongs_to :category
-end

data/app/views/admin/pages/_edit_content.html.erb

@@ -1,19 +0,0 @@
-<% @page.enabled_blocks do |block_name, block_options| %>
-  <%= page_block_field(f, block_name, block_options) %>
-<% end %>
-
-<% if @page.template_config.value(:dates) %>
-  <%= react_component("PageDates",
-                      { starts_at: @page.starts_at,
-                        ends_at: @page.ends_at,
-                        all_day: @page.all_day }) %>
-<% end %>
-
-<% if @page.template_config.value(:tags) %>
-  <div class="field">
-    <label>
-      Tags
-    </label>
-    <%= tag_editor_for(f, @page) %>
-  </div>
-<% end %>

data/app/views/admin/pages/_edit_files.html.erb

@@ -1,4 +0,0 @@
-<%= react_component("PageFiles",
-                    locale: content_locale,
-                    locales: locales_with_dir,
-                    records: @page.files.map { |pf| Admin::PageFileResource.new(pf).to_hash }) %>

data/app/views/admin/pages/_edit_images.html.erb

@@ -1,4 +0,0 @@
-<%= react_component("PageImages",
-                    locale: content_locale,
-                    locales: locales_with_dir,
-                    records: @page.page_images.map { |pi| Admin::PageImageResource.new(pi).to_hash }) %>

data/app/views/admin/pages/_edit_metadata.html.erb

@@ -1,35 +0,0 @@
-<div class="field">
-  <% if f.object.pathable? %>
-    <%= labelled_field(f.text_field(:path_segment, dir: "ltr", lang: nil),
-                       "Path segment",
-                       description: "Only alpanumeric characters and dashes " \
-                         "are allowed.") %>
-  <% else %>
-    <div class="field">
-      <label>Path segment</label>
-      <p class="description">
-        Unable to add a path segment,
-        please add one to
-        <%= link_to("this page's parent",
-                    edit_admin_page_path(f.object.parent,
-                                         locale: f.object.locale,
-                                         anchor: "metadata")) %>
-        first.
-      </p>
-    </div>
-  <% end %>
-</div>
-
-<div class="field">
-  <%= f.label_for :meta_image, "Image" %>
-  <p class="description">
-    Image displayed when sharing on social media.
-    Will fall back to the primary image if absent.
-    Recommended size is at least 1200x630.
-  </p>
-  <%= f.image_uploader :meta_image %>
-</div>
-
-<% @page.template_config.metadata_blocks do |block_name, block_options| %>
-  <%= page_block_field(f, block_name, block_options) %>
-<% end %>