initial commit

Author: lazabogdan

package.json

@@ -0,0 +1,50 @@
+{
+  "name": "bootstrap-layout",
+  "version": "1.0.0-alpha.1",
+  "description": "Bootstrap layout with sidebar navigation and extras.",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "webpack --config src/build/webpack.config.dev.js --progress --watch",
+    "build": "NODE_ENV=production webpack --config src/build/webpack.config.production.js --progress",
+    "build-dev": "webpack --config src/build/webpack.config.dev.js --progress"
+  },
+  "main": "dist/bootstrap-layout.js",
+  "author": "MOSAICPRO <contact@mosaicpro.biz> (http://themeforest.net/user/mosaicpro/portfolio)",
+  "license": "ISC",
+  "devDependencies": {
+    "autoprefixer": "^6.3.3",
+    "babel-core": "^6.4.0",
+    "babel-loader": "^6.2.1",
+    "babel-plugin-transform-runtime": "^6.4.3",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-runtime": "^5.8.34",
+    "css-loader": "^0.23.0",
+    "eslint": "^1.10.3",
+    "eslint-loader": "^1.2.0",
+    "extract-text-webpack-plugin": "^0.9.1",
+    "file-loader": "^0.8.5",
+    "node-sass": "^3.4.2",
+    "postcss-loader": "^0.8.1",
+    "sass-importer-npm": "^1.0.0",
+    "sass-loader": "^3.1.2",
+    "style-import-loader": "^0.2.0",
+    "style-loader": "^0.13.0",
+    "themekit-webpack-config": "^1.1.0",
+    "url-loader": "^0.5.7",
+    "webpack": "^1.12.11"
+  },
+  "dependencies": {
+    "bootstrap": "^4.0.0-alpha.2",
+    "breakpoints": "github:lazabogdan/breakpoints",
+    "mout": "^0.11.1",
+    "sass-md-colors": "^1.0.0",
+    "simplebar": "github:grsmto/simplebar"
+  },
+  "keywords": [
+    "adminplus",
+    "bootstrap",
+    "bootstrap4",
+    "layout",
+    "sidebar"
+  ]
+}

src/build/webpack.config.dev.js

@@ -0,0 +1,2 @@
+var config = require('./webpack.config')
+module.exports = config.dev({ devtool: 'eval' }).getConfig()

src/build/webpack.config.js

@@ -0,0 +1,27 @@
+var path = require('path')
+var WebpackConfig = require('themekit-webpack-config')
+var config = new WebpackConfig()
+	.withStandaloneEntry('bootstrap-layout')
+	.withLibrary('BootstrapLayout')
+	.withAlias({
+		'bootstrap-layout': path.resolve(__dirname, '..')
+	})
+	.webpack({
+		sassLoader: {
+			importer: require('sass-importer-npm')
+		},
+		sassImportLoader: {
+			base: './src/sass/_variables.scss'
+		},
+		externals: [{
+			'jquery': {
+				root: '$',
+				commonjs2: 'jquery',
+				commonjs: 'jquery',
+				amd: 'jquery'
+			}
+		}]
+	})
+	.use('extract')
+
+module.exports = config

src/build/webpack.config.production.js

@@ -0,0 +1,2 @@
+var config = require('./webpack.config')
+module.exports = config.production().getConfig()

src/index.js

@@ -0,0 +1,18 @@
+// STYLING
+import './sass/style'
+
+// COMPONENTS
+import Sidebar from './js/sidebar'
+import Scrollable from './js/scrollable'
+
+// LIBRARY
+const BootstrapLayout = {
+	Sidebar: new Sidebar(),
+	Scrollable
+}
+
+// EXPORT ES6
+export default BootstrapLayout
+
+// EXPORT ES5
+module.exports = exports.default

src/js/scrollable.js

@@ -0,0 +1,45 @@
+import 'simplebar/src/simplebar'
+
+export default function () {
+
+	$.fn.blScrollable = function () {
+		if (!this.length) return
+		if (this.length > 1) {
+			this.each(function () {
+				$(this).blScrollable()
+			})
+			return
+		}
+
+		var el = this
+		el.addClass('simplebar')
+
+		if (el.data('horizontal')) {
+			el.addClass('horizontal')
+		}
+
+		el.simplebar()
+		el.simplebar().on('scroll', function () {
+			var scrollable = $(this)
+			let scrollTop = scrollable.simplebar('getScrollElement').scrollTop()
+			$('body').trigger('scrolling.bl.scrollable', [scrollTop])
+			clearTimeout(this.scrollTimer)
+			this.scrollTimer = setTimeout(function () {
+				let scrollTop = scrollable.simplebar('getScrollElement').scrollTop()
+				$('body').trigger('end-scrolling.bl.scrollable', [scrollTop])
+			}, 100)
+		})
+		el.on('scroll-to.bl.scrollable', (id) => {
+			let toElement = document.querySelector(id)
+			if (toElement) {
+				el.simplebar('getScrollElement').animate({
+					scrollTop: toElement.offsetTop
+				})
+			}
+		})
+	}
+	
+	$('[data-scrollable]').blScrollable()
+}
+
+module.exports = exports.default