application.js 4.15 KB
Newer Older
1
2
3
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
// IT'S ALL JUST JUNK FOR OUR DOCS!
// ++++++++++++++++++++++++++++++++++++++++++
4

5
!function ($) {
6

7
  $(function(){
Jacob Thornton's avatar
Jacob Thornton committed
8

9
10
    var $window = $(window)

11
12
    // Disable certain links in docs
    $('section [href^=#]').click(function (e) {
13
14
15
      e.preventDefault()
    })

16
    // back to top
Mark Otto's avatar
Mark Otto committed
17
    setTimeout(function () {
18
      $('.bs-sidebar').affix({
Mark Otto's avatar
Mark Otto committed
19
20
21
22
23
24
        offset: {
          top: function () { return $window.width() <= 980 ? 290 : 210 }
        , bottom: 270
        }
      })
    }, 100)
25

26
27
28
29
    setTimeout(function () {
      $('.bs-docs-top').affix()
    }, 100)

30
31
    // make code pretty
    window.prettyPrint && prettyPrint()
32

33
34
35
36
37
38
    // add-ons
    $('.add-on :checkbox').on('click', function () {
      var $this = $(this)
        , method = $this.attr('checked') ? 'addClass' : 'removeClass'
      $(this).parents('.add-on')[method]('active')
    })
39

Jacob Thornton's avatar
Jacob Thornton committed
40
    // add tipsies to grid for scaffolding
41
42
    if ($('#grid-system').length) {
      $('#grid-system').tooltip({
Mark Otto's avatar
Mark Otto committed
43
          selector: '.show-grid > [class*="span"]'
Jacob Thornton's avatar
Jacob Thornton committed
44
45
        , title: function () { return $(this).width() + 'px' }
      })
46
    }
47

Jacob Thornton's avatar
Jacob Thornton committed
48
    // tooltip demo
49
    $('.tooltip-demo').tooltip({
50
      selector: "a[data-toggle=tooltip]"
Jacob Thornton's avatar
Jacob Thornton committed
51
    })
52

53
54
    $('.tooltip-test').tooltip()
    $('.popover-test').popover()
Jacob Thornton's avatar
Jacob Thornton committed
55

Mark Otto's avatar
Mark Otto committed
56
57
58
59
60
    $('.bs-docs-navbar').tooltip({
      selector: "a[data-toggle=tooltip]",
      container: ".bs-docs-navbar .nav"
    })

Jacob Thornton's avatar
Jacob Thornton committed
61
    // popover demo
62
    $("a[data-toggle=popover]")
Jacob Thornton's avatar
Jacob Thornton committed
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
      .popover()
      .click(function(e) {
        e.preventDefault()
      })

    // button state demo
    $('#fat-btn')
      .click(function () {
        var btn = $(this)
        btn.button('loading')
        setTimeout(function () {
          btn.button('reset')
        }, 3000)
      })

    // carousel demo
79
    $('.bs-docs-carousel-example').carousel()
Jacob Thornton's avatar
Jacob Thornton committed
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

    // javascript build logic
    var inputsComponent = $("#components.download input")
      , inputsPlugin = $("#plugins.download input")
      , inputsVariables = $("#variables.download input")

    // toggle all plugin checkboxes
    $('#components.download .toggle-all').on('click', function (e) {
      e.preventDefault()
      inputsComponent.attr('checked', !inputsComponent.is(':checked'))
    })

    $('#plugins.download .toggle-all').on('click', function (e) {
      e.preventDefault()
      inputsPlugin.attr('checked', !inputsPlugin.is(':checked'))
    })

    $('#variables.download .toggle-all').on('click', function (e) {
      e.preventDefault()
      inputsVariables.val('')
    })

    // request built javascript
103
    $('.download-btn .btn').on('click', function () {
Jacob Thornton's avatar
Jacob Thornton committed
104
105
106
107
108
109
110
111

      var css = $("#components.download input:checked")
            .map(function () { return this.value })
            .toArray()
        , js = $("#plugins.download input:checked")
            .map(function () { return this.value })
            .toArray()
        , vars = {}
112
        , img = ['glyphicons-halflings.png', 'glyphicons-halflings-white.png']
Jacob Thornton's avatar
Jacob Thornton committed
113
114
115
116
117
118
119
120

    $("#variables.download input")
      .each(function () {
        $(this).val() && (vars[ $(this).prev().text() ] = $(this).val())
      })

      $.ajax({
        type: 'POST'
121
      , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap.herokuapp.com'
Jacob Thornton's avatar
Jacob Thornton committed
122
123
      , dataType: 'jsonpi'
      , params: {
Jacob Thornton's avatar
Jacob Thornton committed
124
          js: js
Jacob Thornton's avatar
Jacob Thornton committed
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
        , css: css
        , vars: vars
        , img: img
      }
      })
    })
  })

// Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi
$.ajaxTransport('jsonpi', function(opts, originalOptions, jqXHR) {
  var url = opts.url;

  return {
    send: function(_, completeCallback) {
      var name = 'jQuery_iframe_' + jQuery.now()
        , iframe, form

      iframe = $('<iframe>')
        .attr('name', name)
        .appendTo('head')

      form = $('<form>')
        .attr('method', opts.type) // GET or POST
        .attr('action', url)
        .attr('target', name)

      $.each(opts.params, function(k, v) {

        $('<input>')
          .attr('type', 'hidden')
          .attr('name', k)
          .attr('value', typeof v == 'string' ? v : JSON.stringify(v))
          .appendTo(form)
      })

      form.appendTo('body').submit()
    }
  }
})
164

165
}(window.jQuery)