smart_admin 0.0.1

data/app/assets/stylesheets/smart_admin/base/theme-config.scss

@@ -0,0 +1,111 @@
+/*
+ *   This is style for skin config
+ *   Use only in demo theme
+ */
+
+.theme-config {
+  position: absolute;
+  top: 90px;
+  right: 0px;
+  overflow: hidden;
+}
+
+.theme-config-box {
+  margin-right: -220px;
+  position: relative;
+  z-index: 2000;
+  transition-duration: 0.8s;
+}
+
+.theme-config-box.show {
+  margin-right: 0px;
+}
+
+.spin-icon {
+  background: $navy;
+  position: absolute;
+  padding: 7px 10px 7px 13px;
+  border-radius: 20px 0px 0px 20px;
+  font-size: 16px;
+  top: 0;
+  left: 0px;
+  width: 40px;
+  color: white;
+  cursor: pointer;
+}
+
+.skin-setttings {
+  width: 220px;
+  margin-left: 40px;
+  background: $gray;
+}
+
+.skin-setttings .title {
+  background: #efefef;
+  text-align: center;
+  text-transform: uppercase;
+  font-weight: 600;
+  display: block;
+  padding: 10px 15px;
+  font-size: 12px;
+}
+
+.setings-item {
+  padding: 10px 30px;
+}
+
+.setings-item.skin {
+  text-align: center;
+}
+
+.setings-item .switch {
+  float: right;
+}
+
+.skin-name a {
+  text-transform: uppercase;
+}
+
+.setings-item a {
+  color: white;
+}
+
+.default-skin, .blue-skin, .ultra-skin, .yellow-skin {
+  text-align: center;
+}
+
+.default-skin {
+  font-weight: 600;
+  background: #1ab394;
+}
+
+.default-skin:hover {
+  background: #199d82;
+}
+
+.blue-skin {
+  font-weight: 600;
+  background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
+}
+
+.blue-skin:hover {
+  background: #0d8ddb;
+}
+
+.yellow-skin {
+  font-weight: 600;
+  background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
+}
+
+.yellow-skin:hover {
+  background: #ce8735;
+}
+
+.ultra-skin {
+  font-weight: 600;
+  background: url("patterns/header-profile-skin-2.png") repeat scroll 0 0;
+}
+
+.ultra-skin:hover {
+  background: #1a2d40;
+}

data/app/assets/stylesheets/smart_admin/base/top_navigation.scss

@@ -0,0 +1,128 @@
+.top-navigation #page-wrapper {
+  margin-left: 0;
+}
+
+
+.top-navigation .navbar-nav .dropdown-menu > .active > a {
+  background: white;
+  color: $navy;
+  font-weight: bold;
+}
+
+.white-bg .navbar-fixed-top, .white-bg .navbar-static-top {
+  background: #fff;
+}
+
+.top-navigation .navbar {
+  margin-bottom: 0;
+}
+
+.top-navigation .nav > li > a {
+  padding: 15px 20px;
+  color: #676a6c;
+}
+
+.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {
+  background: #fff;
+  color: $navy;
+}
+
+.top-navigation .nav > li.active {
+  background: #fff;
+  border: none;
+}
+.top-navigation .nav > li.active > a {
+  color: $navy;
+}
+.top-navigation .navbar-right {
+  margin-right: 10px;
+}
+
+.top-navigation .navbar-nav .dropdown-menu {
+  box-shadow: none;
+  border: 1px solid #e7eaec;
+}
+
+.top-navigation .dropdown-menu > li > a {
+  margin: 0;
+  padding: 7px 20px;
+}
+
+.navbar .dropdown-menu {
+  margin-top: 0px;
+}
+
+.top-navigation .navbar-brand {
+  background: $navy;
+  color: #fff;
+  padding: 15px 25px;
+}
+
+.top-navigation .navbar-top-links li:last-child {
+  margin-right: 0;
+}
+
+.top-navigation.mini-navbar #page-wrapper,
+.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
+.mini-navbar .top-navigation #page-wrapper,
+.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
+.canvas-menu #page-wrapper {
+  margin: 0;
+}
+
+.top-navigation.fixed-nav #wrapper, .fixed-nav #wrapper.top-navigation {
+  margin-top: 50px;
+}
+
+.top-navigation .footer.fixed {
+  margin-left: 0 !important;
+}
+
+.top-navigation .wrapper.wrapper-content {
+  padding: 40px;
+}
+.top-navigation.body-small .wrapper.wrapper-content, .body-small  .top-navigation .wrapper.wrapper-content {
+  padding: 40px 0px 40px 0px;
+}
+
+.navbar-toggle {
+  background-color: $navy;
+  color: #fff;
+  padding: 6px 12px;
+  font-size: 14px;
+}
+
+.top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
+  padding: 10px 15px 10px 20px;
+}
+
+@media (max-width: 768px) {
+  .top-navigation .navbar-header {
+    display: block;
+    float: none;
+  }
+}
+
+.menu-visible-lg, .menu-visible-md {
+  display: none !important;
+}
+
+@media (min-width: 1200px) {
+  .menu-visible-lg {
+    display: block !important;
+  }
+}
+@media (min-width: 992px) {
+  .menu-visible-md {
+    display: block !important;
+  }
+}
+
+@media (max-width: 767px) {
+  .menu-visible-md {
+    display: block !important;
+  }
+  .menu-visible-lg {
+    display: block !important;
+  }
+}

data/app/assets/stylesheets/smart_admin/base/typography.scss

@@ -0,0 +1,32 @@
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 100;
+}
+
+h1 {
+  font-size: 30px;
+}
+
+h2 {
+  font-size: 24px;
+}
+
+h3 {
+  font-size: 16px;
+}
+
+h4 {
+  font-size: 14px;
+}
+
+h5 {
+  font-size: 12px;
+}
+
+h6 {
+  font-size: 10px;
+}
+
+h3, h4, h5 {
+  margin-top: 5px;
+  font-weight: 600;
+}

data/app/assets/stylesheets/smart_admin/base/variables.scss

@@ -0,0 +1,41 @@
+// Font
+$font-stack: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+// Basic Colors
+$navy: #1ab394;           // Primary color
+$dark-gray: #c2c2c2;      // Default color
+$blue: #1c84c6;           // Success color
+$lazur: #23c6c8;          // Info color
+$yellow: #f8ac59;         // Warrning color
+$red: #ed5565;            // Danger color
+
+// Various colors
+$text-color: #676a6c;           // Body text
+$gray: #f3f3f4;                 // Background wrapper color
+$light-gray: #d1dade;           // Default label, badget
+$label-badget-color: #5e5e5e;
+$light-blue: #f3f6fb;
+
+// Spiner color and margin
+$spin-color: $navy;
+$spin-margin: 0 auto;
+
+// IBOX colors ( default panel colors)
+$border-color: #e7eaec;   // IBox border
+$ibox-title-bg: white;    // IBox Background header
+$ibox-content-bg: white;  // IBox Background content
+
+//Sidebar width
+$sidebar-width: 220px;
+
+// Boxed layout width
+$boxed-width: 1200px;
+$boxed-backgound: assets-url("patterns/shattered.png");
+
+//Border radius for buttons
+$btn-border-radius: 3px;
+
+//Navigation
+$nav-bg: #2f4050;
+$nav-profil-pattern: assets-url("patterns/header-profile.png") no-repeat;
+$nav-text-color: #a7b1c2;

data/app/assets/stylesheets/smart_admin/style.scss

@@ -0,0 +1,51 @@
+/*
+ *
+ *   INSPINIA - Responsive Admin Theme
+ *   version 2.3
+ *
+*/
+
+// Google Fonts
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
+
+// Bootstra
+@import "bootstrap-sprockets";
+@import "bootstrap";
+
+// Variables, Mixins
+@import "base/variables";
+@import "base/mixins";
+
+// INSPINIA Theme Elements
+@import "base/typography";
+@import "base/navigation";
+@import "base/top_navigation";
+@import "base/buttons";
+@import "base/badgets_labels";
+@import "base/elements";
+@import "base/sidebar";
+@import "base/base";
+@import "base/pages";
+@import "base/chat";
+@import "base/metismenu";
+@import "base/spinners";
+
+// Landing page
+@import "base/landing";
+
+// RTL Support
+@import "base/rtl";
+
+// For demo only - config box style
+@import "base/theme-config";
+
+// INSPINIA Skins
+@import "base/skins";
+@import "base/md-skin";
+
+// Media query style
+@import "base/media";
+
+// Custom style
+// Your custom style to override base style
+@import "base/custom";

data/lib/generators/smart_admin/install_generator.rb

@@ -0,0 +1,32 @@
+module SmartAdmin
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      source_root File.expand_path("../templates", __FILE__)
+
+      def generate_layout
+        copy_file "assets/admin.scss", "app/assets/stylesheets/admin.scss"
+        copy_file "assets/admin.js", "app/assets/javascripts/admin.js"
+
+        template "controllers/base_controller.rb", "app/controllers/admin/base_controller.rb"
+        template "controllers/dashboards_controller.rb", "app/controllers/admin/dashboards_controller.rb"
+
+        template "views/layouts/admin.html.haml", "app/views/layouts/admin.html.haml"
+        copy_file "views/layouts/_flash.html.erb", "app/views/layouts/_flash.html.erb"
+        template "views/layouts/_skinconfig.html.haml", "app/views/layouts/admin/_skinconfig.html.haml"
+        template "views/layouts/_navigation.html.haml", "app/views/layouts/admin/_navigation.html.haml"
+        template "views/layouts/_topnavbar.html.haml", "app/views/layouts/admin/_topnavbar.html.haml"
+        template "views/layouts/_footer.html.haml", "app/views/layouts/admin/_footer.html.haml"
+        template "views/layouts/_rightsidebar.html.haml", "app/views/layouts/admin/_rightsidebar.html.haml"
+        template "views/admin/dashboards/index.html.haml", "app/views/admin/dashboards/index.html.haml"
+
+        insert_into_file "config/routes.rb", "
+          namespace :admin do\n
+            resources :dashboards, only: [:index]\n
+          end
+          match '/admin', to: 'admin/dashboards#index', via: 'get'
+        ", after: "Rails.application.routes.draw do\n"
+      end
+
+    end
+  end
+end

data/lib/generators/smart_admin/templates/assets/admin.js

@@ -0,0 +1 @@
+//= require smart_admin

data/lib/generators/smart_admin/templates/assets/admin.scss

@@ -0,0 +1,3 @@
+/*
+ *= require smart_admin
+*/

data/lib/generators/smart_admin/templates/controllers/base_controller.rb

@@ -0,0 +1,3 @@
+class Admin::BaseController < ApplicationController
+  layout "admin"
+end

data/lib/generators/smart_admin/templates/controllers/dashboards_controller.rb

@@ -0,0 +1,6 @@
+class Admin::DashboardsController < Admin::BaseController
+
+  def index
+  end
+
+end

data/lib/generators/smart_admin/templates/views/layouts/_flash.html.erb

@@ -0,0 +1,10 @@
+<% unless flash.empty? %>
+  <script type="text/javascript">
+      <% flash.each do |f| %>
+      <% type = f[0].to_s.gsub('alert', 'error').gsub('notice', 'info') %>
+        setTimeout(function() {
+          toastr['<%= type %>']('<%= f[1] %>');
+        }, 1300);
+      <% end %>
+  </script>
+<% end %>

data/lib/generators/smart_admin/templates/views/layouts/_navigation.html.haml

@@ -0,0 +1,32 @@
+%nav.navbar-default.navbar-static-side{role:"navigation"}
+  .sidebar-collapse
+    %ul.nav.metismenu#side-menu
+      %li.nav-header
+        .dropdown.profile-element
+          %span
+            = image_tag "", width: '40px', class: "img-circle"
+          %a.dropdown-toggle{"data-toggle"=>"dropdown", href: "#"}
+            %span.clear
+              %span.block.m-t-xs
+                %strong.font-bold User Name
+              %span.text-muted.text-xs.block User Parmission
+              %b.caret
+          %ul.dropdown-menu.animated.fadeInRight.m-t-xs
+            %li= link_to "Profile", ""
+            %li= link_to "Contacts", ""
+            %li= link_to "Mailbox", ""
+            %li.divider
+            %li= link_to "Logout", ""
+        .logo-element IN+
+      %li.active
+        = link_to "" do
+          %i.fa.fa-th-large
+          %span.nav-label ダッシュボード
+      %li
+        = link_to "" do
+          %i.fa.fa-building
+          %span.nav-label テスト
+          %span.fa.arrow
+        %ul.nav.nav-second-level
+          %li= link_to "テスト", ""
+          %li= link_to "テスト", ""