visagio-arctic_admin 2.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7d89135c54c9b72932d29d8ebf7e21beb17a349d
+  data.tar.gz: 2e0a22d0c3201f3e84e97340d93b151e2213adb1
+SHA512:
+  metadata.gz: b522effd95a176e83e3668f7174c9f2ef096084705eeca39e806b458a2639135eccba3c6aa8055d60948e89b887d97c39ae457c671cbbb5fe795c674162f4731
+  data.tar.gz: 9766de3f69911b94831cc9d153c51b2d1f55cf9432aa0b552443bf05b7be9156704e388fa06feafce4e996022ce4f8a889b9da8557ddccc1830b23f5961cc0f4

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

@@ -0,0 +1,79 @@
+//= require jquery
+//= require jquery_ujs
+//= require active_admin/base
+
+$(function() {
+  $('#sidebar').click(function (e) {
+    var position = $(this).position();
+    var width = $(this).width();
+    var target = e.target;
+    if ((e.pageX < position.left) && (target.tagName != 'SELECT') && (target.tagName != 'OPTION')) {
+      if ($(this).css('right') == '0px') {
+        $(this).css('position', 'fixed');
+        $(this).animate({
+          right: "-="+width
+        }, 600, function() {
+          animationFilterDone = true;
+        });
+      } else {
+        $(this).animate({
+          right: "+="+width
+        }, 600, function() {
+          $(this).css('position', 'absolute');
+          animationFilterDone = true;
+        });
+      }
+    }
+  });
+
+  var animationDone = true;
+  $('#utility_nav').click(function (e) {
+    var position = $(this).position();
+    var tabs = $('#tabs');
+    var width = Math.round(tabs[0].getBoundingClientRect().width);
+
+    if (e.pageX < (position.left + 40)) {
+      if(animationDone == true) {
+        animationDone = false;
+        if (tabs.css('left') == '0px') {
+          tabs.animate({
+            left: "-="+width
+          }, 400, function() {
+            animationDone = true;
+          });
+        } else {
+          tabs.animate({
+            left: "+="+width
+          }, 400, function() {
+            animationDone = true;
+          });
+        }
+      }
+    }
+  });
+
+  $('body').click(function (e) {
+    var tabs = $('#tabs');
+    var width = Math.round(tabs[0].getBoundingClientRect().width);
+    if (tabs.css('left') == '0px') {
+      if (e.pageX > width && e.pageY > 60) {
+        if(animationDone == true) {
+          animationDone = false;
+          tabs.animate({
+            left: "-="+width
+          }, 400, function() {
+            animationDone = true;
+          });
+        }
+      }
+    }
+  });
+
+  $('#tabs .has_nested').click(function (e) {
+    if ($(this).hasClass('open') == true) {
+      $(this).removeClass('open');
+    } else {
+      $(this).addClass('open');
+    }
+  });
+});

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

@@ -0,0 +1,34 @@
+@import "font-awesome";
+
+@import "reset";
+@import "fonts";
+@import "variables/variables";
+
+@import "mixins/mixins";
+
+@import "common";
+@import "grid";
+
+@import "components/components";
+
+@import "layouts/header";
+@import "layouts/sidebar";
+@import "layouts/main_content";
+@import "layouts/filter";
+@import "layouts/footer";
+
+@import "pages/login";
+@import "pages/index";
+@import "pages/show";
+@import "pages/form";
+
+body {
+  font-family: "LatoWeb", Arial, sans-serif;
+  background-color: $body-background;
+  color: $text-color;
+}
+
+a {
+  color: $primary-color;
+  text-decoration: none;
+}

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

@@ -0,0 +1,27 @@
+.button {
+  @include primary-button($primary-color, #fff);
+  padding: 5px 8px;
+  font-size: 16px;
+
+  &.small {
+    padding: 2px 9px;
+    font-size: 12px;
+  }
+
+  &.large {
+    padding: 10px;
+    font-size: 18px;
+  }
+
+  &.action {
+    margin-right: 4px;
+  }
+}
+
+code {
+  display: block;
+  background-color: #272822;
+  padding: 5px;
+  margin: 10px 0;
+  color: white;
+}

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

@@ -0,0 +1,47 @@
+/* Webfont: Lato-Bold */@font-face {
+  font-family: 'LatoWeb';
+  src: font-url('Lato-Bold.eot'); /* IE9 Compat Modes */
+  src: font-url('Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       font-url('Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
+       font-url('Lato-Bold.woff') format('woff'), /* Modern Browsers */
+       font-url('Lato-Bold.ttf') format('truetype');
+  font-style: normal;
+  font-weight: bold;
+  text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-BoldItalic */@font-face {
+  font-family: 'LatoWeb';
+  src: font-url('Lato-BoldItalic.eot'); /* IE9 Compat Modes */
+  src: font-url('Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       font-url('Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
+       font-url('Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
+       font-url('Lato-BoldItalic.ttf') format('truetype');
+  font-style: italic;
+  font-weight: bold;
+  text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-Italic */@font-face {
+  font-family: 'LatoWeb';
+  src: font-url('Lato-Italic.eot'); /* IE9 Compat Modes */
+  src: font-url('Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       font-url('Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
+       font-url('Lato-Italic.woff') format('woff'), /* Modern Browsers */
+       font-url('Lato-Italic.ttf') format('truetype');
+  font-style: italic;
+  font-weight: normal;
+  text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-Regular */@font-face {
+  font-family: 'LatoWeb';
+  src: font-url('Lato-Regular.eot'); /* IE9 Compat Modes */
+  src: font-url('Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       font-url('Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
+       font-url('Lato-Regular.woff') format('woff'), /* Modern Browsers */
+       font-url('Lato-Regular.ttf') format('truetype');
+  font-style: normal;
+  font-weight: normal;
+  text-rendering: optimizeLegibility;
+}

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

@@ -0,0 +1,4 @@
+.columns {
+  display: flex;
+  flex-wrap:wrap;
+}

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

@@ -0,0 +1,41 @@
+*, *:after, *:before {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+html, body {
+  padding: 0;
+  margin: 0;
+  min-height: 100vh;
+}
+
+fieldset {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol, ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+th {
+  font-weight: normal;
+}
+
+abbr[title] {
+  border-bottom: none;
+  cursor: inherit;
+  text-decoration: none;
+}

data/app/assets/stylesheets/arctic_admin/components/_columns.scss

@@ -0,0 +1,4 @@
+.columns {
+  display: flex;
+  flex-wrap: wrap;
+}

data/app/assets/stylesheets/arctic_admin/components/_comments.scss

@@ -0,0 +1,54 @@
+.comments {
+  background-color: $sidebar-background;
+  padding: 10px 15px 15px 15px;
+  border-radius: $border-radius;
+  margin-top: 20px;
+  @include clear-fix();
+
+  h3 {
+    margin: 0 0 5px 0;
+  }
+
+  .active_admin_comment {
+    margin: 10px 0 0 0;
+    padding: 5px 0 0 0;
+    position: relative;
+
+    .active_admin_comment_meta {
+      .active_admin_comment_author {
+        margin: 0;
+        display: inline-block;
+      }
+
+      span { // date
+        float: right;
+        font-size: 14px;
+        font-style: italic;
+        margin-right: 30px;
+        line-height: 21px;
+      }
+
+      a[data-method="delete"] {
+        position: absolute;
+        top: 0;
+        right: 0;
+        visibility: hidden;
+
+        &:after {
+          @include icon("\f1f8");
+          visibility: visible;
+          color: #5a5a5a;
+          font-size: 16px;
+          padding: 6px;
+          display: inline-block;
+        }
+      }
+    }
+
+    .active_admin_comment_body {
+      p {
+        margin: 5px 0 0;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/arctic_admin/components/_components.scss

@@ -0,0 +1,12 @@
+@import "inputs";
+@import "flash";
+@import "tables";
+@import "date_picker";
+@import "status_tag";
+@import "panel_contents";
+@import "form";
+@import "pagination";
+@import "dialogs";
+@import "comments";
+@import "tabs";
+@import "columns";

data/app/assets/stylesheets/arctic_admin/components/_date_picker.scss

@@ -0,0 +1,38 @@
+#ui-datepicker-div {
+  background-color: #fff;
+  padding: 5px;
+  border-radius: $border-radius;
+  @include box-shadow(0 0 4px 0 rgba(0,0,0,.1));
+  z-index: 3!important;
+  padding: 8px 10px;
+
+  .ui-datepicker-header {
+    @include clear-fix();
+    margin-bottom: 10px;
+
+    .ui-datepicker-prev, .ui-datepicker-next {
+      @include primary-button($primary-color, #fff);
+      padding: 2px 5px;
+      font-size: 14px;
+    }
+
+    .ui-datepicker-prev {
+      float: left;
+    }
+
+    .ui-datepicker-next {
+      float: right;
+    }
+
+    .ui-datepicker-title {
+      text-align: center;
+    }
+  }
+
+  .ui-datepicker-calendar {
+    td {
+      border: none;
+      text-align: center;
+    }
+  }
+}

data/app/assets/stylesheets/arctic_admin/components/_dialogs.scss

@@ -0,0 +1,23 @@
+.ui-dialog {
+  background-color: #fff;
+  @include box-shadow($box-shadow);
+  border-radius: $border-radius;
+  padding: 15px 10px;
+  z-index: 1;
+
+  &:focus, &:active {
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    outline: 0;
+  }
+
+  .ui-button {
+    @include primary-button($primary-color, #fff);
+    border: 0;
+    margin-right: 5px;
+    padding: 5px 10px;
+  }
+
+  .ui-dialog-titlebar-close {
+    display: none;
+  }
+}

data/app/assets/stylesheets/arctic_admin/components/_flash.scss

@@ -0,0 +1,27 @@
+.flash {
+  width: 100%;
+  padding: 10px;
+  text-align: center;
+  background-color: $flash-background-color;
+  color: $flash-text-color;
+}
+
+.flash_alert, .flash_error {
+  background-color: $error;
+  color: $flash-text-color;
+}
+
+.flash_warning {
+  background-color: $warning;
+  color: $flash-text-color;
+}
+
+.flash_notice {
+  background-color: $success;
+  color: $flash-text-color;
+}
+
+.flash_info {
+  background-color: $info;
+  color: $flash-text-color;
+}