light_admin 1.0.5

data/app/assets/stylesheets/light_admin/variables/_colors.scss

@@ -0,0 +1,32 @@
+/* COLORS LIST */
+$black: #000000 !default;
+$white: #FFFFFF !default;
+$white-20: rgba($white, .2) !default;
+$gray: #4B5563 !default;
+$light-gray: #D9D7DD !default;
+$charcoal: #374151 !default;
+$primary: #0c81e4 !default;
+$secondary: #0c4e8c !default;
+$info: #11c4d4 !default;
+$light: #F3F4F6 !default;
+$dark: #526469 !default;
+$success: #66bb6a !default;
+$danger: #bb4678 !default;
+
+/* BACKGROUNDS COLOR */
+$bg-white: $white !default;
+$bg-buttons: $charcoal !default;
+$bg-light: $light !default;
+$bg-danger: $danger !default;
+
+/* FONTS COLOR */
+$global-text-color: $gray !default;
+$text-white: $white !default;
+$header-item-li-color: rgba($white, 0.8) !default;
+$text-info: $info !default;
+$text-dark: $dark !default;
+$text-success: $success !default;
+$text-danger: $danger !default;
+$title-login: $black !default;
+$text-buttons: $charcoal !default;
+$attributes-table-th-text-color: rgba($gray, .7) !default;

data/app/assets/stylesheets/light_admin/variables/_font.scss

@@ -0,0 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;1,400&display=swap');
+
+$font-size: .875rem !default;
+$font-family: 'Montserrat', sans-serif !default;

data/app/assets/stylesheets/light_admin/variables/_shadows.scss

@@ -0,0 +1,4 @@
+$global-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !default;
+$buttons-shadow: 0 1px 2px 0 rgba($black, 0.05) !default;
+$dropdown-shadow: 0 10px 15px -3px rgba($black, 0.1), 0 4px 6px -2px rgba($black, 0.05) !default;
+$field-shadow: 0 1px 2px 0 rgba($black, .05) !default;

data/app/assets/stylesheets/light_admin/views/_login.scss

@@ -0,0 +1,108 @@
+/* LOGIN TITLE */
+#login h2 {
+  background: none;
+  border-bottom: none;
+  text-shadow: none;
+  box-shadow: none;
+  font-family: $font-family;
+  font-size: 1.875rem;
+  font-weight: bold;
+  line-height: initial;
+  text-align: center;
+  color: $title-login;
+  padding: 0;
+  margin-top: 1.5rem;
+  padding: 0 30px;
+}
+
+/* LOGIN FORM */
+#login {
+  margin-top: 2rem;
+
+  form {
+    ol {
+      margin: 0;
+    }
+
+    fieldset.actions {
+      ol {
+        margin-top: 3rem;
+
+        li {
+          margin-right: 0;
+          width: 100%;
+
+          input {
+            width: 100%;
+          }
+        }
+      }
+    }
+
+    input[type=submit] {
+      background: $secondary;
+      font-size: 100%;
+      border: none;
+      box-shadow: $buttons-shadow;
+      padding: 1rem 2rem;
+    }
+
+    input[type=submit]:not(.disabled):hover {
+      background: $info;
+      color: $text-white;
+      border: none;
+    }
+
+    input[type='checkbox'] {
+      margin-right: 5px;
+    }
+  }
+
+  form ol > li {
+    border-bottom: none;
+    padding: 0;
+    margin-top: 1.5rem;
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  form fieldset.inputs {
+    padding: 2.5rem;
+  }
+}
+
+body.logged_out {
+  #login {
+    a {
+      margin-top: 10px;
+      margin-right: 0;
+    }
+
+    form {
+      fieldset {
+        input[type=email],
+        input[type=password] {
+          width: calc(100% - 24px);
+        }
+      }
+    }
+  }
+
+  .actions {
+    float: unset;
+    margin-left: 0;
+  }
+
+  .flash {
+    box-shadow: $global-shadow;
+    text-shadow: none;
+    background: rgba($primary, .2);
+    border: 1px solid $primary;
+    color: $primary;
+    padding: 24px;
+    margin-bottom: 24px;
+    border-radius: $global-border-radius;
+  }
+}

data/app/assets/stylesheets/utilities/_flex.scss

@@ -0,0 +1,18 @@
+.d-flex {
+  display: -ms-flexbox !important;
+  display: flex !important;
+}
+
+.justify-content-between {
+  -ms-flex-pack: justify !important;
+  justify-content: space-between !important;
+}
+
+.align-items-center {
+  -ms-flex-align: center !important;
+  align-items: center !important;
+}
+
+.text-center {
+  text-align: center !important;
+}

data/app/assets/stylesheets/utilities/_sizing.scss

@@ -0,0 +1,3 @@
+.w-100 {
+  width: 100% !important;
+}

data/app/assets/stylesheets/utilities/_spacing.scss

@@ -0,0 +1,22 @@
+.px-4 {
+  padding-right: 1.5rem !important;
+  padding-left: 1.5rem !important;
+}
+
+.py-2 {
+  padding-top: 0.5rem !important;
+  padding-bottom: 0.5rem !important;
+}
+
+.mx-4 {
+  margin-right: 1.5rem !important;
+  margin-left: 1.5rem !important;
+}
+
+.ml-auto {
+  margin-left: auto !important;
+}
+
+.mt-4 {
+  margin-top: 1.5rem !important;
+}

data/app/views/active_admin/devise/sessions/new.html.erb

@@ -0,0 +1,36 @@
+<div id="login">
+  <!-- If you want to add a logo to the admin login page, change # to = and link to your image.  -->
+  <!--
+    <div class="text-center">
+      <%# image_tag('devise/sessions/image.png', height: '40px') %>
+    </div>
+  -->
+  
+  <h2>
+    <%= active_admin_application.site_title(self) %>
+    <%= title t('active_admin.devise.login.title') %>
+  </h2>
+
+  <% scope = Devise::Mapping.find_scope!(resource_name) %>
+
+  <div class="login-form">
+    <%= active_admin_form_for(resource, as: resource_name, url: send(:"#{scope}_session_path"), html: { id: "session_new" }) do |f|
+      f.inputs do
+      resource.class.authentication_keys.each_with_index { |key, index|
+        f.input key, label: t("active_admin.devise.#{key}.title"), input_html: { autofocus: index.zero? }
+      }
+        f.input :password, label: t('active_admin.devise.password.title')
+
+        div class: 'd-flex justify-content-between mt-4' do
+          f.input :remember_me, label: t('active_admin.devise.login.remember_me'), as: :boolean if devise_mapping.rememberable?
+          render partial: "active_admin/devise/shared/links"
+        end
+
+        f.actions do
+          f.action :submit, label: t('active_admin.devise.login.submit'), button_html: { value: t('active_admin.devise.login.submit') }
+        end
+      end
+    end
+    %>
+  </div>
+</div>

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "light_admin"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/light_admin.rb

@@ -0,0 +1,10 @@
+require 'activeadmin'
+require "light_admin/version"
+require "light_admin/header"
+require "light_admin/panel_with_link"
+require "light_admin/generators"
+
+module LightAdmin
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/light_admin/generators.rb

@@ -0,0 +1,19 @@
+require 'rails/generators'
+
+module LightAdmin
+  class VariablesGenerator < ::Rails::Generators::Base
+    source_root File.expand_path('../../app/assets/stylesheets/light_admin', __dir__)
+
+    def add_variables
+      directory "variables", "app/assets/stylesheets/light_admin/custom_variables"
+    end
+  end
+
+  class NewSessionGenerator < ::Rails::Generators::Base
+    source_root File.expand_path('../../', __dir__)
+
+    def add_new
+      directory 'app/views/active_admin/devise/sessions/', 'app/views/active_admin/devise/sessions'
+    end
+  end
+end

data/lib/light_admin/header.rb

@@ -0,0 +1,30 @@
+ActiveAdmin::Views::Header.class_eval do
+  def build(namespace, menu)
+    super(id: 'header')
+
+    @namespace = namespace
+    @menu = menu
+    @utility_menu = @namespace.fetch_menu(:utility_navigation)
+
+    build_site_header
+  end
+
+  def build_site_header
+    div class: 'w-100' do
+      div class: 'd-flex justify-content-between px-4 py-2' do
+        div do
+          site_title @namespace
+        end
+
+        insert_tag view_factory.global_navigation, @utility_menu, id: 'utility_nav', class: 'header-item tabs'
+      end
+
+      div class: 'border-bottom-white-50 mx-4' do
+      end
+
+      div class: 'px-4 py-2' do
+        insert_tag view_factory.global_navigation, @menu, class: 'header-item tabs'
+      end
+    end
+  end
+end

data/lib/light_admin/panel_with_link.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+module Admin
+  module Components
+    class PanelWithLink < Arbre::Component
+      builder_method :panel_with_link
+      def build(title, link_text, link_url, attributes = {})
+        super(attributes)
+        div class: 'd-flex justify-content-between align-items-center title-panel-wrap' do
+          h3(title, class: 'panel-title panel-with-link')
+          div class: 'ml-auto' do
+            link_to(link_text, link_url)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/light_admin/version.rb

@@ -0,0 +1,3 @@
+module LightAdmin
+  VERSION = "1.0.5"
+end

data/light_admin.gemspec

@@ -0,0 +1,19 @@
+require_relative 'lib/light_admin/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "light_admin"
+  spec.version       = LightAdmin::VERSION
+  spec.authors       = ["Marie Ishihara", "Antoine Goeuriot", "CapSens"]
+
+  spec.summary       = 'Simple, minimal theme for activeadmin.'
+  spec.description   = 'At CapSens - Paris-based RoR agency - we like ActiveAdmin very much. So we made this theme.'
+  spec.license       = "MIT"
+
+  spec.files = Dir.chdir(File.expand_path(__dir__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  end
+  spec.bindir        = "exe"
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency 'activeadmin', ['>= 1.1.0', '< 3.0']
+end

metadata

@@ -0,0 +1,117 @@
+--- !ruby/object:Gem::Specification
+name: light_admin
+version: !ruby/object:Gem::Version
+  version: 1.0.5
+platform: ruby
+authors:
+- Marie Ishihara
+- Antoine Goeuriot
+- CapSens
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2021-05-03 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: activeadmin
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: At CapSens - Paris-based RoR agency - we like ActiveAdmin very much.
+  So we made this theme.
+email: 
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- CHANGELOG.md
+- CODE_OF_CONDUCT.md
+- Gemfile
+- Gemfile.lock
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/light_admin/filters_toggle.js
+- app/assets/stylesheets/light_admin/_rules.scss
+- app/assets/stylesheets/light_admin/base.scss
+- app/assets/stylesheets/light_admin/components/_breadcrumbs.scss
+- app/assets/stylesheets/light_admin/components/_buttons.scss
+- app/assets/stylesheets/light_admin/components/_comments.scss
+- app/assets/stylesheets/light_admin/components/_datepicker_calendar.scss
+- app/assets/stylesheets/light_admin/components/_flash_messages.scss
+- app/assets/stylesheets/light_admin/components/_footer.scss
+- app/assets/stylesheets/light_admin/components/_forms.scss
+- app/assets/stylesheets/light_admin/components/_header.scss
+- app/assets/stylesheets/light_admin/components/_images.scss
+- app/assets/stylesheets/light_admin/components/_list.scss
+- app/assets/stylesheets/light_admin/components/_panels.scss
+- app/assets/stylesheets/light_admin/components/_sidebars.scss
+- app/assets/stylesheets/light_admin/components/_status_tag.scss
+- app/assets/stylesheets/light_admin/components/_tables.scss
+- app/assets/stylesheets/light_admin/components/_titles.scss
+- app/assets/stylesheets/light_admin/components/_toggle_filters.scss
+- app/assets/stylesheets/light_admin/variables/_borders.scss
+- app/assets/stylesheets/light_admin/variables/_colors.scss
+- app/assets/stylesheets/light_admin/variables/_font.scss
+- app/assets/stylesheets/light_admin/variables/_shadows.scss
+- app/assets/stylesheets/light_admin/views/_login.scss
+- app/assets/stylesheets/utilities/_flex.scss
+- app/assets/stylesheets/utilities/_sizing.scss
+- app/assets/stylesheets/utilities/_spacing.scss
+- app/views/active_admin/devise/sessions/new.html.erb
+- bin/console
+- bin/setup
+- doc/index-with-filter.png
+- doc/index-with-filter.png:Zone.Identifier
+- doc/index.png
+- doc/index.png:Zone.Identifier
+- doc/panel-with-link.png
+- doc/panel-with-link.png:Zone.Identifier
+- doc/show.png
+- doc/show.png:Zone.Identifier
+- lib/light_admin.rb
+- lib/light_admin/generators.rb
+- lib/light_admin/header.rb
+- lib/light_admin/panel_with_link.rb
+- lib/light_admin/version.rb
+- light_admin.gemspec
+homepage: 
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.2
+signing_key: 
+specification_version: 4
+summary: Simple, minimal theme for activeadmin.
+test_files: []