mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-17 04:00:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

commented out the layout component - not needed yet, may be able to remove later

Browse Source
This commit is contained in:
Kevin Ross 2016-01-20 09:48:24 -06:00
parent d7932d534e
commit aed35fcafd
4 changed files with 97 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
js/src/bootstrapMaterialDesign.js vendored
View File

@ -55,9 +55,9 @@ const BootstrapMaterialDesign = (($) => {
file: { file: {
selector: 'input[type=file]' selector: 'input[type=file]'
}, },
layout: { //layout: {
selector: '.mdb-layout-container' // selector: '.mdb-layout-container'
}, //},
radio: { radio: {
selector: '.radio > label > input[type=radio]' selector: '.radio > label > input[type=radio]'
}, },
@ -96,7 +96,7 @@ const BootstrapMaterialDesign = (($) => {
'checkbox', 'checkbox',
'checkboxInline', 'checkboxInline',
'collapseInline', 'collapseInline',
'layout', //'layout',
'drawer', 'drawer',
'file', 'file',
'radio', 'radio',

1
js/src/drawer.js
View File

@ -41,7 +41,6 @@ const Drawer = (($) => {
constructor($element, config) { constructor($element, config) {
super($element, $.extend(true, {}, Default, config)) super($element, $.extend(true, {}, Default, config))
//this.$toggles = $.makeArray($(`[data-toggle="drawer"][href="#${this.$element[0].id}"], [data-toggle="drawer"][data-target="#${this.$element[0].id}"]`))
this.$toggles = $(`[data-toggle="drawer"][href="#${this.$element[0].id}"], [data-toggle="drawer"][data-target="#${this.$element[0].id}"]`) this.$toggles = $(`[data-toggle="drawer"][href="#${this.$element[0].id}"], [data-toggle="drawer"][data-target="#${this.$element[0].id}"]`)
this._addAria() this._addAria()

2
js/src/index.js
View File

@ -22,7 +22,7 @@ import Switch from './switch'
import Text from './text' import Text from './text'
import Textarea from './textarea' import Textarea from './textarea'
import Layout from './layout' //import Layout from './layout'
import DrawerToggle from './drawer' import DrawerToggle from './drawer'
import Ripples from './ripples' import Ripples from './ripples'

177
js/src/layout.js
View File

@ -1,89 +1,92 @@
import BaseLayout from './baseLayout' //import BaseLayout from './baseLayout'
//
const Layout = (($) => { //const Layout = (($) => {
//
/** // /**
* ------------------------------------------------------------------------ // * ------------------------------------------------------------------------
* Constants // * Constants
* ------------------------------------------------------------------------ // * ------------------------------------------------------------------------
*/ // */
const NAME = 'layout' // const NAME = 'layout'
const DATA_KEY = `mdb.${NAME}` // const DATA_KEY = `mdb.${NAME}`
const JQUERY_NAME = `mdb${NAME.charAt(0).toUpperCase() + NAME.slice(1)}` // const JQUERY_NAME = `mdb${NAME.charAt(0).toUpperCase() + NAME.slice(1)}`
const JQUERY_NO_CONFLICT = $.fn[JQUERY_NAME] // const JQUERY_NO_CONFLICT = $.fn[JQUERY_NAME]
//
//const ClassName = { // //const ClassName = {
// CANVAS: 'mdb-layout-canvas', // // CANVAS: 'mdb-layout-canvas',
// HEADER: 'mdb-layout-header', // // HEADER: 'mdb-layout-header',
// DRAWER: 'mdb-layout-drawer', // // DRAWER: 'mdb-layout-drawer',
// CONTENT: 'mdb-layout-content', // // CONTENT: 'mdb-layout-content',
// BACKDROP: 'mdb-layout-backdrop', // // BACKDROP: 'mdb-layout-backdrop',
// //}
//
// //const Selector = {
// // DRAWER: `.${ClassName.DRAWER}`,
// // HEADER: `.${ClassName.HEADER}`,
// // CONTENT: `.${ClassName.CONTENT}`
// //}
//
// const Default = {}
//
// /**
// * ------------------------------------------------------------------------
// * Class Definition
// * ------------------------------------------------------------------------
// */
// class Layout extends BaseLayout {
//
// constructor($element, config) {
// super($element, $.extend(true, {}, Default, config))
//
// // FIXME: I'm not sure we want to auto-resolve a canvas....think about it and refactor this or delete it.
// // FIXME: with a goal of supporting two drawers, or even more, I'm not sure we want to auto-add the canvas because I think it's really only necessary if we have a fixed header...not sure.
//
// // FIXME: if this part is not needed, it seems this component could be deleted because the drawer component does the rest.
//
// //var canvas = document.createElement('div')
// //canvas.addClass(ClassName.CANVAS)
// //this.$element.parentElement.insertBefore(canvas, this.$element)
// //this.$element.parentElement.removeChild(this.$element)
// //canvas.appendChild(this.$element)
//
// //this.$header = $element.find(`> ${Selector.HEADER}`)
// //this.$drawer = $element.find(`> ${Selector.DRAWER}`)
// //this.$content = $element.find(`> ${Selector.CONTENT}`)
// } // }
//
//const Selector = { // dispose() {
// DRAWER: `.${ClassName.DRAWER}`, // super.dispose(DATA_KEY)
// HEADER: `.${ClassName.HEADER}`,
// CONTENT: `.${ClassName.CONTENT}`
// } // }
//
const Default = {} // // ------------------------------------------------------------------------
// // static
/** // static _jQueryInterface(config) {
* ------------------------------------------------------------------------ // return this.each(function () {
* Class Definition // let $element = $(this)
* ------------------------------------------------------------------------ // let data = $element.data(DATA_KEY)
*/ //
class Layout extends BaseLayout { // if (!data) {
// data = new Layout($element, config)
constructor($element, config) { // $element.data(DATA_KEY, data)
super($element, $.extend(true, {}, Default, config)) // }
// })
// FIXME: I'm not sure we want to auto-resolve a canvas....think about it and refactor this or delete it. // }
// FIXME: with a goal of supporting two drawers, or even more, I'm not sure we want to auto-add the canvas. // }
//var canvas = document.createElement('div') //
//canvas.addClass(ClassName.CANVAS) // /**
//this.$element.parentElement.insertBefore(canvas, this.$element) // * ------------------------------------------------------------------------
//this.$element.parentElement.removeChild(this.$element) // * jQuery
//canvas.appendChild(this.$element) // * ------------------------------------------------------------------------
// */
//this.$header = $element.find(`> ${Selector.HEADER}`) // $.fn[JQUERY_NAME] = Layout._jQueryInterface
//this.$drawer = $element.find(`> ${Selector.DRAWER}`) // $.fn[JQUERY_NAME].Constructor = Layout
//this.$content = $element.find(`> ${Selector.CONTENT}`) // $.fn[JQUERY_NAME].noConflict = () => {
} // $.fn[JQUERY_NAME] = JQUERY_NO_CONFLICT
// return Layout._jQueryInterface
dispose() { // }
super.dispose(DATA_KEY) //
} // return Layout
//
// ------------------------------------------------------------------------ //})(jQuery)
// static //
static _jQueryInterface(config) { //export default Layout
return this.each(function () {
let $element = $(this)
let data = $element.data(DATA_KEY)
if (!data) {
data = new Layout($element, config)
$element.data(DATA_KEY, data)
}
})
}
}
/**
* ------------------------------------------------------------------------
* jQuery
* ------------------------------------------------------------------------
*/
$.fn[JQUERY_NAME] = Layout._jQueryInterface
$.fn[JQUERY_NAME].Constructor = Layout
$.fn[JQUERY_NAME].noConflict = () => {
$.fn[JQUERY_NAME] = JQUERY_NO_CONFLICT
return Layout._jQueryInterface
}
return Layout
})(jQuery)
export default Layout