Tidy up Storm UI so all includes are in a single file

This commit is contained in:
Samuel Georges 2015-10-17 10:51:40 +11:00
parent f446f8acd4
commit 0f6a47a135
29 changed files with 1691 additions and 1888 deletions

View File

@ -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
})
```

View File

@ -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)

View File

@ -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";

View File

@ -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
*/

View File

@ -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";

View File

@ -9,7 +9,7 @@
* JavaScript API:
* $('.scoreboard .chart').pieChart()
*
* Dependences:
* Dependences:
* - Raphaël (raphael-min.js)
* - October chart utilities (october.chartutils.js)
*/

View File

@ -1,6 +1,3 @@
/*
=require checkbox.balloon.js
*/
/*
* Checkbox control
*

View File

@ -1,5 +0,0 @@
/*
=require drag.value.js
=require drag.sort.js
=require drag.scroll.js
*/

View File

@ -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";

View File

@ -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";

View File

@ -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";

View File

@ -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";

View File

@ -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";

View File

@ -1,9 +0,0 @@
/*
=require foundation.js
=require checkbox.js
=require select.js
*/
/*
* Form control
*
*/

View File

@ -1,6 +0,0 @@
/*
=require foundation.baseclass.js
=require foundation.element.js
=require foundation.event.js
=require foundation.controlutils.js
*/

View File

@ -1,6 +1,3 @@
/*
=require foundation.js
*/
/*
* Hot key binding.
*

View File

@ -1,6 +0,0 @@
/*
=require input.monitor.js
=require input.hotkey.js
=require input.preset.js
=require input.trigger.js
*/

View File

@ -1,6 +1,3 @@
/*
=require foundation.js
*/
/*
* The form change monitor API.
*

View File

@ -1,3 +0,0 @@
/*
=require list.rowlink.js
*/

View File

@ -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)

View File

@ -1,6 +0,0 @@
/*
=require ../vendor/modernizr/modernizr.js
=require loader.base.js
=require loader.cursor.js
=require loader.stripe.js
*/

View File

@ -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";

View File

@ -1,4 +0,0 @@
/*
=require toolbar.js
=require chart.js
*/

View File

@ -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($){

View File

@ -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";

View File

@ -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";

View File

@ -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

View File

@ -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