scsslint, flash styling, new parent start
This commit is contained in:
parent
d123e63b76
commit
9f6813c7f2
15
.scss-lint.yml
Normal file
15
.scss-lint.yml
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
scss_files: 'app/assets/stylesheets/**/*.scss'
|
||||||
|
|
||||||
|
linters:
|
||||||
|
StringQuotes:
|
||||||
|
enabled: false
|
||||||
|
LeadingZero:
|
||||||
|
style: 'include_zero'
|
||||||
|
NestingDepth:
|
||||||
|
max_depth: 5
|
||||||
|
SelectorDepth:
|
||||||
|
max_depth: 5
|
||||||
|
SelectorFormat:
|
||||||
|
ignored_names:
|
||||||
|
QualifyingElement:
|
||||||
|
allow_element_with_attribute: true
|
9
Gemfile
9
Gemfile
@ -31,10 +31,11 @@ group :development, :test do
|
|||||||
gem 'pry-byebug'
|
gem 'pry-byebug'
|
||||||
gem 'binding_of_caller'
|
gem 'binding_of_caller'
|
||||||
gem 'rubocop'
|
gem 'rubocop'
|
||||||
gem 'guard'
|
|
||||||
gem 'guard-rubocop'
|
|
||||||
gem 'guard-minitest'
|
|
||||||
gem 'guard-livereload'
|
|
||||||
gem 'rack-livereload'
|
gem 'rack-livereload'
|
||||||
gem 'minitest-reporters'
|
gem 'minitest-reporters'
|
||||||
|
gem 'guard'
|
||||||
|
gem 'guard-rubocop'
|
||||||
|
gem 'guard-scss-lint'
|
||||||
|
gem 'guard-minitest'
|
||||||
|
gem 'guard-livereload'
|
||||||
end
|
end
|
||||||
|
@ -91,6 +91,9 @@ GEM
|
|||||||
guard-rubocop (1.2.0)
|
guard-rubocop (1.2.0)
|
||||||
guard (~> 2.0)
|
guard (~> 2.0)
|
||||||
rubocop (~> 0.20)
|
rubocop (~> 0.20)
|
||||||
|
guard-scss-lint (0.0.1alpha)
|
||||||
|
guard (~> 2.0)
|
||||||
|
scss-lint (~> 0.30.0)
|
||||||
haml (4.0.6)
|
haml (4.0.6)
|
||||||
tilt
|
tilt
|
||||||
haml-rails (0.9.0)
|
haml-rails (0.9.0)
|
||||||
@ -201,6 +204,9 @@ GEM
|
|||||||
sprockets (>= 2.8, < 4.0)
|
sprockets (>= 2.8, < 4.0)
|
||||||
sprockets-rails (>= 2.0, < 4.0)
|
sprockets-rails (>= 2.0, < 4.0)
|
||||||
tilt (>= 1.1, < 3)
|
tilt (>= 1.1, < 3)
|
||||||
|
scss-lint (0.30.0)
|
||||||
|
rainbow (~> 2.0)
|
||||||
|
sass (~> 3.4.0)
|
||||||
sexp_processor (4.5.1)
|
sexp_processor (4.5.1)
|
||||||
shellany (0.0.1)
|
shellany (0.0.1)
|
||||||
slop (3.6.0)
|
slop (3.6.0)
|
||||||
@ -247,6 +253,7 @@ DEPENDENCIES
|
|||||||
guard-livereload
|
guard-livereload
|
||||||
guard-minitest
|
guard-minitest
|
||||||
guard-rubocop
|
guard-rubocop
|
||||||
|
guard-scss-lint
|
||||||
haml-rails (~> 0.9)
|
haml-rails (~> 0.9)
|
||||||
jquery-rails
|
jquery-rails
|
||||||
json (~> 1.8.3)
|
json (~> 1.8.3)
|
||||||
|
@ -41,3 +41,7 @@ guard 'livereload' do
|
|||||||
"/assets/#{m[3]}"
|
"/assets/#{m[3]}"
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
|
guard :scsslint do
|
||||||
|
watch(%r{app/assets/.+\.(scss)})
|
||||||
|
end
|
||||||
|
@ -7,4 +7,8 @@ function getPersonPhone(id, collection){
|
|||||||
}
|
}
|
||||||
|
|
||||||
$( document ).ready(function() {
|
$( document ).ready(function() {
|
||||||
|
$('[data-id=alert_close]').on('click', function(){
|
||||||
|
$(this).parent().slideUp();
|
||||||
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
@ -1,8 +1,12 @@
|
|||||||
// maybe this? => https://color.adobe.com/Theme-1-color-theme-6893131/edit/?copy=true
|
// maybe this? => https://color.adobe.com/Theme-1-color-theme-6893131/edit/?copy=true
|
||||||
$white: #F2E8DF;
|
$black: #000;
|
||||||
$light: #C7C9CD;
|
$white: #fff;
|
||||||
$grey: #8E969D;
|
$light: #c7c9cd;
|
||||||
|
$grey: #8e969d;
|
||||||
$dark: #646267;
|
$dark: #646267;
|
||||||
|
$taupe: #f2e8df;
|
||||||
|
$blue: #211caf;
|
||||||
|
$red: #b10001;
|
||||||
|
|
||||||
@mixin inline-ul {
|
@mixin inline-ul {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -25,8 +29,8 @@ $dark: #646267;
|
|||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
background-color: $taupe;
|
||||||
color: $dark;
|
color: $dark;
|
||||||
background-color: $white;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
@ -57,8 +61,10 @@ body {
|
|||||||
.sub-nav {
|
.sub-nav {
|
||||||
@include inline-ul;
|
@include inline-ul;
|
||||||
margin: -19px -15px 0;
|
margin: -19px -15px 0;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $dark;
|
color: $dark;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $light;
|
background-color: $light;
|
||||||
}
|
}
|
||||||
@ -68,6 +74,7 @@ body {
|
|||||||
|
|
||||||
form {
|
form {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
* {
|
* {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
@ -89,11 +96,11 @@ form {
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
[type=submit]{
|
[type=submit] {
|
||||||
margin: 0.6em 0;
|
margin: 0.6em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea{
|
textarea {
|
||||||
height: 5em;
|
height: 5em;
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
@ -101,3 +108,48 @@ form {
|
|||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.alertbox {
|
||||||
|
background-color: $white;
|
||||||
|
border: 2px solid $white;
|
||||||
|
color: $dark;
|
||||||
|
left: calc(50% - 125px);
|
||||||
|
margin-bottom: 15px;
|
||||||
|
padding: 10px 35px 10px 20px;
|
||||||
|
position: absolute;
|
||||||
|
top: 20px;
|
||||||
|
width: 250px;
|
||||||
|
z-index: 50;
|
||||||
|
& + & { position: relative; }
|
||||||
|
|
||||||
|
&.box-blue {
|
||||||
|
background-color: $blue;
|
||||||
|
border-color: $light;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.box-red {
|
||||||
|
background-color: $red;
|
||||||
|
color: $white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-close {
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
float: right;
|
||||||
|
height: 15px;
|
||||||
|
margin-top: 1px;
|
||||||
|
position: relative;
|
||||||
|
right: -25px;
|
||||||
|
width: 15px;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
color: $white;
|
||||||
|
content: "\00d7";
|
||||||
|
left: 3px;
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@ -3,4 +3,16 @@ class ParentsController < ApplicationController
|
|||||||
@parents = Person.just_parents
|
@parents = Person.just_parents
|
||||||
respond_with @parents
|
respond_with @parents
|
||||||
end
|
end
|
||||||
|
|
||||||
|
def show
|
||||||
|
@parent = Person.just_parents.where(id: params[:id])
|
||||||
|
end
|
||||||
|
|
||||||
|
def new
|
||||||
|
end
|
||||||
|
|
||||||
|
def add
|
||||||
|
ap params
|
||||||
|
redirect_to list_parents_path
|
||||||
|
end
|
||||||
end
|
end
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
class Person < ActiveRecord::Base
|
class Person < ActiveRecord::Base
|
||||||
has_many :parenthoods
|
has_many :parenthoods
|
||||||
has_many :children, through: :parenthoods
|
has_many :children, through: :parenthoods
|
||||||
|
accepts_nested_attributes_for :children
|
||||||
|
|
||||||
validates :first_name, presence: true
|
validates :first_name, presence: true
|
||||||
validates :last_name, presence: true
|
validates :last_name, presence: true
|
||||||
|
@ -1,18 +1,10 @@
|
|||||||
- unless flash.empty?
|
- unless flash.empty?
|
||||||
- if flash[:notice].present?
|
- if flash[:notice].present?
|
||||||
.container{'data-id' => 'alertbox', 'data-alert' => 'auto-close'}
|
.alertbox.box-blue{'data-id' => 'alertbox', 'data-alert' => 'auto_close'}
|
||||||
.row
|
.box-close{'data-id'=> 'alert_close'}
|
||||||
.col-md-6.col-md-offset-3.col-xs-12
|
= flash[:notice]
|
||||||
.alertbox
|
|
||||||
.alertbox.box_blue
|
|
||||||
.box_close{'data-id'=> 'alert-close'}
|
|
||||||
= flash[:notice]
|
|
||||||
|
|
||||||
- if flash[:alert].present?
|
- if flash[:alert].present?
|
||||||
.container{'data-id' => 'alertbox'}
|
.alertbox.box-red{'data-id' => 'alertbox'}
|
||||||
.row
|
.box-close{'data-id'=> 'alert_close'}
|
||||||
.col-md-6.col-md-offset-3.col-xs-12
|
%b= flash[:alert]
|
||||||
.alertbox
|
|
||||||
.alertbox.box_red
|
|
||||||
.box_close{'data-id'=> 'alert-close'}
|
|
||||||
%b= flash[:alert]
|
|
||||||
|
@ -8,9 +8,9 @@
|
|||||||
= csrf_meta_tags
|
= csrf_meta_tags
|
||||||
= yield :custom_head
|
= yield :custom_head
|
||||||
%body
|
%body
|
||||||
= render partial: 'layouts/alerts'
|
|
||||||
= render partial: 'layouts/navigation'
|
= render partial: 'layouts/navigation'
|
||||||
= render partial: 'sub_nav'
|
= render partial: 'sub_nav'
|
||||||
|
= render partial: 'layouts/alerts'
|
||||||
= yield
|
= yield
|
||||||
= render partial: 'layouts/footer'
|
= render partial: 'layouts/footer'
|
||||||
= yield :modals
|
= yield :modals
|
||||||
|
@ -1,2 +1,4 @@
|
|||||||
%ul.sub-nav
|
%ul.sub-nav
|
||||||
|
%li= link_to 'List', list_parents_path
|
||||||
|
%li= link_to 'New', new_parent_path
|
||||||
|
|
||||||
|
25
app/views/parents/new.html.haml
Normal file
25
app/views/parents/new.html.haml
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
%h2 Add a New Parent
|
||||||
|
|
||||||
|
= form_for :parent do |f|
|
||||||
|
= f.label :first_name
|
||||||
|
= f.text_field :first_name
|
||||||
|
|
||||||
|
= f.label :last_name
|
||||||
|
= f.text_field :last_name
|
||||||
|
|
||||||
|
= f.label :phone
|
||||||
|
= f.phone_field :phone
|
||||||
|
|
||||||
|
= f.label :email
|
||||||
|
= f.email_field :email
|
||||||
|
|
||||||
|
%h3 Children:
|
||||||
|
|
||||||
|
= fields_for :child do |child|
|
||||||
|
= child.label :first_name
|
||||||
|
= child.text_field :first_name
|
||||||
|
|
||||||
|
= child.label :last_name
|
||||||
|
= child.text_field :last_name
|
||||||
|
|
||||||
|
= f.submit
|
2
app/views/parents/show.html.haml
Normal file
2
app/views/parents/show.html.haml
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
%h2 Parent
|
||||||
|
= raw(ap @parent)
|
@ -1,7 +1,11 @@
|
|||||||
Rails.application.routes.draw do
|
Rails.application.routes.draw do
|
||||||
get 'parents', to: 'parents#index', as: :list_parents
|
get 'parents', to: 'parents#index', as: :list_parents
|
||||||
|
get 'parents/new', to: 'parents#new', as: :new_parent
|
||||||
|
post 'parents/new', to: 'parents#add', as: :add_parent
|
||||||
|
get 'parents/:id', to: 'parents#show', as: :parent
|
||||||
|
post 'parents/:id', to: 'parents#update', as: :update_parent
|
||||||
|
|
||||||
get 'children', to: 'children#index', as: :list_children
|
get 'children', to: 'children#index', as: :list_children
|
||||||
get 'children/lookup', to: 'children#lookup', as: :lookup_child
|
get 'children/lookup', to: 'children#lookup', as: :lookup_child
|
||||||
|
|
||||||
get 'staff', to: 'staff#index', as: :list_staff
|
get 'staff', to: 'staff#index', as: :list_staff
|
||||||
|
Loading…
Reference in New Issue
Block a user