application.js 4.1 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
    // side bar
Mark Otto's avatar
Mark Otto committed
17
18
19
20
21
22
23
24
    // setTimeout(function () {
    //   $('.bs-docs-sidenav').affix({
    //     offset: {
    //       top: function () { return $window.width() <= 980 ? 290 : 210 }
    //     , bottom: 270
    //     }
    //   })
    // }, 100)
25

26
27
    // make code pretty
    window.prettyPrint && prettyPrint()
28

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

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

Jacob Thornton's avatar
Jacob Thornton committed
44
    // tooltip demo
45
    $('.tooltip-demo').tooltip({
46
      selector: "a[data-toggle=tooltip]"
Jacob Thornton's avatar
Jacob Thornton committed
47
    })
48

49
50
    $('.tooltip-test').tooltip()
    $('.popover-test').popover()
Jacob Thornton's avatar
Jacob Thornton committed
51

Mark Otto's avatar
Mark Otto committed
52
53
54
55
56
    $('.bs-docs-navbar').tooltip({
      selector: "a[data-toggle=tooltip]",
      container: ".bs-docs-navbar .nav"
    })

Jacob Thornton's avatar
Jacob Thornton committed
57
    // popover demo
58
    $("a[data-toggle=popover]")
Jacob Thornton's avatar
Jacob Thornton committed
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
      .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
75
    $('.bs-docs-carousel-example').carousel()
Jacob Thornton's avatar
Jacob Thornton committed
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

    // 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
99
    $('.download-btn .btn').on('click', function () {
Jacob Thornton's avatar
Jacob Thornton committed
100
101
102
103
104
105
106
107

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

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

      $.ajax({
        type: 'POST'
117
      , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap.herokuapp.com'
Jacob Thornton's avatar
Jacob Thornton committed
118
119
      , dataType: 'jsonpi'
      , params: {
Jacob Thornton's avatar
Jacob Thornton committed
120
          js: js
Jacob Thornton's avatar
Jacob Thornton committed
121
122
123
124
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
        , 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()
    }
  }
})
160

161
}(window.jQuery)