Skip to content

Commit

Permalink
[v4.3.1] Added toast JS file
Browse files Browse the repository at this point in the history
  • Loading branch information
nicolaswurtz committed Jun 23, 2019
1 parent e6120a7 commit c69fbf8
Show file tree
Hide file tree
Showing 5 changed files with 142 additions and 25 deletions.
1 change: 1 addition & 0 deletions src/js/docs.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import 'bootstrap'
import './docs/application.js'
import './docs/ie-emulation-modes-warning.js'
import './docs/toasts.js'
import './docs/stop-propagation.js'
// import './docs/pwa.js'
import './docs/darkmode.js'
37 changes: 13 additions & 24 deletions src/js/docs/application.js
100755 → 100644
Original file line number Diff line number Diff line change
@@ -1,21 +1,16 @@
/* eslint-disable */
import jQuery from 'jquery'
import Anchors from './vendor/anchor.min.js'
import Clipboard from './vendor/clipboard.min.js'

// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
// IT'S ALL JUST JUNK FOR OUR DOCS!
// ++++++++++++++++++++++++++++++++++++++++++

/*!
* JavaScript for Bootstrap's docs (https://getbootstrap.com)
* JavaScript for Bootstrap's docs (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see https://creativecommons.org/licenses/by/3.0/.
*/

/* global Clipboard: false, anchors: false, Holder: false */
/* global ClipboardJS: false, anchors: false, bsCustomFileInput: false */

(function ($) {
'use strict'
Expand All @@ -29,6 +24,12 @@ import Clipboard from './vendor/clipboard.min.js'

$('[data-toggle="popover"]').popover()

$('.toast')
.toast({
autohide: false
})
.toast('show')

// Demos within modals
$('.tooltip-test').tooltip()
$('.popover-test').popover()
Expand Down Expand Up @@ -59,7 +60,7 @@ import Clipboard from './vendor/clipboard.min.js'

// Insert copy to clipboard button before .highlight
$('figure.highlight, div.highlight').each(function () {
var btnHtml = '<div class="bd-clipboard"><button class="btn-clipboard" title="Copy to clipboard">Copy</button></div>'
var btnHtml = '<div class="bd-clipboard"><button type="button" class="btn-clipboard" title="Copy to clipboard">Copy</button></div>'
$(this).before(btnHtml)
$('.btn-clipboard')
.tooltip()
Expand All @@ -71,7 +72,7 @@ import Clipboard from './vendor/clipboard.min.js'
})
})

var clipboard = new Clipboard('.btn-clipboard', {
var clipboard = new ClipboardJS('.btn-clipboard', {
target: function (trigger) {
return trigger.parentNode.nextElementSibling
}
Expand Down Expand Up @@ -100,24 +101,12 @@ import Clipboard from './vendor/clipboard.min.js'
.tooltip('_fixTitle')
})

var anchors = new Anchors()

anchors.options = {
icon: '#'
}
anchors.add('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')
$('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5').wrapInner('<div></div>')

// Search
// Splitted into intern & extern versions

// Holder
// Holder.addTheme('gray', {
// bg: '#777',
// fg: 'rgba(255,255,255,.75)',
// font: 'Helvetica',
// fontweight: 'normal'
// })
$('.bd-content').children('h2, h3, h4, h5').wrapInner('<span class="bd-content-title"></span>')

bsCustomFileInput.init()
})
}(jQuery))
/* eslint-enable */
123 changes: 123 additions & 0 deletions src/js/docs/application.js.old
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
/* eslint-disable */
import jQuery from 'jquery'
import Anchors from './vendor/anchor.min.js'
import Clipboard from './vendor/clipboard.min.js'

// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
// IT'S ALL JUST JUNK FOR OUR DOCS!
// ++++++++++++++++++++++++++++++++++++++++++

/*!
* JavaScript for Bootstrap's docs (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see https://creativecommons.org/licenses/by/3.0/.
*/

/* global Clipboard: false, anchors: false, Holder: false */

(function ($) {
'use strict'

$(function () {
// Tooltip and popover demos
$('.tooltip-demo').tooltip({
selector: '[data-toggle="tooltip"]',
container: 'body'
})

$('[data-toggle="popover"]').popover()

// Demos within modals
$('.tooltip-test').tooltip()
$('.popover-test').popover()

// Indeterminate checkbox example
$('.bd-example-indeterminate [type="checkbox"]').prop('indeterminate', true)

// Disable empty links in docs examples
$('.bd-content [href="#"]').click(function (e) {
e.preventDefault()
})

// Modal relatedTarget demo
$('#exampleModal').on('show.bs.modal', function (event) {
var $button = $(event.relatedTarget) // Button that triggered the modal
var recipient = $button.data('whatever') // Extract info from data-* attributes
// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
// Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
var $modal = $(this)
$modal.find('.modal-title').text('New message to ' + recipient)
$modal.find('.modal-body input').val(recipient)
})

// Activate animated progress bar
$('.bd-toggle-animated-progress').on('click', function () {
$(this).siblings('.progress').find('.progress-bar-striped').toggleClass('progress-bar-animated')
})

// Insert copy to clipboard button before .highlight
$('figure.highlight, div.highlight').each(function () {
var btnHtml = '<div class="bd-clipboard"><button class="btn-clipboard" title="Copy to clipboard">Copy</button></div>'
$(this).before(btnHtml)
$('.btn-clipboard')
.tooltip()
.on('mouseleave', function () {
// Explicitly hide tooltip, since after clicking it remains
// focused (as it's a button), so tooltip would otherwise
// remain visible until focus is moved away
$(this).tooltip('hide')
})
})

var clipboard = new Clipboard('.btn-clipboard', {
target: function (trigger) {
return trigger.parentNode.nextElementSibling
}
})

clipboard.on('success', function (e) {
$(e.trigger)
.attr('title', 'Copied!')
.tooltip('_fixTitle')
.tooltip('show')
.attr('title', 'Copy to clipboard')
.tooltip('_fixTitle')

e.clearSelection()
})

clipboard.on('error', function (e) {
var modifierKey = /Mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-'
var fallbackMsg = 'Press ' + modifierKey + 'C to copy'

$(e.trigger)
.attr('title', fallbackMsg)
.tooltip('_fixTitle')
.tooltip('show')
.attr('title', 'Copy to clipboard')
.tooltip('_fixTitle')
})

var anchors = new Anchors()

anchors.options = {
icon: '#'
}
anchors.add('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5')
$('.bd-content > h2, .bd-content > h3, .bd-content > h4, .bd-content > h5').wrapInner('<div></div>')

// Search
// Splitted into intern & extern versions

// Holder
// Holder.addTheme('gray', {
// bg: '#777',
// fg: 'rgba(255,255,255,.75)',
// font: 'Helvetica',
// fontweight: 'normal'
// })
})
}(jQuery))
/* eslint-enable */
4 changes: 4 additions & 0 deletions src/js/docs/toasts.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
const toasts = document.querySelectorAll('.toast')
toasts.toast({
autohide: false
}).toast('show')
2 changes: 1 addition & 1 deletion templates/_includes/docs-navbar.html
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@

<ul class="navbar-nav flex-row ml-md-auto d-md-flex">
<li class="nav-item">
<a class="nav-item nav-link mr-md-2 text-nowrap" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/about/versions/" id="bd-versions">
<a class="nav-link mr-md-2 text-nowrap" href="{{ site.baseurl }}/docs/{{ site.docs_version }}/about/versions/" id="bd-versions">
v{{ site.current_version }} r{{ site.sncf_version }}
</a>
</li>
Expand Down

0 comments on commit c69fbf8

Please sign in to comment.