Skip to content
This repository was archived by the owner on Feb 7, 2023. It is now read-only.

Commit abc8457

Browse files
frostyweatherfrostyweather
committed
Continued to make patterns more dynamic with mustache
1 parent a861476 commit abc8457

28 files changed

+296
-257
lines changed

‎dist/_data/data.json

Lines changed: 92 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
"text" : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
66
"url" : "#",
77
"cta" : "Call To Action",
8+
"ariaLabel" : "Aria label",
89
"listItem" : "List Item",
910
"listItemNested" : "Nested List Item",
1011
"term" : "Term",
@@ -16,8 +17,9 @@
1617
"src" : "../../images/bootstrapthumb.jpg",
1718
"alt" : "Bootstrap Thumbnail",
1819
"caption" : "Caption Text",
19-
"captionClass" : true,
2020
"panelClass" : "panel-default",
21+
"panelHeading" : false,
22+
"panelFooter" : false,
2123
"table" : {
2224
"thead" : {
2325
"th" : [
@@ -41,62 +43,109 @@
4143
}
4244
},
4345
"wellClass" : "",
44-
"wellText" : "Look I am in a well",
46+
"mediaClass" : "",
47+
"mediaLeft" : true,
48+
"mediaRight" : false,
4549
"mediaImage" : "../../images/bootstrapthumb64.jpg",
50+
"embedClass" : "embed-responsive-16by9",
4651
"mediaEmbed" : "//www.youtube.com/embed/zpOULjyy-n8?rel=0",
4752
"inputClass" : "",
48-
"inputAddon" : "Addon",
53+
"inputAddonBefore" : "Addon",
54+
"inputAddonAfter" : false,
4955
"buttonClass" :"btn-default",
50-
"breadcrumbs" : {
51-
"breadList" : [
52-
{ "listText" : "Link 1" },
53-
{ "listText" : "Link 2" },
54-
{ "listText" : "Link 3" }
55-
]
56-
},
57-
"buttonDropdown" : {
58-
"dropdownList" : [
59-
{ "listText" : "Action" },
60-
{ "listText" : "Another action" },
61-
{ "listText" : "Something else here" },
62-
{ "listText" : "Link 4" }
63-
]
64-
},
56+
"breadcrumbs" : [
57+
{
58+
"url" : "#",
59+
"text" : "Link 1"
60+
61+
},
62+
{
63+
"url" : "#",
64+
"text" : "Link 2"
65+
},
66+
{
67+
"url" : "#",
68+
"text" : "Link 3"
69+
}
70+
],
71+
"caret" : "caret",
72+
"dropdownList" : [
73+
{
74+
"url" : "#",
75+
"text" : "Action"
76+
},
77+
{
78+
"url" : "#",
79+
"text" : "Another action"
80+
},
81+
{
82+
"url" : "#",
83+
"text" : "Something else here"
84+
},
85+
{
86+
"url" : "#",
87+
"text" : "Link 4"
88+
}
89+
],
6590
"navClass" : "",
66-
"nav" : {
67-
"navList" : [
68-
{ "listText" : "Home" },
69-
{ "listText" : "Profile" },
70-
{ "listText" : "Link 3" }
71-
]
72-
},
91+
"navList" : [
92+
{
93+
"url" : "#",
94+
"text" : "Home"
95+
},
96+
{
97+
"url" : "#",
98+
"text" : "Profile"
99+
},
100+
{
101+
"url" : "#",
102+
"text" : "Messages"
103+
}
104+
],
73105
"paginationClass" : "",
74-
"pagination" : {
75-
"paginationList" : [
76-
{ "listText" : "1" },
77-
{ "listText" : "2" },
78-
{ "listText" : "3" },
79-
{ "listText" : "4" },
80-
{ "listText" : "5" }
81-
]
82-
},
83-
106+
"paginationList" : [
107+
{
108+
"url" : "#",
109+
"text" : "1"
110+
},
111+
{
112+
"url" : "#",
113+
"text" : "2"
114+
},
115+
{
116+
"url" : "#",
117+
"text" : "3"
118+
},
119+
{
120+
"url" : "#",
121+
"text" : "4"
122+
},
123+
{
124+
"url" : "#",
125+
"text" : "5"
126+
}
127+
],
84128
"pagerClass" : "",
85-
"pager" : {
86-
"pagerList" : [
87-
{ "listText" : "Previous" },
88-
{ "listText" : "Next" }
89-
]
90-
},
91-
129+
"pagerList" : [
130+
{
131+
"url" : "#",
132+
"text" : "Previous"
133+
},
134+
{
135+
"url" : "#",
136+
"text" : "Next"
137+
}
138+
],
139+
"buttonGroupClass" : "",
92140
"buttonGroupList" : [
93141
{ "text" : "Left" },
94142
{ "text" : "Middle" },
95143
{ "text" : "Right"}
96144
],
97145

98-
"alertClass" : "",
146+
"alertClass" : "alert-success",
99147
"alertText" : "I am alerting you about something",
148+
"dismissableAlert" : false,
100149
"listGroupClass" : "",
101150
"listGroup" : [
102151
{ "text" : "Cras justo odio" },

‎dist/_patterns/00-atoms/08-media/05-progress-bars-variants.mustache

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -77,9 +77,8 @@
7777
<p>Add <code>.active</code> to <code>.progress-bar-striped</code> to animate the stripes right to left. Not available in IE9 and below.</p>
7878
<div class="bs-example" data-example-id="animated-progress-bar">
7979
<div class="progress">
80-
<div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"><span class="sr-only">45% Complete</span></div>
80+
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"><span class="sr-only">45% Complete</span></div>
8181
</div>
82-
<button type="button" class="btn btn-default bs-docs-activate-animated-progressbar" data-toggle="button" aria-pressed="false" autocomplete="off">Toggle animation</button>
8382
</div>
8483

8584
<h2 id="progress-stacked">Stacked</h2>

‎dist/_patterns/01-molecules/02-blocks/00-panels.mustache

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,12 @@
11
<div class="panel {{panelClass}}">
2+
{{# panelHeading }}
3+
<div class="panel-heading">{{ panelHeading }}</h3></div>
4+
{{/ panelHeading }}
25
<div class="panel-body">
36
{{ text }}
47
</div>
8+
{{# panelFooter }}
9+
<div class="panel-footer">{{ panelFooter}}</div>
10+
{{/ panelFooter }}
511
</div>
612

‎dist/_patterns/01-molecules/02-blocks/03-wells.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
<div class="well {{ wellClass }}">
2-
{{ wellText }}
2+
{{ text }}
33
</div>

‎dist/_patterns/01-molecules/03-media/00-jumbotron.mustache

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
<div class="jumbotron">
22
<h1>{{ heading }}</h1>
33
<p>{{ text }}</p>
4-
<p><a class="btn btn-primary btn-lg" href="#" role="button">{{ cta }}</a></p>
4+
{{# cta }}
5+
<p><a class="btn btn-primary btn-lg" href="{{ url }}" role="button">{{ cta }}</a></p>
6+
{{/ cta }}
57
</div>
68

‎dist/_patterns/01-molecules/03-media/01-media.mustache

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,20 @@
11
<div class="media">
2-
<div class="media-left">
3-
<a href="#">
2+
{{# mediaLeft }}
3+
<div class="media-left {{ mediaClass }}">
4+
<a href="{{ url }}">
45
<img class="media-object" src="{{ mediaImage }}" alt="{{ alt }}">
56
</a>
67
</div>
8+
{{/ mediaLeft }}
79
<div class="media-body">
810
<h4 class="media-heading">{{ heading }}</h4>
911
{{ text }}
1012
</div>
13+
{{# mediaRight }}
14+
<div class="media-right {{ mediaClass }}">
15+
<a href="{{ url }}">
16+
<img class="media-object" src="{{ mediaImage }}" alt="{{ alt }}">
17+
</a>
18+
</div>
19+
{{/ mediaRight }}
1120
</div>

‎dist/_patterns/01-molecules/03-media/02-media-variants.mustache

Lines changed: 1 addition & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
</a>
4848
</div>
4949
</div>
50-
50+
<!-- Media Alignment -->
5151
<p>The classes <code>.pull-left</code> and <code>.pull-right</code> also exist and were previously used as part of the media component, but are deprecated for that use as of v3.3.0. They are approximately equivalent to <code>.media-left</code> and <code>.media-right</code>, except that <code>.media-right</code> should be placed after the <code>.media-body</code> in the html.</p>
5252
<h2 id="media-alignment">Media alignment</h2>
5353
<p>The images or other media can be aligned top, middle, or bottom. The default is top aligned.</p>
@@ -88,58 +88,4 @@
8888
<p>{{ text }}</p>
8989
</div>
9090
</div>
91-
</div>
92-
93-
<h2 id="media-list">Media list</h2>
94-
<p>With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).</p>
95-
<div class="bs-example" data-example-id="media-list">
96-
<ul class="media-list">
97-
<li class="media">
98-
<div class="media-left">
99-
<a href="#">
100-
<img class="media-object" src="{{ mediaImage }}" alt="{{ alt }}">
101-
</a>
102-
</div>
103-
<div class="media-body">
104-
<h4 class="media-heading">{{ heading }}</h4>
105-
<p>{{ text }}</p>
106-
<!-- Nested media object -->
107-
<div class="media">
108-
<div class="media-left">
109-
<a href="#">
110-
<img class="media-object" src="{{ mediaImage }}" alt="{{ alt }}">
111-
</a>
112-
</div>
113-
<div class="media-body">
114-
<h4 class="media-heading">Nested media heading</h4>
115-
{{ text }}
116-
<!-- Nested media object -->
117-
<div class="media">
118-
<div class="media-left">
119-
<a href="#">
120-
<img class="media-object" src="{{ mediaImage }}" alt="{{ alt }}">
121-
</a>
122-
</div>
123-
<div class="media-body">
124-
<h4 class="media-heading">Nested media heading</h4>
125-
{{ text }}
126-
</div>
127-
</div>
128-
</div>
129-
</div>
130-
<!-- Nested media object -->
131-
<div class="media">
132-
<div class="media-left">
133-
<a href="#">
134-
<img class="media-object" src="{{ mediaImage }}" alt="{{ alt }}">
135-
</a>
136-
</div>
137-
<div class="media-body">
138-
<h4 class="media-heading">Nested media heading</h4>
139-
{{ text }}
140-
</div>
141-
</div>
142-
</div>
143-
</li>
144-
</ul>
14591
</div>

‎dist/_patterns/01-molecules/03-media/03-responsive-embed.mustache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
1-
<div class="embed-responsive embed-responsive-16by9">
1+
<div class="embed-responsive {{ embedClass }}">
22
<iframe class="embed-responsive-item" src="{{ mediaEmbed }}" allowfullscreen></iframe>
33
</div>

‎dist/_patterns/01-molecules/03-media/04-thumbnails-caption.mustache

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<div class="thumbnail">
22
<img src="{{ src }}" alt="{{ alt }}">
3-
{{# captionClass }}
3+
{{# caption }}
44
<div class="caption">
55
{{{ caption }}}
66
</div>
7-
{{/ captionClass }}
7+
{{/ caption }}
88
</div>
99

‎dist/_patterns/01-molecules/04-forms/00-input-groups.mustache

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
1-
<div class="input-group {{inputClass}}">
2-
<span class="input-group-addon" id="basic-addon1">{{ inputAddon }}</span>
1+
<div class="input-group {{ inputClass }}">
2+
{{# inputAddonBefore }}
3+
<span class="input-group-addon">{{ inputAddonBefore }}</span>
4+
{{/ inputAddonBefore }}
35
{{> atoms-input }}
6+
{{# inputAddonAfter }}
7+
<span class="input-group-addon">{{ inputAddonAfter }}</span>
8+
{{/ inputAddonAfter }}
49
</div>
510

611

0 commit comments

Comments
 (0)