From 26c1eb3f22d780579c2246f5b5d36ad2745244f9 Mon Sep 17 00:00:00 2001
From: bee0005 <bee0005@naver.com>
Date: Sat, 20 Aug 2016 06:41:37 +0000
Subject: [PATCH] add dashboard

---
 app/assets/javascripts/application.js         |   3 +-
 app/assets/javascripts/home.coffee            |   3 +
 app/assets/stylesheets/application.scss       |   3 +-
 app/assets/stylesheets/home.scss              |   3 +
 app/controllers/home_controller.rb            |   5 +
 app/controllers/plainpage_controller.rb       |   1 +
 app/helpers/home_helper.rb                    |   2 +
 app/views/home/index.html.erb                 | 204 ++++++++++++++++++
 app/views/partials/_sidenav.html.erb          |  12 +-
 .../{dashboard2.1.html => dashboard5.html}    |   0
 config/initializers/assets.rb                 |   2 +-
 config/routes.rb                              |   6 +
 test/controllers/home_controller_test.rb      |   9 +
 13 files changed, 243 insertions(+), 10 deletions(-)
 create mode 100644 app/assets/javascripts/home.coffee
 create mode 100644 app/assets/stylesheets/home.scss
 create mode 100644 app/controllers/home_controller.rb
 create mode 100644 app/helpers/home_helper.rb
 create mode 100644 app/views/home/index.html.erb
 rename app/views/plainpage/{dashboard2.1.html => dashboard5.html} (100%)
 create mode 100644 test/controllers/home_controller_test.rb

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 105c015..0f8b88e 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -41,5 +41,4 @@
 
 //= require flash.js
 
-
-//= require  js/maps/gdp-data.js
\ No newline at end of file
+//= require  js/knob/jquery.knob.min.js
\ No newline at end of file
diff --git a/app/assets/javascripts/home.coffee b/app/assets/javascripts/home.coffee
new file mode 100644
index 0000000..24f83d1
--- /dev/null
+++ b/app/assets/javascripts/home.coffee
@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index e7cb87e..5909cd8 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -14,7 +14,7 @@
  *
 
  */
-
+ 
 @import "bootstrap-sprockets";
 @import "bootstrap";
 
@@ -27,4 +27,5 @@
 @import "css/normalize";
 @import "css/ion.rangeSlider";
 @import "css/ion.rangeSlider.skinFlat";
+@import "css/colorpicker/bootstrap-colorpicker.min";
 @import "pace";
diff --git a/app/assets/stylesheets/home.scss b/app/assets/stylesheets/home.scss
new file mode 100644
index 0000000..f0ddc68
--- /dev/null
+++ b/app/assets/stylesheets/home.scss
@@ -0,0 +1,3 @@
+// Place all the styles related to the home controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
diff --git a/app/controllers/home_controller.rb b/app/controllers/home_controller.rb
new file mode 100644
index 0000000..0dda684
--- /dev/null
+++ b/app/controllers/home_controller.rb
@@ -0,0 +1,5 @@
+class HomeController < ApplicationController
+  def index
+    puts "@@@@@@@@@@@@@@@@"
+  end
+end
diff --git a/app/controllers/plainpage_controller.rb b/app/controllers/plainpage_controller.rb
index dcb10a0..35dd14b 100644
--- a/app/controllers/plainpage_controller.rb
+++ b/app/controllers/plainpage_controller.rb
@@ -1,4 +1,5 @@
 class PlainpageController < ApplicationController
+  
   before_action :require_login
   
   def index
diff --git a/app/helpers/home_helper.rb b/app/helpers/home_helper.rb
new file mode 100644
index 0000000..23de56a
--- /dev/null
+++ b/app/helpers/home_helper.rb
@@ -0,0 +1,2 @@
+module HomeHelper
+end
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
new file mode 100644
index 0000000..6ea542e
--- /dev/null
+++ b/app/views/home/index.html.erb
@@ -0,0 +1,204 @@
+<!-- page content -->
+<div class="right_col" role="main">
+  <div class="">
+    <div class="page-title">
+      <div class="title_left">
+        <h3>Dash Board</h3>
+      </div>
+
+      <div class="title_right">
+        <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
+          <div class="input-group">
+            <input type="text" class="form-control" placeholder="Search for...">
+                    <span class="input-group-btn">
+                              <button class="btn btn-default" type="button">Go!</button>
+                          </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="clearfix"></div>
+
+    <div class="row">
+      <div class="col-md-12">
+                  <div class="x_panel">
+                    <div class="x_title">
+                      <h2>Input knob</h2>
+                      <ul class="nav navbar-right panel_toolbox">
+                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+                        </li>
+                        <li class="dropdown">
+                          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
+                          <ul class="dropdown-menu" role="menu">
+                            <li><a href="#">Settings 1</a>
+                            </li>
+                            <li><a href="#">Settings 2</a>
+                            </li>
+                          </ul>
+                        </li>
+                        <li><a class="close-link"><i class="fa fa-close"></i></a>
+                        </li>
+                      </ul>
+                      <div class="clearfix"></div>
+                    </div>
+                    <div class="x_content">
+                      <div class="col-md-2">
+                        <p>Display value</p>
+                        <input class="knob" data-width="100" data-height="120" data-min="-100" data-displayPrevious=true data-fgColor="#26B99A" value="44">
+                      </div>
+                      <div class="col-md-2">
+                        <p>&#215; 'cursor' mode</p>
+                        <input class="knob" data-width="100" data-height="120" data-cursor=true data-fgColor="#34495E" value="29">
+                      </div>
+                      <div class="col-md-2">
+                        <p>Step 0.1</p>
+                        <input class="knob" data-width="100" data-height="120" data-min="-10000" data-displayPrevious=true data-fgColor="#26B99A" data-max="10000" data-step=".1" value="0">
+                      </div>
+                      <div class="col-md-2">
+                        <p>Angle arc</p>
+                        <input class="knob" data-width="100" data-height="120" data-angleOffset=-125 data-angleArc=250 data-fgColor="#34495E" data-rotation="anticlockwise" value="35">
+                      </div>
+                      <div class="col-md-2">
+                        <p>Alternate design</p>
+                        <input class="knob" data-width="110" data-height="120" data-displayPrevious=true data-fgColor="#26B99A" data-skin="tron" data-thickness=".2" value="75">
+                      </div>
+                      <div class="col-md-2">
+                        <p>Angle offset</p>
+                        <input class="knob" data-width="100" data-height="120" data-angleOffset=90 data-linecap=round data-fgColor="#26B99A" value="35">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+      <div class="col-md-6 col-sm-6 col-xs-6">
+        <div class="x_panel" style="height:600px;">
+          <div class="x_title">
+            <h2>Dash Board</h2>
+            <ul class="nav navbar-right panel_toolbox">
+              <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
+              </li>
+              <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
+                <ul class="dropdown-menu" role="menu">
+                  <li><a href="#">Settings 1</a>
+                  </li>
+                  <li><a href="#">Settings 2</a>
+                  </li>
+                </ul>
+              </li>
+              <li><a class="close-link"><i class="fa fa-close"></i></a>
+              </li>
+            </ul>
+            <div class="clearfix"></div>
+          </div>
+                
+        </div>
+      </div>
+      
+    </div>
+  </div>
+</div>
+<!-- /page content -->
+
+<!--Test Page specific JS -->
+<script type="text/javascript">
+  
+  //alert ('Test Page specific JS')
+    $(function($) {
+
+      $(".knob").knob({
+        change: function(value) {
+          //console.log("change : " + value);
+        },
+        release: function(value) {
+          //console.log(this.$.attr('value'));
+          console.log("release : " + value);
+        },
+        cancel: function() {
+          console.log("cancel : ", this);
+        },
+        /*format : function (value) {
+         return value + '%';
+         },*/
+        draw: function() {
+
+          // "tron" case
+          if (this.$.data('skin') == 'tron') {
+
+            this.cursorExt = 0.3;
+
+            var a = this.arc(this.cv) // Arc
+              ,
+              pa // Previous arc
+              , r = 1;
+
+            this.g.lineWidth = this.lineWidth;
+
+            if (this.o.displayPrevious) {
+              pa = this.arc(this.v);
+              this.g.beginPath();
+              this.g.strokeStyle = this.pColor;
+              this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
+              this.g.stroke();
+            }
+
+            this.g.beginPath();
+            this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
+            this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
+            this.g.stroke();
+
+            this.g.lineWidth = 2;
+            this.g.beginPath();
+            this.g.strokeStyle = this.o.fgColor;
+            this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
+            this.g.stroke();
+
+            return false;
+          }
+        }
+      });
+
+      // Example of infinite knob, iPod click wheel
+      var v, up = 0,
+        down = 0,
+        i = 0,
+        $idir = $("div.idir"),
+        $ival = $("div.ival"),
+        incr = function() {
+          i++;
+          $idir.show().html("+").fadeOut();
+          $ival.html(i);
+        },
+        decr = function() {
+          i--;
+          $idir.show().html("-").fadeOut();
+          $ival.html(i);
+        };
+      $("input.infinite").knob({
+        min: 0,
+        max: 20,
+        stopper: false,
+        change: function() {
+          if (v > this.cv) {
+            if (up) {
+              decr();
+              up = 0;
+            } else {
+              up = 1;
+              down = 0;
+            }
+          } else {
+            if (v < this.cv) {
+              if (down) {
+                incr();
+                down = 0;
+              } else {
+                down = 1;
+                up = 0;
+              }
+            }
+          }
+          v = this.cv;
+        }
+      });
+    });
+</script>
\ No newline at end of file
diff --git a/app/views/partials/_sidenav.html.erb b/app/views/partials/_sidenav.html.erb
index ec369ce..7262cc8 100644
--- a/app/views/partials/_sidenav.html.erb
+++ b/app/views/partials/_sidenav.html.erb
@@ -36,11 +36,11 @@
                 </li>
                 <li><a href="/dashboard2">Dashboard2</a>
                 </li>
-                <li><a href="/dashboard3">Dashboard3</a>
+                <li><a href="/dashboard5">Dashboard3</a>
                 </li>
               </ul>
             </li>
-            <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
+            <li><a><i class="fa fa-edit"></i> Foaaarms <span class="fa fa-chevron-down"></span></a>
               <ul class="nav child_menu" style="display: none">
                 <li><a href="form.html">General Form</a>
                 </li>
@@ -56,13 +56,13 @@
                 </li>
               </ul>
             </li>
-            <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
+            <li><a><i class="fa fa-desktop"></i> UI aaaaaElements <span class="fa fa-chevron-down"></span></a>
               <ul class="nav child_menu" style="display: none">
-                <li><a href="general_elements.html">General Elements</a>
+                <li><a href="#">Gasats</a>
                 </li>
-                <li><a href="media_gallery.html">Media Gallery</a>
+                <li><a href="media_gallery.html">assa</a>
                 </li>
-                <li><a href="typography.html">Typography</a>
+                <li><a href="typography.html">Typoassdphy</a>
                 </li>
                 <li><a href="icons.html">Icons</a>
                 </li>
diff --git a/app/views/plainpage/dashboard2.1.html b/app/views/plainpage/dashboard5.html
similarity index 100%
rename from app/views/plainpage/dashboard2.1.html
rename to app/views/plainpage/dashboard5.html
diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb
index cb71495..0cdb72b 100644
--- a/config/initializers/assets.rb
+++ b/config/initializers/assets.rb
@@ -4,8 +4,8 @@
 Rails.application.config.assets.version = '1.0'
 
 # Add additional assets to the asset load path
-# Rails.application.config.assets.paths << Emoji.images_path
 
+# Rails.application.config.assets.paths << Emoji.images_path
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.
 # Rails.application.config.assets.precompile += %w( search.js )
diff --git a/config/routes.rb b/config/routes.rb
index f0a0016..c43c8ab 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -1,4 +1,6 @@
 Rails.application.routes.draw do
+  get 'home/index'
+
   devise_for :users, controllers: { sessions: 'users/sessions' , registrations: 'users/registrations', confirmations: 'users/confirmations', passwords: 'users/passwords', unlocks: 'users/unlocks'}
   # The priority is based upon order of creation: first created -> highest priority.
   # See how all your routes lay out with "rake routes".
@@ -8,6 +10,10 @@ Rails.application.routes.draw do
    get 'index' => 'plainpage#index'
    get 'dashboard' => 'plainpage#dashboard'
    get 'dashboard2' => 'plainpage#dashboard2'
+   get 'dashboard5' => 'plainpage#dashboard5'
+   
+   
+   get 'temp' => 'home#index'
   # Example of regular route:
   #   get 'products/:id' => 'catalog#view'
 
diff --git a/test/controllers/home_controller_test.rb b/test/controllers/home_controller_test.rb
new file mode 100644
index 0000000..0d9bb47
--- /dev/null
+++ b/test/controllers/home_controller_test.rb
@@ -0,0 +1,9 @@
+require 'test_helper'
+
+class HomeControllerTest < ActionController::TestCase
+  test "should get index" do
+    get :index
+    assert_response :success
+  end
+
+end