aboutsummaryrefslogtreecommitdiff
path: root/docs/assets/js/src
diff options
context:
space:
mode:
Diffstat (limited to 'docs/assets/js/src')
-rw-r--r--docs/assets/js/src/application.js194
-rw-r--r--docs/assets/js/src/customizer.js163
-rw-r--r--docs/assets/js/src/ie8-responsive-file-warning.js13
3 files changed, 252 insertions, 118 deletions
diff --git a/docs/assets/js/src/application.js b/docs/assets/js/src/application.js
index 8ad372424..792fc9779 100644
--- a/docs/assets/js/src/application.js
+++ b/docs/assets/js/src/application.js
@@ -9,97 +9,161 @@
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
+/* global ZeroClipboard */
!function ($) {
+ 'use strict';
$(function () {
- // IE10 viewport hack for Surface/desktop Windows 8 bug
- //
- // See Getting Started docs for more information
- if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
- var msViewportStyle = document.createElement('style')
- msViewportStyle.appendChild(
- document.createTextNode(
- '@-ms-viewport{width:auto!important}'
- )
- )
- document.querySelector('head').appendChild(msViewportStyle)
- }
-
-
+ // Scrollspy
var $window = $(window)
var $body = $(document.body)
- // var navHeight = $('.navbar').outerHeight(true) + 10
-
$body.scrollspy({
- target: '.bs-docs-toc-item',
+ target: '.bs-docs-sidebar'
})
-
$window.on('load', function () {
$body.scrollspy('refresh')
})
- // $('.bs-docs-container [href=#]').click(function (e) {
- // e.preventDefault()
- // })
-
- // back to top
- // setTimeout(function () {
- // var $sideBar = $('.bs-docs-sidebar')
-
- // $sideBar.affix({
- // offset: {
- // top: function () {
- // var offsetTop = $sideBar.offset().top
- // var sideBarMargin = parseInt($sideBar.children(0).css('margin-top'), 10)
- // var navOuterHeight = $('.bs-docs-nav').height()
-
- // return (this.top = offsetTop - navOuterHeight - sideBarMargin)
- // },
- // bottom: function () {
- // return (this.bottom = $('.bs-docs-footer').outerHeight(true))
- // }
- // }
- // })
- // }, 100)
-
- // setTimeout(function () {
- // $('.bs-top').affix()
- // }, 100)
-
- // tooltip demo
+ // Kill links
+ $('.bs-docs-container [href=#]').click(function (e) {
+ e.preventDefault()
+ })
+
+ // Sidenav affixing
+ setTimeout(function () {
+ var $sideBar = $('.bs-docs-sidebar')
+
+ $sideBar.affix({
+ offset: {
+ top: function () {
+ var offsetTop = $sideBar.offset().top
+ var sideBarMargin = parseInt($sideBar.children(0).css('margin-top'), 10)
+ var navOuterHeight = $('.bs-docs-nav').height()
+
+ return (this.top = offsetTop - navOuterHeight - sideBarMargin)
+ },
+ bottom: function () {
+ return (this.bottom = $('.bs-docs-footer').outerHeight(true))
+ }
+ }
+ })
+ }, 100)
+
+ setTimeout(function () {
+ $('.bs-top').affix()
+ }, 100)
+
+ // theme toggler
+ ;(function () {
+ var stylesheetLink = $('#bs-theme-stylesheet')
+ var themeBtn = $('.bs-docs-theme-toggle')
+
+ var activateTheme = function () {
+ stylesheetLink.attr('href', stylesheetLink.attr('data-href'))
+ themeBtn.text('Disable theme preview')
+ localStorage.setItem('previewTheme', true)
+ }
+
+ if (localStorage.getItem('previewTheme')) {
+ activateTheme()
+ }
+
+ themeBtn.click(function () {
+ var href = stylesheetLink.attr('href')
+ if (!href || href.indexOf('data') === 0) {
+ activateTheme()
+ } else {
+ stylesheetLink.attr('href', '')
+ themeBtn.text('Preview theme')
+ localStorage.removeItem('previewTheme')
+ }
+ })
+ })();
+
+ // Tooltip and popover demos
$('.tooltip-demo').tooltip({
- selector: '[data-toggle=tooltip]',
+ selector: '[data-toggle="tooltip"]',
+ container: 'body'
+ })
+ $('.popover-demo').popover({
+ selector: '[data-toggle="popover"]',
container: 'body'
})
+ // Demos within modals
$('.tooltip-test').tooltip()
$('.popover-test').popover()
- $('.bs-docs-navbar').tooltip({
- selector: 'a[data-toggle=tooltip]',
- container: '.bs-docs-navbar .nav'
+ // Default & dismissible popover demos
+ $('.bs-docs-popover').popover()
+ $('.bs-docs-popover-dismiss').popover({ trigger: 'focus' })
+
+ // Button state demo
+ $('#loading-example-btn').click(function () {
+ var btn = $(this)
+ btn.button('loading')
+ setTimeout(function () {
+ btn.button('reset')
+ }, 3000)
})
- // popover demo
- $('.bs-docs-popover').popover()
- // Popover dismiss on next click
- $('.bs-docs-popover-dismiss').popover({
- trigger: 'focus'
+ // Config ZeroClipboard
+ ZeroClipboard.config({
+ moviePath: '/assets/flash/ZeroClipboard.swf',
+ hoverClass: 'btn-clipboard-hover'
+ })
+
+ // Insert copy to clipboard button before .highlight or .bs-example
+ $('.highlight').each(function () {
+ var highlight = $(this)
+ var previous = highlight.prev()
+ var btnHtml = '<div class="zero-clipboard"><span class="btn-clipboard">Copy</span></div>'
+
+ if (previous.hasClass('bs-example')) {
+ previous.before(btnHtml.replace(/btn-clipboard/, 'btn-clipboard with-example'))
+ } else {
+ highlight.before(btnHtml)
+ }
+ })
+ var zeroClipboard = new ZeroClipboard($('.btn-clipboard'))
+ var htmlBridge = $('#global-zeroclipboard-html-bridge')
+
+ // Handlers for ZeroClipboard
+ zeroClipboard.on('load', function () {
+ htmlBridge
+ .data('placement', 'top')
+ .attr('title', 'Copy to clipboard')
+ .tooltip()
+ })
+
+ // Copy to clipboard
+ zeroClipboard.on('dataRequested', function (client) {
+ var highlight = $(this).parent().nextAll('.highlight').first()
+ client.setText(highlight.text())
+ })
+
+ // Notify copy success and reset tooltip title
+ zeroClipboard.on('complete', function () {
+ htmlBridge
+ .attr('title', 'Copied!')
+ .tooltip('fixTitle')
+ .tooltip('show')
+ .attr('title', 'Copy to clipboard')
+ .tooltip('fixTitle')
+ })
+
+ // Notify copy failure
+ zeroClipboard.on('noflash wrongflash', function () {
+ htmlBridge
+ .attr('title', 'Flash required')
+ .tooltip('fixTitle')
+ .tooltip('show')
})
- // button state demo
- $('#loading-example-btn')
- .click(function () {
- var btn = $(this)
- btn.button('loading')
- setTimeout(function () {
- btn.button('reset')
- }, 3000)
- })
})
}(jQuery)
diff --git a/docs/assets/js/src/customizer.js b/docs/assets/js/src/customizer.js
index 4ce304f1a..c3a212f2c 100644
--- a/docs/assets/js/src/customizer.js
+++ b/docs/assets/js/src/customizer.js
@@ -6,9 +6,12 @@
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
+/* global JSZip, less, saveAs, UglifyJS, __js, __less, __fonts */
+
window.onload = function () { // wait for load in a dumb way because B-0
+ 'use strict';
var cw = '/*!\n' +
- ' * Bootstrap v3.1.1 (http://getbootstrap.com)\n' +
+ ' * Bootstrap v3.2.0 (http://getbootstrap.com)\n' +
' * Copyright 2011-2014 Twitter, Inc.\n' +
' * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n' +
' */\n\n'
@@ -24,6 +27,12 @@ window.onload = function () { // wait for load in a dumb way because B-0
throw err
}
+ function showSuccess(msg) {
+ $('<div class="bs-callout bs-callout-info">' +
+ '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + msg +
+ '</div>').insertAfter('.bs-customize-download')
+ }
+
function showCallout(msg, showUpTop) {
var callout = $('<div class="bs-callout bs-callout-danger">' +
'<h4>Attention!</h4>' +
@@ -43,7 +52,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
return match && decodeURIComponent(match[1].replace(/\+/g, ' '))
}
- function createGist(configJson) {
+ function createGist(configJson, callback) {
var data = {
description: 'Bootstrap Customizer Config',
'public': true,
@@ -60,11 +69,21 @@ window.onload = function () { // wait for load in a dumb way because B-0
data: JSON.stringify(data)
})
.success(function (result) {
+ var gistUrl = result.html_url;
var origin = window.location.protocol + '//' + window.location.host
- history.replaceState(false, document.title, origin + window.location.pathname + '?id=' + result.id)
+ var customizerUrl = origin + window.location.pathname + '?id=' + result.id
+ showSuccess('<strong>Success!</strong> Your configuration has been saved to <a href="' + gistUrl + '">' + gistUrl + '</a> ' +
+ 'and can be revisited here at <a href="' + customizerUrl + '">' + customizerUrl + '</a> for further customization.')
+ history.replaceState(false, document.title, customizerUrl)
+ callback(gistUrl, customizerUrl)
})
.error(function (err) {
- showError('<strong>Ruh roh!</strong> Could not save gist file, configuration not saved.', err)
+ try {
+ showError('<strong>Ruh roh!</strong> Could not save gist file, configuration not saved.', err)
+ } catch (sameErr) {
+ // deliberately ignore the error
+ }
+ callback('<none>', '<none>')
})
}
@@ -142,7 +161,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
if (fonts) {
var fontsFolder = zip.folder('fonts')
for (var fontsFileName in fonts) {
- fontsFolder.file(fontsFileName, fonts[fontsFileName], {base64: true})
+ fontsFolder.file(fontsFileName, fonts[fontsFileName], { base64: true })
}
}
@@ -155,7 +174,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
complete(content)
}
- function generateCustomCSS(vars) {
+ function generateCustomLess(vars) {
var result = ''
for (var key in vars) {
@@ -178,10 +197,20 @@ window.onload = function () { // wait for load in a dumb way because B-0
var IMPORT_REGEX = /^@import \"(.*?)\";$/
var lessLines = __less[lessFilename].split('\n')
- for (var i = 0, imports = []; i < lessLines.length; i++) {
- var match = IMPORT_REGEX.exec(lessLines[i])
- if (match) imports.push(match[1])
- }
+ var imports = []
+ $.each(lessLines, function (index, lessLine) {
+ var match = IMPORT_REGEX.exec(lessLine)
+ if (match) {
+ var importee = match[1]
+ var transitiveImports = includedLessFilenames(importee)
+ $.each(transitiveImports, function (index, transitiveImportee) {
+ if ($.inArray(transitiveImportee, imports) === -1) {
+ imports.push(transitiveImportee)
+ }
+ })
+ imports.push(importee)
+ }
+ })
return imports
}
@@ -189,7 +218,8 @@ window.onload = function () { // wait for load in a dumb way because B-0
function generateLESS(lessFilename, lessFileIncludes, vars) {
var lessSource = __less[lessFilename]
- $.each(includedLessFilenames(lessFilename), function(index, filename) {
+ var lessFilenames = includedLessFilenames(lessFilename)
+ $.each(lessFilenames, function (index, filename) {
var fileInclude = lessFileIncludes[filename]
// Files not explicitly unchecked are compiled into the final stylesheet.
@@ -200,10 +230,10 @@ window.onload = function () { // wait for load in a dumb way because B-0
// Custom variables are added after Bootstrap variables so the custom
// ones take precedence.
- if (('variables.less' === filename) && vars) lessSource += generateCustomCSS(vars)
+ if (('variables.less' === filename) && vars) lessSource += generateCustomLess(vars)
})
- lessSource = lessSource.replace(/@import[^\n]*/gi, '') //strip any imports
+ lessSource = lessSource.replace(/@import[^\n]*/gi, '') // strip any imports
return lessSource
}
@@ -212,7 +242,9 @@ window.onload = function () { // wait for load in a dumb way because B-0
paths: ['variables.less', 'mixins.less'],
optimization: 0,
filename: baseFilename + '.css'
- }).parse(lessSource, function (err, tree) {
+ })
+
+ parser.parse(lessSource, function (err, tree) {
if (err) {
return showError('<strong>Ruh roh!</strong> Could not parse less files.', err)
}
@@ -221,10 +253,10 @@ window.onload = function () { // wait for load in a dumb way because B-0
})
}
- function generateCSS() {
+ function generateCSS(preamble) {
var oneChecked = false
var lessFileIncludes = {}
- $('#less-section input').each(function() {
+ $('#less-section input').each(function () {
var $this = $(this)
var checked = $this.is(':checked')
lessFileIncludes[$this.val()] = checked
@@ -242,8 +274,8 @@ window.onload = function () { // wait for load in a dumb way because B-0
$(this).val() && (vars[$(this).prev().text()] = $(this).val())
})
- var bsLessSource = generateLESS('bootstrap.less', lessFileIncludes, vars)
- var themeLessSource = generateLESS('theme.less', lessFileIncludes, vars)
+ var bsLessSource = preamble + generateLESS('bootstrap.less', lessFileIncludes, vars)
+ var themeLessSource = preamble + generateLESS('theme.less', lessFileIncludes, vars)
try {
compileLESS(bsLessSource, 'bootstrap', result)
@@ -255,8 +287,27 @@ window.onload = function () { // wait for load in a dumb way because B-0
return result
}
- function generateJavascript() {
+ function uglify(js) {
+ var ast = UglifyJS.parse(js)
+ ast.figure_out_scope()
+
+ var compressor = UglifyJS.Compressor()
+ var compressedAst = ast.transform(compressor)
+
+ compressedAst.figure_out_scope()
+ compressedAst.compute_char_frequency()
+ compressedAst.mangle_names()
+
+ var stream = UglifyJS.OutputStream()
+ compressedAst.print(stream)
+
+ return stream.toString()
+ }
+
+ function generateJS(preamble) {
var $checked = $('#plugin-section input:checked')
+ var jqueryCheck = 'if (typeof jQuery === "undefined") { throw new Error("Bootstrap\'s JavaScript requires jQuery") }\n\n'
+
if (!$checked.length) return false
var js = $checked
@@ -264,9 +315,12 @@ window.onload = function () { // wait for load in a dumb way because B-0
.toArray()
.join('\n')
+ preamble = cw + preamble
+ js = jqueryCheck + js
+
return {
- 'bootstrap.js': js,
- 'bootstrap.min.js': cw + uglify(js)
+ 'bootstrap.js': preamble + js,
+ 'bootstrap.min.js': preamble + uglify(js)
}
}
@@ -312,7 +366,6 @@ window.onload = function () { // wait for load in a dumb way because B-0
})
var $compileBtn = $('#btn-compile')
- var $downloadBtn = $('#btn-download')
$compileBtn.on('click', function (e) {
var configData = getCustomizerData()
@@ -322,25 +375,55 @@ window.onload = function () { // wait for load in a dumb way because B-0
$compileBtn.attr('disabled', 'disabled')
- generateZip(generateCSS(), generateJavascript(), generateFonts(), configJson, function (blob) {
- $compileBtn.removeAttr('disabled')
- saveAs(blob, 'bootstrap.zip')
- createGist(configJson)
- })
- })
+ createGist(configJson, function (gistUrl, customizerUrl) {
+ configData.customizerUrl = customizerUrl
+ configJson = JSON.stringify(configData, null, 2)
- // browser support alerts
- if (!window.URL && navigator.userAgent.toLowerCase().indexOf('safari') != -1) {
- showCallout('Looks like you\'re using safari, which sadly doesn\'t have the best support' +
- 'for HTML5 blobs. Because of this your file will be downloaded with the name <code>"untitled"</code>.' +
- 'However, if you check your downloads folder, just rename this <code>"untitled"</code> file' +
- 'to <code>"bootstrap.zip"</code> and you should be good to go!')
- } else if (!window.URL && !window.webkitURL) {
- $('.bs-docs-section, .bs-docs-sidebar').css('display', 'none')
-
- showCallout('Looks like your current browser doesn\'t support the Bootstrap Customizer. Please take a second' +
- 'to <a href="https://www.google.com/intl/en/chrome/browser/">upgrade to a more modern browser</a>.', true)
- }
+ var preamble = '/*!\n' +
+ ' * Generated using the Bootstrap Customizer (' + customizerUrl + ')\n' +
+ ' * Config saved to config.json and ' + gistUrl + '\n' +
+ ' */\n'
+
+ generateZip(generateCSS(preamble), generateJS(preamble), generateFonts(), configJson, function (blob) {
+ $compileBtn.removeAttr('disabled')
+ saveAs(blob, 'bootstrap.zip')
+ })
+ })
+ });
+
+ // browser support alert
+ (function () {
+ function failback() {
+ $('.bs-docs-section, .bs-docs-sidebar').css('display', 'none')
+ showCallout('Looks like your current browser doesn\'t support the Bootstrap Customizer. Please take a second ' +
+ 'to <a href="http://browsehappy.com/">upgrade to a more modern browser</a> (other than Safari).', true)
+ }
+ /**
+ * Based on:
+ * Blob Feature Check v1.1.0
+ * https://github.com/ssorallen/blob-feature-check/
+ * License: Public domain (http://unlicense.org)
+ */
+ var url = window.webkitURL || window.URL // Safari 6 uses "webkitURL".
+ var svg = new Blob(
+ ['<svg xmlns=\'http://www.w3.org/2000/svg\'></svg>'],
+ { type: 'image/svg+xml;charset=utf-8' }
+ )
+ var objectUrl = url.createObjectURL(svg);
+ if (/^blob:/.exec(objectUrl) === null) {
+ // `URL.createObjectURL` created a URL that started with something other
+ // than "blob:", which means it has been polyfilled and is not supported by
+ // this browser.
+ failback()
+ } else {
+ $('<img>')
+ .on('load', function () {
+ $compileBtn.prop('disabled', false)
+ })
+ .on('error', failback)
+ .attr('src', objectUrl)
+ }
+ })();
parseUrl()
}
diff --git a/docs/assets/js/src/ie8-responsive-file-warning.js b/docs/assets/js/src/ie8-responsive-file-warning.js
deleted file mode 100644
index 986e8b657..000000000
--- a/docs/assets/js/src/ie8-responsive-file-warning.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
-// IT'S JUST JUNK FOR OUR DOCS!
-// ++++++++++++++++++++++++++++++++++++++++++
-/*!
- * Copyright 2011-2014 Twitter, Inc.
- *
- * Licensed under the Creative Commons Attribution 3.0 Unported License. For
- * details, see http://creativecommons.org/licenses/by/3.0/.
- */
-// Intended to prevent false-positive bug reports about responsive styling supposedly not working in IE8.
-if (window.location.protocol == 'file:') {
- alert('ERROR: Bootstrap\'s responsive CSS is disabled!\nSee getbootstrap.com/getting-started/#respond-file-proto for details.')
-}
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-08 06:23:27 +0000