card-mod-bar_and_box 0.11.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: b7ae413ff2d6c14e0f8f2b04e2d393ce8aa047f07a2e0c6317b0513d8ca924f8
+  data.tar.gz: 4a3777d434f5a8fd4db04d7cb97c9f90bbf3429258e3f1cff9fac8d009017c69
+SHA512:
+  metadata.gz: 9a97cdb229fea762a1576e2a5df90b15aabba3a93f5bb6dfbfb3d45d67a240613a4e24a1074a5fd5626236fa4ef6c7851ce5d437233b5d1bbebf1ac912a236ea
+  data.tar.gz: 594751797ff184ef4684500e5b59f11726e9f10d7ca8d781641d5f427c32cb6b9eebb6d7c5672af6e95219214008bbf131242a132b00a99b544cd729f135b5ab

data/lib/stylesheets/style_image_box.scss

@@ -0,0 +1,79 @@
+//images
+
+@mixin image-box-size($sizename, $sidelength) {
+  &.#{$sizename} {
+    width: $sidelength;
+    height: $sidelength;
+    min-width: $sidelength;
+    min-height: $sidelength;
+    i {
+      font-size: $sidelength / 2;
+    }
+  }
+}
+
+.image-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 94px;
+  height: 94px;
+  min-width: 94px;
+  min-height: 94px;
+
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+
+  border: 1px solid #eee;
+  border-radius: 0;
+
+  background-color: #f8f9fa;
+
+  margin-right: 0.5rem;
+  overflow: hidden;
+
+  //text-align: center;
+  @include image-box-size(icon, 16px);
+  @include image-box-size(small, 40px);
+  @include image-box-size(medium, 64px);
+  @include image-box-size(large, 94px);
+  @include image-box-size(xlarge, 150px);
+
+  a, i {
+    width: 100%;
+    text-align: center;
+  }
+  i {
+    color: $text-muted;
+  }
+  &.icon a {
+    line-height: 0;
+    height: 8px;
+  }
+  img {
+    max-width: 100%;
+    max-height: 100%;
+    height: auto;
+  }
+}
+
+@media (max-width: 1260px) {
+  .image-box {
+    @include image-box-size(large, 120px);
+  }
+  .media-body {
+    padding: 6px;
+  }
+}
+
+@include media-breakpoint-down(sm) {
+  .image-box {
+    @include image-box-size(xlarge, 100px);
+    @include image-box-size(large, 80px);
+  }
+  .media-body {
+    padding: 4px;
+  }
+}

data/set/abstract/media.rb

@@ -0,0 +1,17 @@
+format :html do
+  def image_card
+    @image_card ||= card.fetch(:image, new: {})
+  end
+
+  def text_with_image opts={}
+    class_up "media-left", "m-2"
+    @image_card = Card.cardish(opts[:image]) if opts[:image]
+    haml :media_snippet, normalized_text_with_image_opts(opts)
+  end
+
+  private
+
+  def normalized_text_with_image_opts opts
+    opts.reverse_merge! title: _render_title, text: "", size: voo.size, media_opts: {}
+  end
+end

data/set/abstract/media/media_snippet.haml

@@ -0,0 +1,9 @@
+.media{media_opts}
+  .media-left
+    = nest image_card, view: :boxed, size: size
+  .media-body{ class: "media-body-#{size}" }
+    - if title.present?
+      %h5{ class: classy("media-heading") }
+        = title
+    .media-text
+      = text

data/set/all/bar.haml

@@ -0,0 +1,12 @@
+.collapsed-bar.nodblclick{ class: classy("bar") }
+  %div{ class: classy("bar-body") }
+    - if voo.show? :bar_left
+      %div{ class: classy("bar-left") }
+        = render :bar_left
+    - if voo.show? :bar_middle
+      %div{ class: classy("bar-middle") }
+        = render :bar_middle
+    - if voo.show? :bar_right
+      %div{ class: classy("bar-right") }
+        = render :bar_right
+  = render :bar_nav

data/set/all/bar.rb

@@ -0,0 +1,103 @@
+format :html do
+  setting :bar_cols
+  setting :info_bar_cols
+
+  view :info_bar do
+    render_bar show: :bar_middle
+  end
+
+  before :bar do
+    class_up "bar", card.safe_set_keys
+    voo.hide! :bar_collapse_link
+    voo.hide :edit_link, :full_page_link, :bridge_link
+  end
+
+  view :bar, unknown: :unknown_bar do
+    voo.hide :bar_middle
+    voo.hide :bar_bottom # needed for toggle
+    class_up_bar_sides(voo.show?(:bar_middle))
+    # note: above cannot be in `before`, because before blocks run before viz processing
+    wrap { haml :bar }
+  end
+
+  bar_cols 9, 3
+  info_bar_cols 5, 4, 3
+
+  view :unknown_bar, unknown: true do
+    voo.hide! :bar_middle, :bar_bottom, :bar_nav
+    wrap { haml :bar }
+  end
+
+  before :expanded_bar do
+    class_up "bar", card.safe_set_keys
+    voo.hide! :bar_expand_link
+  end
+
+  view :expanded_bar do
+    class_up_bar_sides(false)
+    wrap { haml :expanded_bar }
+  end
+
+  def class_up_bar_sides middle
+    class_up_cols %w[bar-left bar-right], bar_cols
+    class_up_cols %w[bar-left bar-middle bar-right], info_bar_cols, "md" if middle
+  end
+
+  def class_up_cols classes, cols, context=nil
+    classes.each_with_index do |cls, i|
+      class_up cls, ["col", context, cols[i]].compact.join("-")
+    end
+  end
+
+  view :bar_left do
+    bar_title
+  end
+
+  def bar_title
+    return render_missing if card.unknown?
+
+    if voo.show?(:toggle)
+      link_to_view bar_title_toggle_view, render_title
+    else
+      render_title
+    end
+  end
+
+  def bar_title_toggle_view
+    voo.show?(:bar_bottom) ? :bar : :expanded_bar
+  end
+
+  view :bar_right, unknown: :blank do
+    [(render(:short_content) unless voo.show?(:bar_middle)),
+     render(:edit_button, optional: :hide)]
+  end
+
+  view :bar_middle, unknown: :blank do
+    render :short_content
+  end
+
+  view :bar_bottom do
+    render(nest_mode == :edit ? :edit : :core)
+  end
+
+  view :bar_nav, unknown: true, wrap: { div: { class: "bar-nav" } } do
+    [render_bar_expand_link,
+     render_bar_collapse_link,
+     render_full_page_link,
+     render_edit_link,
+     render_bridge_link]
+  end
+
+  view :bar_expand_link, unknown: true do
+    link_to_view :expanded_bar, icon_tag(:keyboard_arrow_down)
+  end
+
+  view :bar_collapse_link, unknown: true do
+    link_to_view :bar, icon_tag(:keyboard_arrow_up)
+  end
+
+  view :edit_button do
+    view = voo.edit == :inline ? :edit_inline : :edit
+    link_to_view view, "Edit", class: "btn btn-sm btn-outline-primary mr-2"
+  end
+end

data/set/all/box.haml

@@ -0,0 +1,12 @@
+- box_classes = css_classes classy("box"), card.safe_set_keys
+.card.p-0.drop-shadow.rounded-0.mb-4.nodblclick{class: box_classes}
+  - if voo.show? :box_top
+    .card-header.text-center{class: classy("box-top")}
+      = render :box_top
+      = render :menu
+  - if voo.show? :box_middle
+    .card-body{class: classy("box-middle")}
+      = render :box_middle
+  - if voo.show? :box_bottom
+    .card-footer.text-center{class: classy("box-bottom")}
+      = render :box_bottom

data/set/all/box.rb

@@ -0,0 +1,16 @@
+view :box, template: :haml do
+  voo.hide :menu
+end
+
+view :box_top do
+  render_title_link
+end
+
+view :box_middle do
+  _render_content
+end
+
+view :box_bottom do
+  [_render_creator_credit,
+   _render_updated_by]
+end

data/set/all/expanded_bar.haml

@@ -0,0 +1,10 @@
+.expanded-bar
+  %div{ class: classy("bar-body") }
+    .nodblclick{ class: classy("bar") }
+      %div{ class: classy("bar-left") }
+        = naming { render :bar_left }
+      %div{ class: classy("bar-right") }
+        = render :bar_right, hide: :short_content
+    .bar-bottom
+      = render :bar_bottom
+  = render :bar_nav

data/set/self/style_media.rb

@@ -0,0 +1,6 @@
+include_set Abstract::CodeFile
+Self::StyleMods.add_item :style_media
+
+def source_files
+  scss_files [:image_box]
+end

data/set/type/image.rb

@@ -0,0 +1,38 @@
+IMAGE_BOX_SIZE_MAP = {
+  icon: :icon, small: :small, medium: :small, large: :medium, xlarge: :medium
+}.freeze
+
+format :html do
+  view :boxed, unknown: true do
+    image_box { |size| render_core size: size }
+  end
+
+  view :boxed_link, unknown: true do
+    image_box { |size| link_to_card image_box_link_target, render_core(size: size) }
+  end
+
+  def image_box
+    voo.size ||= :medium
+    wrap_with :div, title: image_box_title, class: "image-box #{voo.size}" do
+      yield image_box_size
+    end
+  end
+
+  ## METHODS FOR OVERRIDE
+
+  def image_box_size
+    IMAGE_BOX_SIZE_MAP[voo.size.to_sym] || :medium
+  end
+
+  def image_box_card_name
+    card.name.junction? ? card.name.left : card.name
+  end
+
+  def image_box_link_target
+    image_box_card_name
+  end
+
+  def image_box_title
+    voo.title || image_box_card_name
+  end
+end

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification
+name: card-mod-bar_and_box
+version: !ruby/object:Gem::Version
+  version: 0.11.0
+platform: ruby
+authors:
+- Ethan McCutchen
+- Philipp Kühl
+- Gerry Gleason
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2020-12-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: card
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.101.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.101.0
+- !ruby/object:Gem::Dependency
+  name: card-mod-style
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.11.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.11.0
+description: ''
+email:
+- info@decko.org
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/stylesheets/style_image_box.scss
+- set/abstract/media.rb
+- set/abstract/media/media_snippet.haml
+- set/all/bar.haml
+- set/all/bar.rb
+- set/all/box.haml
+- set/all/box.rb
+- set/all/expanded_bar.haml
+- set/self/style_media.rb
+- set/type/image.rb
+homepage: http://decko.org
+licenses:
+- GPL-3.0
+metadata:
+  card-mod: bar_and_box
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '2.5'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.3
+signing_key:
+specification_version: 4
+summary: bar and box views
+test_files: []