mirror of
https://github.com/ExactTarget/fuelux.git
synced 2026-04-26 03:00:10 -04:00
gh-pages-3.0.0-wip: updated fuelux used. also placard doc polish
This commit is contained in:
kevinparkerson
@@ -188,7 +188,7 @@ $('#myPillbox').pillbox('addItems', index, [{ text: '', value: '' }]);
|
||||
callback({data:[
|
||||
{
|
||||
text: '',
|
||||
value:''
|
||||
value:''
|
||||
}]
|
||||
});
|
||||
{% endhighlight %}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div id="#myPlacard1" class="placard" data-initialize="placard">
|
||||
<div id="myPlacard1" class="placard" data-initialize="placard">
|
||||
<div class="placard-popup"></div>
|
||||
<input class="form-control placard-field" type="text" placeholder="[Field label]"/>
|
||||
</div>
|
||||
@@ -30,5 +30,7 @@
|
||||
<br/>
|
||||
<h5>Sample Methods</h5>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-default" id="btnPlacardDestroy">destroy and append</button>
|
||||
<button class="btn btn-default" id="btnPlacardEnable">enable</button>
|
||||
<button class="btn btn-default" id="btnPlacardDisable">disable</button>
|
||||
<button class="btn btn-default" id="btnPlacardDestroy">destroy and append</button>
|
||||
</div>
|
||||
@@ -28,13 +28,13 @@
|
||||
<h3>Markup</h3>
|
||||
<p>Use the following markup for a simple input OR textarea placard:</p>
|
||||
{% highlight html %}
|
||||
<div class="placard" data-initialize="placard">
|
||||
<div class="placard" data-initialize="placard" id="myPlacard">
|
||||
<div class="placard-popup"></div>
|
||||
<input class="form-control placard-field" readonly="readonly" type="text"/>
|
||||
</div>
|
||||
{% endhighlight %}
|
||||
{% highlight html %}
|
||||
<div class="placard" data-initialize="placard">
|
||||
<div class="placard" data-initialize="placard" id="myPlacard2">
|
||||
<div class="placard-popup"></div>
|
||||
<textarea class="form-control placard-field" readonly="readonly"></textarea>
|
||||
</div>
|
||||
@@ -42,7 +42,7 @@
|
||||
|
||||
<p>For header and footer content, use the following input OR textarea placards:</p>
|
||||
{% highlight html %}
|
||||
<div class="placard" data-ellipsis="true" style="display: block;" data-initialize="placard">
|
||||
<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard3">
|
||||
<div class="placard-popup"></div>
|
||||
<div class="placard-header"><h5>Header</h5></div>
|
||||
<input class="form-control placard-field" readonly="readonly" type="text"/>
|
||||
@@ -53,10 +53,10 @@
|
||||
</div>
|
||||
{% endhighlight %}
|
||||
{% highlight html %}
|
||||
<div class="placard" data-ellipsis="true" style="display: block;" data-initialize="placard">
|
||||
<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard4">
|
||||
<div class="placard-popup"></div>
|
||||
<div class="placard-header"><h5>Header</h5></div>
|
||||
<textarea class="form-control placard-field" readonly="readonly" rows="3"></textarea>
|
||||
<textarea class="form-control placard-field" readonly="readonly"></textarea>
|
||||
<div class="placard-footer">
|
||||
<a class="placard-cancel" href="#">Cancel</a>
|
||||
<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
|
||||
@@ -64,6 +64,11 @@
|
||||
</div>
|
||||
{% endhighlight %}
|
||||
|
||||
<h3>Glass styling</h3>
|
||||
<p>Add the <code>glass</code> class to the <code>input</code> or <code>textarea</code> with class <code>placard-field</code>
|
||||
for an input area with minimalistic chrome unless hovered upon or clicked.
|
||||
</p>
|
||||
|
||||
<h3>Options</h3>
|
||||
<p>You can pass options via Javascript upon initialization.</p>
|
||||
<div class="table-responsive">
|
||||
@@ -77,24 +82,12 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>onAccept</td>
|
||||
<td>function</td>
|
||||
<td>undefined</td>
|
||||
<td>Call this function when the user indicates they want to <code>'accept'</code> changes. Passes a
|
||||
<code>helpers</code> object containing <code>previousValue</code> and current
|
||||
<code>value</code> as an argument. The default accept behaviors will not occur, so you can determine what happens next. Useful for validation purposes.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>onCancel</td>
|
||||
<td>function</td>
|
||||
<td>undefined</td>
|
||||
<td>Call this function when the user indicates they want to <code>'cancel'</code> changes. Passes a
|
||||
<code>helpers</code> object containing <code>previousValue</code> and current
|
||||
<code>value</code> as an argument. The default cancel behaviors will not occur, so you can determine what happens next. Useful for validation purposes.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>explicit</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>Requires the user explicitly select 'accept' or 'cancel' before the placard is dismissed.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>externalClickAction</td>
|
||||
<td>string</td>
|
||||
@@ -109,12 +102,24 @@
|
||||
globally) will not count as an external click. Allows other items to be clicked without dismissing the placard.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>explicit</td>
|
||||
<td>boolean</td>
|
||||
<td>false</td>
|
||||
<td>Requires the user explicitly select 'accept' or 'cancel' before the placard is dismissed.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>onAccept</td>
|
||||
<td>function</td>
|
||||
<td>undefined</td>
|
||||
<td>Call this function when the user indicates they want to <code>'accept'</code> changes. Passes a
|
||||
<code>helpers</code> object containing <code>previousValue</code> and current
|
||||
<code>value</code> as an argument. The default accept behaviors will not occur, so you can determine what happens next. Useful for validation purposes.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>onCancel</td>
|
||||
<td>function</td>
|
||||
<td>undefined</td>
|
||||
<td>Call this function when the user indicates they want to <code>'cancel'</code> changes. Passes a
|
||||
<code>helpers</code> object containing <code>previousValue</code> and current
|
||||
<code>value</code> as an argument. The default cancel behaviors will not occur, so you can determine what happens next. Useful for validation purposes.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>revertOnCancel</td>
|
||||
<td>boolean OR number</td>
|
||||
@@ -136,6 +141,14 @@
|
||||
<p>Removes all functionality, jQuery data, and the markup from the DOM. Returns string of control markup</p>
|
||||
{% highlight js %}$('#myPlacard').placard('destroy');{% endhighlight %}
|
||||
|
||||
<h4>.placard('disable')</h4>
|
||||
<p>Disables the placard, preventing users from manipulating the placard value.</p>
|
||||
{% highlight js %}$('#myPlacard').placard('disable');{% endhighlight %}
|
||||
|
||||
<h4>.placard('enable')</h4>
|
||||
<p>Enables the placard, allowing users to manipulate the placard value.</p>
|
||||
{% highlight js %}$('#myPlacard').placard('enable');{% endhighlight %}
|
||||
|
||||
<h4>.placard('getValue');</h4>
|
||||
<p>Gets the current actual placard value</p>
|
||||
{% highlight js %}$('#myPlacard').placard('getValue');{% endhighlight %}
|
||||
@@ -202,4 +215,10 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div><!-- ./fu-table-responsive -->
|
||||
<p>All placard events are fired on the <code>.placard</code> classed element.</p>
|
||||
{% highlight js %}
|
||||
$('#myPlacard').on('accept.fu.placard', function () {
|
||||
// do something…
|
||||
});
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
|
||||
@@ -12,6 +12,14 @@ define(function(require){
|
||||
require('fuelux');
|
||||
|
||||
// PLACARD
|
||||
$('#btnPlacardEnable').click(function () {
|
||||
$('#myPlacard1').placard('enable');
|
||||
});
|
||||
|
||||
$('#btnPlacardDisable').click(function () {
|
||||
$('#myPlacard1').placard('disable');
|
||||
});
|
||||
|
||||
$('#btnPlacardDestroy').click(function () {
|
||||
var markup = $('#myPlacard1').placard('destroy');
|
||||
console.log( markup );
|
||||
|
||||
4
assets/vendor/fuelux/.bower.json
vendored
4
assets/vendor/fuelux/.bower.json
vendored
@@ -50,11 +50,11 @@
|
||||
],
|
||||
"name": "fuelux",
|
||||
"homepage": "https://github.com/ExactTarget/fuelux",
|
||||
"_release": "bdf1acfe53",
|
||||
"_release": "d8a567576d",
|
||||
"_resolution": {
|
||||
"type": "branch",
|
||||
"branch": "3.0.0-wip",
|
||||
"commit": "bdf1acfe53e52eb77c23ed850119671a91be20a0"
|
||||
"commit": "d8a567576d9d238db247da8fe86f3bfff10aa851"
|
||||
},
|
||||
"_source": "git://github.com/ExactTarget/fuelux.git",
|
||||
"_target": "3.0.0-wip",
|
||||
|
||||
20
assets/vendor/fuelux/dist/css/fuelux.css
vendored
20
assets/vendor/fuelux/dist/css/fuelux.css
vendored
@@ -536,16 +536,32 @@
|
||||
.fuelux input.glass:hover,
|
||||
.fuelux textarea.glass:hover {
|
||||
background: #d9edf7;
|
||||
border: 1px solid #66afe9;
|
||||
border-color: #66afe9;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fuelux input.glass:hover[disabled],
|
||||
.fuelux textarea.glass:hover[disabled] {
|
||||
background: transparent;
|
||||
border-color: #fff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.fuelux input.glass:focus,
|
||||
.fuelux textarea.glass:focus {
|
||||
background: #fff;
|
||||
border: 1px solid #66afe9;
|
||||
border-color: #66afe9;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
cursor: auto;
|
||||
}
|
||||
.fuelux input.glass:focus[disabled],
|
||||
.fuelux textarea.glass:focus[disabled] {
|
||||
background: transparent;
|
||||
border-color: #fff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.fuelux input.glass[disabled],
|
||||
.fuelux textarea.glass[disabled] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.fuelux [data-toggle="buttons"] > .btn > input[type="radio"],
|
||||
.fuelux [data-toggle="buttons"] > .btn > input[type="checkbox"] {
|
||||
display: inline;
|
||||
|
||||
2
assets/vendor/fuelux/dist/css/fuelux.css.map
vendored
2
assets/vendor/fuelux/dist/css/fuelux.css.map
vendored
File diff suppressed because one or more lines are too long
2
assets/vendor/fuelux/dist/css/fuelux.min.css
vendored
2
assets/vendor/fuelux/dist/css/fuelux.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
assets/vendor/fuelux/dist/fuelux.zip
vendored
BIN
assets/vendor/fuelux/dist/fuelux.zip
vendored
Binary file not shown.
52
assets/vendor/fuelux/dist/js/fuelux.js
vendored
52
assets/vendor/fuelux/dist/js/fuelux.js
vendored
@@ -44,7 +44,7 @@
|
||||
this.options = $.extend( {}, $.fn.checkbox.defaults, options );
|
||||
|
||||
// cache elements
|
||||
this.$element = $( element );
|
||||
this.$element = $( element ).is( 'input[type="checkbox"]' ) ? $( element ) : $( element ).find( 'input[type="checkbox"]:first' );
|
||||
this.$label = this.$element.parent();
|
||||
this.$parent = this.$label.parent( '.checkbox' );
|
||||
this.$toggleContainer = this.$element.attr( 'data-toggle' );
|
||||
@@ -285,11 +285,15 @@
|
||||
var Combobox = function( element, options ) {
|
||||
this.$element = $( element );
|
||||
this.options = $.extend( {}, $.fn.combobox.defaults, options );
|
||||
this.$element.on( 'click.fu.combobox', 'a', $.proxy( this.itemclicked, this ) );
|
||||
this.$element.on( 'change.fu.combobox', 'input', $.proxy( this.inputchanged, this ) );
|
||||
|
||||
this.$dropMenu = this.$element.find( '.dropdown-menu' );
|
||||
this.$input = this.$element.find( 'input' );
|
||||
this.$button = this.$element.find( '.btn' );
|
||||
|
||||
this.$element.on( 'click.fu.combobox', 'a', $.proxy( this.itemclicked, this ) );
|
||||
this.$element.on( 'change.fu.combobox', 'input', $.proxy( this.inputchanged, this ) );
|
||||
this.$element.on( 'shown.bs.dropdown', $.proxy( this.menuShown, this ) );
|
||||
|
||||
// set default selection
|
||||
this.setDefaultSelection();
|
||||
};
|
||||
@@ -323,6 +327,17 @@
|
||||
}
|
||||
},
|
||||
|
||||
menuShown: function() {
|
||||
if ( this.options.autoResizeMenu ) {
|
||||
this.resizeMenu();
|
||||
}
|
||||
},
|
||||
|
||||
resizeMenu: function() {
|
||||
var width = this.$element.outerWidth();
|
||||
this.$dropMenu.outerWidth( width );
|
||||
},
|
||||
|
||||
selectedItem: function() {
|
||||
var item = this.$selectedItem;
|
||||
var data = {};
|
||||
@@ -457,7 +472,9 @@
|
||||
return ( methodReturn === undefined ) ? $set : methodReturn;
|
||||
};
|
||||
|
||||
$.fn.combobox.defaults = {};
|
||||
$.fn.combobox.defaults = {
|
||||
autoResizeMenu: true
|
||||
};
|
||||
|
||||
$.fn.combobox.Constructor = Combobox;
|
||||
|
||||
@@ -466,7 +483,6 @@
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
// DATA-API
|
||||
|
||||
$( document ).on( 'mousedown.fu.combobox.data-api', '[data-initialize=combobox]', function( e ) {
|
||||
@@ -1540,6 +1556,12 @@
|
||||
return this.$element[ 0 ].outerHTML;
|
||||
},
|
||||
|
||||
disable: function() {
|
||||
this.$element.addClass( 'disabled' );
|
||||
this.$field.attr( 'disabled', 'disabled' );
|
||||
this.hide();
|
||||
},
|
||||
|
||||
ellipsis: function() {
|
||||
var field, i, str;
|
||||
if ( this.$element.attr( 'data-ellipsis' ) === 'true' ) {
|
||||
@@ -1565,6 +1587,17 @@
|
||||
}
|
||||
},
|
||||
|
||||
enable: function() {
|
||||
this.$element.removeClass( 'disabled' );
|
||||
this.$field.removeAttr( 'disabled' );
|
||||
},
|
||||
|
||||
externalClickListener: function( e, force ) {
|
||||
if ( force === true || this.isExternalClick( e ) ) {
|
||||
this.complete( this.options.externalClickAction );
|
||||
}
|
||||
},
|
||||
|
||||
getValue: function() {
|
||||
if ( this.actualValue !== null ) {
|
||||
return this.actualValue;
|
||||
@@ -1583,12 +1616,6 @@
|
||||
this.$element.trigger( 'hidden.fu.placard' );
|
||||
},
|
||||
|
||||
externalClickListener: function( e, force ) {
|
||||
if ( force === true || this.isExternalClick( e ) ) {
|
||||
this.complete( this.options.externalClickAction );
|
||||
}
|
||||
},
|
||||
|
||||
isExternalClick: function( e ) {
|
||||
var el = this.$element.get( 0 );
|
||||
var exceptions = this.options.externalClickExceptions || [];
|
||||
@@ -1728,7 +1755,7 @@
|
||||
this.options = $.extend( {}, $.fn.radio.defaults, options );
|
||||
|
||||
// cache elements
|
||||
this.$radio = $( element );
|
||||
this.$radio = $( element ).is( 'input[type="radio"]' ) ? $( element ) : $( element ).find( 'input[type="radio"]:first' );
|
||||
this.$label = this.$radio.parent();
|
||||
this.groupName = this.$radio.attr( 'name' );
|
||||
this.$parent = this.$label.parent( '.radio' );
|
||||
@@ -5672,6 +5699,7 @@
|
||||
}
|
||||
this.$endAfter.spinbox();
|
||||
this.$endDate.datepicker();
|
||||
this.$element.find( '.radio-custom' ).radio();
|
||||
|
||||
// bind events: 'change' is a Bootstrap JS fired event
|
||||
this.$repeatIntervalSelect.on( 'changed.fu.selectlist', $.proxy( this.repeatIntervalSelectChanged, this ) );
|
||||
|
||||
6
assets/vendor/fuelux/dist/js/fuelux.min.js
vendored
6
assets/vendor/fuelux/dist/js/fuelux.min.js
vendored
File diff suppressed because one or more lines are too long
8
assets/vendor/fuelux/js/checkbox.js
vendored
8
assets/vendor/fuelux/js/checkbox.js
vendored
@@ -32,11 +32,11 @@
|
||||
this.options = $.extend({}, $.fn.checkbox.defaults, options);
|
||||
|
||||
// cache elements
|
||||
this.$element = $( element );
|
||||
this.$label = this.$element.parent();
|
||||
this.$parent = this.$label.parent('.checkbox');
|
||||
this.$element = $(element).is('input[type="checkbox"]') ? $(element) : $(element).find('input[type="checkbox"]:first');
|
||||
this.$label = this.$element.parent();
|
||||
this.$parent = this.$label.parent('.checkbox');
|
||||
this.$toggleContainer = this.$element.attr('data-toggle');
|
||||
this.state = { disabled: false, checked: false };
|
||||
this.state = { disabled: false, checked: false };
|
||||
|
||||
if( this.$parent.length === 0 ) {
|
||||
this.$parent = null;
|
||||
|
||||
24
assets/vendor/fuelux/js/combobox.js
vendored
24
assets/vendor/fuelux/js/combobox.js
vendored
@@ -32,11 +32,15 @@
|
||||
var Combobox = function (element, options) {
|
||||
this.$element = $(element);
|
||||
this.options = $.extend({}, $.fn.combobox.defaults, options);
|
||||
this.$element.on('click.fu.combobox', 'a', $.proxy(this.itemclicked, this));
|
||||
this.$element.on('change.fu.combobox', 'input', $.proxy(this.inputchanged, this));
|
||||
|
||||
this.$dropMenu = this.$element.find('.dropdown-menu');
|
||||
this.$input = this.$element.find('input');
|
||||
this.$button = this.$element.find('.btn');
|
||||
|
||||
this.$element.on('click.fu.combobox', 'a', $.proxy(this.itemclicked, this));
|
||||
this.$element.on('change.fu.combobox', 'input', $.proxy(this.inputchanged, this));
|
||||
this.$element.on('shown.bs.dropdown', $.proxy(this.menuShown, this));
|
||||
|
||||
// set default selection
|
||||
this.setDefaultSelection();
|
||||
};
|
||||
@@ -71,6 +75,17 @@
|
||||
}
|
||||
},
|
||||
|
||||
menuShown: function(){
|
||||
if(this.options.autoResizeMenu){
|
||||
this.resizeMenu();
|
||||
}
|
||||
},
|
||||
|
||||
resizeMenu: function(){
|
||||
var width = this.$element.outerWidth();
|
||||
this.$dropMenu.outerWidth(width);
|
||||
},
|
||||
|
||||
selectedItem: function () {
|
||||
var item = this.$selectedItem;
|
||||
var data = {};
|
||||
@@ -198,7 +213,9 @@
|
||||
return ( methodReturn === undefined ) ? $set : methodReturn;
|
||||
};
|
||||
|
||||
$.fn.combobox.defaults = {};
|
||||
$.fn.combobox.defaults = {
|
||||
autoResizeMenu: true
|
||||
};
|
||||
|
||||
$.fn.combobox.Constructor = Combobox;
|
||||
|
||||
@@ -207,7 +224,6 @@
|
||||
return this;
|
||||
};
|
||||
|
||||
|
||||
// DATA-API
|
||||
|
||||
$(document).on('mousedown.fu.combobox.data-api', '[data-initialize=combobox]', function (e) {
|
||||
|
||||
23
assets/vendor/fuelux/js/placard.js
vendored
23
assets/vendor/fuelux/js/placard.js
vendored
@@ -86,6 +86,12 @@
|
||||
return this.$element[0].outerHTML;
|
||||
},
|
||||
|
||||
disable: function(){
|
||||
this.$element.addClass('disabled');
|
||||
this.$field.attr('disabled', 'disabled');
|
||||
this.hide();
|
||||
},
|
||||
|
||||
ellipsis: function(){
|
||||
var field, i, str;
|
||||
if(this.$element.attr('data-ellipsis')==='true'){
|
||||
@@ -111,6 +117,17 @@
|
||||
}
|
||||
},
|
||||
|
||||
enable: function(){
|
||||
this.$element.removeClass('disabled');
|
||||
this.$field.removeAttr('disabled');
|
||||
},
|
||||
|
||||
externalClickListener: function(e, force){
|
||||
if(force===true || this.isExternalClick(e)){
|
||||
this.complete(this.options.externalClickAction);
|
||||
}
|
||||
},
|
||||
|
||||
getValue: function(){
|
||||
if(this.actualValue!==null){
|
||||
return this.actualValue;
|
||||
@@ -127,12 +144,6 @@
|
||||
this.$element.trigger('hidden.fu.placard');
|
||||
},
|
||||
|
||||
externalClickListener: function(e, force){
|
||||
if(force===true || this.isExternalClick(e)){
|
||||
this.complete(this.options.externalClickAction);
|
||||
}
|
||||
},
|
||||
|
||||
isExternalClick: function(e){
|
||||
var el = this.$element.get(0);
|
||||
var exceptions = this.options.externalClickExceptions || [];
|
||||
|
||||
2
assets/vendor/fuelux/js/radio.js
vendored
2
assets/vendor/fuelux/js/radio.js
vendored
@@ -32,7 +32,7 @@
|
||||
this.options = $.extend({}, $.fn.radio.defaults, options);
|
||||
|
||||
// cache elements
|
||||
this.$radio = $(element);
|
||||
this.$radio = $(element).is('input[type="radio"]') ? $(element) : $(element).find('input[type="radio"]:first');
|
||||
this.$label = this.$radio.parent();
|
||||
this.groupName = this.$radio.attr('name');
|
||||
this.$parent = this.$label.parent('.radio');
|
||||
|
||||
1
assets/vendor/fuelux/js/scheduler.js
vendored
1
assets/vendor/fuelux/js/scheduler.js
vendored
@@ -77,6 +77,7 @@
|
||||
}
|
||||
this.$endAfter.spinbox();
|
||||
this.$endDate.datepicker();
|
||||
this.$element.find('.radio-custom').radio();
|
||||
|
||||
// bind events: 'change' is a Bootstrap JS fired event
|
||||
this.$repeatIntervalSelect.on('changed.fu.selectlist', $.proxy(this.repeatIntervalSelectChanged, this));
|
||||
|
||||
2
assets/vendor/fuelux/js/tree.js
vendored
2
assets/vendor/fuelux/js/tree.js
vendored
@@ -67,7 +67,7 @@
|
||||
var loader = $parent.find('.tree-loader:eq(0)');
|
||||
|
||||
loader.removeClass('hide');
|
||||
this.options.dataSource($el.data(), function (items) {
|
||||
this.options.dataSource( this.options.folderSelect ? $parent.data() : $el.data(), function (items) {
|
||||
loader.addClass('hide');
|
||||
|
||||
$.each( items.data, function(index, value) {
|
||||
|
||||
20
assets/vendor/fuelux/less/misc.less
vendored
20
assets/vendor/fuelux/less/misc.less
vendored
@@ -6,15 +6,31 @@ input, textarea {
|
||||
|
||||
&:hover {
|
||||
background: #d9edf7;
|
||||
border: 1px solid #66afe9;
|
||||
border-color: #66afe9;
|
||||
cursor: pointer;
|
||||
|
||||
&[disabled] {
|
||||
background: transparent;
|
||||
border-color: #fff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: #fff;
|
||||
border: 1px solid #66afe9;
|
||||
border-color: #66afe9;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
|
||||
cursor: auto;
|
||||
|
||||
&[disabled] {
|
||||
background: transparent;
|
||||
border-color: #fff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
3
assets/vendor/fuelux/markup/checkbox-inline.html
vendored
Normal file
3
assets/vendor/fuelux/markup/checkbox-inline.html
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
<label class="checkbox-custom checkbox-inline" data-initialize="checkbox" id="myCustomCheckbox">
|
||||
<input class="sr-only" type="checkbox" value="option1"> <span class="checkbox-label">1</span>
|
||||
</label>
|
||||
13
assets/vendor/fuelux/markup/checkbox-variations.txt
vendored
Normal file
13
assets/vendor/fuelux/markup/checkbox-variations.txt
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
//Checked when initialized:
|
||||
- add 'checked' class to input
|
||||
- add 'checked="checked"' attribute to input
|
||||
|
||||
//Disabled when initialized:
|
||||
- add 'disabled="disabled"' attribute to input
|
||||
|
||||
//Toggling checkboxes:
|
||||
- add 'data-toggle="{{selector}}"' attribute to input. This will toggle the matching selector's visibility on check / uncheck
|
||||
(ex: 'data-toggle="#myTogglingBox"')
|
||||
|
||||
//Highlighting checkboxes:
|
||||
- add 'highlight' class to block wrapper or input for inline. This will highlight the checkbox on check / uncheck.
|
||||
6
assets/vendor/fuelux/markup/checkbox.html
vendored
Normal file
6
assets/vendor/fuelux/markup/checkbox.html
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
<div class="checkbox">
|
||||
<label class="checkbox-custom" data-initialize="checkbox" id="myCustomCheckbox">
|
||||
<input class="sr-only" type="checkbox" value="">
|
||||
<span class="checkbox-label">Custom checkbox unchecked on page load</span>
|
||||
</label>
|
||||
</div>
|
||||
2
assets/vendor/fuelux/markup/combobox-variations.txt
vendored
Normal file
2
assets/vendor/fuelux/markup/combobox-variations.txt
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
//Has selected item upon initialization
|
||||
- add 'data-selected="true"' to desired 'ul.dropdown-menu li' tag
|
||||
13
assets/vendor/fuelux/markup/combobox.html
vendored
Normal file
13
assets/vendor/fuelux/markup/combobox.html
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="input-group input-append dropdown combobox" data-initialize="combobox" id="myCombobox">
|
||||
<input type="text" class="form-control">
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li data-value="1"><a href="#">One</a></li>
|
||||
<li data-value="2"><a href="#">Two</a></li>
|
||||
<li data-value="3"><a href="#">Three</a></li>
|
||||
<li data-value="4" ><a href="#">Four</a></li>
|
||||
<li data-value="Item Five" data-foo="bar" data-fizz="buzz"><a href="#">Item Five</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
79
assets/vendor/fuelux/markup/datepicker.html
vendored
Normal file
79
assets/vendor/fuelux/markup/datepicker.html
vendored
Normal file
@@ -0,0 +1,79 @@
|
||||
<div class="datepicker" data-initialize="datepicker" id="myDatepicker">
|
||||
<div class="input-group">
|
||||
<input class="form-control" id="myDatepickerInput" type="text"/>
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="glyphicon glyphicon-calendar"></span>
|
||||
<span class="sr-only">Toggle Calendar</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
|
||||
<div class="datepicker-calendar">
|
||||
<div class="datepicker-calendar-header">
|
||||
<button class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
|
||||
<button class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
|
||||
<button class="title">
|
||||
<span class="month">
|
||||
<span data-month="0">January</span>
|
||||
<span data-month="1">February</span>
|
||||
<span data-month="2">March</span>
|
||||
<span data-month="3">April</span>
|
||||
<span data-month="4">May</span>
|
||||
<span data-month="5">June</span>
|
||||
<span data-month="6">July</span>
|
||||
<span data-month="7">August</span>
|
||||
<span data-month="8">September</span>
|
||||
<span data-month="9">October</span>
|
||||
<span data-month="10">November</span>
|
||||
<span data-month="11">December</span>
|
||||
</span> <span class="year"></span>
|
||||
</button>
|
||||
</div>
|
||||
<table class="datepicker-calendar-days">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Su</th>
|
||||
<th>Mo</th>
|
||||
<th>Tu</th>
|
||||
<th>We</th>
|
||||
<th>Th</th>
|
||||
<th>Fr</th>
|
||||
<th>Sa</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
<div class="datepicker-calendar-footer">
|
||||
<button class="datepicker-today">Today</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="datepicker-wheels" aria-hidden="true">
|
||||
<div class="datepicker-wheels-month">
|
||||
<h2 class="header">Month</h2>
|
||||
<ul>
|
||||
<li data-month="0"><button>Jan</button></li>
|
||||
<li data-month="1"><button>Feb</button></li>
|
||||
<li data-month="2"><button>Mar</button></li>
|
||||
<li data-month="3"><button>Apr</button></li>
|
||||
<li data-month="4"><button>May</button></li>
|
||||
<li data-month="5"><button>Jun</button></li>
|
||||
<li data-month="6"><button>Jul</button></li>
|
||||
<li data-month="7"><button>Aug</button></li>
|
||||
<li data-month="8"><button>Sep</button></li>
|
||||
<li data-month="9"><button>Oct</button></li>
|
||||
<li data-month="10"><button>Nov</button></li>
|
||||
<li data-month="11"><button>Dec</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="datepicker-wheels-year">
|
||||
<h2 class="header">Year</h2>
|
||||
<ul></ul>
|
||||
</div>
|
||||
<div class="datepicker-wheels-footer clearfix">
|
||||
<button class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
|
||||
<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
1
assets/vendor/fuelux/markup/infinite-scroll.html
vendored
Normal file
1
assets/vendor/fuelux/markup/infinite-scroll.html
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<div class="infinitescroll" id="myInfiniteScroll"></div>
|
||||
13
assets/vendor/fuelux/markup/loader-variations.txt
vendored
Normal file
13
assets/vendor/fuelux/markup/loader-variations.txt
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
//Starting frame
|
||||
- add 'data-frame="{{number}}"' to 'loader' classed div.
|
||||
(ex: 'data-frame="5"')
|
||||
|
||||
//Controlling speed (default is 150)
|
||||
- add 'data-frame="{{milliseconds}}"' to 'loader' classed div
|
||||
(ex: 'data-frame="500"')
|
||||
|
||||
//Animation range
|
||||
- add 'data-begin="{{number}}"' to 'loader' classed div to specify beginning frame
|
||||
(ex: 'data-begin="3"')
|
||||
- add 'data-end="{{number}}"' to 'loader' classed div to specify ending frame
|
||||
(ex: 'data-end="6"')
|
||||
1
assets/vendor/fuelux/markup/loader.html
vendored
Normal file
1
assets/vendor/fuelux/markup/loader.html
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<div class="loader" data-initialize="loader" id="myLoader"></div>
|
||||
45
assets/vendor/fuelux/markup/pillbox-with-pills.html
vendored
Normal file
45
assets/vendor/fuelux/markup/pillbox-with-pills.html
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
<div class="pillbox" id="myPillbox">
|
||||
<ul class="clearfix pill-group">
|
||||
|
||||
<li class="btn btn-default pill" data-value="foo">
|
||||
<span>Item 1</span>
|
||||
<span class="glyphicon glyphicon-close">
|
||||
<span class="sr-only">Remove</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="btn pill btn-success">
|
||||
<span>Item 2</span>
|
||||
<span class="glyphicon glyphicon-close">
|
||||
<span class="sr-only">Remove</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="btn pill btn-warning" data-value="three-value">
|
||||
<span>Item 3</span>
|
||||
<span class="glyphicon glyphicon-close">
|
||||
<span class="sr-only">Remove</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="btn pill btn-danger">
|
||||
<span>Item 4</span>
|
||||
<span class="glyphicon glyphicon-close">
|
||||
<span class="sr-only">Remove</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="btn pill btn-info">
|
||||
<span>Item 5</span>
|
||||
<span class="glyphicon glyphicon-close">
|
||||
<span class="sr-only">Remove</span>
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li class="pillbox-input-wrap btn-group">
|
||||
<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
|
||||
<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
|
||||
<button type="button" class="dropdown-toggle sr-only">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="suggest dropdown-menu" role="menu" data-toggle="dropdown" data-flip="auto"></ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
13
assets/vendor/fuelux/markup/pillbox.html
vendored
Normal file
13
assets/vendor/fuelux/markup/pillbox.html
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="pillbox" id="myPillbox">
|
||||
<ul class="clearfix pill-group">
|
||||
<li class="pillbox-input-wrap btn-group">
|
||||
<a class="pillbox-more">and <span class="pillbox-more-count"></span> more...</a>
|
||||
<input type="text" class="form-control dropdown-toggle pillbox-add-item" placeholder="add item">
|
||||
<button type="button" class="dropdown-toggle sr-only">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="suggest dropdown-menu" role="menu" data-toggle="dropdown" data-flip="auto"></ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
9
assets/vendor/fuelux/markup/placard-header-footer.html
vendored
Normal file
9
assets/vendor/fuelux/markup/placard-header-footer.html
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class="placard" data-ellipsis="true" data-initialize="placard" id="myPlacard">
|
||||
<div class="placard-popup"></div>
|
||||
<div class="placard-header"><h5>Header</h5></div>
|
||||
<input class="form-control placard-field" readonly="readonly" type="text"/>
|
||||
<div class="placard-footer">
|
||||
<a class="placard-cancel" href="#">Cancel</a>
|
||||
<button class="btn btn-primary btn-xs placard-accept" type="button">Save</button>
|
||||
</div>
|
||||
</div>
|
||||
6
assets/vendor/fuelux/markup/placard-variations.txt
vendored
Normal file
6
assets/vendor/fuelux/markup/placard-variations.txt
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
//Text area placard
|
||||
- replace input element classed '.placard-field' with the following:
|
||||
'<textarea class="form-control placard-field" readonly="readonly"></textarea>'
|
||||
|
||||
//Glass styling
|
||||
- add the class 'glass' to the '.placard-field' element
|
||||
4
assets/vendor/fuelux/markup/placard.html
vendored
Normal file
4
assets/vendor/fuelux/markup/placard.html
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
<div class="placard" data-initialize="placard" id="myPlacard">
|
||||
<div class="placard-popup"></div>
|
||||
<input class="form-control placard-field" readonly="readonly" type="text"/>
|
||||
</div>
|
||||
3
assets/vendor/fuelux/markup/radio-inline.html
vendored
Normal file
3
assets/vendor/fuelux/markup/radio-inline.html
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
<label class="radio-custom radio-inline" data-initialize="radio" id="myCustomRadio">
|
||||
<input class="sr-only" name="radio1" type="radio" value="option1"> <span class="radio-label">1</span>
|
||||
</label>
|
||||
13
assets/vendor/fuelux/markup/radio-variations.txt
vendored
Normal file
13
assets/vendor/fuelux/markup/radio-variations.txt
vendored
Normal file
@@ -0,0 +1,13 @@
|
||||
//Checked when initialized:
|
||||
- add 'checked' class to input
|
||||
- add 'checked="checked"' attribute to input
|
||||
|
||||
//Disabled when initialized:
|
||||
- add 'disabled="disabled"' attribute to input
|
||||
|
||||
//Toggling radios:
|
||||
- add 'data-toggle="{{selector}}"' attribute to input. This will toggle the matching selector's visibility on check / uncheck
|
||||
(ex: 'data-toggle="#myTogglingBox"')
|
||||
|
||||
//Highlighting radios:
|
||||
- add 'highlight' class to block wrapper or input for inline. This will highlight the radio on check / uncheck.
|
||||
6
assets/vendor/fuelux/markup/radio.html
vendored
Normal file
6
assets/vendor/fuelux/markup/radio.html
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
<div class="radio">
|
||||
<label class="radio-custom" data-initialize="radio" id="myCustomRadio">
|
||||
<input class="sr-only" name="radio1" type="radio" value="">
|
||||
<span class="radio-label">Custom radio unchecked on page load</span>
|
||||
</label>
|
||||
</div>
|
||||
95
assets/vendor/fuelux/markup/repeater.html
vendored
Normal file
95
assets/vendor/fuelux/markup/repeater.html
vendored
Normal file
@@ -0,0 +1,95 @@
|
||||
<div class="repeater" id="myRepeater">
|
||||
<div class="repeater-header">
|
||||
<div class="repeater-header-left">
|
||||
<span class="repeater-title">Awesome Repeater</span>
|
||||
<div class="repeater-search">
|
||||
<div class="search input-group">
|
||||
<input type="search" class="form-control" placeholder="Search"/>
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="button">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="sr-only">Search</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="repeater-header-right">
|
||||
<div class="btn-group selectlist repeater-filters" data-resize="auto">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="selected-label"> </span>
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Filters</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="all" data-selected="true"><a href="#">All</a></li>
|
||||
<li data-value="some"><a href="#">Some</a></li>
|
||||
<li data-value="others"><a href="#">Others</a></li>
|
||||
</ul>
|
||||
<input class="hidden hidden-field" name="filterSelection" readonly="readonly" aria-hidden="true" type="text"/>
|
||||
</div>
|
||||
<div class="btn-group repeater-views" data-toggle="buttons">
|
||||
<label class="btn btn-default active">
|
||||
<input name="repeaterViews" type="radio" value="list"><span class="glyphicon glyphicon-list"></span>
|
||||
</label>
|
||||
<label class="btn btn-default">
|
||||
<input name="repeaterViews" type="radio" value="thumbnail"><span class="glyphicon glyphicon-th"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="repeater-viewport">
|
||||
<div class="repeater-canvas"></div>
|
||||
<div class="loader repeater-loader"></div>
|
||||
</div>
|
||||
<div class="repeater-footer">
|
||||
<div class="repeater-footer-left">
|
||||
<div class="repeater-itemization">
|
||||
<span><span class="repeater-start"></span> - <span class="repeater-end"></span> of <span class="repeater-count"></span> items</span>
|
||||
<div class="btn-group selectlist" data-resize="auto">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="selected-label"> </span>
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="5"><a href="#">5</a></li>
|
||||
<li data-value="10" data-selected="true"><a href="#">10</a></li>
|
||||
<li data-value="20"><a href="#">20</a></li>
|
||||
<li data-value="50" data-foo="bar" data-fizz="buzz"><a href="#">50</a></li>
|
||||
<li data-value="100"><a href="#">100</a></li>
|
||||
</ul>
|
||||
<input class="hidden hidden-field" name="itemsPerPage" readonly="readonly" aria-hidden="true" type="text"/>
|
||||
</div>
|
||||
<span>Per Page</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="repeater-footer-right">
|
||||
<div class="repeater-pagination">
|
||||
<button type="button" class="btn btn-default btn-sm repeater-prev">
|
||||
<span class="glyphicon glyphicon-chevron-left"></span>
|
||||
<span class="sr-only">Previous Page</span>
|
||||
</button>
|
||||
<label id="MyPageLabel" class="page-label">Page</label>
|
||||
<div class="repeater-primaryPaging active">
|
||||
<div class="input-group input-append dropdown combobox">
|
||||
<input type="text" class="form-control" aria-labelledby="MyPageLabel">
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu dropdown-menu-right"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" class="form-control repeater-secondaryPaging" aria-labelledby="MyPageLabel">
|
||||
<span>of <span class="repeater-pages"></span></span>
|
||||
<button type="button" class="btn btn-default btn-sm repeater-next">
|
||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
||||
<span class="sr-only">Next Page</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
689
assets/vendor/fuelux/markup/scheduler.html
vendored
Normal file
689
assets/vendor/fuelux/markup/scheduler.html
vendored
Normal file
@@ -0,0 +1,689 @@
|
||||
<div class="form-horizontal container-fluid scheduler" data-initialize="scheduler" role="form" id="myScheduler">
|
||||
<div class="form-group start-datetime">
|
||||
<label class="col-sm-2 control-label scheduler-label" for="myStartDate">Start Date</label>
|
||||
<div class="row col-sm-10">
|
||||
<div class="col-sm-8 form-group">
|
||||
<div class="datepicker start-date">
|
||||
<div class="input-group">
|
||||
<input class="form-control" id="myStartDate" type="text"/>
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="glyphicon glyphicon-calendar"></span>
|
||||
<span class="sr-only">Toggle Calendar</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
|
||||
<div class="datepicker-calendar">
|
||||
<div class="datepicker-calendar-header">
|
||||
<button class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
|
||||
<button class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
|
||||
<button class="title">
|
||||
<span class="month">
|
||||
<span data-month="0">January</span>
|
||||
<span data-month="1">February</span>
|
||||
<span data-month="2">March</span>
|
||||
<span data-month="3">April</span>
|
||||
<span data-month="4">May</span>
|
||||
<span data-month="5">June</span>
|
||||
<span data-month="6">July</span>
|
||||
<span data-month="7">August</span>
|
||||
<span data-month="8">September</span>
|
||||
<span data-month="9">October</span>
|
||||
<span data-month="10">November</span>
|
||||
<span data-month="11">December</span>
|
||||
</span> <span class="year"></span>
|
||||
</button>
|
||||
</div>
|
||||
<table class="datepicker-calendar-days">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Su</th>
|
||||
<th>Mo</th>
|
||||
<th>Tu</th>
|
||||
<th>We</th>
|
||||
<th>Th</th>
|
||||
<th>Fr</th>
|
||||
<th>Sa</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
<div class="datepicker-calendar-footer">
|
||||
<button class="datepicker-today">Today</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="datepicker-wheels" aria-hidden="true">
|
||||
<div class="datepicker-wheels-month">
|
||||
<h2 class="header">Month</h2>
|
||||
<ul>
|
||||
<li data-month="0"><button>Jan</button></li>
|
||||
<li data-month="1"><button>Feb</button></li>
|
||||
<li data-month="2"><button>Mar</button></li>
|
||||
<li data-month="3"><button>Apr</button></li>
|
||||
<li data-month="4"><button>May</button></li>
|
||||
<li data-month="5"><button>Jun</button></li>
|
||||
<li data-month="6"><button>Jul</button></li>
|
||||
<li data-month="7"><button>Aug</button></li>
|
||||
<li data-month="8"><button>Sep</button></li>
|
||||
<li data-month="9"><button>Oct</button></li>
|
||||
<li data-month="10"><button>Nov</button></li>
|
||||
<li data-month="11"><button>Dec</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="datepicker-wheels-year">
|
||||
<h2 class="header">Year</h2>
|
||||
<ul></ul>
|
||||
</div>
|
||||
<div class="datepicker-wheels-footer clearfix">
|
||||
<button class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
|
||||
<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-4 form-group">
|
||||
<label class="sr-only" for="MyStartTime">Start Time</label>
|
||||
<div class="input-group combobox start-time">
|
||||
<input id="myStartTime" type="text" class="form-control" />
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu dropdown-menu-right" role="menu">
|
||||
<li><a href="#">12:00 AM</a></li>
|
||||
<li><a href="#">12:30 AM</a></li>
|
||||
<li><a href="#">1:00 AM</a></li>
|
||||
<li><a href="#">1:30 AM</a></li>
|
||||
<li><a href="#">2:00 AM</a></li>
|
||||
<li><a href="#">2:30 AM</a></li>
|
||||
<li><a href="#">3:00 AM</a></li>
|
||||
<li><a href="#">3:30 AM</a></li>
|
||||
<li><a href="#">4:00 AM</a></li>
|
||||
<li><a href="#">4:30 AM</a></li>
|
||||
<li><a href="#">5:00 AM</a></li>
|
||||
<li><a href="#">5:30 AM</a></li>
|
||||
<li><a href="#">6:00 AM</a></li>
|
||||
<li><a href="#">6:30 AM</a></li>
|
||||
<li><a href="#">7:00 AM</a></li>
|
||||
<li><a href="#">7:30 AM</a></li>
|
||||
<li><a href="#">8:00 AM</a></li>
|
||||
<li><a href="#">8:30 AM</a></li>
|
||||
<li><a href="#">9:00 AM</a></li>
|
||||
<li><a href="#">9:30 AM</a></li>
|
||||
<li><a href="#">10:00 AM</a></li>
|
||||
<li><a href="#">10:30 AM</a></li>
|
||||
<li><a href="#">11:00 AM</a></li>
|
||||
<li><a href="#">11:30 AM</a></li>
|
||||
<li><a href="#">12:00 PM</a></li>
|
||||
<li><a href="#">12:30 PM</a></li>
|
||||
<li><a href="#">1:00 PM</a></li>
|
||||
<li><a href="#">1:30 PM</a></li>
|
||||
<li><a href="#">2:00 PM</a></li>
|
||||
<li><a href="#">2:30 PM</a></li>
|
||||
<li><a href="#">3:00 PM</a></li>
|
||||
<li><a href="#">3:30 PM</a></li>
|
||||
<li><a href="#">4:00 PM</a></li>
|
||||
<li><a href="#">4:30 PM</a></li>
|
||||
<li><a href="#">5:00 PM</a></li>
|
||||
<li><a href="#">5:30 PM</a></li>
|
||||
<li><a href="#">6:00 PM</a></li>
|
||||
<li><a href="#">6:30 PM</a></li>
|
||||
<li><a href="#">7:00 PM</a></li>
|
||||
<li><a href="#">7:30 PM</a></li>
|
||||
<li><a href="#">8:00 PM</a></li>
|
||||
<li><a href="#">8:30 PM</a></li>
|
||||
<li><a href="#">9:00 PM</a></li>
|
||||
<li><a href="#">9:30 PM</a></li>
|
||||
<li><a href="#">10:00 PM</a></li>
|
||||
<li><a href="#">10:30 PM</a></li>
|
||||
<li><a href="#">11:00 PM</a></li>
|
||||
<li><a href="#">11:30 PM</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row form-group timezone-container">
|
||||
<label class="col-sm-2 control-label scheduler-label">Timezone</label>
|
||||
<div class="col-xs-12 col-sm-10 col-md-10">
|
||||
<div data-resize="auto" class="btn-group selectlist timezone">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label" style="width: 67px;">(GMT-06:00) Central Standard Time</span>
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-name="Central Standard Time (no DST)" data-offset="-06:00"><a href="#">(GMT-06:00) Central Standard Time</a></li>
|
||||
<li data-name="Morocco Standard Time" data-offset="+00:00"><a href="#">(GMT) Casablanca *</a></li>
|
||||
<li data-name="GMT Standard Time" data-offset="+00:00"><a href="#">(GMT) Greenwich Mean Time : Dublin, Edinburgh, Lisbon, London *</a></li>
|
||||
<li data-name="Greenwich Standard Time" data-offset="+00:00"><a href="#">(GMT) Monrovia, Reykjavik</a></li>
|
||||
<li data-name="W. Europe Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna *</a></li>
|
||||
<li data-name="Central Europe Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague *</a></li>
|
||||
<li data-name="Romance Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Brussels, Copenhagen, Madrid, Paris *</a></li>
|
||||
<li data-name="Central European Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) Sarajevo, Skopje, Warsaw, Zagreb *</a></li>
|
||||
<li data-name="W. Central Africa Standard Time" data-offset="+01:00"><a href="#">(GMT+01:00) West Central Africa</a></li>
|
||||
<li data-name="Jordan Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Amman *</a></li>
|
||||
<li data-name="GTB Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Athens, Bucharest, Istanbul *</a></li>
|
||||
<li data-name="Middle East Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Beirut *</a></li>
|
||||
<li data-name="Egypt Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Cairo *</a></li>
|
||||
<li data-name="South Africa Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Harare, Pretoria</a></li>
|
||||
<li data-name="FLE Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius *</a></li>
|
||||
<li data-name="Israel Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Jerusalem *</a></li>
|
||||
<li data-name="E. Europe Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Minsk *</a></li>
|
||||
<li data-name="Namibia Standard Time" data-offset="+02:00"><a href="#">(GMT+02:00) Windhoek *</a></li>
|
||||
<li data-name="Arabic Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Baghdad *</a></li>
|
||||
<li data-name="Arab Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Kuwait, Riyadh</a></li>
|
||||
<li data-name="Russian Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Moscow, St. Petersburg, Volgograd *</a></li>
|
||||
<li data-name="E. Africa Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Nairobi</a></li>
|
||||
<li data-name="Georgian Standard Time" data-offset="+03:00"><a href="#">(GMT+03:00) Tbilisi</a></li>
|
||||
<li data-name="Iran Standard Time" data-offset="+03:30"><a href="#">(GMT+03:30) Tehran *</a></li>
|
||||
<li data-name="Arabian Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Abu Dhabi, Muscat</a></li>
|
||||
<li data-name="Azerbaijan Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Baku *</a></li>
|
||||
<li data-name="Caucasus Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Caucasus Standard Time</a></li>
|
||||
<li data-name="Mauritius Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Port Louis *</a></li>
|
||||
<li data-name="Caucasus Standard Time" data-offset="+04:00"><a href="#">(GMT+04:00) Yerevan</a></li>
|
||||
<li data-name="Afghanistan Standard Time" data-offset="+04:30"><a href="#">(GMT+04:30) Kabul</a></li>
|
||||
<li data-name="Ekaterinburg Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Ekaterinburg *</a></li>
|
||||
<li data-name="Pakistan Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Islamabad, Karachi *</a></li>
|
||||
<li data-name="West Asia Standard Time" data-offset="+05:00"><a href="#">(GMT+05:00) Tashkent</a></li>
|
||||
<li data-name="India Standard Time" data-offset="+05:30"><a href="#">(GMT+05:30) Chennai, Kolkata, Mumbai, New Delhi</a></li>
|
||||
<li data-name="Sri Lanka Standard Time" data-offset="+05:30"><a href="#">(GMT+05:30) Sri Jayawardenepura</a></li>
|
||||
<li data-name="Nepal Standard Time" data-offset="+05:45"><a href="#">(GMT+05:45) Kathmandu</a></li>
|
||||
<li data-name="N. Central Asia Standard Time" data-offset="+06:00"><a href="#">(GMT+06:00) Almaty, Novosibirsk *</a></li>
|
||||
<li data-name="Central Asia Standard Time" data-offset="+06:00"><a href="#">(GMT+06:00) Astana, Dhaka</a></li>
|
||||
<li data-name="Myanmar Standard Time" data-offset="+06:00"><a href="#">(GMT+06:30) Yangon (Rangoon)</a></li>
|
||||
<li data-name="SE Asia Standard Time" data-offset="+07:00"><a href="#">(GMT+07:00) Bangkok, Hanoi, Jakarta</a></li>
|
||||
<li data-name="North Asia Standard Time" data-offset="+07:00"><a href="#">(GMT+07:00) Krasnoyarsk *</a></li>
|
||||
<li data-name="China Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Beijing, Chongqing, Hong Kong, Urumqi</a></li>
|
||||
<li data-name="North Asia East Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Irkutsk, Ulaan Bataar *</a></li>
|
||||
<li data-name="Singapore Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Kuala Lumpur, Singapore</a></li>
|
||||
<li data-name="W. Australia Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Perth *</a></li>
|
||||
<li data-name="Taipei Standard Time" data-offset="+08:00"><a href="#">(GMT+08:00) Taipei</a></li>
|
||||
<li data-name="Tokyo Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Osaka, Sapporo, Tokyo</a></li>
|
||||
<li data-name="Korea Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Seoul</a></li>
|
||||
<li data-name="Yakutsk Standard Time" data-offset="+09:00"><a href="#">(GMT+09:00) Yakutsk *</a></li>
|
||||
<li data-name="Cen. Australia Standard Time" data-offset="+09:30"><a href="#">(GMT+09:30) Adelaide *</a></li>
|
||||
<li data-name="AUS Central Standard Time" data-offset="+09:30"><a href="#">(GMT+09:30) Darwin</a></li>
|
||||
<li data-name="E. Australia Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Brisbane</a></li>
|
||||
<li data-name="AUS Eastern Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Canberra, Melbourne, Sydney *</a></li>
|
||||
<li data-name="West Pacific Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Guam, Port Moresby</a></li>
|
||||
<li data-name="Tasmania Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Hobart *</a></li>
|
||||
<li data-name="Vladivostok Standard Time" data-offset="+10:00"><a href="#">(GMT+10:00) Vladivostok *</a></li>
|
||||
<li data-name="Central Pacific Standard Time" data-offset="+11:00"><a href="#">(GMT+11:00) Magadan, Solomon Is., New Caledonia</a></li>
|
||||
<li data-name="New Zealand Standard Time" data-offset="+12:00"><a href="#">(GMT+12:00) Auckland, Wellington *</a></li>
|
||||
<li data-name="Fiji Standard Time" data-offset="+12:00"><a href="#">(GMT+12:00) Fiji, Kamchatka, Marshall Is.</a></li>
|
||||
<li data-name="Tonga Standard Time" data-offset="+12:00"><a href="#">(GMT+13:00) Nukualofa</a></li>
|
||||
<li data-name="Azores Standard Time" data-offset="+12:00"><a href="#">(GMT-01:00) Azores *</a></li>
|
||||
<li data-name="Cape Verde Standard Time" data-offset="-01:00"><a href="#">(GMT-01:00) Cape Verde Is.</a></li>
|
||||
<li data-name="Mid-Atlantic Standard Time" data-offset="-02:00"><a href="#">(GMT-02:00) Mid-Atlantic *</a></li>
|
||||
<li data-name="E. South America Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Brasilia *</a></li>
|
||||
<li data-name="Argentina Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Buenos Aires *</a></li>
|
||||
<li data-name="SA Western Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Georgetown</a></li>
|
||||
<li data-name="Greenland Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Greenland *</a></li>
|
||||
<li data-name="Montevideo Standard Time" data-offset="-03:00"><a href="#">(GMT-03:00) Montevideo *</a></li>
|
||||
<li data-name="Newfoundland Standard Time" data-offset="-03:00"><a href="#">(GMT-03:30) Newfoundland *</a></li>
|
||||
<li data-name="Atlantic Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Atlantic Time (Canada) *</a></li>
|
||||
<li data-name="SA Western Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) La Paz</a></li>
|
||||
<li data-name="Central Brazilian Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Manaus *</a></li>
|
||||
<li data-name="Pacific SA Standard Time" data-offset="-04:00"><a href="#">(GMT-04:00) Santiago *</a></li>
|
||||
<li data-name="Venezuela Standard Time" data-offset="-04:30"><a href="#">(GMT-04:30) Caracas</a></li>
|
||||
<li data-name="SA Pacific Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Bogota, Lima, Quito, Rio Branco</a></li>
|
||||
<li data-name="Eastern Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Eastern Time (US & Canada) *</a></li>
|
||||
<li data-name="US Eastern Standard Time" data-offset="-05:00"><a href="#">(GMT-05:00) Indiana (East)</a></li>
|
||||
<li data-name="Central America Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Central America</a></li>
|
||||
<li data-name="Central Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Central Time (US & Canada) *</a></li>
|
||||
<li data-name="Central Standard Time (Mexico)" data-offset="-06:00"><a href="#">(GMT-06:00) Guadalajara, Mexico City, Monterrey - New *</a></li>
|
||||
<li data-name="Central Standard Time (Mexico)" data-offset="-06:00"><a href="#">(GMT-06:00) Guadalajara, Mexico City, Monterrey - Old</a></li>
|
||||
<li data-name="Canada Central Standard Time" data-offset="-06:00"><a href="#">(GMT-06:00) Saskatchewan</a></li>
|
||||
<li data-name="US Mountain Standard Time" data-offset="-07:00"><a href="#">(GMT-07:00) Arizona</a></li>
|
||||
<li data-name="Mountain Standard Time (Mexico)" data-offset="-07:00"><a href="#">(GMT-07:00) Chihuahua, La Paz, Mazatlan - New *</a></li>
|
||||
<li data-name="Mountain Standard Time (Mexico)" data-offset="-07:00"><a href="#">(GMT-07:00) Chihuahua, La Paz, Mazatlan - Old</a></li>
|
||||
<li data-name="Mountain Standard Time" data-offset="-07:00"><a href="#">(GMT-07:00) Mountain Time (US & Canada) *</a></li>
|
||||
<li data-name="Pacific Standard Time" data-offset="-08:00"><a href="#">(GMT-08:00) Pacific Time (US & Canada) *</a></li>
|
||||
<li data-name="Pacific Standard Time (Mexico)" data-offset="-08:00"><a href="#">(GMT-08:00) Tijuana, Baja California *</a></li>
|
||||
<li data-name="Alaskan Standard Time" data-offset="-09:00"><a href="#">(GMT-09:00) Alaska *</a></li>
|
||||
<li data-name="Hawaiian Standard Time" data-offset="-10:00"><a href="#">(GMT-10:00) Hawaii</a></li>
|
||||
<li data-name="Samoa Standard Time" data-offset="-11:00"><a href="#">(GMT-11:00) Midway Island, Samoa</a></li>
|
||||
<li data-name="Dateline Standard Time" data-offset="-12:00"><a href="#">(GMT-12:00) International Date Line West</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="TimeZoneSelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group repeat-container">
|
||||
<label class="col-sm-2 control-label scheduler-label">Repeat</label>
|
||||
<div class="col-sm-10">
|
||||
|
||||
<div class="form-group repeat-interval">
|
||||
<div data-resize="auto" class="btn-group selectlist pull-left repeat-options">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">None (run once)</span>
|
||||
<span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="none"><a href="#">None (run once)</a></li>
|
||||
<li data-value="hourly" data-text="hour(s)"><a href="#">Hourly</a></li>
|
||||
<li data-value="daily" data-text="day(s)"><a href="#">Daily</a></li>
|
||||
<li data-value="weekdays"><a href="#">Weekdays</a></li>
|
||||
<li data-value="weekly" data-text="week(s)"><a href="#">Weekly</a></li>
|
||||
<li data-value="monthly" data-text="month(s)"><a href="#">Monthly</a></li>
|
||||
<li data-value="yearly"><a href="#">Yearly</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="intervalSelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
|
||||
<div class="repeat-panel repeat-every-panel repeat-hourly repeat-daily repeat-weekly hide" aria-hidden="true">
|
||||
<label id="MySchedulerEveryLabel" class="inline-form-text repeat-every-pretext">every</label>
|
||||
|
||||
<div class="spinbox digits-3 repeat-every">
|
||||
<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MySchedulerEveryLabel">
|
||||
<div class="spinbox-buttons btn-group btn-group-vertical">
|
||||
<button type="button" class="btn btn-default spinbox-up btn-xs">
|
||||
<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-default spinbox-down btn-xs">
|
||||
<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="inline-form-text repeat-every-text"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group repeat-panel repeat-weekly repeat-days-of-the-week hide" aria-hidden="true">
|
||||
<fieldset class="btn-group" data-toggle="buttons">
|
||||
<label class="btn btn-default">
|
||||
<input type="checkbox" data-value="SU">Sun
|
||||
</label>
|
||||
<label class="btn btn-default">
|
||||
<input type="checkbox" data-value="MO">Mon
|
||||
</label>
|
||||
<label class="btn btn-default">
|
||||
<input type="checkbox" data-value="TU">Tue
|
||||
</label>
|
||||
<label class="btn btn-default">
|
||||
<input type="checkbox" data-value="WE"> Wed
|
||||
</label>
|
||||
<label class="btn btn-default">
|
||||
<input type="checkbox" data-value="TH"> Thu
|
||||
</label>
|
||||
<label class="btn btn-default">
|
||||
<input type="checkbox" data-value="FR"> Fri
|
||||
</label>
|
||||
<label class="btn btn-default">
|
||||
<input type="checkbox" data-value="SA"> Sat
|
||||
</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="repeat-panel repeat-monthly hide" aria-hidden="true">
|
||||
<div class="form-group repeat-monthly-date">
|
||||
<div class="radio pull-left">
|
||||
<label class="radio-custom">
|
||||
<input type="radio" checked="checked" name="repeat-monthly" value="bymonthday">
|
||||
<span class="radio-label">on day</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div data-resize="auto" class="btn-group selectlist pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">1</span>
|
||||
<span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
|
||||
<li data-value="1"><a href="#">1</a></li>
|
||||
<li data-value="2"><a href="#">2</a></li>
|
||||
<li data-value="3"><a href="#">3</a></li>
|
||||
<li data-value="4"><a href="#">4</a></li>
|
||||
<li data-value="5"><a href="#">5</a></li>
|
||||
<li data-value="6"><a href="#">6</a></li>
|
||||
<li data-value="7"><a href="#">7</a></li>
|
||||
<li data-value="8"><a href="#">8</a></li>
|
||||
<li data-value="9"><a href="#">9</a></li>
|
||||
<li data-value="10"><a href="#">10</a></li>
|
||||
<li data-value="11"><a href="#">11</a></li>
|
||||
<li data-value="12"><a href="#">12</a></li>
|
||||
<li data-value="13"><a href="#">13</a></li>
|
||||
<li data-value="14"><a href="#">14</a></li>
|
||||
<li data-value="15"><a href="#">15</a></li>
|
||||
<li data-value="16"><a href="#">16</a></li>
|
||||
<li data-value="17"><a href="#">17</a></li>
|
||||
<li data-value="18"><a href="#">18</a></li>
|
||||
<li data-value="19"><a href="#">19</a></li>
|
||||
<li data-value="20"><a href="#">20</a></li>
|
||||
<li data-value="21"><a href="#">21</a></li>
|
||||
<li data-value="22"><a href="#">22</a></li>
|
||||
<li data-value="23"><a href="#">23</a></li>
|
||||
<li data-value="24"><a href="#">24</a></li>
|
||||
<li data-value="25"><a href="#">25</a></li>
|
||||
<li data-value="26"><a href="#">26</a></li>
|
||||
<li data-value="27"><a href="#">27</a></li>
|
||||
<li data-value="28"><a href="#">28</a></li>
|
||||
<li data-value="29"><a href="#">29</a></li>
|
||||
<li data-value="30"><a href="#">30</a></li>
|
||||
<li data-value="31"><a href="#">31</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="repeat-monthly-day form-group">
|
||||
<div class="radio pull-left">
|
||||
<label class="radio-custom">
|
||||
<input type="radio" checked="checked" name="repeat-monthly" value="bysetpos">
|
||||
<span class="radio-label">on the</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div data-resize="auto" class="btn-group selectlist month-day-pos pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">First</span>
|
||||
<span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="1"><a href="#">First</a></li>
|
||||
<li data-value="2"><a href="#">Second</a></li>
|
||||
<li data-value="3"><a href="#">Third</a></li>
|
||||
<li data-value="4"><a href="#">Fourth</a></li>
|
||||
<li data-value="-1"><a href="#">Last</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
|
||||
<div data-resize="auto" class="btn-group selectlist month-days pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">Sunday</span>
|
||||
<span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="SU"><a href="#">Sunday</a></li>
|
||||
<li data-value="MO"><a href="#">Monday</a></li>
|
||||
<li data-value="TU"><a href="#">Tuesday</a></li>
|
||||
<li data-value="WE"><a href="#">Wednesday</a></li>
|
||||
<li data-value="TH"><a href="#">Thursday</a></li>
|
||||
<li data-value="FR"><a href="#">Friday</a></li>
|
||||
<li data-value="SA"><a href="#">Saturday</a></li>
|
||||
<li data-value="SU,MO,TU,WE,TH,FR,SA"><a href="#">Day</a></li>
|
||||
<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
|
||||
<li data-value="SU,SA"><a href="#">Weekend day</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="repeat-panel repeat-yearly hide" aria-hidden="true">
|
||||
|
||||
<div class="form-group repeat-yearly-date">
|
||||
|
||||
<div class="radio pull-left">
|
||||
<label class="radio-custom">
|
||||
<input type="radio" checked="checked" name="repeat-yearly" value="bymonthday">
|
||||
<span class="radio-label">on</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div data-resize="auto" class="btn-group selectlist year-month pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">January</span>
|
||||
<span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="1"><a href="#">January</a></li>
|
||||
<li data-value="2"><a href="#">February</a></li>
|
||||
<li data-value="3"><a href="#">March</a></li>
|
||||
<li data-value="4"><a href="#">April</a></li>
|
||||
<li data-value="5"><a href="#">May</a></li>
|
||||
<li data-value="6"><a href="#">June</a></li>
|
||||
<li data-value="7"><a href="#">July</a></li>
|
||||
<li data-value="8"><a href="#">August</a></li>
|
||||
<li data-value="9"><a href="#">September</a></li>
|
||||
<li data-value="10"><a href="#">October</a></li>
|
||||
<li data-value="11"><a href="#">November</a></li>
|
||||
<li data-value="12"><a href="#">December</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
|
||||
<div data-resize="auto" class="btn-group selectlist year-month-day pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">1</span>
|
||||
<span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
|
||||
<li data-value="1"><a href="#">1</a></li>
|
||||
<li data-value="2"><a href="#">2</a></li>
|
||||
<li data-value="3"><a href="#">3</a></li>
|
||||
<li data-value="4"><a href="#">4</a></li>
|
||||
<li data-value="5"><a href="#">5</a></li>
|
||||
<li data-value="6"><a href="#">6</a></li>
|
||||
<li data-value="7"><a href="#">7</a></li>
|
||||
<li data-value="8"><a href="#">8</a></li>
|
||||
<li data-value="9"><a href="#">9</a></li>
|
||||
<li data-value="10"><a href="#">10</a></li>
|
||||
<li data-value="11"><a href="#">11</a></li>
|
||||
<li data-value="12"><a href="#">12</a></li>
|
||||
<li data-value="13"><a href="#">13</a></li>
|
||||
<li data-value="14"><a href="#">14</a></li>
|
||||
<li data-value="15"><a href="#">15</a></li>
|
||||
<li data-value="16"><a href="#">16</a></li>
|
||||
<li data-value="17"><a href="#">17</a></li>
|
||||
<li data-value="18"><a href="#">18</a></li>
|
||||
<li data-value="19"><a href="#">19</a></li>
|
||||
<li data-value="20"><a href="#">20</a></li>
|
||||
<li data-value="21"><a href="#">21</a></li>
|
||||
<li data-value="22"><a href="#">22</a></li>
|
||||
<li data-value="23"><a href="#">23</a></li>
|
||||
<li data-value="24"><a href="#">24</a></li>
|
||||
<li data-value="25"><a href="#">25</a></li>
|
||||
<li data-value="26"><a href="#">26</a></li>
|
||||
<li data-value="27"><a href="#">27</a></li>
|
||||
<li data-value="28"><a href="#">28</a></li>
|
||||
<li data-value="29"><a href="#">29</a></li>
|
||||
<li data-value="30"><a href="#">30</a></li>
|
||||
<li data-value="31"><a href="#">31</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="monthlySelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group repeat-yearly-day">
|
||||
|
||||
<div class="radio pull-left"><label class="radio-custom"><input type="radio" name="repeat-yearly" value="bysetpos"> on the</label></div>
|
||||
|
||||
<div data-resize="auto" class="btn-group selectlist year-month-day-pos pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">First</span>
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">First</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="1"><a href="#">First</a></li>
|
||||
<li data-value="2"><a href="#">Second</a></li>
|
||||
<li data-value="3"><a href="#">Third</a></li>
|
||||
<li data-value="4"><a href="#">Fourth</a></li>
|
||||
<li data-value="5"><a href="#">Last</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDateSelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
|
||||
<div data-resize="auto" class="btn-group selectlist year-month-days pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">Sunday</span>
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Sunday</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
|
||||
<li data-value="SU"><a href="#">Sunday</a></li>
|
||||
<li data-value="MO"><a href="#">Monday</a></li>
|
||||
<li data-value="TU"><a href="#">Tuesday</a></li>
|
||||
<li data-value="WE"><a href="#">Wednesday</a></li>
|
||||
<li data-value="TH"><a href="#">Thursday</a></li>
|
||||
<li data-value="FR"><a href="#">Friday</a></li>
|
||||
<li data-value="SA"><a href="#">Saturday</a></li>
|
||||
<li data-value="SU,MO,TU,WE,TH,FR,SA"><a href="#">Day</a></li>
|
||||
<li data-value="MO,TU,WE,TH,FR"><a href="#">Weekday</a></li>
|
||||
<li data-value="SU,SA"><a href="#">Weekend day</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
<div class="inline-form-text repeat-yearly-day-text"> of </div>
|
||||
|
||||
<div data-resize="auto" class="btn-group selectlist year-month pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">January</span>
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">January</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu" style="height:200px; overflow:auto;">
|
||||
<li data-value="1"><a href="#">January</a></li>
|
||||
<li data-value="2"><a href="#">February</a></li>
|
||||
<li data-value="3"><a href="#">March</a></li>
|
||||
<li data-value="4"><a href="#">April</a></li>
|
||||
<li data-value="5"><a href="#">May</a></li>
|
||||
<li data-value="6"><a href="#">June</a></li>
|
||||
<li data-value="7"><a href="#">July</a></li>
|
||||
<li data-value="8"><a href="#">August</a></li>
|
||||
<li data-value="9"><a href="#">September</a></li>
|
||||
<li data-value="10"><a href="#">October</a></li>
|
||||
<li data-value="11"><a href="#">November</a></li>
|
||||
<li data-value="12"><a href="#">December</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="yearlyDaySelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group repeat-end hide" aria-hidden="true">
|
||||
<label class="col-sm-2 control-label scheduler-label">End</label>
|
||||
<div class="col-sm-10 row">
|
||||
<div class="col-sm-3 form-group">
|
||||
<div data-resize="auto" class="btn-group selectlist end-options pull-left">
|
||||
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
|
||||
<span class="selected-label">Never</span>
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Never</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="never"><a href="#">Never</a></li>
|
||||
<li data-value="after"><a href="#">After</a></li>
|
||||
<li data-value="date"><a href="#">On date</a></li>
|
||||
</ul>
|
||||
<input type="text" aria-hidden="true" readonly="readonly" name="EndSelectlist" class="hidden hidden-field">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 form-group end-option-panel end-after-panel pull-left hide" aria-hidden="true">
|
||||
<div class="spinbox digits-3 end-after">
|
||||
<label id="MyEndAfter" class="sr-only">End After</label>
|
||||
<input type="text" class="form-control input-mini spinbox-input" aria-labelledby="MyEndAfter">
|
||||
<div class="spinbox-buttons btn-group btn-group-vertical">
|
||||
<button type="button" class="btn btn-default spinbox-up btn-xs">
|
||||
<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-default spinbox-down btn-xs">
|
||||
<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inline-form-text end-after-text">occurance(s)</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-8 form-group end-option-panel end-on-date-panel pull-left hide" aria-hidden="true">
|
||||
<div class="datepicker input-group end-on-date">
|
||||
<div class="input-group">
|
||||
<input class="form-control" type="text"/>
|
||||
<div class="input-group-btn">
|
||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||
<span class="glyphicon glyphicon-calendar"></span>
|
||||
<span class="sr-only">Toggle Calendar</span>
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right datepicker-calendar-wrapper" role="menu">
|
||||
<div class="datepicker-calendar">
|
||||
<div class="datepicker-calendar-header">
|
||||
<button class="prev"><span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous Month</span></button>
|
||||
<button class="next"><span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next Month</span></button>
|
||||
<button class="title">
|
||||
<span class="month">
|
||||
<span data-month="0">January</span>
|
||||
<span data-month="1">February</span>
|
||||
<span data-month="2">March</span>
|
||||
<span data-month="3">April</span>
|
||||
<span data-month="4">May</span>
|
||||
<span data-month="5">June</span>
|
||||
<span data-month="6">July</span>
|
||||
<span data-month="7">August</span>
|
||||
<span data-month="8">September</span>
|
||||
<span data-month="9">October</span>
|
||||
<span data-month="10">November</span>
|
||||
<span data-month="11">December</span>
|
||||
</span> <span class="year"></span>
|
||||
</button>
|
||||
</div>
|
||||
<table class="datepicker-calendar-days">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Su</th>
|
||||
<th>Mo</th>
|
||||
<th>Tu</th>
|
||||
<th>We</th>
|
||||
<th>Th</th>
|
||||
<th>Fr</th>
|
||||
<th>Sa</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
<div class="datepicker-calendar-footer">
|
||||
<button class="datepicker-today">Today</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="datepicker-wheels" aria-hidden="true">
|
||||
<div class="datepicker-wheels-month">
|
||||
<h2 class="header">Month</h2>
|
||||
<ul>
|
||||
<li data-month="0"><button>Jan</button></li>
|
||||
<li data-month="1"><button>Feb</button></li>
|
||||
<li data-month="2"><button>Mar</button></li>
|
||||
<li data-month="3"><button>Apr</button></li>
|
||||
<li data-month="4"><button>May</button></li>
|
||||
<li data-month="5"><button>Jun</button></li>
|
||||
<li data-month="6"><button>Jul</button></li>
|
||||
<li data-month="7"><button>Aug</button></li>
|
||||
<li data-month="8"><button>Sep</button></li>
|
||||
<li data-month="9"><button>Oct</button></li>
|
||||
<li data-month="10"><button>Nov</button></li>
|
||||
<li data-month="11"><button>Dec</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="datepicker-wheels-year">
|
||||
<h2 class="header">Year</h2>
|
||||
<ul></ul>
|
||||
</div>
|
||||
<div class="datepicker-wheels-footer clearfix">
|
||||
<button class="btn datepicker-wheels-back"><span class="glyphicon glyphicon-arrow-left"></span><span class="sr-only">Return to Calendar</span></button>
|
||||
<button type="button" class="btn datepicker-wheels-select">Select <span class="sr-only">Month and Year</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
9
assets/vendor/fuelux/markup/search.html
vendored
Normal file
9
assets/vendor/fuelux/markup/search.html
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class="search input-group" id="mySearch">
|
||||
<input type="search" class="form-control" placeholder="Search"/>
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="button">
|
||||
<span class="glyphicon glyphicon-search"></span>
|
||||
<span class="sr-only">Search</span>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
5
assets/vendor/fuelux/markup/selectlist-variations.txt
vendored
Normal file
5
assets/vendor/fuelux/markup/selectlist-variations.txt
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
//Has selected item upon initialization
|
||||
- add 'data-selected="true"' to desired 'ul.dropdown-menu li' tag
|
||||
|
||||
//Auto resizing
|
||||
- add 'data-resize="auto"' to 'selectlist' classed element
|
||||
15
assets/vendor/fuelux/markup/selectlist.html
vendored
Normal file
15
assets/vendor/fuelux/markup/selectlist.html
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
<div class="btn-group selectlist" data-resize="auto" id="mySelectlist">
|
||||
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
|
||||
<span class="selected-label"> </span>
|
||||
<span class="caret"></span>
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li data-value="1"><a href="#">One</a></li>
|
||||
<li data-value="2"><a href="#">Two</a></li>
|
||||
<li data-value="3"><a href="#">Three</a></li>
|
||||
<li data-value="4"><a href="#">Buzz</a></li>
|
||||
<li data-value="Item Five" data-foo="bar" data-fizz="buzz"><a href="#">Item Five</a></li>
|
||||
</ul>
|
||||
<input class="hidden hidden-field" name="mySelectlist" readonly="readonly" aria-hidden="true" type="text"/>
|
||||
</div>
|
||||
3
assets/vendor/fuelux/markup/spinbox-variations.txt
vendored
Normal file
3
assets/vendor/fuelux/markup/spinbox-variations.txt
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
//Has default value to begin with
|
||||
- add 'value="{{string}}"' to input classed 'spinbox-input'
|
||||
(ex: 'value="10"')
|
||||
11
assets/vendor/fuelux/markup/spinbox.html
vendored
Normal file
11
assets/vendor/fuelux/markup/spinbox.html
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
<div class="spinbox" id="mySpinbox">
|
||||
<input id="mySpinboxInput" type="text" class="form-control input-mini spinbox-input">
|
||||
<div class="spinbox-buttons btn-group btn-group-vertical">
|
||||
<button class="btn btn-default spinbox-up btn-xs">
|
||||
<span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
|
||||
</button>
|
||||
<button class="btn btn-default spinbox-down btn-xs">
|
||||
<span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
19
assets/vendor/fuelux/markup/tree-folders-selectable.html
vendored
Normal file
19
assets/vendor/fuelux/markup/tree-folders-selectable.html
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
<ul class="tree tree-folder-select" id="myTree" role="tree">
|
||||
<li class="tree-branch hide" data-template="treebranch" role="treeitem" aria-expanded="false">
|
||||
<div class="tree-branch-header">
|
||||
<button class="glyphicon icon-caret glyphicon-play"><span class="sr-only">Open</span></button>
|
||||
<button class="tree-branch-name">
|
||||
<span class="glyphicon icon-folder glyphicon-folder-close"></span>
|
||||
<span class="tree-label"></span>
|
||||
</button>
|
||||
</div>
|
||||
<ul class="tree-branch-children" role="group"></ul>
|
||||
<div class="tree-loader" role="alert">Loading...</div>
|
||||
</li>
|
||||
<li class="tree-item hide" data-template="treeitem" role="treeitem">
|
||||
<button class="tree-item-name">
|
||||
<span class="glyphicon icon-item fueluxicon-bullet"></span>
|
||||
<span class="tree-label"></span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
19
assets/vendor/fuelux/markup/tree.html
vendored
Normal file
19
assets/vendor/fuelux/markup/tree.html
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
<ul class="tree" id="myTree" role="tree">
|
||||
<li class="tree-branch hide" data-template="treebranch" role="treeitem" aria-expanded="false">
|
||||
<div class="tree-branch-header">
|
||||
<button class="tree-branch-name">
|
||||
<span class="glyphicon icon-caret glyphicon-play"></span>
|
||||
<span class="glyphicon icon-folder glyphicon-folder-close"></span>
|
||||
<span class="tree-label"></span>
|
||||
</button>
|
||||
</div>
|
||||
<ul class="tree-branch-children" role="group"></ul>
|
||||
<div class="tree-loader" role="alert">Loading...</div>
|
||||
</li>
|
||||
<li class="tree-item hide" data-template="treeitem" role="treeitem">
|
||||
<button class="tree-item-name">
|
||||
<span class="glyphicon icon-item fueluxicon-bullet"></span>
|
||||
<span class="tree-label"></span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
2
assets/vendor/fuelux/markup/wizard-variations.txt
vendored
Normal file
2
assets/vendor/fuelux/markup/wizard-variations.txt
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
//Active step
|
||||
- add class 'active' to 'ul.steps li' element of choice to make that step active upon initialization
|
||||
45
assets/vendor/fuelux/markup/wizard.html
vendored
Normal file
45
assets/vendor/fuelux/markup/wizard.html
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
<div class="wizard" id="myWizard">
|
||||
<ul class="steps">
|
||||
<li data-step="1"><span class="badge">1</span>Campaign<span class="chevron"></span></li>
|
||||
<li data-step="2"><span class="badge">2</span>Recipients<span class="chevron"></span></li>
|
||||
<li data-step="3"><span class="badge">3</span>Template<span class="chevron"></span></li>
|
||||
<li data-step="4"><span class="badge">4</span>Preview<span class="chevron"></span></li>
|
||||
<li data-step="5"><span class="badge">5</span>Send<span class="chevron"></span></li>
|
||||
</ul>
|
||||
<div class="actions">
|
||||
<button class="btn btn-default btn-prev"><span class="glyphicon glyphicon-arrow-left"></span>Prev</button>
|
||||
<button class="btn btn-default btn-next" data-last="Complete">Next<span class="glyphicon glyphicon-arrow-right"></span></button>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<div class="step-pane active sample-pane alert" data-step="1">
|
||||
<h4>Setup Campaign</h4>
|
||||
<p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
|
||||
<p>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
|
||||
<p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini. </p>
|
||||
</div>
|
||||
<div class="step-pane sample-pane bg-info alert" data-step="2">
|
||||
<h4>Choose Recipients</h4>
|
||||
<p>Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard. </p>
|
||||
<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jÃcama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach. </p>
|
||||
<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens. </p>
|
||||
</div>
|
||||
<div class="step-pane sample-pane bg-danger alert" data-step="3">
|
||||
<h4>Design Template</h4>
|
||||
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jÃcama salsify. </p>
|
||||
<p>Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard. </p>
|
||||
<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jÃcama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach. </p>
|
||||
</div>
|
||||
<div class="step-pane sample-pane bg-warning alert" data-step="4">
|
||||
<h4>Preview Message</h4>
|
||||
<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens tigernut soybean radish artichoke wattle seed endive groundnut broccoli arugula. Beetroot water spinach okra water chestnut ricebean pea catsear courgette.</p>
|
||||
<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut. Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic.</p>
|
||||
<p>Jacama garlic courgette coriander radicchio plantain scallion cauliflower fava bean desert raisin spring onion chicory bunya nuts. Sea lettuce water spinach gram fava bean leek dandelion silver beet eggplant bush tomato. </p>
|
||||
</div>
|
||||
<div class="step-pane sample-pane bg-success alert" data-step="5">
|
||||
<h4>Send Message</h4>
|
||||
<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut.</p>
|
||||
<p>Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic. JÃcama garlic courgette coriander radicchio plantain scallion cauliflower fava bean desert raisin spring onion chicory bunya nuts. Sea lettuce water spinach gram fava bean leek dandelion silver beet eggplant bush tomato. </p>
|
||||
<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jÃcama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
BIN
dev/node_modules.tar.gz
Normal file
BIN
dev/node_modules.tar.gz
Normal file
Binary file not shown.
Reference in New Issue
Block a user