|
@@ -1,6 +1,7 @@
|
|
|
import Vue from 'vue'
|
|
|
|
|
|
import store from 'vuejs/store'
|
|
|
+import router from 'vuejs/route'
|
|
|
|
|
|
import VUserBlock from 'vuejs/components/Block/UserBlock'
|
|
|
import VMainContent from 'vuejs/components/Content/MainContent'
|
|
@@ -15,7 +16,7 @@ import 'theme/assets/styles/main.scss'
|
|
|
|
|
|
var MaterioTheme = function(){
|
|
|
|
|
|
- var _v_user_block, _v_main_content, _v_search_block;
|
|
|
+ var _v_sitebranding_block, _v_user_block, _v_main_content, _v_search_block;
|
|
|
var _is_front = drupalSettings.path.isFront;
|
|
|
|
|
|
console.log('drupalSettings', drupalSettings);
|
|
@@ -30,11 +31,26 @@ import 'theme/assets/styles/main.scss'
|
|
|
}
|
|
|
|
|
|
function initVues(){
|
|
|
+ initVSiteBrandingBlock()
|
|
|
initVUserBlock()
|
|
|
initVMainContent()
|
|
|
initVSearchBlock()
|
|
|
}
|
|
|
|
|
|
+ function initVSiteBrandingBlock(){
|
|
|
+ _v_sitebranding_block = new Vue({
|
|
|
+ store,
|
|
|
+ router,
|
|
|
+ el: '#block-sitebranding',
|
|
|
+ methods: {
|
|
|
+ onclick(){
|
|
|
+ console.log("Clicked on logo");
|
|
|
+ this.$router.push({name:'home'})
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
function initVUserBlock(){
|
|
|
let mount_point = drupalSettings.user.uid !== 0 ? 'block-userblock' : 'block-userlogin';
|
|
|
let props = {
|
|
@@ -72,13 +88,14 @@ import 'theme/assets/styles/main.scss'
|
|
|
}
|
|
|
|
|
|
function initVMainContent(){
|
|
|
- let $main_content = document.querySelector('#main-content')
|
|
|
+ let id = "main-content"
|
|
|
+ let $main_content = document.querySelector('#'+id)
|
|
|
// console.log('main-content', $main_content);
|
|
|
let main_html = $main_content.innerHTML
|
|
|
_v_main_content = new Vue({
|
|
|
store,
|
|
|
- render: h => h(VMainContent, {props:{html:main_html}})
|
|
|
- }).$mount('#main-content')
|
|
|
+ render: h => h(VMainContent, {props:{id:id, html:main_html}})
|
|
|
+ }).$mount('#'+id)
|
|
|
// console.log('initTestVContent', v_test_content);
|
|
|
}
|
|
|
|