', 'dist/loader.js'],
24 | dest: 'dist/loader.min.js'
25 | }
26 | },
27 | qunit: {
28 | tests: ['test/**/*.html']
29 | },
30 | lint: {
31 | files: ['grunt.js', 'src/**/*.js', 'test/**/*.js']
32 | },
33 | watch: {
34 | files: ['grunt.js', 'lib/**', 'src/**', 'test/**'],
35 | tasks: 'lint qunit recess'
36 | },
37 | jshint: {
38 | options: {
39 | curly: false,
40 | eqeqeq: true,
41 | immed: true,
42 | latedef: true,
43 | newcap: true,
44 | noarg: true,
45 | sub: true,
46 | undef: true,
47 | unused: true,
48 | boss: true,
49 | eqnull: true,
50 | browser: true
51 | },
52 | globals: {
53 | jQuery: true,
54 | define: true,
55 | require: true
56 | }
57 | },
58 | uglify: {},
59 | requirejs: {
60 | combine: {
61 | options: {
62 | appDir: 'src',
63 | baseUrl: '.',
64 | dir: 'dist',
65 | optimize: 'none',
66 | optimizeCss: 'none',
67 | wrap: true,
68 | paths: {
69 | almond: '../lib/almond',
70 | bootstrap: '../lib/bootstrap/js',
71 | jquery: '../lib/jquery',
72 | fuelux: '../dist'
73 | },
74 | modules: [
75 | {
76 | name: 'fuelux/all',
77 | exclude: ['jquery']
78 | },
79 | {
80 | name: 'fuelux/loader',
81 | include: ['almond', 'fuelux/all'],
82 | exclude: ['jquery']
83 | }
84 | ]
85 | }
86 | }
87 | },
88 | recess: {
89 | compile: {
90 | src: ['src/less/fuelux.less'],
91 | dest: 'dist/css/fuelux.css',
92 | options: {
93 | compile: true
94 | }
95 | },
96 | compile_responsive: {
97 | src: ['src/less/fuelux-responsive.less'],
98 | dest: 'dist/css/fuelux-responsive.css',
99 | options: {
100 | compile: true
101 | }
102 | },
103 | compress: {
104 | src: ['src/less/fuelux.less'],
105 | dest: 'dist/css/fuelux.min.css',
106 | options: {
107 | compile: true,
108 | compress: true
109 | }
110 | },
111 | compress_responsive: {
112 | src: ['src/less/fuelux-responsive.less'],
113 | dest: 'dist/css/fuelux-responsive.min.css',
114 | options: {
115 | compile: true,
116 | compress: true
117 | }
118 | }
119 | },
120 | clean: {
121 | dist: ['dist/build.txt', 'dist/fuelux.zip'],
122 | zipsrc: ['dist/fuelux']
123 | },
124 | copy: {
125 | images: {
126 | options: {
127 | basePath: 'lib/bootstrap/img'
128 | },
129 | files: {
130 | 'dist/img': 'lib/bootstrap/img/**'
131 | }
132 | },
133 | zipsrc: {
134 | options: {
135 | basePath: 'dist'
136 | },
137 | files: {
138 | 'dist/fuelux': 'dist/**'
139 | }
140 | }
141 | },
142 | compress: {
143 | zip: {
144 | files: {
145 | 'dist/fuelux.zip': 'dist/fuelux/**'
146 | },
147 | options: {
148 | mode: 'zip',
149 | basePath: 'dist/'
150 | }
151 | }
152 | }
153 | });
154 |
155 | // Default task.
156 | grunt.registerTask('default', 'lint qunit requirejs recess copy:images clean:dist min copy:zipsrc compress clean:zipsrc');
157 | grunt.registerTask('devserver', 'lint qunit recess server watch'); // development server
158 |
159 | };
160 |
--------------------------------------------------------------------------------
/test/search-test.js:
--------------------------------------------------------------------------------
1 | /*global QUnit:false, module:false, test:false, asyncTest:false, expect:false*/
2 | /*global start:false, stop:false ok:false, equal:false, notEqual:false, deepEqual:false*/
3 | /*global notDeepEqual:false, strictEqual:false, notStrictEqual:false, raises:false*/
4 |
5 | require(['jquery', 'fuelux/search'], function($) {
6 |
7 | module("Fuel UX search");
8 |
9 | test("should be defined on jquery object", function () {
10 | ok($(document.body).search, 'search method is defined');
11 | });
12 |
13 | test("should return element", function () {
14 | ok($(document.body).search()[0] === document.body, 'document.body returned');
15 | });
16 |
17 | test("should ignore empty search", function () {
18 | var searchHTML = '';
19 |
20 | var $search = $(searchHTML).search();
21 |
22 | $search.find('button').click();
23 |
24 | equal($search.find('i').attr('class'), 'icon-search', 'search icon has not changed');
25 | });
26 |
27 | test("should ignore disabled button click", function () {
28 | var searchHTML = '';
29 |
30 | var $search = $(searchHTML).search();
31 |
32 | $search.find('input').val('search text');
33 | $search.find('button').click();
34 |
35 | equal($search.find('i').attr('class'), 'icon-search', 'search icon has not changed');
36 | });
37 |
38 | test("should process valid search", function () {
39 | var searchHTML = '';
40 | var searchText = '';
41 |
42 | var $search = $(searchHTML).search().on('searched', function (e, text) { searchText = text; });
43 |
44 | $search.find('input').val('search text');
45 | $search.find('button').click();
46 |
47 | equal($search.find('i').attr('class'), 'icon-remove', 'search icon has changed');
48 | equal(searchText, 'search text', 'search text was provided in event');
49 | });
50 |
51 | test("should allow search to be cleared", function () {
52 | var searchHTML = '';
53 | var clearedEventFired = false;
54 |
55 | var $search = $(searchHTML).search().on('cleared', function (e, text) { clearedEventFired = true; });
56 |
57 | $search.find('input').val('search text');
58 | $search.find('button').click();
59 | $search.find('button').click();
60 |
61 | equal($search.find('i').attr('class'), 'icon-search', 'search icon has returned');
62 | equal($search.find('input').val(), '', 'search text has been cleared');
63 | equal(clearedEventFired, true, 'cleared event was fired');
64 | });
65 |
66 | test("should process sequential searches", function () {
67 | var searchHTML = '';
68 | var searchText = '';
69 |
70 | var $search = $(searchHTML).search().on('searched', function (e, text) { searchText = text; });
71 |
72 | $search.find('input').val('search text');
73 | $search.find('button').click();
74 |
75 | equal($search.find('i').attr('class'), 'icon-remove', 'search icon has changed');
76 | equal(searchText, 'search text', 'search text was provided in event');
77 |
78 | $search.find('input').val('search text 2').keyup();
79 | equal($search.find('i').attr('class'), 'icon-search', 'search icon has returned');
80 |
81 | $search.find('button').click();
82 |
83 | equal($search.find('i').attr('class'), 'icon-remove', 'search icon has changed');
84 | equal(searchText, 'search text 2', 'search text was provided in event');
85 | });
86 |
87 | test("should correctly respond to disable and enable methods", function () {
88 | var searchHTML = '';
89 |
90 | var $search = $(searchHTML).search('disable');
91 |
92 | equal($search.find('input').attr('disabled'), 'disabled', 'input was disabled');
93 | equal($search.find('button').hasClass('disabled'), true, 'button was disabled');
94 |
95 | $search.search('enable');
96 |
97 | equal($search.find('input').attr('disabled'), undefined, 'input was enabled');
98 | equal($search.find('button').hasClass('disabled'), false, 'button was enabled');
99 | });
100 |
101 | });
--------------------------------------------------------------------------------
/lib/bootstrap/js/tests/unit/bootstrap-button.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 |
3 | module("bootstrap-buttons")
4 |
5 | test("should provide no conflict", function () {
6 | var button = $.fn.button.noConflict()
7 | ok(!$.fn.button, 'button was set back to undefined (org value)')
8 | $.fn.button = button
9 | })
10 |
11 | test("should be defined on jquery object", function () {
12 | ok($(document.body).button, 'button method is defined')
13 | })
14 |
15 | test("should return element", function () {
16 | ok($(document.body).button()[0] == document.body, 'document.body returned')
17 | })
18 |
19 | test("should return set state to loading", function () {
20 | var btn = $('')
21 | equals(btn.html(), 'mdo', 'btn text equals mdo')
22 | btn.button('loading')
23 | equals(btn.html(), 'fat', 'btn text equals fat')
24 | stop()
25 | setTimeout(function () {
26 | ok(btn.attr('disabled'), 'btn is disabled')
27 | ok(btn.hasClass('disabled'), 'btn has disabled class')
28 | start()
29 | }, 0)
30 | })
31 |
32 | test("should return reset state", function () {
33 | var btn = $('')
34 | equals(btn.html(), 'mdo', 'btn text equals mdo')
35 | btn.button('loading')
36 | equals(btn.html(), 'fat', 'btn text equals fat')
37 | stop()
38 | setTimeout(function () {
39 | ok(btn.attr('disabled'), 'btn is disabled')
40 | ok(btn.hasClass('disabled'), 'btn has disabled class')
41 | start()
42 | stop()
43 | }, 0)
44 | btn.button('reset')
45 | equals(btn.html(), 'mdo', 'btn text equals mdo')
46 | setTimeout(function () {
47 | ok(!btn.attr('disabled'), 'btn is not disabled')
48 | ok(!btn.hasClass('disabled'), 'btn does not have disabled class')
49 | start()
50 | }, 0)
51 | })
52 |
53 | test("should toggle active", function () {
54 | var btn = $('')
55 | ok(!btn.hasClass('active'), 'btn does not have active class')
56 | btn.button('toggle')
57 | ok(btn.hasClass('active'), 'btn has class active')
58 | })
59 |
60 | test("should toggle active when btn children are clicked", function () {
61 | var btn = $('')
62 | , inner = $('')
63 | btn
64 | .append(inner)
65 | .appendTo($('#qunit-fixture'))
66 | ok(!btn.hasClass('active'), 'btn does not have active class')
67 | inner.click()
68 | ok(btn.hasClass('active'), 'btn has class active')
69 | })
70 |
71 | test("should toggle active when btn children are clicked within btn-group", function () {
72 | var btngroup = $('')
73 | , btn = $('')
74 | , inner = $('')
75 | btngroup
76 | .append(btn.append(inner))
77 | .appendTo($('#qunit-fixture'))
78 | ok(!btn.hasClass('active'), 'btn does not have active class')
79 | inner.click()
80 | ok(btn.hasClass('active'), 'btn has class active')
81 | })
82 |
83 | test("should check for closest matching toggle", function () {
84 | var group = $("")
85 | , btn1 = $("")
86 | , btn2 = $("")
87 | , wrap = $("")
88 |
89 | wrap.append(btn1, btn2)
90 |
91 | group
92 | .append(wrap)
93 | .appendTo($('#qunit-fixture'))
94 |
95 | ok(btn1.hasClass('active'), 'btn1 has active class')
96 | ok(!btn2.hasClass('active'), 'btn2 does not have active class')
97 | btn2.click()
98 | ok(!btn1.hasClass('active'), 'btn1 does not have active class')
99 | ok(btn2.hasClass('active'), 'btn2 has active class')
100 | })
101 |
102 | })
--------------------------------------------------------------------------------
/lib/bootstrap/js/bootstrap-affix.js:
--------------------------------------------------------------------------------
1 | //Wrapped in an outer function to preserve global this
2 | (function (root) { var amdExports; define(['bootstrap/bootstrap-transition'], function () { (function () {
3 |
4 | /* ==========================================================
5 | * bootstrap-affix.js v2.3.2
6 | * http://twitter.github.com/bootstrap/javascript.html#affix
7 | * ==========================================================
8 | * Copyright 2012 Twitter, Inc.
9 | *
10 | * Licensed under the Apache License, Version 2.0 (the "License");
11 | * you may not use this file except in compliance with the License.
12 | * You may obtain a copy of the License at
13 | *
14 | * http://www.apache.org/licenses/LICENSE-2.0
15 | *
16 | * Unless required by applicable law or agreed to in writing, software
17 | * distributed under the License is distributed on an "AS IS" BASIS,
18 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
19 | * See the License for the specific language governing permissions and
20 | * limitations under the License.
21 | * ========================================================== */
22 |
23 |
24 | !function ($) {
25 |
26 | "use strict"; // jshint ;_;
27 |
28 |
29 | /* AFFIX CLASS DEFINITION
30 | * ====================== */
31 |
32 | var Affix = function (element, options) {
33 | this.options = $.extend({}, $.fn.affix.defaults, options)
34 | this.$window = $(window)
35 | .on('scroll.affix.data-api', $.proxy(this.checkPosition, this))
36 | .on('click.affix.data-api', $.proxy(function () { setTimeout($.proxy(this.checkPosition, this), 1) }, this))
37 | this.$element = $(element)
38 | this.checkPosition()
39 | }
40 |
41 | Affix.prototype.checkPosition = function () {
42 | if (!this.$element.is(':visible')) return
43 |
44 | var scrollHeight = $(document).height()
45 | , scrollTop = this.$window.scrollTop()
46 | , position = this.$element.offset()
47 | , offset = this.options.offset
48 | , offsetBottom = offset.bottom
49 | , offsetTop = offset.top
50 | , reset = 'affix affix-top affix-bottom'
51 | , affix
52 |
53 | if (typeof offset != 'object') offsetBottom = offsetTop = offset
54 | if (typeof offsetTop == 'function') offsetTop = offset.top()
55 | if (typeof offsetBottom == 'function') offsetBottom = offset.bottom()
56 |
57 | affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ?
58 | false : offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ?
59 | 'bottom' : offsetTop != null && scrollTop <= offsetTop ?
60 | 'top' : false
61 |
62 | if (this.affixed === affix) return
63 |
64 | this.affixed = affix
65 | this.unpin = affix == 'bottom' ? position.top - scrollTop : null
66 |
67 | this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : ''))
68 | }
69 |
70 |
71 | /* AFFIX PLUGIN DEFINITION
72 | * ======================= */
73 |
74 | var old = $.fn.affix
75 |
76 | $.fn.affix = function (option) {
77 | return this.each(function () {
78 | var $this = $(this)
79 | , data = $this.data('affix')
80 | , options = typeof option == 'object' && option
81 | if (!data) $this.data('affix', (data = new Affix(this, options)))
82 | if (typeof option == 'string') data[option]()
83 | })
84 | }
85 |
86 | $.fn.affix.Constructor = Affix
87 |
88 | $.fn.affix.defaults = {
89 | offset: 0
90 | }
91 |
92 |
93 | /* AFFIX NO CONFLICT
94 | * ================= */
95 |
96 | $.fn.affix.noConflict = function () {
97 | $.fn.affix = old
98 | return this
99 | }
100 |
101 |
102 | /* AFFIX DATA-API
103 | * ============== */
104 |
105 | $(window).on('load', function () {
106 | $('[data-spy="affix"]').each(function () {
107 | var $spy = $(this)
108 | , data = $spy.data()
109 |
110 | data.offset = data.offset || {}
111 |
112 | data.offsetBottom && (data.offset.bottom = data.offsetBottom)
113 | data.offsetTop && (data.offset.top = data.offsetTop)
114 |
115 | $spy.affix(data)
116 | })
117 | })
118 |
119 |
120 | }(window.jQuery);
121 |
122 |
123 | }.call(root));
124 | return amdExports;
125 | }); }(this));
126 |
--------------------------------------------------------------------------------
/lib/bootstrap/js/bootstrap-tab.js:
--------------------------------------------------------------------------------
1 | //Wrapped in an outer function to preserve global this
2 | (function (root) { var amdExports; define(['bootstrap/bootstrap-transition'], function () { (function () {
3 |
4 | /* ========================================================
5 | * bootstrap-tab.js v2.3.2
6 | * http://twitter.github.com/bootstrap/javascript.html#tabs
7 | * ========================================================
8 | * Copyright 2012 Twitter, Inc.
9 | *
10 | * Licensed under the Apache License, Version 2.0 (the "License");
11 | * you may not use this file except in compliance with the License.
12 | * You may obtain a copy of the License at
13 | *
14 | * http://www.apache.org/licenses/LICENSE-2.0
15 | *
16 | * Unless required by applicable law or agreed to in writing, software
17 | * distributed under the License is distributed on an "AS IS" BASIS,
18 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
19 | * See the License for the specific language governing permissions and
20 | * limitations under the License.
21 | * ======================================================== */
22 |
23 |
24 | !function ($) {
25 |
26 | "use strict"; // jshint ;_;
27 |
28 |
29 | /* TAB CLASS DEFINITION
30 | * ==================== */
31 |
32 | var Tab = function (element) {
33 | this.element = $(element)
34 | }
35 |
36 | Tab.prototype = {
37 |
38 | constructor: Tab
39 |
40 | , show: function () {
41 | var $this = this.element
42 | , $ul = $this.closest('ul:not(.dropdown-menu)')
43 | , selector = $this.attr('data-target')
44 | , previous
45 | , $target
46 | , e
47 |
48 | if (!selector) {
49 | selector = $this.attr('href')
50 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
51 | }
52 |
53 | if ( $this.parent('li').hasClass('active') ) return
54 |
55 | previous = $ul.find('.active:last a')[0]
56 |
57 | e = $.Event('show', {
58 | relatedTarget: previous
59 | })
60 |
61 | $this.trigger(e)
62 |
63 | if (e.isDefaultPrevented()) return
64 |
65 | $target = $(selector)
66 |
67 | this.activate($this.parent('li'), $ul)
68 | this.activate($target, $target.parent(), function () {
69 | $this.trigger({
70 | type: 'shown'
71 | , relatedTarget: previous
72 | })
73 | })
74 | }
75 |
76 | , activate: function ( element, container, callback) {
77 | var $active = container.find('> .active')
78 | , transition = callback
79 | && $.support.transition
80 | && $active.hasClass('fade')
81 |
82 | function next() {
83 | $active
84 | .removeClass('active')
85 | .find('> .dropdown-menu > .active')
86 | .removeClass('active')
87 |
88 | element.addClass('active')
89 |
90 | if (transition) {
91 | element[0].offsetWidth // reflow for transition
92 | element.addClass('in')
93 | } else {
94 | element.removeClass('fade')
95 | }
96 |
97 | if ( element.parent('.dropdown-menu') ) {
98 | element.closest('li.dropdown').addClass('active')
99 | }
100 |
101 | callback && callback()
102 | }
103 |
104 | transition ?
105 | $active.one($.support.transition.end, next) :
106 | next()
107 |
108 | $active.removeClass('in')
109 | }
110 | }
111 |
112 |
113 | /* TAB PLUGIN DEFINITION
114 | * ===================== */
115 |
116 | var old = $.fn.tab
117 |
118 | $.fn.tab = function ( option ) {
119 | return this.each(function () {
120 | var $this = $(this)
121 | , data = $this.data('tab')
122 | if (!data) $this.data('tab', (data = new Tab(this)))
123 | if (typeof option == 'string') data[option]()
124 | })
125 | }
126 |
127 | $.fn.tab.Constructor = Tab
128 |
129 |
130 | /* TAB NO CONFLICT
131 | * =============== */
132 |
133 | $.fn.tab.noConflict = function () {
134 | $.fn.tab = old
135 | return this
136 | }
137 |
138 |
139 | /* TAB DATA-API
140 | * ============ */
141 |
142 | $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
143 | e.preventDefault()
144 | $(this).tab('show')
145 | })
146 |
147 | }(window.jQuery);
148 |
149 |
150 | }.call(root));
151 | return amdExports;
152 | }); }(this));
153 |
--------------------------------------------------------------------------------
/test/select-test.js:
--------------------------------------------------------------------------------
1 | /*global QUnit:false, module:false, test:false, asyncTest:false, expect:false*/
2 | /*global start:false, stop:false ok:false, equal:false, notEqual:false, deepEqual:false*/
3 | /*global notDeepEqual:false, strictEqual:false, notStrictEqual:false, raises:false*/
4 |
5 | require(['jquery', 'fuelux/select'], function ($) {
6 |
7 | var html = '' +
8 | '' +
9 | '' +
16 | '
';
17 |
18 |
19 | module("Fuel UX select");
20 |
21 | test("should be defined on jquery object", function () {
22 | ok($(document.body).select, 'select method is defined');
23 | });
24 |
25 | test("should return element", function () {
26 | ok($(document.body).select()[0] === document.body, 'document.body returned');
27 | });
28 |
29 | test("should set disabled state", function () {
30 | var $select = $(html).select();
31 | $select.select('disable');
32 | equal($select.find('.btn').hasClass('disabled'), true, 'element disabled');
33 | });
34 |
35 | test("should set enabled state", function () {
36 | var $select = $(html).select();
37 | $select.select('disable');
38 | $select.select('enable');
39 | equal($select.find('.btn').hasClass('disabled'), false, 'element enabled');
40 | });
41 |
42 | test("should set default selection", function () {
43 | // should be "Three" based on the data-selected attribute
44 | var $select = $(html).select();
45 | var item = $select.select('selectedItem');
46 | var expectedItem = { text: 'Three', value: 3 };
47 | deepEqual(item, expectedItem, 'default item selected');
48 | });
49 |
50 | test("should select by index", function () {
51 | var $select = $(html).select();
52 | $select.select('selectByIndex', 0);
53 |
54 | var item = $select.select('selectedItem');
55 | var expectedItem = { text: 'One', value: 1 };
56 | deepEqual(item, expectedItem, 'item selected');
57 | });
58 |
59 | test("should select by value", function () {
60 | var $select = $(html).select();
61 | $select.select('selectByValue', 2);
62 |
63 | var item = $select.select('selectedItem');
64 | var expectedItem = { text: 'Two', value: 2 };
65 | deepEqual(item, expectedItem, 'item selected');
66 | });
67 |
68 | test("should select by value with whitespace", function () {
69 | var $select = $(html).select();
70 | $select.select('selectByValue', 'Item Five');
71 |
72 | var item = $select.select('selectedItem');
73 | var expectedItem = { text: 'Item Five', value: 'Item Five' };
74 | deepEqual(item, expectedItem, 'item selected');
75 | });
76 |
77 | test("should select by text", function () {
78 | var $select = $(html).select();
79 | $select.select('selectByText', 'THREE');
80 |
81 | var item = $select.select('selectedItem');
82 | var expectedItem = { text: 'Three' };
83 | deepEqual(item, expectedItem, 'item selected');
84 | });
85 |
86 | test("should select by text with whitespace", function () {
87 | var $select = $(html).select();
88 | $select.select('selectByText', 'Item Five');
89 |
90 | var item = $select.select('selectedItem');
91 | var expectedItem = { text: 'Item Five' };
92 | deepEqual(item, expectedItem, 'item selected');
93 | });
94 |
95 | test("should select by selector", function () {
96 | var $select = $(html).select();
97 | $select.select('selectBySelector', 'li[data-fizz=buzz]');
98 |
99 | var item = $select.select('selectedItem');
100 | var expectedItem = { text: 'Four', value: 4, foo: 'bar', fizz: 'buzz' };
101 | deepEqual(item, expectedItem, 'item selected');
102 | });
103 |
104 | test("should fire changed event", function () {
105 | var eventFired = false;
106 | var selectedText = '';
107 | var selectedValue = '';
108 |
109 | var $select = $(html).select().on('changed', function (evt, data) {
110 | eventFired = true;
111 | selectedText = data.text;
112 | selectedValue = data.value;
113 | });
114 |
115 | // simulate changed event
116 | $select.find('a:first').click();
117 |
118 | equal(eventFired, true, 'changed event fired');
119 | equal(selectedText, 'One', 'text passed in from changed event');
120 | equal(selectedValue, 1, 'value passed in from changed event');
121 | });
122 | });
--------------------------------------------------------------------------------
/lib/bootstrap/less/responsive-767px-max.less:
--------------------------------------------------------------------------------
1 | //
2 | // Responsive: Landscape phone to desktop/tablet
3 | // --------------------------------------------------
4 |
5 |
6 | @media (max-width: 767px) {
7 |
8 | // Padding to set content in a bit
9 | body {
10 | padding-left: 20px;
11 | padding-right: 20px;
12 | }
13 | // Negative indent the now static "fixed" navbar
14 | .navbar-fixed-top,
15 | .navbar-fixed-bottom,
16 | .navbar-static-top {
17 | margin-left: -20px;
18 | margin-right: -20px;
19 | }
20 | // Remove padding on container given explicit padding set on body
21 | .container-fluid {
22 | padding: 0;
23 | }
24 |
25 | // TYPOGRAPHY
26 | // ----------
27 | // Reset horizontal dl
28 | .dl-horizontal {
29 | dt {
30 | float: none;
31 | clear: none;
32 | width: auto;
33 | text-align: left;
34 | }
35 | dd {
36 | margin-left: 0;
37 | }
38 | }
39 |
40 | // GRID & CONTAINERS
41 | // -----------------
42 | // Remove width from containers
43 | .container {
44 | width: auto;
45 | }
46 | // Fluid rows
47 | .row-fluid {
48 | width: 100%;
49 | }
50 | // Undo negative margin on rows and thumbnails
51 | .row,
52 | .thumbnails {
53 | margin-left: 0;
54 | }
55 | .thumbnails > li {
56 | float: none;
57 | margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
58 | }
59 | // Make all grid-sized elements block level again
60 | [class*="span"],
61 | .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
62 | .row-fluid [class*="span"] {
63 | float: none;
64 | display: block;
65 | width: 100%;
66 | margin-left: 0;
67 | .box-sizing(border-box);
68 | }
69 | .span12,
70 | .row-fluid .span12 {
71 | width: 100%;
72 | .box-sizing(border-box);
73 | }
74 | .row-fluid [class*="offset"]:first-child {
75 | margin-left: 0;
76 | }
77 |
78 | // FORM FIELDS
79 | // -----------
80 | // Make span* classes full width
81 | .input-large,
82 | .input-xlarge,
83 | .input-xxlarge,
84 | input[class*="span"],
85 | select[class*="span"],
86 | textarea[class*="span"],
87 | .uneditable-input {
88 | .input-block-level();
89 | }
90 | // But don't let it screw up prepend/append inputs
91 | .input-prepend input,
92 | .input-append input,
93 | .input-prepend input[class*="span"],
94 | .input-append input[class*="span"] {
95 | display: inline-block; // redeclare so they don't wrap to new lines
96 | width: auto;
97 | }
98 | .controls-row [class*="span"] + [class*="span"] {
99 | margin-left: 0;
100 | }
101 |
102 | // Modals
103 | .modal {
104 | position: fixed;
105 | top: 20px;
106 | left: 20px;
107 | right: 20px;
108 | width: auto;
109 | margin: 0;
110 | &.fade { top: -100px; }
111 | &.fade.in { top: 20px; }
112 | }
113 |
114 | }
115 |
116 |
117 |
118 | // UP TO LANDSCAPE PHONE
119 | // ---------------------
120 |
121 | @media (max-width: 480px) {
122 |
123 | // Smooth out the collapsing/expanding nav
124 | .nav-collapse {
125 | -webkit-transform: translate3d(0, 0, 0); // activate the GPU
126 | }
127 |
128 | // Block level the page header small tag for readability
129 | .page-header h1 small {
130 | display: block;
131 | line-height: @baseLineHeight;
132 | }
133 |
134 | // Update checkboxes for iOS
135 | input[type="checkbox"],
136 | input[type="radio"] {
137 | border: 1px solid #ccc;
138 | }
139 |
140 | // Remove the horizontal form styles
141 | .form-horizontal {
142 | .control-label {
143 | float: none;
144 | width: auto;
145 | padding-top: 0;
146 | text-align: left;
147 | }
148 | // Move over all input controls and content
149 | .controls {
150 | margin-left: 0;
151 | }
152 | // Move the options list down to align with labels
153 | .control-list {
154 | padding-top: 0; // has to be padding because margin collaspes
155 | }
156 | // Move over buttons in .form-actions to align with .controls
157 | .form-actions {
158 | padding-left: 10px;
159 | padding-right: 10px;
160 | }
161 | }
162 |
163 | // Medias
164 | // Reset float and spacing to stack
165 | .media .pull-left,
166 | .media .pull-right {
167 | float: none;
168 | display: block;
169 | margin-bottom: 10px;
170 | }
171 | // Remove side margins since we stack instead of indent
172 | .media-object {
173 | margin-right: 0;
174 | margin-left: 0;
175 | }
176 |
177 | // Modals
178 | .modal {
179 | top: 10px;
180 | left: 10px;
181 | right: 10px;
182 | }
183 | .modal-header .close {
184 | padding: 10px;
185 | margin: -10px;
186 | }
187 |
188 | // Carousel
189 | .carousel-caption {
190 | position: static;
191 | }
192 |
193 | }
194 |
--------------------------------------------------------------------------------
/lib/bootstrap/js/tests/unit/bootstrap-popover.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 |
3 | module("bootstrap-popover")
4 |
5 | test("should provide no conflict", function () {
6 | var popover = $.fn.popover.noConflict()
7 | ok(!$.fn.popover, 'popover was set back to undefined (org value)')
8 | $.fn.popover = popover
9 | })
10 |
11 | test("should be defined on jquery object", function () {
12 | var div = $('')
13 | ok(div.popover, 'popover method is defined')
14 | })
15 |
16 | test("should return element", function () {
17 | var div = $('')
18 | ok(div.popover() == div, 'document.body returned')
19 | })
20 |
21 | test("should render popover element", function () {
22 | $.support.transition = false
23 | var popover = $('@mdo')
24 | .appendTo('#qunit-fixture')
25 | .popover('show')
26 |
27 | ok($('.popover').length, 'popover was inserted')
28 | popover.popover('hide')
29 | ok(!$(".popover").length, 'popover removed')
30 | })
31 |
32 | test("should store popover instance in popover data object", function () {
33 | $.support.transition = false
34 | var popover = $('@mdo')
35 | .popover()
36 |
37 | ok(!!popover.data('popover'), 'popover instance exists')
38 | })
39 |
40 | test("should get title and content from options", function () {
41 | $.support.transition = false
42 | var popover = $('@fat')
43 | .appendTo('#qunit-fixture')
44 | .popover({
45 | title: function () {
46 | return '@fat'
47 | }
48 | , content: function () {
49 | return 'loves writing tests （╯°□°）╯︵ ┻━┻'
50 | }
51 | })
52 |
53 | popover.popover('show')
54 |
55 | ok($('.popover').length, 'popover was inserted')
56 | equals($('.popover .popover-title').text(), '@fat', 'title correctly inserted')
57 | equals($('.popover .popover-content').text(), 'loves writing tests （╯°□°）╯︵ ┻━┻', 'content correctly inserted')
58 |
59 | popover.popover('hide')
60 | ok(!$('.popover').length, 'popover was removed')
61 | $('#qunit-fixture').empty()
62 | })
63 |
64 | test("should get title and content from attributes", function () {
65 | $.support.transition = false
66 | var popover = $('@mdo')
67 | .appendTo('#qunit-fixture')
68 | .popover()
69 | .popover('show')
70 |
71 | ok($('.popover').length, 'popover was inserted')
72 | equals($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
73 | equals($('.popover .popover-content').text(), "loves data attributes (づ｡◕‿‿◕｡)づ ︵ ┻━┻", 'content correctly inserted')
74 |
75 | popover.popover('hide')
76 | ok(!$('.popover').length, 'popover was removed')
77 | $('#qunit-fixture').empty()
78 | })
79 |
80 | test("should respect custom classes", function() {
81 | $.support.transition = false
82 | var popover = $('@fat')
83 | .appendTo('#qunit-fixture')
84 | .popover({
85 | title: 'Test'
86 | , content: 'Test'
87 | , template: ''
88 | })
89 |
90 | popover.popover('show')
91 |
92 | ok($('.popover').length, 'popover was inserted')
93 | ok($('.popover').hasClass('foobar'), 'custom class is present')
94 |
95 | popover.popover('hide')
96 | ok(!$('.popover').length, 'popover was removed')
97 | $('#qunit-fixture').empty()
98 | })
99 |
100 | test("should destroy popover", function () {
101 | var popover = $('').popover({trigger: 'hover'}).on('click.foo', function(){})
102 | ok(popover.data('popover'), 'popover has data')
103 | ok($._data(popover[0], 'events').mouseover && $._data(popover[0], 'events').mouseout, 'popover has hover event')
104 | ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover has extra click.foo event')
105 | popover.popover('show')
106 | popover.popover('destroy')
107 | ok(!popover.hasClass('in'), 'popover is hidden')
108 | ok(!popover.data('popover'), 'popover does not have data')
109 | ok($._data(popover[0],'events').click[0].namespace == 'foo', 'popover still has click.foo')
110 | ok(!$._data(popover[0], 'events').mouseover && !$._data(popover[0], 'events').mouseout, 'popover does not have any events')
111 | })
112 |
113 | })
--------------------------------------------------------------------------------
/lib/bootstrap/less/tests/forms.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Bootstrap, from Twitter
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
19 |
20 |
21 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
177 |
178 |
179 |
180 |
--------------------------------------------------------------------------------
/src/combobox.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Fuel UX Combobox
3 | * https://github.com/ExactTarget/fuelux
4 | *
5 | * Copyright (c) 2012 ExactTarget
6 | * Licensed under the MIT license.
7 | */
8 |
9 | define(function (require) {
10 |
11 | var $ = require('jquery');
12 | require('./util');
13 |
14 | // COMBOBOX CONSTRUCTOR AND PROTOTYPE
15 |
16 | var Combobox = function (element, options) {
17 | this.$element = $(element);
18 | this.options = $.extend({}, $.fn.combobox.defaults, options);
19 | this.$element.on('click', 'a', $.proxy(this.itemclicked, this));
20 | this.$element.on('change', 'input', $.proxy(this.inputchanged, this));
21 | this.$input = this.$element.find('input');
22 | this.$button = this.$element.find('.btn');
23 |
24 | // set default selection
25 | this.setDefaultSelection();
26 | };
27 |
28 | Combobox.prototype = {
29 |
30 | constructor: Combobox,
31 |
32 | selectedItem: function () {
33 | var item = this.$selectedItem;
34 | var data = {};
35 |
36 | if (item) {
37 | var txt = this.$selectedItem.text();
38 | data = $.extend({ text: txt }, this.$selectedItem.data());
39 | }
40 | else {
41 | data = { text: this.$input.val()};
42 | }
43 |
44 | return data;
45 | },
46 |
47 | selectByText: function (text) {
48 | var selector = 'li:fuelTextExactCI(' + text + ')';
49 | this.selectBySelector(selector);
50 | },
51 |
52 | selectByValue: function (value) {
53 | var selector = 'li[data-value="' + value + '"]';
54 | this.selectBySelector(selector);
55 | },
56 |
57 | selectByIndex: function (index) {
58 | // zero-based index
59 | var selector = 'li:eq(' + index + ')';
60 | this.selectBySelector(selector);
61 | },
62 |
63 | selectBySelector: function (selector) {
64 | var $item = this.$element.find(selector);
65 |
66 | if (typeof $item[0] !== 'undefined') {
67 | this.$selectedItem = $item;
68 | this.$input.val(this.$selectedItem.text());
69 | }
70 | else {
71 | this.$selectedItem = null;
72 | }
73 | },
74 |
75 | setDefaultSelection: function () {
76 | var selector = 'li[data-selected=true]:first';
77 | var item = this.$element.find(selector);
78 |
79 | if (item.length > 0) {
80 | // select by data-attribute
81 | this.selectBySelector(selector);
82 | item.removeData('selected');
83 | item.removeAttr('data-selected');
84 | }
85 | },
86 |
87 | enable: function () {
88 | this.$input.removeAttr('disabled');
89 | this.$button.removeClass('disabled');
90 | },
91 |
92 | disable: function () {
93 | this.$input.attr('disabled', true);
94 | this.$button.addClass('disabled');
95 | },
96 |
97 | itemclicked: function (e) {
98 | this.$selectedItem = $(e.target).parent();
99 |
100 | // set input text and trigger input change event marked as synthetic
101 | this.$input.val(this.$selectedItem.text()).trigger('change', { synthetic: true });
102 |
103 | // pass object including text and any data-attributes
104 | // to onchange event
105 | var data = this.selectedItem();
106 |
107 | // trigger changed event
108 | this.$element.trigger('changed', data);
109 |
110 | e.preventDefault();
111 | },
112 |
113 | inputchanged: function (e, extra) {
114 |
115 | // skip processing for internally-generated synthetic event
116 | // to avoid double processing
117 | if (extra && extra.synthetic) return;
118 |
119 | var val = $(e.target).val();
120 | this.selectByText(val);
121 |
122 | // find match based on input
123 | // if no match, pass the input value
124 | var data = this.selectedItem();
125 | if (data.text.length === 0) {
126 | data = { text: val };
127 | }
128 |
129 | // trigger changed event
130 | this.$element.trigger('changed', data);
131 |
132 | }
133 |
134 | };
135 |
136 |
137 | // COMBOBOX PLUGIN DEFINITION
138 |
139 | $.fn.combobox = function (option, value) {
140 | var methodReturn;
141 |
142 | var $set = this.each(function () {
143 | var $this = $(this);
144 | var data = $this.data('combobox');
145 | var options = typeof option === 'object' && option;
146 |
147 | if (!data) $this.data('combobox', (data = new Combobox(this, options)));
148 | if (typeof option === 'string') methodReturn = data[option](value);
149 | });
150 |
151 | return (methodReturn === undefined) ? $set : methodReturn;
152 | };
153 |
154 | $.fn.combobox.defaults = {};
155 |
156 | $.fn.combobox.Constructor = Combobox;
157 |
158 |
159 | // COMBOBOX DATA-API
160 |
161 | $(function () {
162 |
163 | $(window).on('load', function () {
164 | $('.combobox').each(function () {
165 | var $this = $(this);
166 | if ($this.data('combobox')) return;
167 | $this.combobox($this.data());
168 | });
169 | });
170 |
171 | $('body').on('mousedown.combobox.data-api', '.combobox', function (e) {
172 | var $this = $(this);
173 | if ($this.data('combobox')) return;
174 | $this.combobox($this.data());
175 | });
176 | });
177 |
178 | });
179 |
--------------------------------------------------------------------------------
/lib/bootstrap/js/tests/unit/bootstrap-modal.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 |
3 | module("bootstrap-modal")
4 |
5 | test("should provide no conflict", function () {
6 | var modal = $.fn.modal.noConflict()
7 | ok(!$.fn.modal, 'modal was set back to undefined (org value)')
8 | $.fn.modal = modal
9 | })
10 |
11 | test("should be defined on jquery object", function () {
12 | var div = $("")
13 | ok(div.modal, 'modal method is defined')
14 | })
15 |
16 | test("should return element", function () {
17 | var div = $("")
18 | ok(div.modal() == div, 'document.body returned')
19 | $('#modal-test').remove()
20 | })
21 |
22 | test("should expose defaults var for settings", function () {
23 | ok($.fn.modal.defaults, 'default object exposed')
24 | })
25 |
26 | test("should insert into dom when show method is called", function () {
27 | stop()
28 | $.support.transition = false
29 | $("")
30 | .bind("shown", function () {
31 | ok($('#modal-test').length, 'modal insterted into dom')
32 | $(this).remove()
33 | start()
34 | })
35 | .modal("show")
36 | })
37 |
38 | test("should fire show event", function () {
39 | stop()
40 | $.support.transition = false
41 | $("")
42 | .bind("show", function () {
43 | ok(true, "show was called")
44 | })
45 | .bind("shown", function () {
46 | $(this).remove()
47 | start()
48 | })
49 | .modal("show")
50 | })
51 |
52 | test("should not fire shown when default prevented", function () {
53 | stop()
54 | $.support.transition = false
55 | $("")
56 | .bind("show", function (e) {
57 | e.preventDefault()
58 | ok(true, "show was called")
59 | start()
60 | })
61 | .bind("shown", function () {
62 | ok(false, "shown was called")
63 | })
64 | .modal("show")
65 | })
66 |
67 | test("should hide modal when hide is called", function () {
68 | stop()
69 | $.support.transition = false
70 |
71 | $("")
72 | .bind("shown", function () {
73 | ok($('#modal-test').is(":visible"), 'modal visible')
74 | ok($('#modal-test').length, 'modal insterted into dom')
75 | $(this).modal("hide")
76 | })
77 | .bind("hidden", function() {
78 | ok(!$('#modal-test').is(":visible"), 'modal hidden')
79 | $('#modal-test').remove()
80 | start()
81 | })
82 | .modal("show")
83 | })
84 |
85 | test("should toggle when toggle is called", function () {
86 | stop()
87 | $.support.transition = false
88 | var div = $("")
89 | div
90 | .bind("shown", function () {
91 | ok($('#modal-test').is(":visible"), 'modal visible')
92 | ok($('#modal-test').length, 'modal insterted into dom')
93 | div.modal("toggle")
94 | })
95 | .bind("hidden", function() {
96 | ok(!$('#modal-test').is(":visible"), 'modal hidden')
97 | div.remove()
98 | start()
99 | })
100 | .modal("toggle")
101 | })
102 |
103 | test("should remove from dom when click [data-dismiss=modal]", function () {
104 | stop()
105 | $.support.transition = false
106 | var div = $("
")
107 | div
108 | .bind("shown", function () {
109 | ok($('#modal-test').is(":visible"), 'modal visible')
110 | ok($('#modal-test').length, 'modal insterted into dom')
111 | div.find('.close').click()
112 | })
113 | .bind("hidden", function() {
114 | ok(!$('#modal-test').is(":visible"), 'modal hidden')
115 | div.remove()
116 | start()
117 | })
118 | .modal("toggle")
119 | })
120 |
121 | test("should allow modal close with 'backdrop:false'", function () {
122 | stop()
123 | $.support.transition = false
124 | var div = $("", { id: 'modal-test', "data-backdrop": false })
125 | div
126 | .bind("shown", function () {
127 | ok($('#modal-test').is(":visible"), 'modal visible')
128 | div.modal("hide")
129 | })
130 | .bind("hidden", function() {
131 | ok(!$('#modal-test').is(":visible"), 'modal hidden')
132 | div.remove()
133 | start()
134 | })
135 | .modal("show")
136 | })
137 | })
--------------------------------------------------------------------------------
/dist/combobox.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Fuel UX Combobox
3 | * https://github.com/ExactTarget/fuelux
4 | *
5 | * Copyright (c) 2012 ExactTarget
6 | * Licensed under the MIT license.
7 | */
8 |
9 | define(['require','jquery','./util'],function (require) {
10 |
11 | var $ = require('jquery');
12 | require('./util');
13 |
14 | // COMBOBOX CONSTRUCTOR AND PROTOTYPE
15 |
16 | var Combobox = function (element, options) {
17 | this.$element = $(element);
18 | this.options = $.extend({}, $.fn.combobox.defaults, options);
19 | this.$element.on('click', 'a', $.proxy(this.itemclicked, this));
20 | this.$element.on('change', 'input', $.proxy(this.inputchanged, this));
21 | this.$input = this.$element.find('input');
22 | this.$button = this.$element.find('.btn');
23 |
24 | // set default selection
25 | this.setDefaultSelection();
26 | };
27 |
28 | Combobox.prototype = {
29 |
30 | constructor: Combobox,
31 |
32 | selectedItem: function () {
33 | var item = this.$selectedItem;
34 | var data = {};
35 |
36 | if (item) {
37 | var txt = this.$selectedItem.text();
38 | data = $.extend({ text: txt }, this.$selectedItem.data());
39 | }
40 | else {
41 | data = { text: this.$input.val()};
42 | }
43 |
44 | return data;
45 | },
46 |
47 | selectByText: function (text) {
48 | var selector = 'li:fuelTextExactCI(' + text + ')';
49 | this.selectBySelector(selector);
50 | },
51 |
52 | selectByValue: function (value) {
53 | var selector = 'li[data-value="' + value + '"]';
54 | this.selectBySelector(selector);
55 | },
56 |
57 | selectByIndex: function (index) {
58 | // zero-based index
59 | var selector = 'li:eq(' + index + ')';
60 | this.selectBySelector(selector);
61 | },
62 |
63 | selectBySelector: function (selector) {
64 | var $item = this.$element.find(selector);
65 |
66 | if (typeof $item[0] !== 'undefined') {
67 | this.$selectedItem = $item;
68 | this.$input.val(this.$selectedItem.text());
69 | }
70 | else {
71 | this.$selectedItem = null;
72 | }
73 | },
74 |
75 | setDefaultSelection: function () {
76 | var selector = 'li[data-selected=true]:first';
77 | var item = this.$element.find(selector);
78 |
79 | if (item.length > 0) {
80 | // select by data-attribute
81 | this.selectBySelector(selector);
82 | item.removeData('selected');
83 | item.removeAttr('data-selected');
84 | }
85 | },
86 |
87 | enable: function () {
88 | this.$input.removeAttr('disabled');
89 | this.$button.removeClass('disabled');
90 | },
91 |
92 | disable: function () {
93 | this.$input.attr('disabled', true);
94 | this.$button.addClass('disabled');
95 | },
96 |
97 | itemclicked: function (e) {
98 | this.$selectedItem = $(e.target).parent();
99 |
100 | // set input text and trigger input change event marked as synthetic
101 | this.$input.val(this.$selectedItem.text()).trigger('change', { synthetic: true });
102 |
103 | // pass object including text and any data-attributes
104 | // to onchange event
105 | var data = this.selectedItem();
106 |
107 | // trigger changed event
108 | this.$element.trigger('changed', data);
109 |
110 | e.preventDefault();
111 | },
112 |
113 | inputchanged: function (e, extra) {
114 |
115 | // skip processing for internally-generated synthetic event
116 | // to avoid double processing
117 | if (extra && extra.synthetic) return;
118 |
119 | var val = $(e.target).val();
120 | this.selectByText(val);
121 |
122 | // find match based on input
123 | // if no match, pass the input value
124 | var data = this.selectedItem();
125 | if (data.text.length === 0) {
126 | data = { text: val };
127 | }
128 |
129 | // trigger changed event
130 | this.$element.trigger('changed', data);
131 |
132 | }
133 |
134 | };
135 |
136 |
137 | // COMBOBOX PLUGIN DEFINITION
138 |
139 | $.fn.combobox = function (option, value) {
140 | var methodReturn;
141 |
142 | var $set = this.each(function () {
143 | var $this = $(this);
144 | var data = $this.data('combobox');
145 | var options = typeof option === 'object' && option;
146 |
147 | if (!data) $this.data('combobox', (data = new Combobox(this, options)));
148 | if (typeof option === 'string') methodReturn = data[option](value);
149 | });
150 |
151 | return (methodReturn === undefined) ? $set : methodReturn;
152 | };
153 |
154 | $.fn.combobox.defaults = {};
155 |
156 | $.fn.combobox.Constructor = Combobox;
157 |
158 |
159 | // COMBOBOX DATA-API
160 |
161 | $(function () {
162 |
163 | $(window).on('load', function () {
164 | $('.combobox').each(function () {
165 | var $this = $(this);
166 | if ($this.data('combobox')) return;
167 | $this.combobox($this.data());
168 | });
169 | });
170 |
171 | $('body').on('mousedown.combobox.data-api', '.combobox', function (e) {
172 | var $this = $(this);
173 | if ($this.data('combobox')) return;
174 | $this.combobox($this.data());
175 | });
176 | });
177 |
178 | });
179 |
--------------------------------------------------------------------------------