active_s95 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 91ecc990ce2b436b1c272709f57ffc690b3f11bde9ec954925165682bbbfae3c
+  data.tar.gz: 62b7d58297dc76bb288673c37881c100e43824864a3c5af22426186bdf98075a
+SHA512:
+  metadata.gz: b2d86afe1e5e37dc91f2955574298a0168480ff4298bae0a1fae5f7e298d18934bcf7028cd85dc434204bbcfd2c641bdce81bc64502d268c2de3b30e2fe5564c
+  data.tar.gz: e8a82174dcfd60b64960def19cdcccdc6e0b0048cb205fd1ef927fbf36cca0ee0bb9ec0629d7fca33747ed141393d98ef4ae0a67ba41d626d57e7deb907c9e45

data/LICENCE.txt

@@ -0,0 +1,24 @@
+This is free and unencumbered software released into the public domain.
+
+Anyone is free to copy, modify, publish, use, compile, sell, or
+distribute this software, either in source code form or as a compiled
+binary, for any purpose, commercial or non-commercial, and by any
+means.
+
+In jurisdictions that recognize copyright laws, the author or authors
+of this software dedicate any and all copyright interest in the
+software to the public domain. We make this dedication for the benefit
+of the public at large and to the detriment of our heirs and
+successors. We intend this dedication to be an overt act of
+relinquishment in perpetuity of all present and future rights to this
+software under copyright law.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
+OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
+
+For more information, please refer to <https://unlicense.org/>

data/README.md

@@ -0,0 +1,120 @@
+#  Active S95
+
+
+##  Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'active_s95'
+```
+
+Then execute:
+
+```bash
+bundle install
+```
+
+Or install it yourself:
+
+```bash
+gem install active_s95
+```
+
+##  Usage
+
+### Basic Setup
+
+In your ActiveAdmin stylesheet (`app/assets/stylesheets/active_admin.scss`), replace the default import with:
+
+```scss
+@import "active_s95";
+```
+
+### JavaScript Setup
+
+In your ActiveAdmin JavaScript file (`app/assets/javascripts/active_admin.js`), add:
+
+```javascript
+//= require active_s95/main
+```
+
+That's it! Your ActiveAdmin interface will now use the Active S95 theme.
+
+
+
+### Overriding Styles
+
+You can customize the theme by adding your own styles after the import:
+
+```scss
+@import "active_s95";
+
+// Your custom overrides
+.active_admin {
+  // Custom styles here
+}
+```
+
+### Color Scheme
+
+The theme uses a carefully crafted color palette. You can override variables before importing:
+
+```scss
+// Define your custom colors
+$primary-color: #your-color;
+$secondary-color: #your-color;
+
+@import "active_s95";
+```
+
+##  Development
+
+### Prerequisites
+
+- Ruby 2.5+
+- Bundler ~> 1.5
+- ActiveAdmin >= 1.1.0
+
+### Setup
+
+Clone the repository:
+
+```bash
+git clone https://github.com/SomeoneUnlicensed/active_s95.git
+cd active_s95
+```
+
+Install dependencies:
+
+```bash
+bundle install
+yarn install  # or npm install
+```
+
+### Building
+
+To prepare the package for publishing:
+
+```bash
+yarn prepublishOnly
+```
+
+This will copy assets to the `src` directory for distribution.
+
+##  Requirements
+
+- **ActiveAdmin**: 1.1.0 - 3.x
+- **Font Awesome Sass**: ~> 6.0
+- **Ruby**: 2.5+
+
+##  Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
+3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
+4. Push to the branch (`git push origin feature/AmazingFeature`)
+5. Open a Pull Request
+

data/app/assets/javascripts/arctic_admin/base.js

@@ -0,0 +1,2 @@
+//= require active_admin/base
+//= require ./main

data/app/assets/javascripts/arctic_admin/main.js

@@ -0,0 +1,105 @@
+// right filter sidebar toggle
+function sidebar() {
+  return document.querySelector('#sidebar')
+}
+function sidebarToggle(event) {
+  const insideSection = document.querySelector('#filters_sidebar_section')
+
+  if (!(event.target === insideSection || insideSection.contains(event.target)) && event.target.className != "select2-selection__choice__remove") {
+    sidebar().classList.toggle('sidebar_open')
+  }
+}
+
+// left menu sidebar toggle with menu button
+function menuButton() {
+  return document.querySelector('#utility_nav')
+}
+function menu() {
+  return document.querySelector('#tabs')
+}
+function menuToggle(event) {
+  const currentUser = document.querySelector('#current_user')
+  const logout = document.querySelector('#logout')
+  const forbiddenLinks = event.target === logout ||
+    logout.contains(event.target) ||
+    event.target === currentUser ||
+    (currentUser && currentUser.contains(event.target))
+  if (!forbiddenLinks) {
+    menu().classList.toggle('tabs_open')
+  }
+}
+
+// left menu sidebar close on any click outside
+function menuClose(event) {
+  const forbiddenLinks = event.target === menu ||
+    menu().contains(event.target) ||
+    event.target === menuButton() ||
+    menuButton().contains(event.target)
+  if (menu().classList.contains('tabs_open') && !forbiddenLinks) {
+    menu().classList.remove('tabs_open')
+  }
+}
+
+// nested menu items toggle
+function nestedMenuItems() {
+  return document.querySelectorAll('#tabs .has_nested')
+}
+
+// add event listeners
+function addListeners() {
+
+  // right filter sidebar toggle
+  if (sidebar()) {
+    sidebar().addEventListener('click', sidebarToggle)
+  }
+
+  // left menu sidebar toggle with menu button
+  if (menuButton()) {
+    menuButton().addEventListener('click', menuToggle)
+  }
+
+  // left menu sidebar close on any click outside
+  document.body.addEventListener('click', menuClose)
+
+  // nested menu items toggle
+  nestedMenuItems().forEach(
+    (nestedMenuItem) => {
+      nestedMenuItem.addEventListener('click', (e) => {
+        e.stopPropagation()
+        nestedMenuItem.classList.toggle('open')
+      })
+    }
+  )
+}
+
+// remove all previous eventListeners
+function removeListeners() {
+
+  // right filter sidebar toggle
+  if (sidebar()) {
+    sidebar().removeEventListener('click', sidebarToggle)
+  }
+
+  // left menu sidebar toggle with menu button
+  menuButton().removeEventListener('click', menuToggle)
+
+  // left menu sidebar close on any click outside
+  document.body.removeEventListener('click', menuClose)
+
+  // nested menu items toggle
+  nestedMenuItems().forEach(
+    (nestedMenuItem) => {
+      nestedMenuItem.removeEventListener('click', (e) => {
+        e.stopPropagation()
+        nestedMenuItem.classList.toggle('open')
+      })
+    }
+  )
+}
+
+document.addEventListener('DOMContentLoaded', addListeners)
+
+document.addEventListener('turbolinks:load', () => {
+  removeListeners()
+  addListeners()
+})

data/app/assets/stylesheets/arctic_admin/_base.scss

@@ -0,0 +1,30 @@
+@import "font-awesome";
+
+@import "reset";
+@import "fonts";
+@import "variables/variables";
+
+@import "mixins/mixins";
+
+@import "common";
+@import "buttons";
+@import "grid";
+
+@import "components/*";
+@import "layouts/*";
+@import "pages/*";
+
+body {
+  font-family: $font-family-body;
+  background-color: $body-background;
+  color: $text-color;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+}
+
+a {
+  color: $link-primary-color;
+  text-decoration: none;
+}

data/app/assets/stylesheets/arctic_admin/_buttons.scss

@@ -0,0 +1,80 @@
+.button {
+  background: linear-gradient(135deg, $indigo 0%, $indigo-dark 100%);
+  color: #fff;
+  border: none;
+  border-radius: $border-radius-button;
+  display: inline-block;
+  cursor: pointer;
+  padding: 10px 20px;
+  font-size: 15px;
+  font-weight: 600;
+  box-shadow: $box-shadow-button;
+  transition: all 0.3s ease;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  min-height: 44px; // Touch target minimum
+  align-items: center;
+  justify-content: center;
+
+  @media screen and (max-width: $sm-width) {
+    font-size: 13px;
+    padding: 10px 16px;
+    letter-spacing: 0.3px;
+  }
+
+  &:hover {
+    background: linear-gradient(135deg, $indigo-light 0%, $indigo 100%);
+    box-shadow: $box-shadow-hover;
+    transform: translateY(-2px);
+
+    @media screen and (max-width: $md-width) {
+      transform: none;
+    }
+  }
+
+  &:active,
+  &:focus {
+    outline: 0;
+    transform: translateY(0);
+    box-shadow: $box-shadow;
+  }
+
+  &.small {
+    padding: 6px 14px;
+    font-size: 12px;
+    min-height: 36px;
+
+    @media screen and (max-width: $sm-width) {
+      padding: 6px 12px;
+      font-size: 11px;
+    }
+  }
+
+  &.large {
+    padding: 14px 28px;
+    font-size: 17px;
+    min-height: 52px;
+
+    @media screen and (max-width: $sm-width) {
+      padding: 12px 20px;
+      font-size: 15px;
+      min-height: 48px;
+    }
+  }
+
+  &.action {
+    margin-right: 6px;
+
+    @media screen and (max-width: $sm-width) {
+      margin-right: 4px;
+      margin-bottom: 6px;
+    }
+  }
+
+  &.disabled,
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    transform: none !important;
+  }
+}

data/app/assets/stylesheets/arctic_admin/_common.scss

@@ -0,0 +1,101 @@
+code {
+  display: block;
+  background-color: #272822;
+  padding: 5px;
+  color: white;
+}
+
+hr {
+  border: 1px solid $border-color;
+  color: $primary-color;
+  margin: 10px auto 25px auto;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $font-family-accent;
+
+  &.page_title,
+  &.section_title {
+    text-transform: uppercase;
+    font-weight: 800;
+    letter-spacing: 1.5px;
+    color: $indigo-dark;
+  }
+}
+
+.title {
+  font-family: $font-family-accent;
+  font-weight: 700;
+  color: $indigo;
+}
+
+#site_title,
+.site_title {
+  font-family: $font-family-accent !important;
+  font-weight: 900 !important;
+  font-size: 22px !important;
+  letter-spacing: 2px !important;
+  text-transform: uppercase !important;
+  background: linear-gradient(135deg, $indigo 0%, $indigo-light 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.action_item a {
+  transition: all 0.2s ease;
+
+  &:hover {
+    color: $indigo;
+    transform: translateX(3px);
+  }
+}
+
+.batch_actions_selector {
+  border-radius: $border-radius-button !important;
+}
+
+.dropdown_menu {
+  border-radius: $border-radius-small;
+  box-shadow: $box-shadow-hover;
+  border: none;
+}
+
+.icon-container {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, rgba($indigo, 0.1) 0%, rgba($indigo, 0.05) 100%);
+  box-shadow: 0 2px 8px rgba($indigo, 0.15);
+  transition: all 0.3s ease;
+
+  &:hover {
+    background: linear-gradient(135deg, rgba($indigo, 0.15) 0%, rgba($indigo, 0.08) 100%);
+    box-shadow: 0 4px 12px rgba($indigo, 0.25);
+    transform: translateY(-2px);
+  }
+
+  i,
+  svg {
+    color: $indigo;
+  }
+}
+
+.chart-container canvas {
+  border-radius: $border-radius-small;
+}
+
+:root {
+  --chart-primary: #{$indigo};
+  --chart-accent-1: #{$teal};
+  --chart-accent-2: #{$coral};
+  --chart-grid: rgba(102, 16, 242, 0.05);
+}