@ionic/core
Version:
Base components for Ionic
51 lines (50 loc) • 1.87 kB
JavaScript
export class RefresherContent {
componentWillLoad() {
if (this.pullingIcon === undefined) {
this.pullingIcon = this.config.get('refreshingIcon', 'arrow-down');
}
if (this.refreshingSpinner === undefined) {
this.refreshingSpinner = this.config.get('refreshingSpinner', this.config.get('spinner', 'lines'));
}
}
render() {
return [
h("div", { class: "refresher-pulling" },
this.pullingIcon &&
h("div", { class: "refresher-pulling-icon" },
h("ion-icon", { icon: this.pullingIcon, lazy: false })),
this.pullingText &&
h("div", { class: "refresher-pulling-text", innerHTML: this.pullingText })),
h("div", { class: "refresher-refreshing" },
this.refreshingSpinner &&
h("div", { class: "refresher-refreshing-icon" },
h("ion-spinner", { name: this.refreshingSpinner })),
this.refreshingText &&
h("div", { class: "refresher-refreshing-text", innerHTML: this.refreshingText }))
];
}
static get is() { return "ion-refresher-content"; }
static get properties() { return {
"config": {
"context": "config"
},
"pullingIcon": {
"type": String,
"attr": "pulling-icon",
"mutable": true
},
"pullingText": {
"type": String,
"attr": "pulling-text"
},
"refreshingSpinner": {
"type": String,
"attr": "refreshing-spinner",
"mutable": true
},
"refreshingText": {
"type": String,
"attr": "refreshing-text"
}
}; }
}