bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refactored user blocks using ajax loaded drupal's html as template for vue

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2019-05-31 23:05:37 +02:00
parent a48b7262eb
commit d21bd5ef4e
22 changed files with 492 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/themes/custom/materiotheme/vuejs/components/Block/SearchBlock.vue
View File

@@ -9,7 +9,7 @@
<script>
import SearchForm from 'vuejs/components/Form/SearchForm'
import { mapState, mapActions } from 'vuex'
import { MSAPI } from 'vuejs/api/msapi-axios'
import { MA } from 'vuejs/api/ma-axios'
export default {
props: ['blockid', 'formhtml'],
@@ -23,17 +23,17 @@ export default {
canSearch: state => state.User.canSearch
}),
displayform(){
console.log('computed displayform');
// console.log('computed displayform');
return this.canSearch && this.form
}
},
beforeMount() {
console.log('SearchBlock beforeMount');
// console.log('SearchBlock beforeMount');
this.form = this.formhtml
},
watch: {
canSearch(new_value, old_value) {
console.log('canSearch changed, old: '+old_value+", new: "+new_value);
// console.log('canSearch changed, old: '+old_value+", new: "+new_value);
if(new_value && !this.form){
this.getSearchForm()
}
@@ -44,9 +44,9 @@ export default {
},
methods: {
getSearchForm(){
MSAPI.get(`/search_form`)
MA.get(`/materio_sapi/search_form`)
.then(({data}) => {
console.log("getSearchForm");
// console.log("getSearchForm");
this.form = data.rendered
})
.catch(( error ) => {