Skip to content
This repository was archived by the owner on May 29, 2019. It is now read-only.

Commit 1b53ca0

Browse files
pkozlowski-opensourcepkozlowski-opensource
committed
demo(all): various demo site fixes
1 parent 0c5d639 commit 1b53ca0

File tree

5 files changed

+62
-93
lines changed

5 files changed

+62
-93
lines changed

‎src/collapse/docs/demo.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div ng-controller="CollapseDemoCtrl">
2-
<button class="btn" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
2+
<button class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
33
<hr>
44
<div collapse="isCollapsed">
55
<div class="well well-large">Some content</div>

‎src/pagination/docs/demo.html

Lines changed: 10 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,19 @@
1-
<div ng-controller="PaginationDemoCtrl" class="well well-small">
1+
<div ng-controller="PaginationDemoCtrl">
22
<h4>Default</h4>
3-
4-
<pagination total-items="totalItems" page="currentPage"></pagination>
5-
<pagination boundary-links="true" total-items="totalItems" page="currentPage" class="pagination-small" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
6-
<pagination direction-links="false" boundary-links="true" total-items="totalItems" page="currentPage"></pagination>
7-
<pagination direction-links="false" total-items="totalItems" page="currentPage" num-pages="smallnumPages"></pagination>
8-
9-
<button class="btn btn-info" ng-click="setPage(3)">Set current page to: 3</button>
10-
The selected page no: {{currentPage}}
11-
3+
<pre>The selected page no: {{currentPage}}</pre>
4+
<div>
5+
<pagination total-items="totalItems" page="currentPage"></pagination>
6+
<pagination boundary-links="true" total-items="totalItems" page="currentPage" class="pagination-small" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
7+
<pagination direction-links="false" boundary-links="true" total-items="totalItems" page="currentPage"></pagination>
8+
<pagination direction-links="false" total-items="totalItems" page="currentPage" num-pages="smallnumPages"></pagination>
9+
</div>
10+
<button class="btn btn-default" ng-click="setPage(3)">Set current page to: 3</button>
1211
<hr />
1312
<h4>Pager</h4>
1413
<pager total-items="totalItems" page="currentPage"></pager>
15-
1614
<hr />
1715
<h4>Limit the maximimum visible buttons</h4>
16+
<pre>Page: {{bigCurrentPage}} / {{numPages}}</pre>
1817
<pagination total-items="bigTotalItems" page="bigCurrentPage" max-size="maxSize" class="pagination-small" boundary-links="true"></pagination>
1918
<pagination total-items="bigTotalItems" page="bigCurrentPage" max-size="maxSize" class="pagination-small" boundary-links="true" rotate="false" num-pages="numPages"></pagination>
20-
21-
<pre>Page: {{bigCurrentPage}} / {{numPages}}</pre>
2219
</div>

‎src/popover/docs/demo.html

Lines changed: 22 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,27 @@
11
<div ng-controller="PopoverDemoCtrl">
2-
<div class="well">
3-
<div>
4-
<h4>Dynamic</h4>
5-
<form role="form">
6-
<div class="form-group">
7-
<label>Dynamic Popover </label>
8-
<input type="text" ng-model="dynamicPopoverText" class="form-control">
9-
</div>
10-
<div class="form-group">
11-
<label>Dynamic Popover Popup Text</label>
12-
<input type="text" ng-model="dynamicPopover" class="form-control">
13-
</div>
14-
<div class="form-group">
15-
<label>Dynamic Popover Popup Title:</label>
16-
<input type="text" ng-model="dynamicPopoverTitle" class="form-control">
17-
</div>
18-
<button popover="{{dynamicPopover}}" popover-title="{{dynamicPopoverTitle}}" class="btn btn-info">{{dynamicPopoverText}}</button>
19-
</form>
2+
<h4>Dynamic</h4>
3+
<div class="form-group">
4+
<label>Popup Title:</label>
5+
<input type="text" ng-model="dynamicPopoverTitle" class="form-control">
206
</div>
21-
<div>
22-
<h4>Positional</h4>
23-
<button popover-placement="top" popover="On the Top!" class="btn btn-info">Top</button>
24-
<button popover-placement="left" popover="On the Left!" class="btn btn-info">Left</button>
25-
<button popover-placement="right" popover="On the Right!" class="btn btn-info">Right</button>
26-
<button popover-placement="bottom" popover="On the Bottom!" class="btn btn-info">Bottom</button>
7+
<div class="form-group">
8+
<label>Popup Text</label>
9+
<input type="text" ng-model="dynamicPopover" class="form-control">
2710
</div>
28-
<div>
29-
<h4>Triggers</h4>
30-
<button popover="I appeared on mouse enter!" popover-trigger="mouseenter" class="btn btn-info">Mouseenter</button>
31-
<hr>
32-
<input type="text" value="Click me!"
33-
popover="I appeared on focus! Click away and I'll vanish..."
34-
popover-trigger="focus" class="form-control">
11+
<button popover="{{dynamicPopover}}" popover-title="{{dynamicPopoverTitle}}" class="btn btn-default">
12+
Click me to show a popover!
13+
</button>
14+
<h4>Positioning</h4>
15+
<button popover-placement="top" popover="On the Top!" class="btn btn-default">Top</button>
16+
<button popover-placement="left" popover="On the Left!" class="btn btn-default">Left</button>
17+
<button popover-placement="right" popover="On the Right!" class="btn btn-default">Right</button>
18+
<button popover-placement="bottom" popover="On the Bottom!" class="btn btn-default">Bottom</button>
19+
<h4>Triggers</h4>
20+
<div class="form-group">
21+
<input type="text" value="Click me!"
22+
popover="I appeared on focus! Click away and I'll vanish..."
23+
popover-trigger="focus" class="form-control">
3524
</div>
36-
<div>
37-
<h4>Other</h4>
38-
<button Popover-animation="true" popover="I fade in and out!" class="btn btn-info">fading</button>
39-
<button popover="I have a title!" popover-title="The title." class="btn btn-info">title</button>
40-
</div>
41-
</div>
25+
<button popover="I appeared on mouse enter!" popover-trigger="mouseenter" class="btn btn-default">Mouseenter
26+
</button>
4227
</div>

‎src/rating/docs/demo.html

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
1-
<div ng-controller="RatingDemoCtrl" class="well well-small">
1+
<div ng-controller="RatingDemoCtrl">
22
<h4>Default</h4>
33
<rating value="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null"></rating>
44
<span class="badge" ng-class="{'badge-warning': percent<30, 'badge-info': percent>=30 && percent<70, 'badge-success': percent>=70}" ng-show="overStar && !isReadonly">{{percent}}%</span>
5-
6-
<pre style="margin:15px 0;">Rate: <b>{{rate}}</b> - Readonly is: <i>{{isReadonly}}</i> - Hovering over: <b>{{overStar || "none"}}</b></pre>
7-
8-
<button class="btn btn-small btn-danger" ng-click="rate = 0" ng-disabled="isReadonly">Clear</button>
9-
<button class="btn btn-small" ng-click="isReadonly = ! isReadonly">Toggle Readonly</button>
10-
<hr />
11-
5+
<pre>Rate: <b>{{rate}}</b> - Readonly is: <i>{{isReadonly}}</i> - Hovering over: <b>{{overStar || "none"}}</b></pre>
6+
<div>
7+
<button class="btn btn-sm btn-danger" ng-click="rate = 0" ng-disabled="isReadonly">Clear</button>
8+
<button class="btn btn-sm btn-default" ng-click="isReadonly = ! isReadonly">Toggle Readonly</button>
9+
</div>
1210
<h4>Custom icons</h4>
1311
<div ng-init="x = 5"><rating value="x" max="15" state-on="'glyphicon-ok-sign'" state-off="'glyphicon-ok-circle'"></rating> <b>(<i>Rate:</i> {{x}})</b></div>
1412
<div ng-init="y = 2"><rating value="y" rating-states="ratingStates"></rating> <b>(<i>Rate:</i> {{y}})</b></div>

‎src/tooltip/docs/demo.html

Lines changed: 23 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,35 @@
11
<div ng-controller="TooltipDemoCtrl">
2-
<div class="well">
3-
<form role="form">
4-
<div class="form-group">
2+
<div class="form-group">
53
<label>Dynamic Tooltip Text</label>
64
<input type="text" ng-model="dynamicTooltipText" class="form-control">
7-
</div>
8-
<div class="form-group">
5+
</div>
6+
<div class="form-group">
97
<label>Dynamic Tooltip Popup Text</label>
108
<input type="text" ng-model="dynamicTooltip" class="form-control">
11-
</div>
12-
</form>
9+
</div>
1310
<p>
14-
Pellentesque <a><span tooltip="{{dynamicTooltip}}">{{dynamicTooltipText}}</span></a>,
15-
sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in
16-
aliquam. Tincidunt lobortis feugiat vivamus at
17-
<a><span tooltip-placement="left" tooltip="On the Left!">left</span></a> eget
18-
arcu dictum varius duis at consectetur lorem. Vitae elementum curabitur
19-
<a><span tooltip-placement="right" tooltip="On the Right!">right</span></a>
20-
nunc sed velit dignissim sodales ut eu sem integer vitae. Turpis egestas
21-
<a><span tooltip-placement="bottom" tooltip="On the Bottom!">bottom</span></a>
22-
pharetra convallis posuere morbi leo urna,
23-
<a><span tooltip-animation="false" tooltip="I don't fade. :-(">fading</span></a>
24-
at elementum eu, facilisis sed odio morbi quis commodo odio. In cursus
25-
<a><span tooltip-popup-delay='1000' tooltip='appears with delay'>delayed</span></a> turpis massa tincidunt dui ut.
11+
Pellentesque <a><span tooltip="{{dynamicTooltip}}">{{dynamicTooltipText}}</span></a>,
12+
sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in
13+
aliquam. Tincidunt lobortis feugiat vivamus at
14+
<a><span tooltip-placement="left" tooltip="On the Left!">left</span></a> eget
15+
arcu dictum varius duis at consectetur lorem. Vitae elementum curabitur
16+
<a><span tooltip-placement="right" tooltip="On the Right!">right</span></a>
17+
nunc sed velit dignissim sodales ut eu sem integer vitae. Turpis egestas
18+
<a><span tooltip-placement="bottom" tooltip="On the Bottom!">bottom</span></a>
19+
pharetra convallis posuere morbi leo urna,
20+
<a><span tooltip-animation="false" tooltip="I don't fade. :-(">fading</span></a>
21+
at elementum eu, facilisis sed odio morbi quis commodo odio. In cursus
22+
<a><span tooltip-popup-delay='1000' tooltip='appears with delay'>delayed</span></a> turpis massa tincidunt dui
23+
ut.
2624
</p>
27-
2825
<p>
29-
I can even contain HTML. <a><span tooltip-html-unsafe="{{htmlTooltip}}">Check me out!</span></a>
26+
I can even contain HTML. <a><span tooltip-html-unsafe="{{htmlTooltip}}">Check me out!</span></a>
3027
</p>
31-
32-
<form role="form">
33-
<div class="form-group">
28+
<div class="form-group">
3429
<label>Or use custom triggers, like focus: </label>
3530
<input type="text" value="Click me!"
36-
tooltip="See? Now click away..."
37-
tooltip-trigger="focus"
38-
tooltip-placement="right" class="form-control">
39-
</div>
40-
</form>
41-
42-
43-
44-
45-
</div>
31+
tooltip="See? Now click away..."
32+
tooltip-trigger="focus"
33+
tooltip-placement="right" class="form-control">
34+
</div>
4635
</div>

0 commit comments

Comments
 (0)