invisi/ui-bootstrap4
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases 8 Wiki Activity

fixed some issues with the demo page.

Browse Source
This commit is contained in:
Christopher S. Case
2018-10-03 22:50:43 -05:00
parent 83957b1138
commit b9b807ca4a
3 changed files with 140 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Gruntfile.js
-6
View File
@@ -76,12 +76,6 @@ module.exports = function(grunt) {
src: ['**/*.html'],
cwd: 'misc/demo/',
dest: 'dist/'
},
{
expand: true,
src: ['svg-icon.css'],
cwd: 'src/',
dest: 'dist/'
}
]
},
docs/index.html
+138 -180
View File
@@ -94,42 +94,13 @@
<div class="bs-social container">
<ul class="bs-social-buttons">
<li>
<iframe src="//ghbtns.com/github-btn.html?user=angular-ui&repo=bootstrap&type=watch&count=true"
<iframe src="//ghbtns.com/github-btn.html?user=morgul&repo=ui-bootstrap4&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</li>
<li>
<iframe src="//ghbtns.com/github-btn.html?user=angular-ui&repo=bootstrap&type=fork&count=true"
<iframe src="//ghbtns.com/github-btn.html?user=morgul&repo=ui-bootstrap4&type=fork&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</li>
<li>
<a href="https://twitter.com/share" class="twitter-share-button"
data-hashtags="angularjs">Tweet</a>
<script>!function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");</script>
</li>
<li>
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium"></div>
<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</li>
</ul>
</div>
</header>
@@ -213,7 +184,7 @@
* Some directives have a config service that follows the next pattern: <code>uibDirectiveConfig</code>. The service's settings use camel case. The services can be configured in a <code>.config</code> function for example.
</p>
</section>
<section id="accordion">
<div class="page-header">
<h1>Accordion<small>
@@ -471,7 +442,7 @@ Add the ability to override the template used on the component.</p>
isFirstDisabled: false
};
});</script>
<section id="alert">
<div class="page-header">
<h1>Alert<small>
@@ -573,7 +544,7 @@ Add the ability to override the template used in the component.</p>
$scope.alerts.splice(index, 1);
};
});</script>
<section id="buttons">
<div class="page-header">
<h1>Buttons<small>
@@ -772,7 +743,7 @@ Event used to toggle the buttons.</p>
});
});
});</script>
<section id="carousel">
<div class="page-header">
<h1>Carousel<small>
@@ -1043,7 +1014,7 @@ Add the ability to override the template used on the component.</p>
}
});
</script>
<section id="collapse">
<div class="page-header">
<h1>Collapse<small>
@@ -1227,7 +1198,7 @@ An optional attribute that permit to collapse horizontally.</p>
$scope.isCollapsedHorizontal = false;
});
</script>
<section id="dateparser">
<div class="page-header">
<h1>Dateparser<small>
@@ -1442,7 +1413,7 @@ Parses the long form of the era (<code>Anno Domini</code> or <code>Before Christ
$scope.date = new Date();
});
</script>
<section id="datepicker">
<div class="page-header">
<h1>Datepicker<small>
@@ -1831,7 +1802,7 @@ Number of columns displayed in year selection.</p>
}
});
</script>
<section id="datepickerPopup">
<div class="page-header">
<h1>Datepicker Popup<small>
@@ -2279,7 +2250,7 @@ The format for displayed dates. This string can take string literals by surround
}
});
</script>
<section id="dropdown">
<div class="page-header">
<h1>Dropdown<small>
@@ -2288,7 +2259,7 @@ The format for displayed dates. This string can take string literals by surround
</div>
<div class="row">
<div class="col-md-6 show-grid">
<div ng-controller="DropdownCtrl">
<div>
<!-- Simple dropdown -->
@@ -2739,7 +2710,7 @@ Class to apply when the dropdown is open.</p>
$scope.appendToEl = angular.element(document.querySelector('#dropdown-long-content'));
});
</script>
<section id="modal">
<div class="page-header">
<h1>Modal<small>
@@ -3023,7 +2994,7 @@ Also, the <code>$close</code> and <code>$dismiss</code> methods returns true if
$ctrl.animationsEnabled = true;
$ctrl.open = function (size, parentSelector) {
var parentElem = parentSelector ?
var parentElem = parentSelector ?
angular.element($document[0].querySelector(&#x27;.modal-demo &#x27; + parentSelector)) : undefined;
var modalInstance = $uibModal.open({
animation: $ctrl.animationsEnabled,
@@ -3074,7 +3045,7 @@ Also, the <code>$close</code> and <code>$dismiss</code> methods returns true if
templateUrl: &#x27;stackedModal.html&#x27;,
size: &#x27;sm&#x27;,
controller: function($scope) {
$scope.name = &#x27;bottom&#x27;;
$scope.name = &#x27;bottom&#x27;;
}
});
@@ -3085,7 +3056,7 @@ Also, the <code>$close</code> and <code>$dismiss</code> methods returns true if
templateUrl: &#x27;stackedModal.html&#x27;,
size: &#x27;sm&#x27;,
controller: function($scope) {
$scope.name = &#x27;top&#x27;;
$scope.name = &#x27;top&#x27;;
}
});
};
@@ -3156,7 +3127,7 @@ angular.module(&#x27;ui.bootstrap.demo&#x27;).component(&#x27;modalComponent&#x2
$ctrl.animationsEnabled = true;
$ctrl.open = function (size, parentSelector) {
var parentElem = parentSelector ?
var parentElem = parentSelector ?
angular.element($document[0].querySelector('.modal-demo ' + parentSelector)) : undefined;
var modalInstance = $uibModal.open({
animation: $ctrl.animationsEnabled,
@@ -3207,7 +3178,7 @@ angular.module(&#x27;ui.bootstrap.demo&#x27;).component(&#x27;modalComponent&#x2
templateUrl: 'stackedModal.html',
size: 'sm',
controller: function($scope) {
$scope.name = 'bottom';
$scope.name = 'bottom';
}
});
@@ -3218,7 +3189,7 @@ angular.module(&#x27;ui.bootstrap.demo&#x27;).component(&#x27;modalComponent&#x2
templateUrl: 'stackedModal.html',
size: 'sm',
controller: function($scope) {
$scope.name = 'top';
$scope.name = 'top';
}
});
};
@@ -3276,7 +3247,7 @@ angular.module('ui.bootstrap.demo').component('modalComponent', {
}
});
</script>
<section id="pager">
<div class="page-header">
<h1>Pager<small>
@@ -3388,7 +3359,7 @@ Total number of items in all pages.</p>
$scope.currentPage = 4;
});
</script>
<section id="pagination">
<div class="page-header">
<h1>Pagination<small>
@@ -3610,7 +3581,7 @@ Total number of items in all pages.</p>
$scope.bigCurrentPage = 1;
});
</script>
<section id="popover">
<div class="page-header">
<h1>Popover<small>
@@ -3879,7 +3850,7 @@ Provide a set of defaults for certain tooltip and popover attributes. Currently
],
selected: &#x27;top&#x27;
};
$scope.htmlPopover = $sce.trustAsHtml(&#x27;&lt;b style=&quot;color: red&quot;&gt;I can&lt;/b&gt; have &lt;div class=&quot;label label-success&quot;&gt;HTML&lt;/div&gt; content&#x27;);
});
</code></pre>
@@ -3913,11 +3884,11 @@ Provide a set of defaults for certain tooltip and popover attributes. Currently
],
selected: 'top'
};
$scope.htmlPopover = $sce.trustAsHtml('<b style="color: red">I can</b> have <div class="label label-success">HTML</div> content');
});
</script>
<section id="position">
<div class="page-header">
<h1>Position<small>
@@ -4395,7 +4366,7 @@ The placement for the element.</p>
$scope.elemVals.positionElements = $uibPosition.positionElements(btnEl, divEl, 'auto bottom-left');
};
});</script>
<section id="progressbar">
<div class="page-header">
<h1>Progressbar<small>
@@ -4416,13 +4387,13 @@ The placement for the element.</p>
<hr />
<h3>Dynamic <button type="button" class="btn btn-sm btn-primary" ng-click="random()">Randomize</button></h3>
<uib-progressbar max="max" value="dynamic"><span style="color:white; white-space:nowrap;">{{dynamic}} / {{max}}</span></uib-progressbar>
<small><em>No animation</em></small>
<uib-progressbar animate="false" value="dynamic" type="success"><b>{{dynamic}}%</b></uib-progressbar>
<small><em>Object (changes type based on value)</em></small>
<uib-progressbar class="active" value="dynamic" type="{{type}}" striped="true">{{type}} <i ng-show="showWarning">!!! Watch out !!!</i></uib-progressbar>
<hr />
<h3>Stacked <button type="button" class="btn btn-sm btn-primary" ng-click="randomStacked()">Randomize</button></h3>
<uib-progress><uib-bar ng-repeat="bar in stacked track by $index" value="bar.value" type="{{bar.type}}"><span ng-hide="bar.value < 5">{{bar.value}}%</span></uib-bar></uib-progress>
@@ -4536,13 +4507,13 @@ Title to use as label (for accessibility).</p>
&lt;hr /&gt;
&lt;h3&gt;Dynamic &lt;button type=&quot;button&quot; class=&quot;btn btn-sm btn-primary&quot; ng-click=&quot;random()&quot;&gt;Randomize&lt;/button&gt;&lt;/h3&gt;
&lt;uib-progressbar max=&quot;max&quot; value=&quot;dynamic&quot;&gt;&lt;span style=&quot;color:white; white-space:nowrap;&quot;&gt;{{dynamic}} / {{max}}&lt;/span&gt;&lt;/uib-progressbar&gt;
&lt;small&gt;&lt;em&gt;No animation&lt;/em&gt;&lt;/small&gt;
&lt;uib-progressbar animate=&quot;false&quot; value=&quot;dynamic&quot; type=&quot;success&quot;&gt;&lt;b&gt;{{dynamic}}%&lt;/b&gt;&lt;/uib-progressbar&gt;
&lt;small&gt;&lt;em&gt;Object (changes type based on value)&lt;/em&gt;&lt;/small&gt;
&lt;uib-progressbar class=&quot;active&quot; value=&quot;dynamic&quot; type=&quot;{{type}}&quot; striped=&quot;true&quot;&gt;{{type}} &lt;i ng-show=&quot;showWarning&quot;&gt;!!! Watch out !!!&lt;/i&gt;&lt;/uib-progressbar&gt;
&lt;hr /&gt;
&lt;h3&gt;Stacked &lt;button type=&quot;button&quot; class=&quot;btn btn-sm btn-primary&quot; ng-click=&quot;randomStacked()&quot;&gt;Randomize&lt;/button&gt;&lt;/h3&gt;
&lt;uib-progress&gt;&lt;uib-bar ng-repeat=&quot;bar in stacked track by $index&quot; value=&quot;bar.value&quot; type=&quot;{{bar.type}}&quot;&gt;&lt;span ng-hide=&quot;bar.value &lt; 5&quot;&gt;{{bar.value}}%&lt;/span&gt;&lt;/uib-bar&gt;&lt;/uib-progress&gt;
@@ -4640,7 +4611,7 @@ Title to use as label (for accessibility).</p>
$scope.randomStacked();
});
</script>
<section id="rating">
<div class="page-header">
<h1>Rating<small>
@@ -4805,7 +4776,7 @@ A variable used in the template to specify the state for unselected icons.</p>
];
});
</script>
<section id="tabs">
<div class="page-header">
<h1>Tabs<small>
@@ -5106,7 +5077,7 @@ A URL representing the location of a template to use for the tab heading.</p>
};
});
</script>
<section id="timepicker">
<div class="page-header">
<h1>Timepicker<small>
@@ -5121,7 +5092,7 @@ A URL representing the location of a template to use for the tab heading.</p>
<pre class="alert alert-info">Time is: {{mytime | date:'shortTime' }}</pre>
<div class="row">
<div class="row">
<div class="col-xs-6">
Hours step is:
<select class="form-control" ng-model="hstep" ng-options="opt for opt in options.hstep"></select>
@@ -5274,7 +5245,7 @@ Add the ability to override the template used on the component.</p>
&lt;pre class=&quot;alert alert-info&quot;&gt;Time is: {{mytime | date:&#x27;shortTime&#x27; }}&lt;/pre&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;row&quot;&gt;
&lt;div class=&quot;col-xs-6&quot;&gt;
Hours step is:
&lt;select class=&quot;form-control&quot; ng-model=&quot;hstep&quot; ng-options=&quot;opt for opt in options.hstep&quot;&gt;&lt;/select&gt;
@@ -5367,7 +5338,7 @@ Add the ability to override the template used on the component.</p>
};
});
</script>
<section id="tooltip">
<div class="page-header">
<h1>Tooltip<small>
@@ -5719,7 +5690,7 @@ Provide a set of defaults for certain tooltip and popover attributes. Currently
};
});
</script>
<section id="typeahead">
<div class="page-header">
<h1>Typeahead<small>
@@ -6126,7 +6097,7 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
$scope.statesWithFlags = [{'name':'Alabama','flag':'5/5c/Flag_of_Alabama.svg/45px-Flag_of_Alabama.svg.png'},{'name':'Alaska','flag':'e/e6/Flag_of_Alaska.svg/43px-Flag_of_Alaska.svg.png'},{'name':'Arizona','flag':'9/9d/Flag_of_Arizona.svg/45px-Flag_of_Arizona.svg.png'},{'name':'Arkansas','flag':'9/9d/Flag_of_Arkansas.svg/45px-Flag_of_Arkansas.svg.png'},{'name':'California','flag':'0/01/Flag_of_California.svg/45px-Flag_of_California.svg.png'},{'name':'Colorado','flag':'4/46/Flag_of_Colorado.svg/45px-Flag_of_Colorado.svg.png'},{'name':'Connecticut','flag':'9/96/Flag_of_Connecticut.svg/39px-Flag_of_Connecticut.svg.png'},{'name':'Delaware','flag':'c/c6/Flag_of_Delaware.svg/45px-Flag_of_Delaware.svg.png'},{'name':'Florida','flag':'f/f7/Flag_of_Florida.svg/45px-Flag_of_Florida.svg.png'},{'name':'Georgia','flag':'5/54/Flag_of_Georgia_%28U.S._state%29.svg/46px-Flag_of_Georgia_%28U.S._state%29.svg.png'},{'name':'Hawaii','flag':'e/ef/Flag_of_Hawaii.svg/46px-Flag_of_Hawaii.svg.png'},{'name':'Idaho','flag':'a/a4/Flag_of_Idaho.svg/38px-Flag_of_Idaho.svg.png'},{'name':'Illinois','flag':'0/01/Flag_of_Illinois.svg/46px-Flag_of_Illinois.svg.png'},{'name':'Indiana','flag':'a/ac/Flag_of_Indiana.svg/45px-Flag_of_Indiana.svg.png'},{'name':'Iowa','flag':'a/aa/Flag_of_Iowa.svg/44px-Flag_of_Iowa.svg.png'},{'name':'Kansas','flag':'d/da/Flag_of_Kansas.svg/46px-Flag_of_Kansas.svg.png'},{'name':'Kentucky','flag':'8/8d/Flag_of_Kentucky.svg/46px-Flag_of_Kentucky.svg.png'},{'name':'Louisiana','flag':'e/e0/Flag_of_Louisiana.svg/46px-Flag_of_Louisiana.svg.png'},{'name':'Maine','flag':'3/35/Flag_of_Maine.svg/45px-Flag_of_Maine.svg.png'},{'name':'Maryland','flag':'a/a0/Flag_of_Maryland.svg/45px-Flag_of_Maryland.svg.png'},{'name':'Massachusetts','flag':'f/f2/Flag_of_Massachusetts.svg/46px-Flag_of_Massachusetts.svg.png'},{'name':'Michigan','flag':'b/b5/Flag_of_Michigan.svg/45px-Flag_of_Michigan.svg.png'},{'name':'Minnesota','flag':'b/b9/Flag_of_Minnesota.svg/46px-Flag_of_Minnesota.svg.png'},{'name':'Mississippi','flag':'4/42/Flag_of_Mississippi.svg/45px-Flag_of_Mississippi.svg.png'},{'name':'Missouri','flag':'5/5a/Flag_of_Missouri.svg/46px-Flag_of_Missouri.svg.png'},{'name':'Montana','flag':'c/cb/Flag_of_Montana.svg/45px-Flag_of_Montana.svg.png'},{'name':'Nebraska','flag':'4/4d/Flag_of_Nebraska.svg/46px-Flag_of_Nebraska.svg.png'},{'name':'Nevada','flag':'f/f1/Flag_of_Nevada.svg/45px-Flag_of_Nevada.svg.png'},{'name':'New Hampshire','flag':'2/28/Flag_of_New_Hampshire.svg/45px-Flag_of_New_Hampshire.svg.png'},{'name':'New Jersey','flag':'9/92/Flag_of_New_Jersey.svg/45px-Flag_of_New_Jersey.svg.png'},{'name':'New Mexico','flag':'c/c3/Flag_of_New_Mexico.svg/45px-Flag_of_New_Mexico.svg.png'},{'name':'New York','flag':'1/1a/Flag_of_New_York.svg/46px-Flag_of_New_York.svg.png'},{'name':'North Carolina','flag':'b/bb/Flag_of_North_Carolina.svg/45px-Flag_of_North_Carolina.svg.png'},{'name':'North Dakota','flag':'e/ee/Flag_of_North_Dakota.svg/38px-Flag_of_North_Dakota.svg.png'},{'name':'Ohio','flag':'4/4c/Flag_of_Ohio.svg/46px-Flag_of_Ohio.svg.png'},{'name':'Oklahoma','flag':'6/6e/Flag_of_Oklahoma.svg/45px-Flag_of_Oklahoma.svg.png'},{'name':'Oregon','flag':'b/b9/Flag_of_Oregon.svg/46px-Flag_of_Oregon.svg.png'},{'name':'Pennsylvania','flag':'f/f7/Flag_of_Pennsylvania.svg/45px-Flag_of_Pennsylvania.svg.png'},{'name':'Rhode Island','flag':'f/f3/Flag_of_Rhode_Island.svg/32px-Flag_of_Rhode_Island.svg.png'},{'name':'South Carolina','flag':'6/69/Flag_of_South_Carolina.svg/45px-Flag_of_South_Carolina.svg.png'},{'name':'South Dakota','flag':'1/1a/Flag_of_South_Dakota.svg/46px-Flag_of_South_Dakota.svg.png'},{'name':'Tennessee','flag':'9/9e/Flag_of_Tennessee.svg/46px-Flag_of_Tennessee.svg.png'},{'name':'Texas','flag':'f/f7/Flag_of_Texas.svg/45px-Flag_of_Texas.svg.png'},{'name':'Utah','flag':'f/f6/Flag_of_Utah.svg/45px-Flag_of_Utah.svg.png'},{'name':'Vermont','flag':'4/49/Flag_of_Vermont.svg/46px-Flag_of_Vermont.svg.png'},{'name':'Virginia','flag':'4/47/Flag_of_Virginia.svg/44px-Flag_of_Virginia.svg.png'},{'name':'Washington','flag':'5/54/Flag_of_Washington.svg/46px-Flag_of_Washington.svg.png'},{'name':'West Virginia','flag':'2/22/Flag_of_West_Virginia.svg/46px-Flag_of_West_Virginia.svg.png'},{'name':'Wisconsin','flag':'2/22/Flag_of_Wisconsin.svg/45px-Flag_of_Wisconsin.svg.png'},{'name':'Wyoming','flag':'b/bc/Flag_of_Wyoming.svg/43px-Flag_of_Wyoming.svg.png'}];
});
</script>
</div>
</div>
</div><!-- /.container -->
@@ -6205,10 +6176,10 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
<h4 style="text-align: center;">{{buildErrorText}}</h4>
</div>
<div ng-hide="buildErrorText || isOldBrowser()">
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.collapse}"
@@ -6217,9 +6188,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('collapse', module.collapse)">
Collapse
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.tabindex}"
@@ -6228,9 +6199,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('tabindex', module.tabindex)">
Tabindex
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.accordion}"
@@ -6239,13 +6210,13 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('accordion', module.accordion)">
Accordion
</button>
</div>
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.alert}"
@@ -6254,9 +6225,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('alert', module.alert)">
Alert
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.buttons}"
@@ -6265,9 +6236,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('buttons', module.buttons)">
Buttons
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.carousel}"
@@ -6276,13 +6247,13 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('carousel', module.carousel)">
Carousel
</button>
</div>
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.common}"
@@ -6291,9 +6262,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('common', module.common)">
Common
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.dateparser}"
@@ -6302,9 +6273,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('dateparser', module.dateparser)">
Dateparser
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.isClass}"
@@ -6313,13 +6284,13 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('isClass', module.isClass)">
Is Class
</button>
</div>
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.datepicker}"
@@ -6328,9 +6299,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('datepicker', module.datepicker)">
Datepicker
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.position}"
@@ -6339,9 +6310,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('position', module.position)">
Position
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.datepickerPopup}"
@@ -6350,13 +6321,13 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('datepickerPopup', module.datepickerPopup)">
Datepicker Popup
</button>
</div>
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.debounce}"
@@ -6365,9 +6336,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('debounce', module.debounce)">
Debounce
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.multiMap}"
@@ -6376,9 +6347,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('multiMap', module.multiMap)">
Multi Map
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.dropdown}"
@@ -6387,13 +6358,13 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('dropdown', module.dropdown)">
Dropdown
</button>
</div>
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.stackedMap}"
@@ -6402,9 +6373,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('stackedMap', module.stackedMap)">
Stacked Map
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.modal}"
@@ -6413,9 +6384,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('modal', module.modal)">
Modal
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.paging}"
@@ -6424,13 +6395,13 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('paging', module.paging)">
Paging
</button>
</div>
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.pager}"
@@ -6439,9 +6410,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('pager', module.pager)">
Pager
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.pagination}"
@@ -6450,9 +6421,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('pagination', module.pagination)">
Pagination
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.tooltip}"
@@ -6461,13 +6432,13 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('tooltip', module.tooltip)">
Tooltip
</button>
</div>
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.popover}"
@@ -6476,9 +6447,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('popover', module.popover)">
Popover
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.progressbar}"
@@ -6487,9 +6458,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('progressbar', module.progressbar)">
Progressbar
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.rating}"
@@ -6498,13 +6469,13 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('rating', module.rating)">
Rating
</button>
</div>
<div class="btn-group" style="width: 100%;">
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.tabs}"
@@ -6513,9 +6484,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('tabs', module.tabs)">
Tabs
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.timepicker}"
@@ -6524,9 +6495,9 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('timepicker', module.timepicker)">
Timepicker
</button>
<button type="button" class="btn btn-secondary"
style="width: 33%; border-radius: 0;"
ng-class="{'btn-primary': module.typeahead}"
@@ -6535,10 +6506,10 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
ng-change="selectedChanged('typeahead', module.typeahead)">
Typeahead
</button>
</div>
</div>
</div>
<div class="modal-footer">
@@ -6556,19 +6527,6 @@ Comprehension Angular expression (see <a href="http://docs.angularjs.org/api/ng.
</div>
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37467169-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="assets/smoothscroll-angular-custom.js"></script>
<script src="assets/uglifyjs.js"></script>
</body>
misc/demo/index.html
+2 -45
View File
@@ -21,7 +21,6 @@
<link href="//netdna.bootstrapcdn.com/bootstrap/<%= bsversion %>/css/bootstrap.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="assets/rainbow.css"/>
<link rel="stylesheet" href="assets/demo.css"/>
<link rel="stylesheet" href="svg-icon.css"/>
<link rel="author" href="https://github.com/angular-ui/bootstrap/graphs/contributors">
</head>
<body class="ng-cloak" ng-controller="MainCtrl">
@@ -95,42 +94,13 @@
<div class="bs-social container">
<ul class="bs-social-buttons">
<li>
<iframe src="//ghbtns.com/github-btn.html?user=angular-ui&repo=bootstrap&type=watch&count=true"
<iframe src="//ghbtns.com/github-btn.html?user=morgul&repo=ui-bootstrap4&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</li>
<li>
<iframe src="//ghbtns.com/github-btn.html?user=angular-ui&repo=bootstrap&type=fork&count=true"
<iframe src="//ghbtns.com/github-btn.html?user=morgul&repo=ui-bootstrap4&type=fork&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</li>
<li>
<a href="https://twitter.com/share" class="twitter-share-button"
data-hashtags="angularjs">Tweet</a>
<script>!function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");</script>
</li>
<li>
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium"></div>
<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</li>
</ul>
</div>
</header>
@@ -368,19 +338,6 @@
</div>
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37467169-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="assets/smoothscroll-angular-custom.js"></script>
<script src="assets/uglifyjs.js"></script>
</body>