mekari_lvsg 0.1.0.pre.beta

data/app/components/footer/footer.yml

@@ -0,0 +1,21 @@
+-
+  :footer_logo_path: https://mekari.com/wp-content/uploads/2019/03/logo-mekari.svg
+  :footer_logo_alt: "Mekari"
+  :footer_logo_link: "Mekari"
+  :footer_nav_items:
+    - :name: 'About Us'
+      :url: '/about_us'
+    - :name: 'Products'
+      :url: '/products'
+    - :name: 'Careers'
+      :url: '/careers'
+    - :name: 'News'
+      :url: '/news'
+  :footer_social: "Follow us: "
+  :footer_social_fb: https://facebook.com
+  :footer_social_tw: https://twitter.com
+  :copyright: "PT Mid Solusi Nusantara. All rights reserved."
+  :term_path: "https://mekari.com/"
+  :term_text: "Terms of Use "
+  :privacy_path: "https://mekari.com/"
+  :privacy_text: "Privacy Policy"

data/app/components/header/_header.html.slim

@@ -0,0 +1,39 @@
+.main-header class=(properties[:background_class])
+  .ui.container
+    .main-navigation.ui.menu
+      .main-header__logo.item
+        a.logo__link href=(logo[:link])
+          = image_tag logo[:src], alt: logo[:alt]
+      .ui.menu.navigation
+        - (properties[:navigation_items] || []).each do |navigation_item|
+          - if has_submenu?(navigation_item)
+            - submenu_items = navigation_item[:submenu_items]
+            - if navigation_item[:submenu_items_type].eql?('full_header')
+              .mega-dropdown.navigation__item
+                a.browse.item data-target=(navigation_item[:target]) href=(navigation_item[:url]) = navigation_item[:name]
+                .megamenu
+                  .ui.container(id=navigation_item[:target])
+                    .ui.three.column.relaxed.equal.height.top.aligned.stackable.grid
+                      - submenu_items.try(:each) do |submenu_item|
+                        - next if submenu_item[:path].present?
+                        .column
+                          h4.ui.header = submenu_item[:subtitle]
+                          .ui.link.list
+                            - submenu_item[:links].try(:each) do |link|
+                              a.item href=(link[:path]) = link[:name]
+            - else
+              .ui.simple.dropdown.item.navigation__item
+                a.item href=(navigation_item[:url]) = navigation_item[:name]
+                .menu
+                  - submenu_items.try(:each) do |submenu_item|
+                    - submenu_item[:links].try(:each) do |link|
+                      a.item href=(link[:path]) = link[:name]
+          - else
+            .navigation__item
+              a.item href=(navigation_item[:url]) = navigation_item[:name]
+      .ui.right.menu.user-menu
+        .user-menu__login.item
+          a href=(properties[:path_login]) = properties[:link_login]
+      a.item.mobile__trigger
+        |
+        = properties[:menu_name]

data/app/components/header/header.less

@@ -0,0 +1,132 @@
+@import "mekari_lvsg/ms_base/variables.less";
+
+.blue-background {
+  background-color: @true-blue;
+}
+
+.marine-blue-background {
+  background-color: @marine-blue;
+}
+
+.green-background {
+  background-color: @smart-green;
+}
+
+.main-header {
+  position: relative;
+
+  .ui.menu {
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+    height: 50px;
+
+    .item {
+      &.mobile__trigger {
+        color: @snow-white;
+        font-size: 16px;
+        font-weight: 600;
+        display: none;
+
+        &:hover {
+          color: @smart-green;
+        }
+
+        @media only screen and (max-width: @largestTabletScreen) {
+          display: flex;
+        }
+      }
+
+      a {
+        color: @snow-white;
+        font-size: 16px;
+        line-height: 20px;
+        display: flex;
+
+        &.active,
+        &:hover {
+          color: @smart-green;
+        }
+      }
+
+      .button {
+        &__signup {
+          padding: 3px 8px;
+          font-size: 12px;
+          line-height: 16px;
+        }
+      }
+    }
+
+    .navigation,
+    .user-menu .item {
+      @media only screen and (max-width: @largestTabletScreen) {
+        display: none;
+      }
+    }
+  }
+
+  .navigation {
+    &.menu {
+      .navigation__item {
+        a.item {
+          color: @snow-white;
+          font-size: 16px;
+          line-height: 20px;
+          padding-left: 24px;
+          padding-right: 24px;
+          &.active,
+          &:hover {
+            color: @smart-green;
+          }
+        }
+      }
+    }
+  }
+
+  .megamenu {
+    background-color: @snow-white;
+    position: absolute;
+    left: 0;
+    right: 0;
+    padding: 24px;
+    display: none;
+    margin-top: 0;
+    z-index: 9;
+
+    .ui.header {
+      font-size: 16px;
+      line-height: 20px;
+      margin-bottom: 12px;
+      color: @pepper-grey;
+    }
+
+    .ui.link.list {
+      margin-top: 0;
+
+      > .item {
+        font-size: 16px;
+        line-height: 20px;
+        color: @pepper-grey;
+        padding-bottom: 8px;
+        padding-left: 0;
+        font-weight: 300;
+        &:hover {
+          color: @shallow-blue;
+        }
+      }
+    }
+  }
+
+  .mega-dropdown {
+    &:hover {
+      > .megamenu {
+        display: block;
+      }
+    }
+  }
+
+  .logo__link {
+    max-height: 20px;
+  }
+}

data/app/components/header/header.yml

@@ -0,0 +1,80 @@
+-
+  :background_class: "blue-background"
+  :logo:
+    :src: https://mekari.com/wp-content/uploads/2019/03/logo-mekari.svg
+    :alt: "Mekari"
+    :link: "/"
+  :navigation_items:
+    - :name: "About Us"
+      :url: "/about_us"
+    - :name: "Products"
+      :url: "#"
+      :target: "menu-products"
+      :submenu_items:
+        - :links:
+            -
+              :name: 'Sleekr'
+              :path: '/submenu_1'
+            -
+              :name: 'Talenta'
+              :path: '/submenu_2'
+            -
+              :name: 'Jurnal'
+              :path: '/submenu_3'
+            -
+              :name: 'Klikpajak'
+              :path: '/submenu_3'
+      :submenu_items_type: ''
+    - :name: "Careers"
+      :url: "/careers"
+      :class: "careers"
+    - :name: "News"
+      :url: "/news"
+  :link_login: "Log In"
+  :path_login: "/login"
+
+-
+  :background_class: "marine-blue-background"
+  :logo:
+    :src: https://mekari.com/wp-content/uploads/2019/03/logo-mekari.svg
+    :alt: "Mekari"
+    :link: "/"
+  :navigation_items:
+    - :name: "Products"
+      :url: "#"
+      :target: "menu-products"
+      :submenu_items:
+        - :subtitle: 'Payroll Automation & HR Solution'
+          :links:
+            -
+              :name: 'Sleekr'
+              :path: '/submenu_1'
+            -
+              :name: 'Talenta'
+              :path: '/submenu_2'
+        - :subtitle: 'Accounting Software'
+          :links:
+            -
+              :name: 'Jurnal'
+              :path: '/submenu_3'
+        - :subtitle: 'Accounting Software'
+          :links:
+            -
+              :name: 'Tax Management Platform'
+              :path: '/submenu_4'
+      :submenu_items_type: 'full_header'
+    - :name: "Company"
+      :url: "#"
+      :submenu_items:
+        - :links:
+            -
+              :name: 'About Us'
+              :path: '/about_us'
+            -
+              :name: 'Careers'
+              :path: '/careers'
+            -
+              :name: 'News'
+              :path: '/news'
+  :link_login: "Log In"
+  :path_login: "/login"

data/app/components/header/header_component.rb

@@ -0,0 +1,13 @@
+# app/components/header/header_component.rb
+class HeaderComponent < MountainView::Presenter
+  properties :logo, default: { src: '', alt: '' }
+  property :menu, default: []
+
+  def title
+    properties[:title].titleize
+  end
+
+  def has_submenu?(navigation_item)
+    navigation_item[:submenu_items].present?
+  end
+end

data/app/controllers/mekari_lvsg/application_controller.rb

@@ -0,0 +1,5 @@
+module MekariLvsg
+  class ApplicationController < ActionController::Base
+    protect_from_forgery with: :exception
+  end
+end

data/app/helpers/mekari_lvsg/application_helper.rb

@@ -0,0 +1,4 @@
+module MekariLvsg
+  module ApplicationHelper
+  end
+end

data/app/jobs/mekari_lvsg/application_job.rb

@@ -0,0 +1,4 @@
+module MekariLvsg
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/mekari_lvsg/application_mailer.rb

@@ -0,0 +1,6 @@
+module MekariLvsg
+  class ApplicationMailer < ActionMailer::Base
+    default from: 'from@example.com'
+    layout 'mailer'
+  end
+end

data/app/models/mekari_lvsg/application_record.rb

@@ -0,0 +1,5 @@
+module MekariLvsg
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/views/layouts/mekari_lvsg/application.html.slim

@@ -0,0 +1,13 @@
+doctype html
+html
+head
+meta content=("text/html; charset=UTF-8") http-equiv="Content-Type" /
+title Mekari lvsg
+
+= stylesheet_link_tag "mekari_lvsg/moneysmart", media: "all"
+= stylesheet_link_tag "mekari_lvsg/styles", media: "all"
+= javascript_include_tag "mekari_lvsg/mekari"
+
+= csrf_meta_tags
+body
+= yield

data/app/views/mountain_view/extra_pages/device_width.html.slim

@@ -0,0 +1,17 @@
+h2 Device Width Definition
+
+table.ui.table
+  thead
+    tr
+      th
+      th Mobile
+      th Tablet
+      th Small Monitor
+      th Large Monitor
+  tbody
+    tr
+      th Device Width
+      td below 768px
+      td 768px - 991px
+      td 992px - 1200px
+      td above 1200px

data/config/routes.rb

@@ -0,0 +1,4 @@
+MekariLvsg::Engine.routes.draw do
+  get 'page/example'
+  mount MountainView::Engine => "/"
+end

data/lib/mekari_lvsg.rb

@@ -0,0 +1,8 @@
+require 'font-awesome-less'
+require 'momentjs-rails'
+require "mekari_lvsg/engine"
+require 'mountain_view/presenter/view_context_extension'
+
+module MekariLvsg
+  # Your code goes here...
+end

data/lib/mekari_lvsg/engine.rb

@@ -0,0 +1,56 @@
+require "slim-rails"
+require "jquery-rails"
+require "jquery-ui-rails"
+require "mountain_view"
+require "less/rails/semantic_ui"
+
+module MekariLvsg
+  class Engine < ::Rails::Engine
+    isolate_namespace MekariLvsg
+
+    initializer :assets do |config|
+      Rails.application.config.assets.precompile += %w(
+        mekari_lvsg/mekari.css
+        mekari_lvsg/mekari.js
+        mekari_lvsg/theme.css
+      )
+      Rails.application.config.assets.paths << root.join("app", "assets", "images")
+    end
+
+    config.generators do |g|
+      g.test_framework :rspec
+      g.template_engine :slim
+    end
+
+    MountainView.configure do |c|
+      c.components_path ||= root.join("app", "components")
+      c.included_stylesheets = ["mekari_lvsg/theme.css"]
+      c.extra_pages = [:grid, :buttons, :colors, :device_width]
+    end
+
+    initializer "mountain_view.load_component_classes",
+                before: :set_autoload_paths do |app|
+      component_paths = "#{MountainView.configuration.components_path}/{*}"
+      app.config.autoload_paths += Dir[component_paths]
+    end
+
+    initializer "mountain_view.assets" do |app|
+      Rails.application.config.assets.paths << MountainView.configuration.components_path
+      Rails.application.config.assets.precompile += %w( mountain_view/styleguide.css
+                                                        mountain_view/styleguide.js )
+    end
+
+    initializer "mountain_view.append_view_paths" do |app|
+      ActiveSupport.on_load :action_controller do
+        append_view_path MountainView.configuration.components_path
+      end
+    end
+
+    initializer "mountain_view.add_helpers" do
+      ActiveSupport.on_load :action_controller do
+        ::ActionController::Base.helper MountainView::StyleguideHelper
+        ::ActionController::Base.helper MountainView::ComponentHelper
+      end
+    end
+  end
+end

data/lib/mekari_lvsg/version.rb

@@ -0,0 +1,3 @@
+module MekariLvsg
+  VERSION = '0.1.0-beta'
+end