polaris_view_helpers 1.2.10 → 1.2.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: abbacac0a6fc7dec584a9b0b373b187ba833a0f34215ae3e7bc2c2a6e2c2bc8d
-  data.tar.gz: 552647aa59ee796fd7e4f5a2a7b16f81a0f560e0f8aebcf625ebc8cb7ffcc2fc
+  metadata.gz: 3a9b7641e9cd98c805a8417e48b2f8c69fcd4e8d6d5d9654055c6531bf0016f4
+  data.tar.gz: 7034940dea69410517836739ae68fc83ea2d9d44af9c94734c4264511a93c04a
 SHA512:
-  metadata.gz: 7eecdb7d9fe7a631e432d21a922fddec0d469e2b01a0d882511133ea9300722a2892ca87233659e9281b2fb11ba71947899b4cc6f59425f38d67a22f553bd7cd
-  data.tar.gz: 917861a2162994d3ebdd18466c57618d3ec8fb69c1f9f82082ca89fce2f19932598bb6145ba96446d440167b8737892654419c3993d7b0bd08a20ca9adc53f22
+  metadata.gz: d2f6b82676c53921e9e2d769ac13abd2e45957111f891242ec45bbb21abd54c93257399dc063faa3e2e51af24b2973bfcefb22a255411ed930d276996ce38ff1
+  data.tar.gz: 790ebe28fc88ce3740a2ad1f382576d8c8530cbaef2ad548074e87fa8993339d12c953ccea32558c43bd79a3095a64dc6b48188a22be951a5cc7d1dcfb1b96b5

data/app/views/polaris/_select.html.erb

@@ -0,0 +1,37 @@
+<% listname = attribute %>
+
+<div class="">
+  <div class="Polaris-Labelled__LabelWrapper">
+    <div class="Polaris-Label">
+      <label id="<%= listname %>_label" for="<%= listname %>" class="Polaris-Label__Text"><%= title %></label>
+    </div>
+  </div>
+  <div class="Polaris-Select">
+    <%= form.collection_select(attribute, options, :value, :label, select_options, {id: listname, class: "Polaris-Select__Input"}) %>
+    <div class="Polaris-Select__Content" aria-hidden="true">
+      <span class="Polaris-Select__SelectedOption" id="<%= listname %>_selected_option_label"><%= selected_label || form.object&.send(attribute) %></span>
+      <span class="Polaris-Select__Icon">
+        <span class="Polaris-Icon">
+          <span class="Polaris-Text--root Polaris-Text--visuallyHidden">
+          </span>
+          <svg viewBox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true">
+            <path d="M7.676 9h4.648c.563 0 .879-.603.53-1.014l-2.323-2.746a.708.708 0 0 0-1.062 0l-2.324 2.746c-.347.411-.032 1.014.531 1.014Zm4.648 2h-4.648c-.563 0-.878.603-.53 1.014l2.323 2.746c.27.32.792.32 1.062 0l2.323-2.746c.349-.411.033-1.014-.53-1.014Z">
+            </path>
+          </svg>
+        </span>
+      </span>
+    </div>
+    <div class="Polaris-Select__Backdrop">
+    </div>
+  </div>
+</div>
+<script charset="utf-8">
+  var selectElement = document.querySelector("#<%= listname %>");
+  console.log('selectElement', selectElement);
+  selectElement.addEventListener("change", function(){
+    var selectElement = document.querySelector("#<%= listname %>");
+    var label = selectElement.options[ selectElement.selectedIndex ].label;
+    var labelElement = document.querySelector("#<%= listname %>_selected_option_label");
+    labelElement.innerText = label;
+  });
+</script>

data/lib/polaris_view_helpers/helper.rb

@@ -44,6 +44,38 @@ module PolarisViewHelpers
       )
     end
 
+    def polaris_select(form:, attribute:, title: nil, selected: nil, options:, data: nil, select_options: {})
+      selected ||= form.object&.send(attribute)
+      selected_label = selected
+      our_options = options.map do |option|
+        real_option = option
+        if option.is_a? Array
+          real_option = OpenStruct.new(label: option[0], value: option[1])
+        elsif option.respond_to?(:label) && options.respond_to?(:value)
+          #real_option = option
+        else
+          real_option = OpenStruct.new(label: option[:label], value: option[:value])
+        end
+        if real_option.value.to_s == selected.to_s
+          selected_label = real_option.label
+        end
+        real_option
+      end
+      render(
+        partial: 'polaris/select',
+        locals: {
+          form: form,
+          attribute: attribute,
+          title: title,
+          selected: selected,
+          selected_label: selected_label,
+          options: our_options,
+          select_options: select_options,
+          data: data
+        }
+      )
+    end
+
     def polaris_page(&block)
       render(
         partial: 'polaris/page',

data/lib/polaris_view_helpers/version.rb

@@ -1,3 +1,3 @@
 module PolarisViewHelpers
-  VERSION = "1.2.10"
+  VERSION = "1.2.11"
 end

data/test/dummy/app/assets/config/manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css

data/test/dummy/app/views/home/_select.html.erb

@@ -0,0 +1,13 @@
+<%= form_with url: root_url do |form| %>
+  <%= polaris_select(
+    form: form,
+    attribute: 'select_company_name',
+    title: "Company name",
+    selected: 'octolabs',
+    options: [
+      {label: "Luther Corp", value: 'luther_corp'},
+      ["OctoLabs", 'octolabs'],
+      OpenStruct.new({label: "Vought", value: 'vought'})
+    ]
+  )%>
+<% end %>

data/test/dummy/app/views/home/index.html.erb

@@ -62,6 +62,14 @@ between the <code>&lt;body&gt;</code> tags with something like this.</p>
 <p>&nbsp;</p>
 <p>&nbsp;</p>
 
+<%= polaris_heading "Select" %>
+<%= demo_partial 'select' %>
+<p>&nbsp;</p>
+<p>&nbsp;</p>
+<p>&nbsp;</p>
+
+
+
 
 <%= polaris_heading "Links" %>
 <%= demo_partial 'links' %>