tramway 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 711582391b4cec7b6f8c8808a9d20a1c9695825e94e292073fe85e15d066f11c
-  data.tar.gz: 178c09a9c02feaf8f02094849cbe9fd8756a6f1806419eee369bb1ae0df023b2
+  metadata.gz: e5d6641dda4dedcf7e4d1a4e0638690e21b5f72fbfdccca6c40fa423eec9e3f8
+  data.tar.gz: c0e4e0955c58b253c5aac6198302b6c11f3393f42d5edfd4fc317dd7b1a7894b
 SHA512:
-  metadata.gz: 63d37dcea2ec474996c0a261b0b9d7e3619337f0fc3443f75608633c4c4c1ed08be7a367d79ce8b4c7db33695cfaa18e4052458f78ebbff3d13bc89e9e319418
-  data.tar.gz: 0a10282ff924f4adfd5c892852ed0943a23f3374c1ded44c59344854cdd43034549cd39a2eafd2b8e4af6d5dd60abd06c2cb247ab1a2e70f01b8bc8aba3076f0
+  metadata.gz: f2b1fd87395239845d1eeb4e901e44063e1487bdd83f226a247746dc1bc4fc555cfba4c8357345486dd31e5f5e8c0b5be59e2831e599a87d9c10632b221ad64e
+  data.tar.gz: eb6e88f325e65e1c49094a197a58419c11c71a5c24f78a5132167798ea4bff644c0a6d98320b073d16cea1b8baa258fa2300583474e95223e0f4ba09e9152327

data/README.md

@@ -20,7 +20,7 @@ Tramway use [Tailwind](https://tailwindcss.com/) by default. All UI helpers impl
 Tramway provides DSL for rendering Tailwind Navgiation bar.
 
 ```ruby
-tramway_navbar title: 'Purple Magic' do |nav|
+tramway_navbar title: 'Purple Magic', background: { color: :red, intensity: 500 } do |nav|
   nav.left do
     nav.item 'Users', '/users'
     nav.item 'Podcasts', '/podcasts'
@@ -34,6 +34,17 @@ end
 
 will render [this](https://play.tailwindcss.com/UZPTCudFw5)
 
+#### tramway_navbar
+
+This helper provides several options. Here is YAML view of `tramway_navbar` options structure
+
+```yaml
+title: String that will be added to the left side of the navbar
+background:
+  color: Css-color. Supports all named CSS colors and HEX colors
+  intensity: Color intensity. Range: **100..950**. Used by Tailwind. Not supported in case of using HEX color in the background.color
+```
+
 #### nav.left and nav.right
 
 Tramway navbar provides `left` and `right` methods that puts items to left and right part of navbar.

data/app/components/tailwinds/navbar_component.html.haml

@@ -1,4 +1,4 @@
-%nav.bg-red-500.py-4.px-8.flex.justify-between.items-center
+%nav.py-4.px-8.flex.justify-between.items-center{ class: "bg-#{@color}" }
   - if @title.present? || @left_items.present?
     .flex
       - if @title.present?

data/app/components/tailwinds/navbar_component.rb

@@ -8,6 +8,29 @@ module Tailwinds
       @title = options[:title]
       @left_items = options[:left_items]
       @right_items = options[:right_items]
+      @color = background(options)
+    end
+
+    private
+
+    CSS_COLORS = %i[aqua black blue fuchsia gray green lime maroon navy olive orange purple red
+                    silver teal white yellow].freeze
+    MIN_INTENSITY = 100
+    MAX_INTENSITY = 950
+
+    def background(options)
+      color = options.dig(:background, :color) || :purple
+      intensity = options.dig(:background, :intensity) || 700
+
+      unless (MIN_INTENSITY..MAX_INTENSITY).cover?(intensity)
+        raise "Navigation Background Color intensity should be between #{MIN_INTENSITY} and #{MAX_INTENSITY}"
+      end
+
+      if color.in? CSS_COLORS
+        "#{color}-#{intensity}"
+      else
+        "[#{color}]"
+      end
     end
   end
 end

data/lib/tramway/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Tramway
-  VERSION = '0.1.5'
+  VERSION = '0.1.6'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tramway
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - kalashnikovisme
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-06-19 00:00:00.000000000 Z
+date: 2023-06-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: haml-rails