Tidy up Storm UI so all includes are in a single file
This commit is contained in:
parent
f446f8acd4
commit
0f6a47a135
|
|
@ -4,26 +4,41 @@ Displays a floating flash message on the screen.
|
|||
|
||||
### Display onload
|
||||
|
||||
<p data-control="flash-message" data-interval="5" class="success">
|
||||
This message is created from a static element. It will go away in 5 seconds.
|
||||
</p>
|
||||
<p data-control="flash-message" data-interval="5" class="success">
|
||||
This message is created from a static element. It will go away in 5 seconds.
|
||||
</p>
|
||||
|
||||
### Trigger
|
||||
|
||||
<p>
|
||||
<a href="#" class="btn btn-primary" onclick="$.oc.flashMsg({text: 'The record has been successfujavascript:;ly saved. This message will go away in 1 second.', 'class': 'success', 'interval': 1}); return false;">
|
||||
Create Success message
|
||||
</a>
|
||||
<a href="#" class="btn btn-primary" onclick="$.oc.flashMsg({text: 'The record has been successfujavascript:;ly saved. This message will go away in 1 second.', 'class': 'success', 'interval': 1}); return false;">
|
||||
Create Success message
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="javascript:;" class="btn btn-danger" onclick="$.oc.flashMsg({text: 'Babam!', 'class': 'error'}); return false;">
|
||||
Create Error message
|
||||
</a>
|
||||
<a href="javascript:;" class="btn btn-danger" onclick="$.oc.flashMsg({text: 'Babam!', 'class': 'error'}); return false;">
|
||||
Create Error message
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="javascript:;" class="btn btn-warning" onclick="$.oc.flashMsg({text: 'Warning! October is too good for this world!', 'class': 'warning'}); return false;">
|
||||
Create Warning message
|
||||
</a>
|
||||
<a href="javascript:;" class="btn btn-warning" onclick="$.oc.flashMsg({text: 'Warning! October is too good for this world!', 'class': 'warning'}); return false;">
|
||||
Create Warning message
|
||||
</a>
|
||||
</p>
|
||||
|
||||
### Data attributes:
|
||||
|
||||
- data-control="flash-message" - enables the flash message plugin
|
||||
- data-interval="2" - the interval to display the message in seconds, optional. Default: 2
|
||||
|
||||
### JavaScript API:
|
||||
|
||||
```js
|
||||
$.oc.flashMsg({
|
||||
'text': 'The record has been successfully saved.',
|
||||
'class': 'success',
|
||||
'interval': 3
|
||||
})
|
||||
```
|
||||
|
|
|
|||
|
|
@ -118,6 +118,3 @@ $('a#someLink').popup({ ajax: 'popup-content.htm' })
|
|||
$('a#someLink').popup({ handler: 'onLoadSomePopup' })
|
||||
$('a#someLink').popup({ handler: 'onLoadSomePopup', extraData: { id: 3 } })
|
||||
```
|
||||
|
||||
### Dependences:
|
||||
- Bootstrap Modal (modal.js)
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
/*
|
||||
* The bar chart plugin.
|
||||
*
|
||||
*
|
||||
* Data attributes:
|
||||
* - data-control="chart-bar" - enables the bar chart plugin
|
||||
* - data-height="200" - optional, height of the graph
|
||||
|
|
@ -9,9 +9,8 @@
|
|||
* JavaScript API:
|
||||
* $('.scoreboard .chart').barChart()
|
||||
*
|
||||
* Dependences:
|
||||
* Dependences:
|
||||
* - Raphaël (raphael-min.js)
|
||||
* - October chart utilities (october.chartutils.js)
|
||||
*/
|
||||
+function ($) { "use strict";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
/*
|
||||
=require ../vendor/raphael/raphael.js
|
||||
=require chart.utils.js
|
||||
=require chart.line.js
|
||||
=require chart.bar.js
|
||||
=require chart.pie.js
|
||||
=require chart.meter.js
|
||||
*/
|
||||
|
|
@ -1,9 +1,3 @@
|
|||
/*
|
||||
=require ../vendor/flot/jquery.flot.js
|
||||
=require ../vendor/flot/jquery.flot.tooltip.js
|
||||
=require ../vendor/flot/jquery.flot.resize.js
|
||||
=require ../vendor/flot/jquery.flot.time.js
|
||||
*/
|
||||
/*
|
||||
* Line Chart Plugin
|
||||
*
|
||||
|
|
@ -21,15 +15,11 @@
|
|||
* JavaScript API:
|
||||
* $('.chart').chartLine({ resetZoomLink:'#reset-zoom' })
|
||||
*
|
||||
*
|
||||
* Dependences:
|
||||
* Dependences:
|
||||
* - Flot (jquery.flot.js)
|
||||
* - Flot Pie (jquery.flot.pie.js)
|
||||
* - Flot Tooltip (jquery.flot.tooltip.js)
|
||||
* - Flot Selection (jquery.flot.selection.js)
|
||||
* - Flot Resize (jquery.flot.resize.js)
|
||||
* - Flot Time (jquery.flot.time.js)
|
||||
* - Flot Order Bars (jquery.orderBars.js)
|
||||
*/
|
||||
|
||||
+function ($) { "use strict";
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
* JavaScript API:
|
||||
* $('.scoreboard .chart').pieChart()
|
||||
*
|
||||
* Dependences:
|
||||
* Dependences:
|
||||
* - Raphaël (raphael-min.js)
|
||||
* - October chart utilities (october.chartutils.js)
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -1,6 +1,3 @@
|
|||
/*
|
||||
=require checkbox.balloon.js
|
||||
*/
|
||||
/*
|
||||
* Checkbox control
|
||||
*
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
/*
|
||||
=require drag.value.js
|
||||
=require drag.sort.js
|
||||
=require drag.scroll.js
|
||||
*/
|
||||
|
|
@ -1,8 +1,3 @@
|
|||
/*
|
||||
=require ../vendor/modernizr/modernizr.js
|
||||
=require ../vendor/mousewheel/mousewheel.js
|
||||
=require foundation.js
|
||||
*/
|
||||
/*
|
||||
* Allows to scroll an element content in the horizontal or horizontal directions. This script doesn't use
|
||||
* absolute positioning and rely on the scrollLeft/scrollTop DHTML properties. The element width should be
|
||||
|
|
@ -31,8 +26,9 @@
|
|||
* - goToStart - moves the scrollable area to the start (left or top)
|
||||
* - goToElement - moves the scrollable area to an element
|
||||
*
|
||||
* Dependences:
|
||||
* - Mouse Wheel plugin (mousewheel.js)
|
||||
* Require:
|
||||
* - modernizr/modernizr
|
||||
* - mousewheel/mousewheel
|
||||
*/
|
||||
+function ($) { "use strict";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
/*
|
||||
=require ../vendor/sortable/jquery-sortable.js
|
||||
*/
|
||||
/*
|
||||
* Sortable plugin.
|
||||
*
|
||||
* - Documentation: ../docs/drag-sort.md
|
||||
* Documentation: ../docs/drag-sort.md
|
||||
*
|
||||
* Require:
|
||||
* - sortable/jquery-sortable
|
||||
*/
|
||||
|
||||
+function ($) { "use strict";
|
||||
|
|
|
|||
|
|
@ -1,11 +1,10 @@
|
|||
/*
|
||||
=require ../vendor/bootstrap/js/dropdown.js
|
||||
*/
|
||||
/*
|
||||
* Dropdown menus.
|
||||
*
|
||||
* This script customizes the Twitter Bootstrap drop-downs.
|
||||
*
|
||||
* Require:
|
||||
* - bootstrap/dropdown
|
||||
*/
|
||||
+function ($) { "use strict";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,3 @@
|
|||
/*
|
||||
=require ../vendor/modernizr/modernizr.js
|
||||
=require ../vendor/mustache/mustache.js
|
||||
=require popover.js
|
||||
*/
|
||||
|
||||
/*
|
||||
* Filter Widget
|
||||
*
|
||||
|
|
@ -16,6 +10,11 @@
|
|||
* Notes:
|
||||
* Ideally this control would not depend on loader or the AJAX framework,
|
||||
* then the Filter widget can use events to handle this business logic.
|
||||
*
|
||||
* Require:
|
||||
* - mustache/mustache
|
||||
* - modernizr/modernizr
|
||||
* - storm/popover
|
||||
*/
|
||||
+function ($) { "use strict";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,17 +1,10 @@
|
|||
/*
|
||||
=require ../vendor/bootstrap/js/transition.js
|
||||
*/
|
||||
|
||||
/*
|
||||
* The flash message.
|
||||
*
|
||||
* The default hide interval is 2 seconds. The interval option is not required.
|
||||
* The flash message.
|
||||
*
|
||||
* Data attributes API:
|
||||
* <p data-control="flash-message" class="success" data-interval="5">The record has been successfully saved.</p>
|
||||
* Documentation: ../docs/flashmessage.md
|
||||
*
|
||||
* JavaScript API:
|
||||
* $.oc.flashMsg({text: 'The record has been successfully saved.', 'class': 'success', 'interval': 3})
|
||||
* Require:
|
||||
* - bootstrap/transition
|
||||
*/
|
||||
+function ($) { "use strict";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +0,0 @@
|
|||
/*
|
||||
=require foundation.js
|
||||
=require checkbox.js
|
||||
=require select.js
|
||||
*/
|
||||
/*
|
||||
* Form control
|
||||
*
|
||||
*/
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
/*
|
||||
=require foundation.baseclass.js
|
||||
=require foundation.element.js
|
||||
=require foundation.event.js
|
||||
=require foundation.controlutils.js
|
||||
*/
|
||||
|
|
@ -1,6 +1,3 @@
|
|||
/*
|
||||
=require foundation.js
|
||||
*/
|
||||
/*
|
||||
* Hot key binding.
|
||||
*
|
||||
|
|
|
|||
|
|
@ -1,6 +0,0 @@
|
|||
/*
|
||||
=require input.monitor.js
|
||||
=require input.hotkey.js
|
||||
=require input.preset.js
|
||||
=require input.trigger.js
|
||||
*/
|
||||
|
|
@ -1,6 +1,3 @@
|
|||
/*
|
||||
=require foundation.js
|
||||
*/
|
||||
/*
|
||||
* The form change monitor API.
|
||||
*
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
/*
|
||||
=require list.rowlink.js
|
||||
*/
|
||||
|
|
@ -13,6 +13,9 @@
|
|||
*
|
||||
* The event parameter in the show() method is optional. If it is passed, the initial cursor position
|
||||
* will be loaded from it.
|
||||
*
|
||||
* Require:
|
||||
* - modernizr/modernizr
|
||||
*/
|
||||
+function ($) { "use strict";
|
||||
if ($.oc === undefined)
|
||||
|
|
|
|||
|
|
@ -1,6 +0,0 @@
|
|||
/*
|
||||
=require ../vendor/modernizr/modernizr.js
|
||||
=require loader.base.js
|
||||
=require loader.cursor.js
|
||||
=require loader.stripe.js
|
||||
*/
|
||||
|
|
@ -1,10 +1,10 @@
|
|||
/*
|
||||
=require ../vendor/bootstrap/js/modal.js
|
||||
*/
|
||||
/*
|
||||
* Ajax Popup plugin
|
||||
*
|
||||
* - Documentation: ../docs/popup.md
|
||||
* Documentation: ../docs/popup.md
|
||||
*
|
||||
* Require:
|
||||
* - bootstrap/modal
|
||||
*/
|
||||
|
||||
+function ($) { "use strict";
|
||||
|
|
|
|||
|
|
@ -1,4 +0,0 @@
|
|||
/*
|
||||
=require toolbar.js
|
||||
=require chart.js
|
||||
*/
|
||||
|
|
@ -1,11 +1,9 @@
|
|||
/*
|
||||
=require ../vendor/modernizr/modernizr.js
|
||||
=require ../vendor/select2/js/select2.full.js
|
||||
*/
|
||||
|
||||
/*
|
||||
* Select control
|
||||
*
|
||||
* Require:
|
||||
* - modernizr/modernizr
|
||||
* - select2/select2.full
|
||||
*/
|
||||
|
||||
(function($){
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
/*
|
||||
=require ../vendor/bootstrap/js/transition.js
|
||||
=require ../vendor/bootstrap/js/tab.js
|
||||
=require toolbar.js
|
||||
*/
|
||||
/*
|
||||
* Tab control
|
||||
*
|
||||
* - Documentation: ../docs/tab.md
|
||||
* Documentation: ../docs/tab.md
|
||||
*
|
||||
* Require:
|
||||
* - bootstrap/transition
|
||||
* - bootstrap/tab
|
||||
* - storm/toolbar
|
||||
*/
|
||||
+function ($) { "use strict";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,3 @@
|
|||
/*
|
||||
=require foundation.js
|
||||
=require drag.scroll.js
|
||||
*/
|
||||
|
||||
/*
|
||||
* Toolbar control.
|
||||
*
|
||||
|
|
@ -15,8 +10,8 @@
|
|||
* JavaScript API:
|
||||
* $('#toolbar').toolbar()
|
||||
*
|
||||
* Dependences:
|
||||
* - Drag Scroll (october.dragscroll.js)
|
||||
* Require:
|
||||
* - storm/drag.scroll
|
||||
*/
|
||||
+function ($) { "use strict";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,3 @@
|
|||
/*
|
||||
=require ../vendor/bootstrap/js/transition.js
|
||||
=require ../vendor/bootstrap/js/tooltip.js
|
||||
*/
|
||||
|
||||
/*
|
||||
* Implement the tooltip control automatically
|
||||
*
|
||||
|
|
@ -15,6 +10,10 @@
|
|||
* title="Tooltip content">
|
||||
* Some link
|
||||
* </a>
|
||||
*
|
||||
* Require:
|
||||
* - bootstrap/transition
|
||||
* - bootstrap/tooltip
|
||||
*/
|
||||
|
||||
(function($){
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -3,23 +3,53 @@
|
|||
/ \/ | / \|__)|_ |__) (_ | / \|__)|\/|
|
||||
\__/\__ | \__/|__)|__| \ __) | \__/| \ | |
|
||||
|
||||
=require vendor/mustache/mustache.js
|
||||
=require vendor/modernizr/modernizr.js
|
||||
=require vendor/bootstrap/js/dropdown.js
|
||||
=require vendor/bootstrap/js/transition.js
|
||||
=require vendor/bootstrap/js/tab.js
|
||||
=require vendor/bootstrap/js/modal.js
|
||||
=require vendor/bootstrap/js/tooltip.js
|
||||
=require vendor/raphael/raphael.js
|
||||
=require vendor/flot/jquery.flot.js
|
||||
=require vendor/flot/jquery.flot.tooltip.js
|
||||
=require vendor/flot/jquery.flot.resize.js
|
||||
=require vendor/flot/jquery.flot.time.js
|
||||
=require vendor/select2/js/select2.full.js
|
||||
=require vendor/mousewheel/mousewheel.js
|
||||
=require vendor/sortable/jquery-sortable.js
|
||||
|
||||
=require js/foundation.js
|
||||
=require js/foundation.baseclass.js
|
||||
=require js/foundation.element.js
|
||||
=require js/foundation.event.js
|
||||
=require js/foundation.controlutils.js
|
||||
=require js/flashmessage.js
|
||||
=require js/checkbox.js
|
||||
=require js/checkbox.balloon.js
|
||||
=require js/dropdown.js
|
||||
=require js/callout.js
|
||||
=require js/tooltip.js
|
||||
=require js/toolbar.js
|
||||
=require js/filter.js
|
||||
=require js/select.js
|
||||
=require js/loader.js
|
||||
=require js/loader.base.js
|
||||
=require js/loader.cursor.js
|
||||
=require js/loader.stripe.js
|
||||
=require js/popover.js
|
||||
=require js/popup.js
|
||||
=require js/chart.js
|
||||
=require js/list.js
|
||||
=require js/input.js
|
||||
=require js/drag.js
|
||||
=require js/chart.utils.js
|
||||
=require js/chart.line.js
|
||||
=require js/chart.bar.js
|
||||
=require js/chart.pie.js
|
||||
=require js/chart.meter.js
|
||||
=require js/list.rowlink.js
|
||||
=require js/input.monitor.js
|
||||
=require js/input.hotkey.js
|
||||
=require js/input.preset.js
|
||||
=require js/input.trigger.js
|
||||
=require js/drag.value.js
|
||||
=require js/drag.sort.js
|
||||
=require js/drag.scroll.js
|
||||
=require js/tab.js
|
||||
=require js/inspector.surface.js
|
||||
=require js/inspector.manager.js
|
||||
|
|
|
|||
Loading…
Reference in New Issue