captive-admin 0.1.0.alpha

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: de70928a6c6a5f945fd2e3cb6fc87625ee195df6188760346a8409af948f3dec
+  data.tar.gz: 5976a7d3d9b960a6c112e0cc78ed56f1a4156cff2fc28e29d12e8c8633ba5620
+SHA512:
+  metadata.gz: 4dda41f7c744488109b1eb258b051990a9b2715b3274299d7fdea0bd1466174b09f16be5f5c2d474006393a005352ccafa667f4c86b07c7db364b98d43300728
+  data.tar.gz: 93d3ba75fd9d5cfc5eb653345118d49738b4c50a53f7716382c86a8ad92d8e1708cdc77d1ee862e2ef51ed8afbc3255d831b54719b60f62849a764721a09a3d5

data/README.md

@@ -0,0 +1,38 @@
+# captive-admin
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Gem Version](https://img.shields.io/gem/v/captive-admin.svg)](https://rubygems.org/gems/captive-admin)
+
+A UI theme for ActiveAdmin that follows [Captive](https://captive.fr)'s Design System
+
+![Screenshot](doc/screenshot.png)
+
+## Installation
+
+- Add this to you Gemfile:
+
+```ruby
+gem 'captive-admin'
+```
+
+- Run `bundle install`
+
+- Edit `active_admin.scss` file
+  - Remove these two lines
+  ```scss
+  @import "active_admin/mixins";
+  @import "active_admin/base";
+  ```
+  - Replace with these two lines
+  ```scss
+  @import "captive-admin/mixins";
+  @import "captive-admin/base";
+  ```
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/Captive-Studio/captive-sdk.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+require "rubocop/rake_task"
+
+RuboCop::RakeTask.new
+
+task default: %i(spec rubocop)

data/app/assets/stylesheets/captive-admin/_base.scss

@@ -0,0 +1,19 @@
+/* stylelint-disable no-invalid-position-at-import-rule */
+@import 'active_admin/base';
+
+/* Active Admin CSS */
+@media screen {
+  @import './typography';
+  @import './header';
+  @import './forms';
+  @import './components/tables';
+  @import './components/links';
+  @import './components/panels';
+  @import './components/status_tags';
+  @import './pages/logged_out';
+  @import './structure/title_bar';
+
+  body {
+    color: $fg-default;
+  }
+}

data/app/assets/stylesheets/captive-admin/_forms.scss

@@ -0,0 +1,16 @@
+form {
+  fieldset {
+    &.inputs {
+      background-color: $bg-subtle;
+    }
+  }
+
+  /* Buttons */
+  input[type='submit'],
+  form input[type='button'],
+  form button {
+    @include primary-button;
+
+    cursor: pointer;
+  }
+}

data/app/assets/stylesheets/captive-admin/_header.scss

@@ -0,0 +1,34 @@
+// ----------------------------------- Header
+#header {
+  text-shadow: none;
+  background: $bg-emphasis;
+
+  h1 {
+    color: $fg-on-emphasis;
+  }
+
+  a,
+  a:link {
+    color: $fg-on-emphasis;
+  }
+
+  ul.tabs {
+    & > li {
+      &.current > a {
+        background: $accent-subtle;
+        color: $fg-default;
+      }
+
+      &:hover > a {
+        background: $accent-subtle;
+        color: $accent-fg;
+      }
+    }
+  }
+
+  #utility_nav {
+    a:hover {
+      color: $accent-fg;
+    }
+  }
+}

data/app/assets/stylesheets/captive-admin/_mixins.scss

@@ -0,0 +1,3 @@
+@import 'active_admin/mixins';
+
+@import './mixins/all';

data/app/assets/stylesheets/captive-admin/_typography.scss

@@ -0,0 +1,16 @@
+body {
+  @include body-family;
+}
+
+// Headings
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  @include title-family;
+
+  letter-spacing: 0.5px;
+  margin-top: 0;
+}

data/app/assets/stylesheets/captive-admin/components/_links.scss

@@ -0,0 +1,5 @@
+a,
+a:link,
+a:visited {
+  color: $accent-fg;
+}

data/app/assets/stylesheets/captive-admin/components/_panels.scss

@@ -0,0 +1,11 @@
+// ----------------------------------- Helper class to apply to elements to make them sections
+.section,
+.panel {
+  @include section;
+}
+
+// ----------------------------------- Sidebar Sections
+
+.sidebar_section {
+  @include section;
+}

data/app/assets/stylesheets/captive-admin/components/_status_tags.scss

@@ -0,0 +1,16 @@
+.status_tag {
+  border: 1px solid;
+  border-radius: 12px;
+  letter-spacing: 0.5px;
+  padding: $spacer-1 $spacer-2;
+
+  &.yes {
+    background: $success-subtle;
+    color: $success-fg;
+  }
+
+  &.no {
+    background: $bg-subtle;
+    color: $fg-muted;
+  }
+}

data/app/assets/stylesheets/captive-admin/components/_tables.scss

@@ -0,0 +1,35 @@
+// --------- Index Tables
+
+table.index_table {
+  @include shadow-xs;
+
+  border-radius: $border-radius-s;
+  overflow: hidden;
+
+  th {
+    a,
+    a:link,
+    a:visited {
+      color: $fg-muted;
+    }
+
+    &.sorted-asc,
+    &.sorted-desc {
+      background: $bg-default;
+      border-bottom: 2px solid $border-color-emphasis;
+    }
+
+    &:last-child {
+      border-right: none;
+    }
+  }
+
+  tr.even td {
+    background: $bg-subtle;
+  }
+
+  td {
+    border-bottom: none;
+    vertical-align: middle;
+  }
+}

data/app/assets/stylesheets/captive-admin/mixins/_all.scss

@@ -0,0 +1,5 @@
+@import './variables';
+@import './shadows';
+@import './buttons';
+@import './sections';
+@import './typography';

data/app/assets/stylesheets/captive-admin/mixins/_buttons.scss

@@ -0,0 +1,67 @@
+@mixin basic-button {
+  // default AA style
+  @include rounded(200px);
+
+  display: inline-block;
+  font-weight: bold;
+  font-size: 1em;
+  @include sans-family;
+
+  line-height: 12px;
+  margin-right: 3px;
+  text-decoration: none;
+
+  &.disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+
+  // End default AA style
+  padding: $spacer-2 $spacer-4;
+  transition: background-color 0.3s;
+  box-shadow: $shadow-xs;
+}
+@mixin primary-button {
+  background-color: $primary-emphasis;
+  background-image: none;
+  color: $primary-on-emphasis;
+  border: none;
+  text-shadow: none;
+  box-shadow: $shadow-s;
+
+  &:not(.disabled) {
+    &:hover {
+      background-color: $primary-muted;
+      background-image: none;
+    }
+
+    &:active {
+      box-shadow: $shadow-xs;
+      background-image: none;
+    }
+  }
+}
+
+@mixin outline-button {
+  // style AA
+  @include basic-button;
+
+  outline: solid 1px;
+  color: $fg-muted;
+  background-color: $bg-subtle;
+
+  &:not(.disabled) {
+    &:hover {
+      background-color: $bg-default;
+    }
+
+    &:active {
+      background-color: $bg-emphasis;
+      color: $fg-on-emphasis;
+    }
+  }
+}
+
+@mixin light-button {
+  @include outline-button;
+}

data/app/assets/stylesheets/captive-admin/mixins/_sections.scss

@@ -0,0 +1,24 @@
+@mixin section-header {
+  // héritage AA
+
+  font-size: 1em;
+  font-weight: bold;
+  line-height: 18px;
+  margin-bottom: 0.5em;
+
+  // Fin héritage AA
+  padding: $spacer-2 $spacer-4;
+  color: $fg-muted;
+  background: $bg-subtle;
+  border-bottom: 1px solid $border-color;
+
+  // @include shadow-xs;
+}
+
+@mixin section-background {
+  background: $bg-subtle;
+  @include rounded($border-radius-s);
+  @include shadow-xs;
+
+  overflow: hidden;
+}

data/app/assets/stylesheets/captive-admin/mixins/_shadows.scss

@@ -0,0 +1,3 @@
+@mixin shadow-xs {
+  box-shadow: $shadow-xs;
+}

data/app/assets/stylesheets/captive-admin/mixins/_typography.scss

@@ -0,0 +1,11 @@
+@mixin sans-family {
+  @include body-family;
+}
+
+@mixin body-family {
+  font-family: $default-font-family;
+}
+
+@mixin title-family {
+  font-family: $title-font-family;
+}

data/app/assets/stylesheets/captive-admin/mixins/_variables.scss

@@ -0,0 +1 @@
+@import 'captive-theme/variables';

data/app/assets/stylesheets/captive-admin/pages/_logged_out.scss

@@ -0,0 +1,9 @@
+body.logged_out {
+  background: $bg-subtle;
+
+  h2 {
+    background-color: $bg-emphasis;
+    background-image: none;
+    text-shadow: none;
+  }
+}

data/app/assets/stylesheets/captive-admin/structure/_title_bar.scss

@@ -0,0 +1,12 @@
+#title_bar {
+  .action_items {
+    span.action_item {
+      & > a,
+      & > .dropdown_menu > a {
+        @include primary-button;
+
+        padding: $spacer-3 $spacer-4;
+      }
+    }
+  }
+}

data/lib/captive/admin/engine.rb

@@ -0,0 +1,6 @@
+module Captive
+  module Admin
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/captive/admin.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require "captive/admin/engine"
+
+module Captive
+  module Admin
+    # Your code goes here...
+  end
+end

data/lib/tasks/captive/admin_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :captive_admin do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,110 @@
+--- !ruby/object:Gem::Specification
+name: captive-admin
+version: !ruby/object:Gem::Version
+  version: 0.1.0.alpha
+platform: ruby
+authors:
+- Captive
+- Stéphane Hanser
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2023-10-16 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 7.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 7.0.0
+- !ruby/object:Gem::Dependency
+  name: captive-theme
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.1.0.alpha
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.1.0.alpha
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Un thème pour ActiveAdmin aux couleurs de Captive.
+email:
+- shanser@captive.fr
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- Rakefile
+- app/assets/stylesheets/captive-admin/_base.scss
+- app/assets/stylesheets/captive-admin/_forms.scss
+- app/assets/stylesheets/captive-admin/_header.scss
+- app/assets/stylesheets/captive-admin/_mixins.scss
+- app/assets/stylesheets/captive-admin/_typography.scss
+- app/assets/stylesheets/captive-admin/components/_links.scss
+- app/assets/stylesheets/captive-admin/components/_panels.scss
+- app/assets/stylesheets/captive-admin/components/_status_tags.scss
+- app/assets/stylesheets/captive-admin/components/_tables.scss
+- app/assets/stylesheets/captive-admin/mixins/_all.scss
+- app/assets/stylesheets/captive-admin/mixins/_buttons.scss
+- app/assets/stylesheets/captive-admin/mixins/_sections.scss
+- app/assets/stylesheets/captive-admin/mixins/_shadows.scss
+- app/assets/stylesheets/captive-admin/mixins/_typography.scss
+- app/assets/stylesheets/captive-admin/mixins/_variables.scss
+- app/assets/stylesheets/captive-admin/pages/_logged_out.scss
+- app/assets/stylesheets/captive-admin/structure/_title_bar.scss
+- lib/captive/admin.rb
+- lib/captive/admin/engine.rb
+- lib/tasks/captive/admin_tasks.rake
+homepage: https://captive.fr/
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://captive.fr/
+  source_code_uri: https://github.com/Captive-Studio/captive-sdk/tree/v0.1.0.alpha/captive-admin
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.6.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">"
+    - !ruby/object:Gem::Version
+      version: 1.3.1
+requirements: []
+rubygems_version: 3.3.26
+signing_key: 
+specification_version: 4
+summary: Un thème pour ActiveAdmin aux couleurs de Captive.
+test_files: []