vuexy 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 107b7e5cbde18c4b82b1466d492a39eba5528cc47e9e78c03040c67ee84b5ba6
-  data.tar.gz: 73ec2046b4e0de7d0d1b3d162b554bef69b83a74012c4bf7df58185261ddb70e
+  metadata.gz: 5b7c34bf933902d4394edce21712fe57984331982e2709e8038e24bb36b9e0b1
+  data.tar.gz: 1897476285b7ad769e9274af83bfc994460cabec5885e934dc5ba6d50a4c1fa8
 SHA512:
-  metadata.gz: 60ae4369ba8272f68b3ee8809d35ff3ca2919c0b42188a0a52cc32f9c45951b88e324ae6573e4319c7d41b862ecd315ce8cd0f908f73f78dce1d15e4ec215431
-  data.tar.gz: 4e9edb9c9b1bf60141b83999a14ca31464d05e7c3318a806aec7cc3ead167a5ba391a3b6548cd5ed4e7b6cf74c7039bf89f9c6e1d8ca932ba5bb39d835228f57
+  metadata.gz: add7bd9c300244f5f9727b39865a97438e1af50b4ee4d8834495c8113345e90b0b70d12392f19e49fe3a3b100154fd6a91e6bf7551c8dd4e3344a6a9b87dee84
+  data.tar.gz: 18c61b78fb4d341693d9935ed5307090dea79b43084bea4aa041aa78fec06c64b38bab25338128db4a8f7f2d7192ff77db1ebde97871434e6edc5c2c6129e0d8

data/app/assets/config/vuexy_manifest.js

@@ -1,6 +1,7 @@
 //= link_tree ../fonts
 
 //= link_directory ../javascripts/vendors/js .js
+//= link_directory ../javascripts/vendors/js/forms/validation .js
 //= link_directory ../javascripts/vuexy .js
 
 //= link_directory ../stylesheets/bootstrap .css
@@ -9,3 +10,9 @@
 
 //= link vuexy/core/app-menu.js
 //= link vuexy/core/app.js
+
+//= link vuexy/scripts/pages/auth-login.js
+//= link vuexy/pages/authentication.css
+//= link vuexy/plugins/forms/form-validation.css
+//= link vuexy/pages/modal-create-app.css
+//= link vuexy/scripts/pages/modal-create-app.js

data/app/assets/stylesheets/scss/variables/_variables.scss

@@ -2,4 +2,4 @@
 //  ? TIP:  It is recommended to use this file for overriding bootstrap variables.
 //  ================================================================================================
 
-$primary: #00cfe8;
+// $primary: #00cfe8;

data/app/controllers/concerns/vuexy/components/base.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Vuexy
+  module Components
+    module Base
+      # include Rails.application.routes.url_helpers
+
+      def load_yaml(file:)
+        YAML.safe_load(
+          ERB.new(
+            File.read(
+              File.join(Rails.root, 'app', 'views', controller_path.split('/').first, "#{file}.yml")
+            )
+          ).result
+        )
+      end
+    end
+  end
+end

data/app/controllers/concerns/vuexy/components/header.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Vuexy
+  module Components
+    module Header
+      extend ActiveSupport::Concern
+      include Base
+
+      included do
+        before_action :build_header
+      end
+
+      private
+
+      def build_header
+        @vuexy_header = load_yaml(file: 'header')
+      end
+    end
+  end
+end

data/app/controllers/concerns/vuexy/components/navigation.rb

@@ -4,15 +4,16 @@ module Vuexy
   module Components
     module Navigation
       extend ActiveSupport::Concern
+      include Base
 
       included do
-        before_action :build_vuexy_navigation
+        before_action :build_navigation
       end
 
       private
 
-      def build_vuexy_navigation
-        @vuexy_navigation = YAML.load(ERB.new(File.read(File.join(Rails.root, 'app', 'views', controller_path.split('/').first, 'navigation.yml'))).result)
+      def build_navigation
+        @vuexy_navigation = load_yaml(file: 'navigation')
       end
     end
   end

data/app/views/layouts/vuexy/blank.haml

@@ -1,13 +1,15 @@
 !!! 5
 %html.loading{ class: ('dark-layout' if Vuexy.config.dark_mode?) }
   %head
-    %title= "#{yield :title} : Web Base"
+    %title= "#{yield :title} : #{Vuexy.config.app_name}"
     %meta{ name: 'viewport', content: 'width=device-width,initial-scale=1' }
     = csrf_meta_tags
     = csp_meta_tag
-    = stylesheet_link_tag 'vuexy/application'
+    - vuexy_assets_css
+    - @vuexy_assets_css&.each do |css|
+      = stylesheet_link_tag css
 
-  %body.horizontal-layout.horizontal-menu.blank-page.navbar-floating.footer-static{ data: { open: 'hover', menu: 'horizontal-menu', col: 'blank-page' } }
+  %body.vertical-layout.vertical-menu-modern.blank-page.navbar-floating.footer-static{ data: { open: 'click', menu: 'vertical-menu-modern', col: 'blank-page' } }
     -# BEGIN: Content
     .app-content.content
       .content-overlay
@@ -15,19 +17,17 @@
       .content-wrapper
         .content-header.row
         .content-body
-          .row
-            .col-12.p-4
+          -# .row
+          -#   .col-12.p-4
 
-              - if notice
-                .alert.alert-primary
-                  .alert-body= notice
-              - if alert
-                .alert.alert-primary
-                  .alert-body= alert
+          - if notice
+            .alert.alert-primary
+              .alert-body= notice
+          - if alert
+            .alert.alert-primary
+              .alert-body= alert
 
-              = yield
+          = yield
 
-    = javascript_include_tag 'vendors/js/vendors.min'
-    = javascript_include_tag 'vuexy/core/app-menu'
-    = javascript_include_tag 'vuexy/core/app'
-    = javascript_include_tag 'vuexy/application'
+    - @vuexy_assets_js&.each do |js|
+      = javascript_include_tag js

data/app/views/layouts/vuexy/horizontal-menu.haml

@@ -1,7 +1,7 @@
 !!! 5
 %html.loading{ class: ('dark-layout' if Vuexy.config.dark_mode?) }
   %head
-    %title= "#{yield :title} : Web Base"
+    %title= "#{yield :title} : #{Vuexy.config.app_name}"
     %meta{ name: 'viewport', content: 'width=device-width,initial-scale=1' }
     = csrf_meta_tags
     = csp_meta_tag

data/app/views/layouts/vuexy/vertical-menu.haml

@@ -1,14 +1,23 @@
 !!! 5
 %html.loading{ class: ('dark-layout' if Vuexy.config.dark_mode?) }
   %head
-    %title= "#{yield :title} : Web Base"
+    %title= "#{yield :title} : #{Vuexy.config.app_name}"
     %meta{ name: 'viewport', content: 'width=device-width,initial-scale=1' }
     = csrf_meta_tags
     = csp_meta_tag
-    = stylesheet_link_tag 'vuexy/application'
+    - vuexy_assets_css
+    - @vuexy_assets_css&.each do |css|
+      = stylesheet_link_tag css
 
   %body.vertical-layout.vertical-menu-modern.navbar-floating.footer-static{ data: { open: 'click', menu: 'vertical-menu-modern', col: '' } }
 
+    -# BEGIN: Header
+    - if @vuexy_header
+      = render partial: 'vuexy/components/header'
+
+    -# = render layout: 'vuexy/components/header' do
+    -#   = yield :header
+
     -# BEGIN: Primary Navigation
     - if @vuexy_navigation
       = render partial: 'vuexy/components/side_nav'
@@ -22,7 +31,7 @@
           .content-header-left.col-md-9.col-12.mb-2
             .row.breadcrumbs-top
               .col-12
-                %h2.content-header-title.float-start.mb-0= content_for(:title)
+                %h2.content-header-title.float-start.mb-0= yield :title
                 .breadcrumb-wrapper
                   %ol.breadcrumb
                     -# = render_breadcrumbs :tag => :li, :seperator => ''
@@ -41,7 +50,5 @@
     .sidenav-overlay
     .drag-target
 
-    = javascript_include_tag 'vendors/js/vendors.min'
-    = javascript_include_tag 'vuexy/core/app-menu'
-    = javascript_include_tag 'vuexy/core/app'
-    = javascript_include_tag 'vuexy/application'
+    - @vuexy_assets_js&.each do |js|
+      = javascript_include_tag js

data/app/views/vuexy/components/_header.haml

@@ -0,0 +1,36 @@
+%nav.header-navbar.navbar.navbar-expand-lg.align-items-center.floating-nav.navbar-dark.navbar-shadow.container-xxl
+  .navbar-container.d-flex.content
+    .bookmark-wrapper.d-flex.align-items-center
+
+      -# BEGIN MENU TOGGLE
+      %ul.nav.navbar-nav.d-xl-none
+        %li.nav-item
+          = link_to '#', class: 'nav-link menu-toggle' do
+            %i.ficon{ data: { feather: 'menu' }, width: '14', height: '14' }
+
+      -# BEGIN BOOKMARKS
+      - @vuexy_header['bookmarks']&.each do |bookmark|
+        %ul.nav.navbar-nav.bookmark-icons
+          %li.nav-item.d-none.d-lg-block
+            %a{ href: bookmark['path'] || '#', class: 'nav-link', aria: { label: bookmark['text'] }, data: { bs: { toggle: 'tooltip', placement: 'bottom', 'original-title': bookmark['text'] } } }
+              %i.ficon{ data: { feather: bookmark['icon'] }, width: '14', height: '14' }
+
+    -# BEGIN USER DROPDOWN
+    - if user = @vuexy_header['user']
+      %ul.nav.navbar-nav.align-items-center.ms-auto
+        %li.nav-item.dropdown.dropdown-user
+          = link_to '#', class: 'nav-link dropdown-toggle dropdown-user-link', id: 'dropdown-user', data: { 'bs-toggle': 'dropdown' }, aria: { haspopup: true, expanded: false } do
+            .user-nav.d-sm-flex.d-none
+              %span.user-name.fw-bolder= user['name']&.titleize
+              %span.user-status= user['status']&.titleize
+            %span.avatar
+              %img.round{ src: user['avatar'], height: 40, width: 40, alt: 'avatar' }
+              %span.avatar-status-online
+            .dropdown-menu.drop-menu-end{ aria: { labelledby: 'dropdown-user' } }
+              - user['links']&.each do |link|
+                - if link.keys.include? 'divider'
+                  .dropdown-divider
+                - else
+                  = link_to link['path'] || '#', class: 'dropdown-item', method: (link['method'] if link['method']) do
+                    %i.me-50{ data: { feather: link['icon'] } }
+                    = link['text']

data/app/views/vuexy/components/_modal.haml

@@ -0,0 +1,7 @@
+.modal.fade{ id: local_assigns[:id], tabindex: -1, aria: { labeledby: "#{local_assigns[:id]}Title", hidden: true } }
+  .modal-dialog.modal-dialog-centered.modal-md
+    .modal-content
+      .modal-header.bg-transparent
+        %button.btn-close{ type: 'button', data: { bs: { dismiss: 'modal' } }, aria: { label: 'Close' } }
+      .modal-body.px-sm5.mx-50.pb-4
+        = capture(&block) unless block.nil?

data/app/views/vuexy/components/_side_nav.haml

@@ -26,7 +26,7 @@
               %span.menu-item.text-truncate Agent
 
       -# BEGIN DYNAMIC LINKS
-      - @vuexy_navigation['navigation'].each do |nav|
+      - @vuexy_navigation['navigation']&.each do |nav|
         - if nav.keys.include? 'header'
           %li.navigation-header
             %span= nav['header']
@@ -36,3 +36,15 @@
             %a.d-flex.align-items-center{ href: nav['link']['path'], target: nav['link']['target'] }
               %i{ data: { feather: nav['link']['icon'] } }
               %span.menu-item.text-truncate= nav['link']['text']
+            - if nav['link']['links']
+              %ul.menu-content
+                - nav['link']['links']&.each do |link|
+                  %li{ class: ('active' if current_page?(link['path'])) }
+                    = link_to link['path'], class: 'd-flex align-items-center' do
+                      %i{ data: { feather: link['icon'] } }
+                      %span.menu-item.text-truncate= link['text']
+                    - if link['links']
+                      %ul.menu-content
+                        - link['links']&.each do |sub_link|
+                          %li{ class: ('active' if current_page?(sub_link['path'])) }
+                            = link_to sub_link['text'], sub_link['path'], class: 'd-flex align-items-center'

data/app/views/vuexy/components/authentication/_login_basic.haml

@@ -0,0 +1,10 @@
+.auth-wrapper.auth-basic.px-2
+  .auth-inner.my-2
+    .card.mb-0
+      .card-body
+        -# LOGO GOES HERE
+
+        %h4.card-title.mb-1= local_assigns[:title]
+        %p.card-text.mb-2= local_assigns[:text]
+
+        = capture(&block) unless block.nil?

data/app/views/vuexy/components/authentication/_login_cover.haml

@@ -0,0 +1,15 @@
+.auth-wrapper.auth-cover
+  .auth-inner.row.m-0
+
+    -# BEGIN COVER
+    .d-none.d-lg-flex.col-lg-8.align-items-center.p-5
+      .w-100.d-lg-flex.align-items-center.justify-content-center.px-5
+        %img.img-fluid{ src: local_assigns[:image] }
+
+    -# BEGIN LOGIN
+    .d-flex.col-lg-4.align-items-center.auth-bg.px-2.p-lg-5
+      .col-12.col-sm-8.col-md-6.col-lg-12.px-xl-2.mx-auto
+        %h2.card-title.fw-bold.mb-1= local_assigns[:title]
+        %p.card-text.mb-2= local_assigns[:text]
+
+        = capture(&block) unless block.nil?

data/lib/generators/vuexy/install/templates/initializer.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 
 Vuexy.configure do |c|
+  c.app_name = 'App Dashboard'
   c.dark_mode = true
 end

data/lib/vuexy/components/nick.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Vuexy
+  module Components
+    module Nick
+      def self.included(_base)
+        # something
+      end
+
+      # def something
+      #   @whatever = 'o_O'
+      # end
+    end
+  end
+end

data/lib/vuexy/config.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Vuexy
-  class Configuration < Struct.new(:dark_mode)
+  class Configuration < Struct.new(:app_name, :dark_mode)
     def dark_mode?
       dark_mode
     end

data/lib/vuexy/engine.rb

@@ -1,5 +1,13 @@
+require 'vuexy/helpers'
+
 module Vuexy
   class Engine < ::Rails::Engine
     isolate_namespace Vuexy
+
+    initializer 'vuexy.helpers' do
+      ActiveSupport.on_load(:action_view) do
+        include Vuexy::Helpers
+      end
+    end
   end
 end

data/lib/vuexy/helpers/components.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module Vuexy
+  module Helpers
+    module Components
+      def vuexy_login_basic(title: nil, text: nil, &block)
+        assets_for(:authentication)
+        render(
+          partial: 'vuexy/components/authentication/login_basic',
+          locals: {
+            title: title,
+            text: text,
+            block: block
+          }
+        )
+      end
+
+      def vuexy_login_cover(title: nil, text: nil, image: nil, &block)
+        assets_for(:authentication)
+        render(
+          partial: 'vuexy/components/authentication/login_cover',
+          locals: {
+            title: title,
+            text: text,
+            image: image,
+            block: block
+          }
+        )
+      end
+
+      def vuexy_modal(id, &block)
+        render(
+          partial: 'vuexy/components/modal',
+          locals: {
+            id: id,
+            block: block
+          }
+        )
+      end
+    end
+  end
+end

data/lib/vuexy/helpers/core.rb

@@ -0,0 +1,65 @@
+# frozen_string_literal: true
+
+module Vuexy
+  module Helpers
+    module Core
+      def assets_for(type)
+        css = @vuexy_assets_css ||= ['vuexy/application']
+        js = @vuexy_assets_js ||= [
+          'vendors/js/vendors.min',
+          'vendors/js/forms/validation/jquery.validate.min',
+          'vuexy/core/app-menu',
+          'vuexy/core/app',
+          'vuexy/application'
+        ]
+        case type
+        when :authentication
+          css << 'vuexy/plugins/forms/form-validation'
+          css << 'vuexy/pages/authentication'
+          js << 'vuexy/scripts/pages/auth-login.min'
+        when :calendar
+          # TODO
+        when :chat
+          css << 'vuexy/pages/app-chat'
+          css << 'vuexy/pages/app-chat-list'
+          js << 'vuexy/scripts/pages/app-chat'
+        when :email
+          css << 'vendor/editors/quill/katex.min'
+          css << 'vendor/editors/quill/monokai-sublime.min'
+          css << 'vendor/editors/quill/quill.snow'
+          css << 'vendor/extensions/toastr.min'
+          css << 'vendor/forms/select/select2.min'
+          css << 'vuexy/plugins/forms/form-quill-editor'
+          css << 'vuexy/extensions/ext-component-toastr'
+          css << 'vuexy/pages/app-email'
+          js << 'vendors/js/editors/quill/katex.min'
+          js << 'vendors/js/editors/quill/highlight.min'
+          js << 'vendors/js/editors/quill/quill.min'
+          js << 'vendors/js/extensions/toastr.min'
+          js << 'vendors/js/forms/select/select2.full.min'
+          js << 'vuexy/scripts/pages/app-email.min'
+        when :kanban
+          # TODO
+        when :todo
+          css << 'vendor/editors/quill/katex.min'
+          css << 'vendor/editors/quill/monokai-sublime.min'
+          css << 'vendor/editors/quill/quill.snow'
+          css << 'vendor/forms/select/select2.min'
+          css << 'vendor/pickers/flatpickr/flatpickr.min'
+          css << 'vendor/extensions/dragula.min'
+          css << 'vendor/extensions/toastr.min'
+          js << 'vendors/js/editors/quill/katex.min'
+          js << 'vendors/js/editors/quill/highlight.min'
+          js << 'vendors/js/editors/quill/quill.min'
+          js << 'vendors/js/forms/select/select2.full.min'
+          js << 'vendors/js/pickers/flatpickr/flatpickr.min'
+          js << 'vendors/js/extensions/dragula.min'
+          js << 'vendors/js/extensions/toastr.min'
+          js << 'vuexy/scripts/pages/app-todo.min'
+        end
+        @vuexy_assets_css = css.uniq
+        @vuexy_assets_js = js.uniq
+      end
+    end
+  end
+end

data/lib/vuexy/helpers/tags.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Vuexy
+  module Helpers
+    module Tags
+      def vuexy_assets_css
+        assets_for(nil) # Init
+        # stylesheet_link_tag @vuexy_assets_css.join(', ')
+      end
+
+      def vuexy_assets_js
+        assets_for(nil) # Init
+      end
+
+      def vuexy_icon(icon, style: nil)
+        tag.i class: 'ficon', data: { feather: icon }, style: style
+      end
+
+      def vuexy_modal_close
+        { bs: { dismiss: 'modal' } }
+      end
+
+      def vuexy_modal_trigger(target)
+        { bs: { toggle: 'modal', target: "##{target}" } }
+      end
+    end
+  end
+end

data/lib/vuexy/helpers.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+require 'vuexy/helpers/core'
+require 'vuexy/helpers/tags'
+require 'vuexy/helpers/components'
+
+module Vuexy
+  module Helpers
+    include Core
+    include Tags
+    include Components
+  end
+end

data/lib/vuexy/version.rb

@@ -1,3 +1,3 @@
 module Vuexy
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

data/lib/vuexy.rb

@@ -2,6 +2,8 @@ require 'vuexy/version'
 require 'vuexy/engine'
 require 'vuexy/config'
 
+require 'vuexy/components/nick'
+
 module Vuexy
   # Your code goes here...
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vuexy
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Nicholaus Brabant
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-15 00:00:00.000000000 Z
+date: 2022-04-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: haml
@@ -30,14 +30,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.0.2.3
+        version: 7.0.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.0.2.3
+        version: 7.0.2
 - !ruby/object:Gem::Dependency
   name: sassc
   requirement: !ruby/object:Gem::Requirement
@@ -1488,6 +1488,8 @@ files:
 - app/assets/stylesheets/vuexy/themes/bordered-layout.scss
 - app/assets/stylesheets/vuexy/themes/dark-layout.scss
 - app/assets/stylesheets/vuexy/themes/semi-dark-layout.scss
+- app/controllers/concerns/vuexy/components/base.rb
+- app/controllers/concerns/vuexy/components/header.rb
 - app/controllers/concerns/vuexy/components/navigation.rb
 - app/controllers/concerns/vuexy/layouts/blank.rb
 - app/controllers/concerns/vuexy/layouts/horizontal_menu.rb
@@ -1496,24 +1498,33 @@ files:
 - app/jobs/vuexy/application_job.rb
 - app/mailers/vuexy/application_mailer.rb
 - app/models/vuexy/application_record.rb
-- app/views/layouts/vuexy/application.html.erb
 - app/views/layouts/vuexy/blank.haml
 - app/views/layouts/vuexy/horizontal-menu.haml
 - app/views/layouts/vuexy/vertical-menu.haml
+- app/views/vuexy/components/_header.haml
+- app/views/vuexy/components/_modal.haml
 - app/views/vuexy/components/_side_nav.haml
+- app/views/vuexy/components/authentication/_login_basic.haml
+- app/views/vuexy/components/authentication/_login_cover.haml
 - config/routes.rb
 - lib/generators/vuexy/install/USAGE
 - lib/generators/vuexy/install/install_generator.rb
 - lib/generators/vuexy/install/templates/initializer.rb
 - lib/tasks/vuexy_tasks.rake
 - lib/vuexy.rb
+- lib/vuexy/components/nick.rb
 - lib/vuexy/config.rb
 - lib/vuexy/engine.rb
+- lib/vuexy/helpers.rb
+- lib/vuexy/helpers/components.rb
+- lib/vuexy/helpers/core.rb
+- lib/vuexy/helpers/tags.rb
 - lib/vuexy/version.rb
 homepage: https://hattricksoftware.com/
 licenses:
-- GPL
+- LGPL
 metadata:
+  allowed_push_host: https://rubygems.org/
   homepage_uri: https://hattricksoftware.com/
   source_code_uri: https://gitlab.com/hat-trick/vuexy
   changelog_uri: https://gitlab.com/hat-trick/vuexy/CHANGELOG.md

data/app/views/layouts/vuexy/application.html.erb

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Vuexy</title>
-  <%= csrf_meta_tags %>
-  <%= csp_meta_tag %>
-
-  <%= stylesheet_link_tag    "vuexy/application", media: "all" %>
-</head>
-<body>
-
-<%= yield %>
-
-</body>
-</html>