Contents

# frozen_string_literal: true

module Maquina
  module Navbar
    class MobileMenu < Phlex::HTML
      include ApplicationView

      def view_template
        div class: "hidden lg:hidden", **data_attributes do
          render Maquina::Navbar::Menu.new(desktop: false)

          div class: "pt-4 pb-3 border-t border-gray-200" do
            div class: "flex items-center px-4" do
              div class: "flex-shrink-0" do
                img class: "h-10 w-10 rounded-full", src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80", alt: ""
              end

              div class: "ml-3" do
                div(class: "text-base font-medium text-skin-muted") { "Tom Cook" }
                div(class: "text-sm font-medium text-skin-dimmed") { "[e-mail]" }
              end

              render Maquina::Navbar::Notification.new(desktop: false)
            end
            render Maquina::Navbar::ProfileMenu.new(desktop: false)
          end
        end
      end

      private

      def data_attributes
        {
          data: {
            "mobile-menu-target": "menu",
            "transition-enter": "transition ease-out duration-100",
            "transition-enter-active": "transform opacity-0 scale-95",
            "transition-enter-to": "transform opacity-100 scale-100",
            "transition-leave": "transition ease-in duration-75",
            "transition-leave-active": "transform opacity-100 scale-100",
            "transition-leave-to": "transform opacity-0 scale-95"
          }
        }
      end
    end
  end
end

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
maquina-0.7.2	app/views/maquina/navbar/mobile_menu.rb
maquina-0.7.1	app/views/maquina/navbar/mobile_menu.rb
maquina-0.5.2	app/views/maquina/navbar/mobile_menu.rb
maquina-0.5.1	app/views/maquina/navbar/mobile_menu.rb