mvpkit 1.1.2 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/Gemfile +1 -24
- data/README.md +43 -48
- data/VERSION +1 -1
- data/bin/mvp +2 -2
- data/config/routes.rb +0 -4
- data/mvpkit.gemspec +57 -129
- data/package.json +3 -22
- data/project/.babelrc +23 -1
- data/project/.gitignore +2 -0
- data/project/.postcssrc.yml +4 -0
- data/project/Gemfile +21 -13
- data/project/Gemfile.lock +181 -153
- data/project/Procfile +1 -1
- data/project/README.md +2 -116
- data/project/app/assets/javascripts/application.js +0 -8
- data/project/app/assets/stylesheets/application.scss +9 -3
- data/project/app/assets/stylesheets/elements/alerts.scss +10 -0
- data/project/app/assets/stylesheets/elements/badges.scss +16 -0
- data/project/app/assets/stylesheets/elements/buttons.scss +107 -0
- data/project/app/assets/stylesheets/elements/cards.scss +68 -0
- data/project/app/assets/stylesheets/elements/drawer.scss +66 -0
- data/project/app/assets/stylesheets/elements/forms.scss +64 -0
- data/project/app/assets/stylesheets/elements/interstitial.scss +24 -0
- data/project/app/assets/stylesheets/elements/navs.scss +15 -0
- data/project/app/assets/stylesheets/elements/sidebar.scss +30 -0
- data/project/app/assets/stylesheets/elements/tables.scss +61 -0
- data/project/app/assets/stylesheets/elements/timeline.scss +38 -0
- data/project/app/assets/stylesheets/elements/typography.scss +80 -0
- data/project/app/assets/stylesheets/init/bootstrap.scss +53 -0
- data/project/app/assets/stylesheets/init/reset.scss +20 -0
- data/project/app/assets/stylesheets/init/variables.scss +40 -0
- data/project/app/assets/stylesheets/treatments/backgrounds.scss +23 -0
- data/project/app/assets/stylesheets/treatments/borders.scss +7 -0
- data/project/app/{webpack/stylesheets/skin → assets/stylesheets/treatments}/spacing.scss +4 -10
- data/{app/controllers/mvp → project/app/controllers}/analytics_controller.rb +0 -0
- data/{app/controllers/concerns/mvp → project/app/controllers/concerns}/analytics_concern.rb +0 -0
- data/{app/controllers/concerns/mvp → project/app/controllers/concerns}/seo_concern.rb +0 -0
- data/{app/controllers/concerns/mvp → project/app/controllers/concerns}/session_concern.rb +0 -0
- data/project/app/controllers/conversions_controller.rb +1 -2
- data/{app/controllers/mvp → project/app/controllers}/seo_controller.rb +0 -0
- data/project/app/engines/admin/app/views/layouts/admin/_header.html.erb +18 -18
- data/project/app/helpers/application_helper.rb +0 -14
- data/{app/assets/stylesheets/mvp/application.scss → project/app/javascript/components/.gitkeep} +0 -0
- data/project/app/javascript/components/conversion.jsx +73 -0
- data/project/app/javascript/packs/application.js +28 -0
- data/project/app/javascript/packs/server_rendering.js +5 -0
- data/project/app/models/conversion.rb +1 -1
- data/project/app/views/conversions/show.json.jbuilder +1 -0
- data/project/app/views/home/index.html.erb +22 -22
- data/project/app/views/layouts/_header.html.erb +35 -34
- data/{app/views/layouts/mvp → project/app/views/layouts}/_instrumentation.html.erb +0 -0
- data/{app/views/layouts/mvp → project/app/views/layouts}/_meta.html.erb +0 -0
- data/project/app/views/layouts/application.html.erb +31 -21
- data/project/bin/setup +1 -1
- data/project/bin/webpack +28 -0
- data/project/bin/webpack-dev-server +43 -0
- data/project/config/initializers/assets.rb +2 -0
- data/{config → project/config}/initializers/canonical_host.rb +0 -0
- data/{config → project/config}/initializers/cloudinary.rb +0 -0
- data/{config → project/config}/initializers/rollbar.rb +0 -0
- data/{config → project/config}/initializers/routing.rb +0 -0
- data/{config → project/config}/initializers/spoof_ip.rb +0 -0
- data/{config → project/config}/initializers/ssl.rb +0 -0
- data/project/config/routes.rb +5 -7
- data/project/config/webpack/configuration.js +35 -0
- data/project/config/webpack/development.js +32 -0
- data/project/config/webpack/loaders/assets.js +12 -0
- data/project/config/webpack/loaders/babel.js +5 -0
- data/project/config/webpack/loaders/coffee.js +4 -0
- data/project/config/webpack/loaders/erb.js +9 -0
- data/project/config/webpack/loaders/react.js +5 -0
- data/project/config/webpack/loaders/sass.js +15 -0
- data/project/config/webpack/production.js +35 -0
- data/project/config/webpack/shared.js +58 -0
- data/project/config/webpack/test.js +6 -0
- data/project/config/webpacker.yml +38 -0
- data/project/package-lock.json +250 -0
- data/project/package.json +37 -17
- data/project/yarn.lock +4538 -0
- metadata +56 -326
- data/app/assets/javascripts/mvp/application.js +0 -1
- data/app/controllers/mvp/styleguide_controller.rb +0 -23
- data/app/helpers/minimum_viable_product/body_helper.rb +0 -14
- data/app/helpers/minimum_viable_product/bootstrap_helper.rb +0 -38
- data/app/helpers/minimum_viable_product/styleguide_helper.rb +0 -4
- data/app/models/concerns/mvp/slugification.rb +0 -24
- data/app/views/layouts/mvp/application.html.erb +0 -19
- data/app/views/mvp/styleguide/_example.html.erb +0 -6
- data/app/views/mvp/styleguide/bootstrap.html.erb +0 -43
- data/app/views/mvp/styleguide/bootstrap/_buttons.html.erb +0 -191
- data/app/views/mvp/styleguide/bootstrap/_forms.html.erb +0 -192
- data/app/views/mvp/styleguide/bootstrap/_header.html.erb +0 -48
- data/app/views/mvp/styleguide/bootstrap/_panels.html.erb +0 -16
- data/app/views/mvp/styleguide/bootstrap/_tables.html.erb +0 -34
- data/app/views/mvp/styleguide/bootstrap/_typography.html.erb +0 -51
- data/app/views/mvp/styleguide/elements/_grouping.html.erb +0 -1
- data/app/views/mvp/styleguide/elements/partials/_row_groups_of.html.erb +0 -7
- data/app/views/mvp/styleguide/index.html.erb +0 -17
- data/app/views/mvp/styleguide/layouts/basic.html.erb +0 -4
- data/app/views/mvp/styleguide/layouts/carousel.html.erb +0 -120
- data/app/views/mvp/styleguide/layouts/cover.html.erb +0 -34
- data/config/initializers/assets.rb +0 -2
- data/config/initializers/geocoder.rb +0 -9
- data/project/app/assets/javascripts/pack-compiled.js +0 -37394
- data/project/app/assets/javascripts/pack-compiled.js.map +0 -1
- data/project/app/assets/javascripts/templates.js.erb +0 -14
- data/project/app/assets/stylesheets/pack-compiled.css +0 -33946
- data/project/app/assets/stylesheets/pack-compiled.css.map +0 -1
- data/project/app/controllers/examples_controller.rb +0 -2
- data/project/app/views/examples/index.html.erb +0 -1
- data/project/app/views/examples/mustache.html.erb +0 -40
- data/project/app/views/examples/mustache/template.mustache +0 -1
- data/project/app/views/home/conversion.html.erb +0 -12
- data/project/app/webpack/javascripts/behaviors/example.js +0 -21
- data/project/app/webpack/javascripts/controllers/home.js +0 -15
- data/project/app/webpack/javascripts/lib/analytics.js +0 -22
- data/project/app/webpack/javascripts/lib/clientsidevalidations.js +0 -3
- data/project/app/webpack/javascripts/lib/controllers.js +0 -28
- data/project/app/webpack/javascripts/lib/forms.js +0 -28
- data/project/app/webpack/javascripts/lib/selectize.js +0 -1
- data/project/app/webpack/javascripts/pack.js +0 -50
- data/project/app/webpack/stylesheets/config/variables.scss +0 -41
- data/project/app/webpack/stylesheets/init/reset.scss +0 -48
- data/project/app/webpack/stylesheets/layout/main.scss +0 -7
- data/project/app/webpack/stylesheets/pack.scss +0 -20
- data/project/app/webpack/stylesheets/skin/alerts.scss +0 -3
- data/project/app/webpack/stylesheets/skin/buttons.scss +0 -38
- data/project/app/webpack/stylesheets/skin/hero.scss +0 -45
- data/project/app/webpack/stylesheets/skin/images.scss +0 -13
- data/project/app/webpack/stylesheets/skin/progress.scss +0 -3
- data/project/app/webpack/stylesheets/skin/selectize.scss +0 -30
- data/project/app/webpack/stylesheets/skin/tables.scss +0 -24
- data/project/app/webpack/stylesheets/skin/treatments.scss +0 -3
- data/project/app/webpack/stylesheets/skin/turbolinks.scss +0 -4
- data/project/app/webpack/stylesheets/skin/typography.scss +0 -116
- data/project/webpack.config.js +0 -76
|
@@ -1 +0,0 @@
|
|
|
1
|
-
console.log("MVP Loaded")
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
module MinimumViableProduct
|
|
2
|
-
class StyleguideController < ActionController::Base
|
|
3
|
-
def index
|
|
4
|
-
render layout: 'minimum_viable_product/basic'
|
|
5
|
-
end
|
|
6
|
-
|
|
7
|
-
def bootstrap
|
|
8
|
-
render layout: 'minimum_viable_product/basic'
|
|
9
|
-
end
|
|
10
|
-
|
|
11
|
-
def layout_basic
|
|
12
|
-
render template: 'minimum_viable_product/styleguide/layouts/basic', layout: 'minimum_viable_product/basic'
|
|
13
|
-
end
|
|
14
|
-
|
|
15
|
-
def layout_cover
|
|
16
|
-
render template: 'minimum_viable_product/styleguide/layouts/cover', layout: 'minimum_viable_product/cover'
|
|
17
|
-
end
|
|
18
|
-
|
|
19
|
-
def layout_carousel
|
|
20
|
-
render template: 'minimum_viable_product/styleguide/layouts/carousel', layout: 'minimum_viable_product/carousel'
|
|
21
|
-
end
|
|
22
|
-
end
|
|
23
|
-
end
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
module MinimumViableProduct
|
|
2
|
-
module BodyHelper
|
|
3
|
-
def body_id
|
|
4
|
-
"#{controller_name}-#{action_name}-page"
|
|
5
|
-
end
|
|
6
|
-
|
|
7
|
-
def body_classes
|
|
8
|
-
klass = []
|
|
9
|
-
klass << "#{controller_name}-pages"
|
|
10
|
-
klass << page.classes if page.classes.present?
|
|
11
|
-
klass.join(' ')
|
|
12
|
-
end
|
|
13
|
-
end
|
|
14
|
-
end
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
module MinimumViableProduct
|
|
2
|
-
module BootstrapHelper
|
|
3
|
-
def col_groups_of(count, collection, opts={})
|
|
4
|
-
return if collection.blank?
|
|
5
|
-
|
|
6
|
-
html = []
|
|
7
|
-
collection.in_groups_of(count).each do |groups|
|
|
8
|
-
groups.compact.each do |obj|
|
|
9
|
-
html << capture do
|
|
10
|
-
content_tag :div, class: ["col-md-#{12/count.to_f.floor}", opts[:col_class]].compact.join(' ') do
|
|
11
|
-
yield obj
|
|
12
|
-
end
|
|
13
|
-
end.html_safe
|
|
14
|
-
end
|
|
15
|
-
end
|
|
16
|
-
concat html.join.html_safe
|
|
17
|
-
end
|
|
18
|
-
|
|
19
|
-
def row_groups_of(count, collection, opts={}, &block)
|
|
20
|
-
return if collection.blank?
|
|
21
|
-
|
|
22
|
-
html = []
|
|
23
|
-
subsetsize = (collection.count/count.to_f)
|
|
24
|
-
subsetsize.ceil.times do |i|
|
|
25
|
-
subset = collection[count*i...((count*i)+count)]
|
|
26
|
-
html << capture do
|
|
27
|
-
content_tag :div, class: ["row",opts[:row_class]].compact.join(' ') do
|
|
28
|
-
capture do
|
|
29
|
-
col_groups_of(count, subset, opts, &block)
|
|
30
|
-
end
|
|
31
|
-
end
|
|
32
|
-
end.html_safe
|
|
33
|
-
end
|
|
34
|
-
|
|
35
|
-
concat html.join.html_safe
|
|
36
|
-
end
|
|
37
|
-
end
|
|
38
|
-
end
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
module MVP
|
|
2
|
-
module Slugification
|
|
3
|
-
extend ActiveSupport::Concern
|
|
4
|
-
|
|
5
|
-
module ClassMethods
|
|
6
|
-
def slugify(name, opts={})
|
|
7
|
-
before_validation -> {
|
|
8
|
-
return true if self.slug.present?
|
|
9
|
-
self.slug = slugify(self.send(name.to_sym))
|
|
10
|
-
self.slug += "-#{SecureRandom.uuid}" if self.class.find_by(slug: self.slug).present?
|
|
11
|
-
}, opts
|
|
12
|
-
validates :slug, uniqueness: true
|
|
13
|
-
end
|
|
14
|
-
end
|
|
15
|
-
|
|
16
|
-
private
|
|
17
|
-
|
|
18
|
-
def slugify(str)
|
|
19
|
-
str.gsub(/[^a-zA-Z0-9]+/,'-')
|
|
20
|
-
.gsub(/^[-]+|[-]+$/,'')
|
|
21
|
-
.downcase
|
|
22
|
-
end
|
|
23
|
-
end
|
|
24
|
-
end
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE HTML>
|
|
2
|
-
<html lang='en'>
|
|
3
|
-
<head>
|
|
4
|
-
<%= render('layouts/mvp/meta').gsub(/\n/,'').html_safe %>
|
|
5
|
-
<%= yield :meta %>
|
|
6
|
-
<%= yield :stylesheets %>
|
|
7
|
-
<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]-->
|
|
8
|
-
<%= yield :javascripts %>
|
|
9
|
-
<%= csrf_meta_tags %>
|
|
10
|
-
<%= render 'layouts/mvp/instrumentation' %>
|
|
11
|
-
</head>
|
|
12
|
-
<body id="<%= body_id %>" class="<%= body_classes %>" data-controller="<%= controller.controller_path %>" data-action="<%= controller.action_name %>" data-iteration="<%= MVP::Iteration.version %>">
|
|
13
|
-
<% if content_for? :body %>
|
|
14
|
-
<%= yield :body %>
|
|
15
|
-
<% else %>
|
|
16
|
-
<%= yield %>
|
|
17
|
-
<% end %>
|
|
18
|
-
</body>
|
|
19
|
-
</html>
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<div class="container">
|
|
2
|
-
<%= render 'minimum_viable_product/styleguide/bootstrap/header' %>
|
|
3
|
-
|
|
4
|
-
<section>
|
|
5
|
-
<h1>Typography</h1>
|
|
6
|
-
<%= render 'minimum_viable_product/styleguide/bootstrap/typography' %>
|
|
7
|
-
</section>
|
|
8
|
-
|
|
9
|
-
<section>
|
|
10
|
-
<h1>Buttons</h1>
|
|
11
|
-
<%= render 'minimum_viable_product/styleguide/bootstrap/buttons' %>
|
|
12
|
-
</section>
|
|
13
|
-
|
|
14
|
-
<section>
|
|
15
|
-
<h1>Panels</h1>
|
|
16
|
-
<%= render 'minimum_viable_product/styleguide/bootstrap/panels' %>
|
|
17
|
-
</section>
|
|
18
|
-
|
|
19
|
-
<section>
|
|
20
|
-
<h1>Forms</h1>
|
|
21
|
-
<%= render 'minimum_viable_product/styleguide/bootstrap/forms' %>
|
|
22
|
-
</section>
|
|
23
|
-
|
|
24
|
-
<section>
|
|
25
|
-
<h1>Tables</h1>
|
|
26
|
-
<%= render 'minimum_viable_product/styleguide/bootstrap/tables' %>
|
|
27
|
-
</section>
|
|
28
|
-
</div>
|
|
29
|
-
|
|
30
|
-
<footer class='text-center'>
|
|
31
|
-
<small>Copyright © <%= Date.today.year %></p></small>
|
|
32
|
-
</footer>
|
|
33
|
-
|
|
34
|
-
<style media="screen">
|
|
35
|
-
section {
|
|
36
|
-
margin-bottom: 100px;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
section h1 {
|
|
40
|
-
border-bottom: 1px solid #CCC;
|
|
41
|
-
padding-bottom: 10px;
|
|
42
|
-
}
|
|
43
|
-
</style>
|
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
<div class="mb20">
|
|
2
|
-
<p class="mb10">
|
|
3
|
-
<button class="btn btn-default" type="button">Default</button>
|
|
4
|
-
<button class="btn btn-primary" type="button">Primary</button>
|
|
5
|
-
<button class="btn btn-success" type="button">Success</button>
|
|
6
|
-
<button class="btn btn-info" type="button">Info</button>
|
|
7
|
-
<button class="btn btn-warning" type="button">Warning</button>
|
|
8
|
-
<button class="btn btn-danger" type="button">Danger</button>
|
|
9
|
-
<button class="btn btn-link" type="button">Link</button>
|
|
10
|
-
</p>
|
|
11
|
-
|
|
12
|
-
<p class="mb10">
|
|
13
|
-
<button class="btn btn-primary btn-lg" type="button">Large button</button>
|
|
14
|
-
<button class="btn btn-default btn-lg" type="button">Large button</button>
|
|
15
|
-
</p>
|
|
16
|
-
<p class="mb10">
|
|
17
|
-
<button class="btn btn-primary" type="button">Default button</button>
|
|
18
|
-
<button class="btn btn-default" type="button">Default button</button>
|
|
19
|
-
</p>
|
|
20
|
-
<p class="mb10">
|
|
21
|
-
<button class="btn btn-primary btn-sm" type="button">Small button</button>
|
|
22
|
-
<button class="btn btn-default btn-sm" type="button">Small button</button>
|
|
23
|
-
</p>
|
|
24
|
-
<p class="mb10">
|
|
25
|
-
<button class="btn btn-primary btn-xs" type="button">Extra small button</button>
|
|
26
|
-
<button class="btn btn-default btn-xs" type="button">Extra small button</button>
|
|
27
|
-
</p>
|
|
28
|
-
</div>
|
|
29
|
-
|
|
30
|
-
<div class="mb20">
|
|
31
|
-
<div aria-label="Toolbar with button groups" class="btn-toolbar" role="toolbar">
|
|
32
|
-
<div aria-label="First group" class="btn-group" role="group">
|
|
33
|
-
<button class="btn btn-default" type="button">1</button>
|
|
34
|
-
<button class="btn btn-default" type="button">2</button>
|
|
35
|
-
<button class="btn btn-default" type="button">3</button>
|
|
36
|
-
<button class="btn btn-default" type="button">4</button>
|
|
37
|
-
</div>
|
|
38
|
-
<div aria-label="Second group" class="btn-group" role="group">
|
|
39
|
-
<button class="btn btn-default" type="button">5</button>
|
|
40
|
-
<button class="btn btn-default" type="button">6</button>
|
|
41
|
-
<button class="btn btn-default" type="button">7</button>
|
|
42
|
-
</div>
|
|
43
|
-
<div aria-label="Third group" class="btn-group" role="group">
|
|
44
|
-
<button class="btn btn-default" type="button">8</button>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
|
|
49
|
-
<div class="mb20">
|
|
50
|
-
<div aria-label="Button group with nested dropdown" class="btn-group" role="group">
|
|
51
|
-
<button class="btn btn-default" type="button">1</button>
|
|
52
|
-
<button class="btn btn-default" type="button">2</button>
|
|
53
|
-
<div class="btn-group" role="group">
|
|
54
|
-
<button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="btnGroupDrop1" type="button">
|
|
55
|
-
Dropdown
|
|
56
|
-
<span class="caret"></span>
|
|
57
|
-
</button>
|
|
58
|
-
<ul aria-labelledby="btnGroupDrop1" class="dropdown-menu">
|
|
59
|
-
<li>
|
|
60
|
-
<a href="#">Dropdown link</a>
|
|
61
|
-
</li>
|
|
62
|
-
<li>
|
|
63
|
-
<a href="#">Dropdown link</a>
|
|
64
|
-
</li>
|
|
65
|
-
</ul>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
</div>
|
|
69
|
-
|
|
70
|
-
<div class="mb20">
|
|
71
|
-
<div class="btn-group">
|
|
72
|
-
<button aria-expanded="false" aria-haspopup="true" class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">Default
|
|
73
|
-
<span class="caret"></span>
|
|
74
|
-
</button>
|
|
75
|
-
<ul class="dropdown-menu">
|
|
76
|
-
<li>
|
|
77
|
-
<a href="#">Action</a>
|
|
78
|
-
</li>
|
|
79
|
-
<li>
|
|
80
|
-
<a href="#">Another action</a>
|
|
81
|
-
</li>
|
|
82
|
-
<li>
|
|
83
|
-
<a href="#">Something else here</a>
|
|
84
|
-
</li>
|
|
85
|
-
<li class="divider" role="separator"></li>
|
|
86
|
-
<li>
|
|
87
|
-
<a href="#">Separated link</a>
|
|
88
|
-
</li>
|
|
89
|
-
</ul>
|
|
90
|
-
</div>
|
|
91
|
-
<div class="btn-group">
|
|
92
|
-
<button aria-expanded="false" aria-haspopup="true" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" type="button">Primary
|
|
93
|
-
<span class="caret"></span>
|
|
94
|
-
</button>
|
|
95
|
-
<ul class="dropdown-menu">
|
|
96
|
-
<li>
|
|
97
|
-
<a href="#">Action</a>
|
|
98
|
-
</li>
|
|
99
|
-
<li>
|
|
100
|
-
<a href="#">Another action</a>
|
|
101
|
-
</li>
|
|
102
|
-
<li>
|
|
103
|
-
<a href="#">Something else here</a>
|
|
104
|
-
</li>
|
|
105
|
-
<li class="divider" role="separator"></li>
|
|
106
|
-
<li>
|
|
107
|
-
<a href="#">Separated link</a>
|
|
108
|
-
</li>
|
|
109
|
-
</ul>
|
|
110
|
-
</div>
|
|
111
|
-
<div class="btn-group">
|
|
112
|
-
<button aria-expanded="false" aria-haspopup="true" class="btn btn-success dropdown-toggle" data-toggle="dropdown" type="button">Success
|
|
113
|
-
<span class="caret"></span>
|
|
114
|
-
</button>
|
|
115
|
-
<ul class="dropdown-menu">
|
|
116
|
-
<li>
|
|
117
|
-
<a href="#">Action</a>
|
|
118
|
-
</li>
|
|
119
|
-
<li>
|
|
120
|
-
<a href="#">Another action</a>
|
|
121
|
-
</li>
|
|
122
|
-
<li>
|
|
123
|
-
<a href="#">Something else here</a>
|
|
124
|
-
</li>
|
|
125
|
-
<li class="divider" role="separator"></li>
|
|
126
|
-
<li>
|
|
127
|
-
<a href="#">Separated link</a>
|
|
128
|
-
</li>
|
|
129
|
-
</ul>
|
|
130
|
-
</div>
|
|
131
|
-
<div class="btn-group">
|
|
132
|
-
<button aria-expanded="false" aria-haspopup="true" class="btn btn-info dropdown-toggle" data-toggle="dropdown" type="button">Info
|
|
133
|
-
<span class="caret"></span>
|
|
134
|
-
</button>
|
|
135
|
-
<ul class="dropdown-menu">
|
|
136
|
-
<li>
|
|
137
|
-
<a href="#">Action</a>
|
|
138
|
-
</li>
|
|
139
|
-
<li>
|
|
140
|
-
<a href="#">Another action</a>
|
|
141
|
-
</li>
|
|
142
|
-
<li>
|
|
143
|
-
<a href="#">Something else here</a>
|
|
144
|
-
</li>
|
|
145
|
-
<li class="divider" role="separator"></li>
|
|
146
|
-
<li>
|
|
147
|
-
<a href="#">Separated link</a>
|
|
148
|
-
</li>
|
|
149
|
-
</ul>
|
|
150
|
-
</div>
|
|
151
|
-
<div class="btn-group">
|
|
152
|
-
<button aria-expanded="false" aria-haspopup="true" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" type="button">Warning
|
|
153
|
-
<span class="caret"></span>
|
|
154
|
-
</button>
|
|
155
|
-
<ul class="dropdown-menu">
|
|
156
|
-
<li>
|
|
157
|
-
<a href="#">Action</a>
|
|
158
|
-
</li>
|
|
159
|
-
<li>
|
|
160
|
-
<a href="#">Another action</a>
|
|
161
|
-
</li>
|
|
162
|
-
<li>
|
|
163
|
-
<a href="#">Something else here</a>
|
|
164
|
-
</li>
|
|
165
|
-
<li class="divider" role="separator"></li>
|
|
166
|
-
<li>
|
|
167
|
-
<a href="#">Separated link</a>
|
|
168
|
-
</li>
|
|
169
|
-
</ul>
|
|
170
|
-
</div>
|
|
171
|
-
<div class="btn-group">
|
|
172
|
-
<button aria-expanded="false" aria-haspopup="true" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" type="button">Danger
|
|
173
|
-
<span class="caret"></span>
|
|
174
|
-
</button>
|
|
175
|
-
<ul class="dropdown-menu">
|
|
176
|
-
<li>
|
|
177
|
-
<a href="#">Action</a>
|
|
178
|
-
</li>
|
|
179
|
-
<li>
|
|
180
|
-
<a href="#">Another action</a>
|
|
181
|
-
</li>
|
|
182
|
-
<li>
|
|
183
|
-
<a href="#">Something else here</a>
|
|
184
|
-
</li>
|
|
185
|
-
<li class="divider" role="separator"></li>
|
|
186
|
-
<li>
|
|
187
|
-
<a href="#">Separated link</a>
|
|
188
|
-
</li>
|
|
189
|
-
</ul>
|
|
190
|
-
</div>
|
|
191
|
-
</div>
|
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
<div class="mb20">
|
|
4
|
-
<form>
|
|
5
|
-
<div class="form-group">
|
|
6
|
-
<label for="exampleInputEmail1">Email address</label>
|
|
7
|
-
<input class="form-control" id="exampleInputEmail1" placeholder="Email" type="email">
|
|
8
|
-
</div>
|
|
9
|
-
<div class="form-group">
|
|
10
|
-
<label for="exampleInputPassword1">Password</label>
|
|
11
|
-
<input class="form-control" id="exampleInputPassword1" placeholder="Password" type="password">
|
|
12
|
-
</div>
|
|
13
|
-
<div class="form-group">
|
|
14
|
-
<label for="exampleInputFile">File input</label>
|
|
15
|
-
<input id="exampleInputFile" type="file">
|
|
16
|
-
<p class="help-block">Example block-level help text here.</p>
|
|
17
|
-
</div>
|
|
18
|
-
<div class="checkbox">
|
|
19
|
-
<label>
|
|
20
|
-
<input type="checkbox">
|
|
21
|
-
Check me out
|
|
22
|
-
</label>
|
|
23
|
-
</div>
|
|
24
|
-
<button class="btn btn-default" type="submit">Submit</button>
|
|
25
|
-
</form>
|
|
26
|
-
</div>
|
|
27
|
-
|
|
28
|
-
<form class="form-inline">
|
|
29
|
-
<div class="form-group">
|
|
30
|
-
<label for="exampleInputName2">Name</label>
|
|
31
|
-
<input class="form-control" id="exampleInputName2" placeholder="Jane Doe" type="text">
|
|
32
|
-
</div>
|
|
33
|
-
<div class="form-group">
|
|
34
|
-
<label for="exampleInputEmail2">Email</label>
|
|
35
|
-
<input class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com" type="email">
|
|
36
|
-
</div>
|
|
37
|
-
<button class="btn btn-default" type="submit">Send invitation</button>
|
|
38
|
-
</form>
|
|
39
|
-
|
|
40
|
-
<form class="form-horizontal">
|
|
41
|
-
<div class="form-group">
|
|
42
|
-
<label class="col-sm-2 control-label" for="inputEmail3">Email</label>
|
|
43
|
-
<div class="col-sm-10">
|
|
44
|
-
<input class="form-control" id="inputEmail3" placeholder="Email" type="email">
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
<div class="form-group">
|
|
48
|
-
<label class="col-sm-2 control-label" for="inputPassword3">Password</label>
|
|
49
|
-
<div class="col-sm-10">
|
|
50
|
-
<input class="form-control" id="inputPassword3" placeholder="Password" type="password">
|
|
51
|
-
</div>
|
|
52
|
-
</div>
|
|
53
|
-
<div class="form-group">
|
|
54
|
-
<div class="col-sm-offset-2 col-sm-10">
|
|
55
|
-
<div class="checkbox">
|
|
56
|
-
<label>
|
|
57
|
-
<input type="checkbox">
|
|
58
|
-
Remember me
|
|
59
|
-
</label>
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
62
|
-
</div>
|
|
63
|
-
<div class="form-group">
|
|
64
|
-
<div class="col-sm-offset-2 col-sm-10">
|
|
65
|
-
<button class="btn btn-default" type="submit">Sign in</button>
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
</form>
|
|
69
|
-
|
|
70
|
-
<div class="checkbox">
|
|
71
|
-
<label>
|
|
72
|
-
<input type="checkbox" value="">
|
|
73
|
-
Option one is this and that—be sure to include why it's great
|
|
74
|
-
</label>
|
|
75
|
-
</div>
|
|
76
|
-
<div class="checkbox disabled">
|
|
77
|
-
<label>
|
|
78
|
-
<input disabled type="checkbox" value="">
|
|
79
|
-
Option two is disabled
|
|
80
|
-
</label>
|
|
81
|
-
</div>
|
|
82
|
-
|
|
83
|
-
<div class="radio">
|
|
84
|
-
<label>
|
|
85
|
-
<input checked id="optionsRadios1" name="optionsRadios" type="radio" value="option1">
|
|
86
|
-
Option one is this and that—be sure to include why it's great
|
|
87
|
-
</label>
|
|
88
|
-
</div>
|
|
89
|
-
<div class="radio">
|
|
90
|
-
<label>
|
|
91
|
-
<input id="optionsRadios2" name="optionsRadios" type="radio" value="option2">
|
|
92
|
-
Option two can be something else and selecting it will deselect option one
|
|
93
|
-
</label>
|
|
94
|
-
</div>
|
|
95
|
-
<div class="radio disabled">
|
|
96
|
-
<label>
|
|
97
|
-
<input disabled id="optionsRadios3" name="optionsRadios" type="radio" value="option3">
|
|
98
|
-
Option three is disabled
|
|
99
|
-
</label>
|
|
100
|
-
</div>
|
|
101
|
-
|
|
102
|
-
<select class="form-control">
|
|
103
|
-
<option>1</option>
|
|
104
|
-
<option>2</option>
|
|
105
|
-
<option>3</option>
|
|
106
|
-
<option>4</option>
|
|
107
|
-
<option>5</option>
|
|
108
|
-
</select>
|
|
109
|
-
|
|
110
|
-
<textarea class="form-control" rows="3"></textarea>
|
|
111
|
-
|
|
112
|
-
<form class="form-horizontal">
|
|
113
|
-
<div class="form-group">
|
|
114
|
-
<label class="col-sm-2 control-label">Email</label>
|
|
115
|
-
<div class="col-sm-10">
|
|
116
|
-
<p class="form-control-static">email@example.com</p>
|
|
117
|
-
</div>
|
|
118
|
-
</div>
|
|
119
|
-
<div class="form-group">
|
|
120
|
-
<label class="col-sm-2 control-label" for="inputPassword">Password</label>
|
|
121
|
-
<div class="col-sm-10">
|
|
122
|
-
<input class="form-control" id="inputPassword" placeholder="Password" type="password">
|
|
123
|
-
</div>
|
|
124
|
-
</div>
|
|
125
|
-
</form>
|
|
126
|
-
|
|
127
|
-
<input class="form-control" disabled id="disabledInput" placeholder="Disabled input here..." type="text">
|
|
128
|
-
|
|
129
|
-
<form>
|
|
130
|
-
<fieldset disabled>
|
|
131
|
-
<div class="form-group">
|
|
132
|
-
<label for="disabledTextInput">Disabled input</label>
|
|
133
|
-
<input class="form-control" id="disabledTextInput" placeholder="Disabled input" type="text">
|
|
134
|
-
</div>
|
|
135
|
-
<div class="form-group">
|
|
136
|
-
<label for="disabledSelect">Disabled select menu</label>
|
|
137
|
-
<select class="form-control" id="disabledSelect">
|
|
138
|
-
<option>Disabled select</option>
|
|
139
|
-
</select>
|
|
140
|
-
</div>
|
|
141
|
-
<div class="checkbox">
|
|
142
|
-
<label>
|
|
143
|
-
<input type="checkbox">
|
|
144
|
-
Can't check this
|
|
145
|
-
</label>
|
|
146
|
-
</div>
|
|
147
|
-
<button class="btn btn-primary" type="submit">Submit</button>
|
|
148
|
-
</fieldset>
|
|
149
|
-
</form>
|
|
150
|
-
|
|
151
|
-
<label class="sr-only" for="inputHelpBlock">Input with help text</label>
|
|
152
|
-
<input aria-describedby="helpBlock" class="form-control" id="inputHelpBlock" type="text">
|
|
153
|
-
...
|
|
154
|
-
<span class="help-block" id="helpBlock">A block of help text that breaks onto a new line and may extend beyond one line.</span>
|
|
155
|
-
|
|
156
|
-
<div class="form-group has-success">
|
|
157
|
-
<label class="control-label" for="inputSuccess1">Input with success</label>
|
|
158
|
-
<input aria-describedby="helpBlock2" class="form-control" id="inputSuccess1" type="text">
|
|
159
|
-
<span class="help-block" id="helpBlock2">A block of help text that breaks onto a new line and may extend beyond one line.</span>
|
|
160
|
-
</div>
|
|
161
|
-
<div class="form-group has-warning">
|
|
162
|
-
<label class="control-label" for="inputWarning1">Input with warning</label>
|
|
163
|
-
<input class="form-control" id="inputWarning1" type="text">
|
|
164
|
-
</div>
|
|
165
|
-
<div class="form-group has-error">
|
|
166
|
-
<label class="control-label" for="inputError1">Input with error</label>
|
|
167
|
-
<input class="form-control" id="inputError1" type="text">
|
|
168
|
-
</div>
|
|
169
|
-
<div class="has-success">
|
|
170
|
-
<div class="checkbox">
|
|
171
|
-
<label>
|
|
172
|
-
<input id="checkboxSuccess" type="checkbox" value="option1">
|
|
173
|
-
Checkbox with success
|
|
174
|
-
</label>
|
|
175
|
-
</div>
|
|
176
|
-
</div>
|
|
177
|
-
<div class="has-warning">
|
|
178
|
-
<div class="checkbox">
|
|
179
|
-
<label>
|
|
180
|
-
<input id="checkboxWarning" type="checkbox" value="option1">
|
|
181
|
-
Checkbox with warning
|
|
182
|
-
</label>
|
|
183
|
-
</div>
|
|
184
|
-
</div>
|
|
185
|
-
<div class="has-error">
|
|
186
|
-
<div class="checkbox">
|
|
187
|
-
<label>
|
|
188
|
-
<input id="checkboxError" type="checkbox" value="option1">
|
|
189
|
-
Checkbox with error
|
|
190
|
-
</label>
|
|
191
|
-
</div>
|
|
192
|
-
</div>
|