AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Small fixes regarding pjax and animation

Browse Source
This commit is contained in:
Tom Raithel
2017-02-15 08:42:52 +01:00
parent 335e01f5e1
commit cdaa958118
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
js/details.js
View File

@@ -27,10 +27,9 @@ const animation = (steps) => {
} }
const initDetails = (element, fromPjax) => { const initDetails = (element, fromPjax) => {
console.log('app'); if (fromPjax !== true) {
// if (fromPjax !== true) { return;
// return; }
// }
element.classList.add('animate'); element.classList.add('animate');
element.classList.add('animate--curtain'); element.classList.add('animate--curtain');

4
js/filter.js
View File

@@ -2,7 +2,7 @@ import Vue from 'vue';
import applyPjax from './pjax'; import applyPjax from './pjax';
const initFilter = element => { const initFilter = (element) => {
const index = JSON.parse(element.getAttribute('data-index')); const index = JSON.parse(element.getAttribute('data-index'));
const filter = new Vue({ const filter = new Vue({
@@ -26,7 +26,7 @@ const initFilter = element => {
return visibleItems.length > 0; return visibleItems.length > 0;
}, },
}, },
created() { mounted() {
applyPjax(); applyPjax();
}, },
updated() { updated() {

12
js/radar.js
View File

@@ -2,17 +2,17 @@ import filter from './filter';
import details from './details'; import details from './details';
import applyPjax from './pjax'; import applyPjax from './pjax';
const enhanceComponent = (selector, enhancer) => { const enhanceComponent = (selector, enhancer, fromPjax = false) => {
const $filter = [].slice.call(document.querySelectorAll(selector)); const $filter = [].slice.call(document.querySelectorAll(selector));
$filter.map(enhancer); $filter.map((e) => enhancer(e, fromPjax));
} }
const enhanceComponents = () => { const enhanceComponents = (fromPjax) => {
enhanceComponent('.js--filter', filter); enhanceComponent('.js--filter', filter, fromPjax);
enhanceComponent('.js--details', details); enhanceComponent('.js--details', details, fromPjax);
} }
applyPjax(); applyPjax();
enhanceComponents(); enhanceComponents();
document.addEventListener("pjax:success", enhanceComponents); document.addEventListener("pjax:success", () => enhanceComponents(true));