mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-22 17:47:11 +03:00
commented out the layout component - not needed yet, may be able to remove later
This commit is contained in:
Kevin Ross
parent
d7932d534e
commit
aed35fcafd
8
js/src/bootstrapMaterialDesign.js
vendored
8
js/src/bootstrapMaterialDesign.js
vendored
|
|
@ -55,9 +55,9 @@ const BootstrapMaterialDesign = (($) => {
|
|||
file: {
|
||||
selector: 'input[type=file]'
|
||||
},
|
||||
layout: {
|
||||
selector: '.mdb-layout-container'
|
||||
},
|
||||
//layout: {
|
||||
// selector: '.mdb-layout-container'
|
||||
//},
|
||||
radio: {
|
||||
selector: '.radio > label > input[type=radio]'
|
||||
},
|
||||
|
|
@ -96,7 +96,7 @@ const BootstrapMaterialDesign = (($) => {
|
|||
'checkbox',
|
||||
'checkboxInline',
|
||||
'collapseInline',
|
||||
'layout',
|
||||
//'layout',
|
||||
'drawer',
|
||||
'file',
|
||||
'radio',
|
||||
|
|
|
|||
|
|
@ -41,7 +41,6 @@ const Drawer = (($) => {
|
|||
constructor($element, 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._addAria()
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ import Switch from './switch'
|
|||
import Text from './text'
|
||||
import Textarea from './textarea'
|
||||
|
||||
import Layout from './layout'
|
||||
//import Layout from './layout'
|
||||
import DrawerToggle from './drawer'
|
||||
|
||||
import Ripples from './ripples'
|
||||
|
|
|
|||
177
js/src/layout.js
177
js/src/layout.js
|
|
@ -1,89 +1,92 @@
|
|||
import BaseLayout from './baseLayout'
|
||||
|
||||
const Layout = (($) => {
|
||||
|
||||
/**
|
||||
* ------------------------------------------------------------------------
|
||||
* Constants
|
||||
* ------------------------------------------------------------------------
|
||||
*/
|
||||
const NAME = 'layout'
|
||||
const DATA_KEY = `mdb.${NAME}`
|
||||
const JQUERY_NAME = `mdb${NAME.charAt(0).toUpperCase() + NAME.slice(1)}`
|
||||
const JQUERY_NO_CONFLICT = $.fn[JQUERY_NAME]
|
||||
|
||||
//const ClassName = {
|
||||
// CANVAS: 'mdb-layout-canvas',
|
||||
// HEADER: 'mdb-layout-header',
|
||||
// DRAWER: 'mdb-layout-drawer',
|
||||
// CONTENT: 'mdb-layout-content',
|
||||
// BACKDROP: 'mdb-layout-backdrop',
|
||||
//import BaseLayout from './baseLayout'
|
||||
//
|
||||
//const Layout = (($) => {
|
||||
//
|
||||
// /**
|
||||
// * ------------------------------------------------------------------------
|
||||
// * Constants
|
||||
// * ------------------------------------------------------------------------
|
||||
// */
|
||||
// const NAME = 'layout'
|
||||
// const DATA_KEY = `mdb.${NAME}`
|
||||
// const JQUERY_NAME = `mdb${NAME.charAt(0).toUpperCase() + NAME.slice(1)}`
|
||||
// const JQUERY_NO_CONFLICT = $.fn[JQUERY_NAME]
|
||||
//
|
||||
// //const ClassName = {
|
||||
// // CANVAS: 'mdb-layout-canvas',
|
||||
// // HEADER: 'mdb-layout-header',
|
||||
// // DRAWER: 'mdb-layout-drawer',
|
||||
// // CONTENT: 'mdb-layout-content',
|
||||
// // 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 = {
|
||||
// DRAWER: `.${ClassName.DRAWER}`,
|
||||
// HEADER: `.${ClassName.HEADER}`,
|
||||
// CONTENT: `.${ClassName.CONTENT}`
|
||||
//
|
||||
// dispose() {
|
||||
// super.dispose(DATA_KEY)
|
||||
// }
|
||||
|
||||
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.
|
||||
//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}`)
|
||||
}
|
||||
|
||||
dispose() {
|
||||
super.dispose(DATA_KEY)
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------------
|
||||
// static
|
||||
static _jQueryInterface(config) {
|
||||
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
|
||||
//
|
||||
// // ------------------------------------------------------------------------
|
||||
// // static
|
||||
// static _jQueryInterface(config) {
|
||||
// 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
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user