crowdai_admin 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 67aa59bb426d321d0de025ba6f9c5603a56719f524ed6204166aba6ebca096b9
+  data.tar.gz: 8b182ff5ad88b2c870a428673be0803c302ab64e062f4261184ed39a05e59b02
+SHA512:
+  metadata.gz: d0b906acc23f78b7b3e8d6d134ab9615b83f55184077e57ff583491796d72b837920a70515618da9bf56266e9d4c47c48eaed10eb9e5557bf931f80d84f38c55
+  data.tar.gz: cc7bee6ecfbbe6f24a3a13e0b258c7b1943e27c4fe40e213368c4514cfd03eca0293e1c9b180ed5da4cc1e62882c0d7e9ec6c3c1e2df515e0c34b5c3c2c9ac69

data/LICENCE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2018 crowdAI
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+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 OR COPYRIGHT HOLDERS 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.

data/Readme.md

@@ -0,0 +1,84 @@
+# crowdAI Admin
+[![Gem Version](https://img.shields.io/gem/v/crowdai_admin.svg)](https://rubygems.org/gems/crowdai_admin)
+[![Gem Downloads](https://img.shields.io/gem/dt/crowdai_admin.svg)](https://rubygems.org/gems/crowdai_admin)
+[![Dependency Status](https://gemnasium.com/badges/github.com/cle61/crowdai_admin.svg)](https://gemnasium.com/github.com/cle61/crowdai_admin)
+
+### Credits
+
+Simple theme for ActiveAdmin for [crowdAI](https://www.crowdai.org), developed by [Sean F. Carroll](https://github.com/seanfcarroll).
+
+Inspiration and code was taken from the following projects
+
+* [ArcticAdmin](https://github.com/cle61/crowdai_admin)
+* [ActiveAdmin Addons](https://github.com/platanus/activeadmin_addons)
+* [ActiveAdmin SimpleForm](https://github.com/blocknotes/activeadmin_simple_form)
+
+### Features
+
+#### General
+
+* Updated styling based on [crowdAI](https://www.crowdai.org/) and easily themed
+
+
+#### Gems
+
+* [activeadmin_simple_form](https://github.com/blocknotes/activeadmin_simple_form)
+* [activeadmin_select_many](https://github.com/blocknotes/activeadmin_select_many)
+
+
+![Dashboard](doc/dashboard.png)
+![Index](doc/articles.png)
+
+
+## Installation
+
+- Add this to your Gemfile:
+
+```ruby
+gem 'crowdai_admin'
+```
+
+- Run `bundle install`.
+
+- Add this line to the file `config/initializers/active_admin.rb`
+
+```ruby
+meta_tags_options = { viewport: 'width=device-width, initial-scale=1' }
+config.meta_tags = meta_tags_options
+config.meta_tags_for_logged_out_pages = meta_tags_options
+```
+
+## Usage
+
+### CSS
+
+Remove the `active_admin.css`, and instead add this to your `application.scss`
+
+In your `active_admin.css`, include the css file:
+
+```css
+@import "crowdai_admin/base";
+```
+
+**Remove the line `*= require active_admin/base`**
+
+Then restart your webserver if it was previously running.s
+
+### JS
+
+In your `active_admin.js`, include the js file:
+
+```js
+//= require crowdai_admin/base
+```
+
+**Remove the line `//= require active_admin/base`**
+
+
+## Contributing
+
+1. Fork it ( https://github.com/crowdAI/crowdai_admin/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

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

@@ -0,0 +1,79 @@
+//= require jquery
+//= require jquery_ujs
+//= require active_admin/base
+
+$(function() {
+  $(document).on('click', '#sidebar', function(e) {
+    var position = $(this).position();
+    var width = $(this).width();
+    if (e.pageX < position.left) {
+      if ($(this).css('right') == '0px') {
+        $(this).css('position', 'fixed');
+        $(this).animate({
+          right: "-="+width
+        }, 600, function() {
+          $(this).removeAttr('style');
+          animationFilterDone = true;
+        });
+      } else {
+        $(this).animate({
+          right: "+="+width
+        }, 600, function() {
+          $(this).css('position', 'absolute');
+          animationFilterDone = true;
+        });
+      }
+    }
+  });
+
+  var animationDone = true;
+  $(document).on('click', '#utility_nav', 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;
+          });
+        }
+      }
+    }
+  });
+
+  $(document).on('click', 'body', 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;
+          });
+        }
+      }
+    }
+  });
+
+  $(document).on('click', '#tabs .has_nested', function(e) {
+    if ($(this).hasClass('open') == true) {
+      $(this).removeClass('open');
+    } else {
+      $(this).addClass('open');
+    }
+  });
+});

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

@@ -0,0 +1,42 @@
+@import "font-awesome";
+
+@import "reset";
+@import "variables/variables";
+
+@import "mixins/mixins";
+
+@import "common";
+@import "grid";
+
+@import "components/components";
+
+@import "layouts/wrapper";
+@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 {
+  background: $body-background;
+  min-height: 100%;
+  position: relative;
+  color: rgba(0,0,0,0.87);
+  font-family: 'Roboto', sans-serif;
+  font-size: 15px;
+  font-weight: 400;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased !important;
+  -moz-font-smoothing: antialiased !important;
+  text-rendering: optimizelegibility !important;
+}
+
+a {
+  color: $primary-color;
+  text-decoration: none;
+}

data/app/assets/stylesheets/crowdai_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/crowdai_admin/_grid.scss

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

data/app/assets/stylesheets/crowdai_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/crowdai_admin/components/_columns.scss

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

data/app/assets/stylesheets/crowdai_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/crowdai_admin/components/_components.scss

@@ -0,0 +1,13 @@
+@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";
+@import "iframes";

data/app/assets/stylesheets/crowdai_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/crowdai_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/crowdai_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;
+}

data/app/assets/stylesheets/crowdai_admin/components/_form.scss

@@ -0,0 +1,65 @@
+.label {
+  display: inline-block;
+  margin-bottom: 5px;
+}
+
+.input {
+  margin-bottom: 20px;
+}
+
+#active_admin_content {
+  .formtastic {
+    li {
+      list-style: none;
+    }
+    
+    legend:not(.label) {
+      margin-bottom: 28px;
+      font-size: 18px;
+      display: block;
+      width: 100%;
+      padding-bottom: 12px;
+      border-bottom: 1px solid $body-background;
+    }
+
+    .error {
+      input, select {
+        border-color: $error;
+      }
+    }
+
+    input, select {
+      &.error {
+        border-color: $error; 
+      }
+    }
+
+    .inline-errors, label.error {
+      color: $error;
+      margin-top: 5px;
+      margin-bottom: 20px;
+      font-size: 14px;
+    }
+
+    label.error {
+      display: block;
+      margin-left: 25%;
+    }
+
+    .actions {
+
+      .action {
+        display: inline-block;
+        margin-right: 10px;
+
+        input[type="submit"] {
+          line-height: 43px;
+        }
+      }
+
+      .cancel {
+        display: inline-block;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/crowdai_admin/components/_iframes.scss

@@ -0,0 +1,27 @@
+
+// iframes
+// https://benmarshall.me/responsive-iframes/
+
+.intrinsic-container {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+}
+
+/* 16x9 Aspect Ratio */
+.intrinsic-container-16x9 {
+  padding-bottom: 56.25%;
+}
+
+/* 4x3 Aspect Ratio */
+.intrinsic-container-4x3 {
+  padding-bottom: 75%;
+}
+
+.intrinsic-container iframe {
+  position: absolute;
+  top:0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}