integrated vuejs into theme (builded with webpack
This commit is contained in:
1
web/themes/custom/materiotheme/assets/dist/3f2f1fc790d5507ed234.hot-update.json
vendored
Normal file
1
web/themes/custom/materiotheme/assets/dist/3f2f1fc790d5507ed234.hot-update.json
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"h":"9b06c7ef8366e03bb4ea","c":{"main":true}}
|
15
web/themes/custom/materiotheme/assets/dist/main.3f2f1fc790d5507ed234.hot-update.js
vendored
Normal file
15
web/themes/custom/materiotheme/assets/dist/main.3f2f1fc790d5507ed234.hot-update.js
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
webpackHotUpdate("main",{
|
||||
|
||||
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./web/themes/custom/materiotheme/vuejs/components/Login.vue?vue&type=template&id=39c106f7&scoped=true&lang=html&":
|
||||
/*!******************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./web/themes/custom/materiotheme/vuejs/components/Login.vue?vue&type=template&id=39c106f7&scoped=true&lang=html& ***!
|
||||
\******************************************************************************************************************************************************************************************************************************************************/
|
||||
/*! exports provided: render, staticRenderFns */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { attrs: { id: \"block-userlogin\" } }, [\n _c(\"h2\", [_vm._v(\"Login Hello!\")]),\n _vm._v(\" \"),\n _c(\"section\", [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.mail,\n expression: \"mail\"\n }\n ],\n staticClass: \"form-email\",\n attrs: {\n id: \"edit-name\",\n type: \"text\",\n placeholder: \"Email\",\n name: \"name\"\n },\n domProps: { value: _vm.mail },\n on: {\n keyup: function($event) {\n if (\n !$event.type.indexOf(\"key\") &&\n _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n ) {\n return null\n }\n return _vm.login($event)\n },\n input: function($event) {\n if ($event.target.composing) {\n return\n }\n _vm.mail = $event.target.value\n }\n }\n }),\n _vm._v(\" \"),\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.password,\n expression: \"password\"\n }\n ],\n staticClass: \"form-text\",\n attrs: {\n id: \"edit-pass\",\n type: \"password\",\n placeholder: \"Password\",\n name: \"pass\"\n },\n domProps: { value: _vm.password },\n on: {\n keyup: function($event) {\n if (\n !$event.type.indexOf(\"key\") &&\n _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")\n ) {\n return null\n }\n return _vm.login($event)\n },\n input: function($event) {\n if ($event.target.composing) {\n return\n }\n _vm.password = $event.target.value\n }\n }\n }),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n staticClass: \"button\",\n attrs: { id: \"edit-submit\" },\n on: {\n click: function($event) {\n $event.stopPropagation()\n return _vm.login($event)\n }\n }\n },\n [_vm._v(\"\\n login\\n \")]\n )\n ])\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./web/themes/custom/materiotheme/vuejs/components/Login.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
|
||||
|
||||
/***/ })
|
||||
|
||||
})
|
1037
web/themes/custom/materiotheme/assets/dist/main.css
vendored
Normal file
1037
web/themes/custom/materiotheme/assets/dist/main.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
645
web/themes/custom/materiotheme/assets/dist/main.js
vendored
Normal file
645
web/themes/custom/materiotheme/assets/dist/main.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1,3 +0,0 @@
|
||||
|
||||
(function($,Drupal,drupalSettings){MaterioTheme=function(){var _$body=$('body');function init(){void 0;};init();}
|
||||
$(document).ready(function($){if(drupalSettings.path.isFront){var materiotheme=new MaterioTheme();}else{$('body').attr('booted','booted');}});})(jQuery,Drupal,drupalSettings);
|
File diff suppressed because one or more lines are too long
@@ -1,7 +1,19 @@
|
||||
(function($, Drupal, drupalSettings) {
|
||||
import Vue from 'vue'
|
||||
import store from 'vuejs/store'
|
||||
import VLogin from 'vuejs/components/Login'
|
||||
|
||||
MaterioTheme = function(){
|
||||
var _$body = $('body');
|
||||
// require('theme/assets/styles/main.scss');
|
||||
import 'theme/assets/styles/main.scss'
|
||||
|
||||
(function(Drupal, drupalSettings) {
|
||||
|
||||
var v_login = new Vue({
|
||||
store,
|
||||
render: h => h(VLogin)
|
||||
}).$mount('#block-userlogin')
|
||||
|
||||
|
||||
var MaterioTheme = function(){
|
||||
// var _is_front = drupalSettings.path.isFront;
|
||||
|
||||
// ___ _ _
|
||||
@@ -17,12 +29,12 @@
|
||||
init();
|
||||
} // end MaterioTheme()
|
||||
|
||||
$(document).ready(function($) {
|
||||
if(drupalSettings.path.isFront){
|
||||
// $(document).ready(function($) {
|
||||
// if(drupalSettings.path.isFront){
|
||||
var materiotheme = new MaterioTheme();
|
||||
}else{
|
||||
$('body').attr('booted', 'booted');
|
||||
}
|
||||
});
|
||||
// }else{
|
||||
// $('body').attr('booted', 'booted');
|
||||
// }
|
||||
// });
|
||||
|
||||
})(jQuery, Drupal, drupalSettings);
|
||||
})(Drupal, drupalSettings);
|
||||
|
@@ -6,12 +6,12 @@
|
||||
// @Last modified time: 20-12-2017
|
||||
// @License: GPL-V3
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/variables';
|
||||
@import 'base/colors';
|
||||
@import 'base/grid';
|
||||
@import 'base/layout';
|
||||
@import 'base/fonts';
|
||||
@import './base/reset';
|
||||
@import './base/variables';
|
||||
@import './base/colors';
|
||||
@import './base/grid';
|
||||
@import './base/layout';
|
||||
@import './base/fonts';
|
||||
|
||||
|
||||
html{
|
Reference in New Issue
Block a user