1
0
mirror of https://github.com/MisskeyIO/misskey synced 2024-12-17 08:09:09 +09:00
MisskeyIO/src/web/app/common/define-widget.ts

52 lines
947 B
TypeScript
Raw Normal View History

2018-02-15 01:07:09 +09:00
import Vue from 'vue';
export default function(data: {
name: string;
props: any;
}) {
return Vue.extend({
props: {
wid: {
type: String,
required: true
},
place: {
type: String,
required: true
},
wprops: {
type: Object,
required: false
}
},
computed: {
id(): string {
return this.wid;
}
},
data() {
return {
props: data.props
};
},
watch: {
props(newProps, oldProps) {
if (JSON.stringify(newProps) == JSON.stringify(oldProps)) return;
this.$root.$data.os.api('i/update_home', {
id: this.id,
data: newProps
}).then(() => {
this.$root.$data.os.i.client_settings.home.find(w => w.id == this.id).data = newProps;
});
}
},
created() {
if (this.props) {
Object.keys(this.wprops).forEach(prop => {
this.props[prop] = this.props.data.hasOwnProperty(prop) ? this.props.data[prop] : this.props[prop];
});
}
}
});
}