framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
62 lines • 1.59 kB
JavaScript
import $ from '../../shared/dom7.js';
import { extend } from '../../shared/utils.js';
import PullToRefresh from './pull-to-refresh-class.js';
import ConstructorMethods from '../../shared/constructor-methods.js';
export default {
name: 'pullToRefresh',
create() {
const app = this;
app.ptr = extend(ConstructorMethods({
defaultSelector: '.ptr-content',
constructor: PullToRefresh,
app,
domProp: 'f7PullToRefresh'
}), {
done(el) {
const ptr = app.ptr.get(el);
if (ptr) return ptr.done();
return undefined;
},
refresh(el) {
const ptr = app.ptr.get(el);
if (ptr) return ptr.refresh();
return undefined;
}
});
},
static: {
PullToRefresh
},
on: {
tabMounted(tabEl) {
const app = this;
const $tabEl = $(tabEl);
const $ptrEls = $tabEl.find('.ptr-content');
if ($tabEl.is('.ptr-content')) $ptrEls.add($tabEl);
$ptrEls.each(el => {
app.ptr.create(el);
});
},
tabBeforeRemove(tabEl) {
const $tabEl = $(tabEl);
const app = this;
const $ptrEls = $tabEl.find('.ptr-content');
if ($tabEl.is('.ptr-content')) $ptrEls.add($tabEl);
$ptrEls.each(el => {
app.ptr.destroy(el);
});
},
pageInit(page) {
const app = this;
page.$el.find('.ptr-content').each(el => {
app.ptr.create(el);
});
},
pageBeforeRemove(page) {
const app = this;
page.$el.find('.ptr-content').each(el => {
app.ptr.destroy(el);
});
}
}
};