card-mod-edit 0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: a7bdfc901290eeb41d413810325770cbb1a84550f5904ac31f040199bb6ea867
+  data.tar.gz: 2bc78ed7d0e52c36cb1780cdf094d42923c5cc8acaffcfd860895b09cdad6e42
+SHA512:
+  metadata.gz: 837208fbdc76eabc11fc0994c0f6287266479d4e157ec7468eb6333bd628b897c11413a829c35d2bd44b68ce08f06365c9b63f38f717d9ae6695713c927d85cb
+  data.tar.gz: 1fd91ea28bfbdc343dbf7f240b102e32e6d0249531ed212643d07b9f2bfbce262d553c55bc278dd23f98a4f5475a5697c30bb48de67e18924f72815b4fde06e7

data/set/all/bridge.rb

@@ -0,0 +1,64 @@
+format :html do
+  BRIDGE_TABS = { "Account" => :account_tab,
+                  "Guide"   => :guide_tab,
+                  "Engage"  => :engage_tab,
+                  "History" => :history_tab,
+                  "Related" => :related_tab,
+                  "Rules"   => :rules_tab }.freeze
+
+  wrapper :bridge do
+    class_up "modal-dialog", "no-gaps"
+    voo.hide! :modal_footer
+    wrap_with_modal size: :full, title: bridge_breadcrumbs do
+      haml :bridge
+    end
+  end
+
+  def bridge_tabs
+    wrap do
+      tabs(visible_bridge_tabs, bridge_tab, load: :lazy) { _render bridge_tab }
+    end
+  end
+
+  def bridge_tab
+    @bridge_tab ||= bridge_param :tab
+  end
+
+  def bridge_param key
+    params.dig(:bridge, key)&.to_sym || try("default_bridge_#{key}")
+  end
+
+  def bridge_breadcrumbs
+    <<-HTML.strip_heredoc
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb _bridge-breadcrumb">
+        <li class="breadcrumb-item">#{card.name}</li>
+        <li class="breadcrumb-item active">Edit</li>
+      </ol>
+    </nav>
+    HTML
+  end
+
+  def bridge_link_opts opts={}
+    opts[:"data-slot-selector"] = bridge_slot_selector
+    opts[:remote] = true
+    add_class opts, "slotter"
+    opts.bury :path, :layout, :overlay
+    opts[:path][:view] ||= :content
+    opts
+  end
+
+  def bridge_slot_selector
+    ".bridge-main > .overlay-container > .card-slot._bottomlay-slot," \
+    ".bridge-main > ._overlay-container-placeholder > .card-slot"
+  end
+
+  def default_bridge_tab
+    show_guide_tab? ? :guide_tab : :engage_tab
+  end
+
+  def breadcrumb_data title, html_class=nil
+    html_class ||= title.underscore
+    { "data-breadcrumb": title, "data-breadcrumb-class": html_class }
+  end
+end

data/set/all/bridge/bridge.haml

@@ -0,0 +1,8 @@
+.bridge.container-fluid
+  .row
+    .col-8.bridge-main
+      ._overlay-container-placeholder
+        = interior
+    .col-4.bridge-sidebar.nodblclick
+      ._overlay-container-placeholder
+        = bridge_tabs

data/set/all/bridge/bridge_pills.rb

@@ -0,0 +1,47 @@
+format :html do
+  BRIDGE_PILL_UL_CLASSES =
+    "nav nav-pills _auto-single-select bridge-pills flex-column".freeze
+
+  BRIDGE_PILL_LI_CLASSES = "nav-item".freeze
+
+  def bridge_pills items
+    list_tag class: BRIDGE_PILL_UL_CLASSES, items: { class: BRIDGE_PILL_LI_CLASSES } do
+      items
+    end
+  end
+
+  def bridge_pill_items data, breadcrumb
+    data.map do |text, field, extra_opts|
+      opts = bridge_pill_item_opts breadcrumb, extra_opts, text
+      mark = opts.delete(:mark) == :absolute ? field : [card, field]
+      link_to_card mark, text, opts
+    end
+  end
+
+  def bridge_pill_item_opts breadcrumb, extra_opts, text
+    opts = bridge_link_opts.merge("data-toggle": "pill")
+    opts.merge! breadcrumb_data(breadcrumb)
+
+    if extra_opts
+      classes = extra_opts.delete :class
+      add_class opts, classes if classes
+      opts.deep_merge! extra_opts
+    end
+    opts["data-cy"] = "#{text.to_name.key}-pill"
+    add_class opts, "nav-link"
+    opts
+  end
+
+  def bridge_pill_sections tab_name
+    wrap_with :ul, class: BRIDGE_PILL_UL_CLASSES do
+      yield.map { |args| bridge_pill_section(tab_name, *args) }
+    end
+  end
+
+  def bridge_pill_section tab_name, title, items
+    wrap_with(:h6, title, class: "ml-1 mt-3") +
+      wrap_each_with(:li, class: BRIDGE_PILL_LI_CLASSES) do
+        bridge_pill_items(items, tab_name)
+      end.html_safe
+  end
+end

data/set/all/bridge/follow_section.rb

@@ -0,0 +1,37 @@
+format :html do
+  def follow_section
+    return unless show_follow?
+
+    wrap_with :div, class: "mb-3" do
+      [follow_button_group, followers_bridge_link, follow_overview_button]
+    end
+  end
+
+  def follow_button_group
+    wrap_with :div, class: "btn-group btn-group-sm follow-btn-group" do
+      [follow_button, follow_advanced]
+    end
+  end
+
+  def follow_overview_button
+    link_to_card [Auth.current, :follow], "all followed cards",
+                 bridge_link_opts(class: "btn btn-sm btn-secondary",
+                                  "data-cy": "follow-overview")
+  end
+
+  def follow_advanced
+    opts = bridge_link_opts(class: "btn btn-sm btn-primary",
+                            path: { view: :overlay_rule },
+                            "data-cy": "follow-advanced")
+    opts[:path].delete :layout
+    link_to_card card.follow_rule_card(Auth.current.name, new: {}),
+                 icon_tag("more_horiz"), opts
+  end
+
+  def followers_bridge_link
+    cnt = card.followers_count
+    link_to_card card.name.field(:followers), "#{cnt} follower#{'s' unless cnt == 1}",
+                 bridge_link_opts(class: "btn btn-sm ml-2 btn-secondary slotter",
+                                  remote: true, "data-cy": "followers")
+  end
+end

data/set/all/bridge/related_section.rb

@@ -0,0 +1,34 @@
+format :html do
+  RELATED_ITEMS =
+    {
+      "by name" => [["children", :children],
+                    ["mates", :mates]],
+      # FIXME: optimize,
+      "by content" => [["links out", :links_to],
+                       ["links in", :linked_to_by],
+                       ["nests", :nests],
+                       ["nested by", :nested_by],
+                       ["references out", :refers_to],
+                       ["references in",  :referred_to_by]]
+      # ["by edit", [["creator", :creator],
+      #              ["editors", :editors],
+      #              ["last edited", :last_edited]]]
+    }.freeze
+
+  def related_by_name_items
+    pills = []
+    if card.name.junction?
+      pills += card.name.ancestors.map { |a| [a, a, { mark: :absolute }] }
+    end
+    pills += RELATED_ITEMS["by name"]
+    pills
+  end
+
+  def related_by_content_items
+    RELATED_ITEMS["by content"]
+  end
+
+  def related_by_type_items
+    [["#{card.type} cards", [card.type, :type, :by_name], mark: :absolute]]
+  end
+end

data/set/all/bridge/tab_views.rb

@@ -0,0 +1,41 @@
+format :html do
+  view :engage_tab, wrap: { div: { class: "m-3 mt-4 _engage-tab" } }, cache: :never do
+    [render_follow_section, discussion_section].compact
+  end
+
+  view :history_tab, wrap: :slot do
+    class_up "d0-card-body",  "history-slot"
+    voo.hide :act_legend
+    acts_bridge_layout card.history_acts
+  end
+
+  view :related_tab do
+    bridge_pill_sections "Related" do
+      %w[name content type].map do |section_name|
+        ["by #{section_name}", send("related_by_#{section_name}_items")]
+      end
+    end
+  end
+
+  view :rules_tab, unknown: true do
+    class_up "card-slot", "flex-column"
+    wrap do
+      nest current_set_card, view: :bridge_rules_tab
+    end
+  end
+
+  view :follow_section, wrap: :slot, cache: :never do
+    follow_section
+  end
+
+  view :guide_tab, unknown: true do
+    render_guide
+  end
+
+  def discussion_section
+    return unless show_discussion?
+
+    field_nest(:discussion, view: :titled, title: "Discussion", show: :comment_box,
+                            hide: [:menu])
+  end
+end

data/set/all/bridge/tab_visibility.rb

@@ -0,0 +1,53 @@
+format :html do
+  def visible_bridge_tabs
+    BRIDGE_TABS.select do |_title, view|
+      send "show_#{view}?"
+    end
+  end
+
+  private
+
+  def show_engage_tab?
+    return unless card.real?
+
+    show_follow? || show_discussion?
+  end
+
+  def show_account_tab?
+    false
+  end
+
+  def show_history_tab?
+    card.real?
+  end
+
+  def show_related_tab?
+    card.real?
+  end
+
+  def show_rules_tab?
+    true
+  end
+
+  def show_guide_tab?
+    guide.present?
+  end
+
+  def show_discussion?
+    d_card = discussion_card
+    return unless d_card
+
+    permission_task = d_card.new_card? ? :update : :read
+    d_card.ok? permission_task
+  end
+
+  def discussion_card?
+    card.junction? && card.name.tag_name.key == :discussion.cardname.key
+  end
+
+  def discussion_card
+    return if card.new_card? || discussion_card?
+
+    card.fetch :discussion, skip_modules: true, new: {}
+  end
+end

data/set/all/edit_content.rb

@@ -0,0 +1,60 @@
+format :html do
+  view :edit_form, wrap: :slot do
+    voo.show :edit_type_row
+    with_nest_mode :edit do
+      edit_form
+    end
+  end
+
+  def edit_form
+    voo.hide :edit_type_row
+    form_opts = edit_form_opts.reverse_merge success: edit_success
+    card_form(:update, form_opts) do
+      [
+        edit_view_hidden,
+        _render_edit_type_row(home_view: :edit_type_row),
+        # home_view is necessary for cancel to work correctly.
+        # it seems a little strange to have to think about home_view here,
+        # but the issue is that something currently has to happen prior to the
+        # render to get voo.slot_options to have the write home view in
+        # the slot wrap. Id think this would probably best be handled as an
+        # option to #wrap that triggers a new heir voo
+        _render_content_formgroups,
+        _render_edit_buttons
+      ]
+    end
+  end
+
+  view :edit, perms: :update, unknown: true, cache: :never,
+              wrap: { modal: { footer: "",
+                               size: :edit_modal_size,
+                               title: :render_title,
+                               menu: :edit_modal_menu } } do
+    add_name_context
+    with_nest_mode :edit do
+      voo.show :help
+      voo.hide :save_button
+      wrap true do
+        [
+          frame_help,
+          _render_edit_form
+        ]
+      end
+    end
+  end
+
+  def edit_modal_size
+    :large
+  end
+
+  def edit_modal_menu
+    wrap_with_modal_menu do
+      [close_modal_window, render_bridge_link]
+    end
+  end
+
+  def edit_form_opts
+    # for override
+    { "data-slot-selector": "modal-origin", "data-slot-error-selector": ".card-slot" }
+  end
+end

data/set/all/edit_inline.rb

@@ -0,0 +1,56 @@
+format :html do
+  view :edit_inline, perms: :update, unknown: true, cache: :never, wrap: :slot do
+    voo.hide :name_formgroup, :type_formgroup
+    with_nest_mode :edit do
+      card_form :update, success: edit_success do
+        [
+          edit_view_hidden,
+          _render_content_formgroups,
+          _render_edit_inline_buttons
+        ]
+      end
+    end
+  end
+
+  view :edit_name_row do
+    edit_row_fixed_width "Name", card.name, :name_form
+  end
+
+  view :edit_inline_buttons do
+    button_formgroup do
+      wrap_with "div", class: "d-flex" do
+        [standard_save_button, cancel_in_place_button, delete_button]
+      end
+    end
+  end
+
+  # TODO: better styling for this so that is reusable
+  #  At the moment it is used for the name and type field in the bridge
+  #  (with fixed 50px width for the title column) and
+  #  for password and email for accounts (with fixed 75px width for the title column)
+  #  The view is very similar to labeled but with fixed edit link on the right
+  #  and a fixed width for the labels so that the content column is aligned
+  #  There is also the problem that label and content are not vertically aligned
+  view :edit_row do
+    edit_row_fixed_width render_title, render_core, :edit_inline, 75
+  end
+
+  def edit_row_fixed_width title, content, edit_view, width=50
+    class_up "card-slot", "d-flex"
+    wrap do
+      ["<label class='w-#{width}px'>#{title}</label>",
+       content,
+       edit_inline_link(edit_view, align: :right)]
+    end
+  end
+
+  def edit_inline_link view=:edit_inline, align: :left
+    align = align == :left ? "ml-2" : "ml-auto"
+    link_to_view view, menu_icon, class: "#{align} edit-link", "data-cy": "edit-link"
+  end
+
+  def cancel_in_place_button args={}
+    args.reverse_merge! class: "cancel-button btn-sm", href: path
+    cancel_button args
+  end
+end

data/set/all/edit_name.rb

@@ -0,0 +1,58 @@
+format :html do
+  # note: depends on js with selector ".edit_name-view .card-form"
+  view :edit_name, perms: :update do
+    frame { name_form }
+  end
+
+  # note: depends on js with selector ".name_form-view .card-form"
+  view :name_form, perms: :update, wrap: :slot, cache: :never do
+    name_form :edit_name_row
+  end
+
+  def name_form success_view=nil
+    card_form({ action: :update, id: card.id },
+              # "main-success" => "REDIRECT",
+              "data-update-origin": "true",
+              success: edit_name_success(success_view)) do
+      [hidden_edit_name_fields,
+       _render_name_formgroup,
+       rename_confirmation_alert,
+       edit_name_buttons]
+    end
+  end
+
+  def edit_name_success view=nil
+    success = { id: "_self" }
+    success[:view] = view if view
+    success
+  end
+
+  def hidden_edit_name_fields
+    hidden_tags old_name: card.name, card: { update_referers: false }
+  end
+
+  def edit_name_buttons
+    button_formgroup do
+      [rename_and_update_button, rename_button, standard_cancel_button]
+    end
+  end
+
+  # LOCALIZE
+  def rename_and_update_button
+    submit_button text: "Rename and Update", disable_with: "Renaming",
+                  class: "renamer-updater"
+  end
+
+  def rename_button
+    button_tag "Rename", data: { disable_with: "Renaming" }, class: "renamer"
+  end
+
+  # LOCALIZE
+  def rename_confirmation_alert
+    msg = "<h5>Are you sure you want to rename <em>#{safe_name}</em>?</h5>"
+    msg << %(<h6>This may change names referred to by other cards.</h6>)
+    msg << %(<p>You may choose to <em>update or ignore</em> the referers.</p>)
+    msg << hidden_field_tag(:referers, 1)
+    alert("warning", false, false, class: "hidden-alert") { msg }
+  end
+end