100 lines
2.5 KiB
JavaScript
100 lines
2.5 KiB
JavaScript
import { observable, action, computed } from 'mobx';
|
|
|
|
export default class StoreList {
|
|
|
|
@observable list = [];
|
|
@observable selected = {};
|
|
@observable istLoading = false;
|
|
@observable isSearching = false;
|
|
@observable filtered = [];
|
|
|
|
constructor(context) {
|
|
this.http = context.http;
|
|
this.context = context;
|
|
}
|
|
|
|
@action
|
|
getList(){
|
|
this.isLoading = true;
|
|
return this.http.get("stores")
|
|
.then(res => {
|
|
this.list = res;
|
|
this.isLoading = false;
|
|
})
|
|
.catch(err => {
|
|
this.isLoading = false;
|
|
throw err;
|
|
})
|
|
}
|
|
|
|
@action
|
|
getDetail(id){
|
|
this.isLoading = true;
|
|
return this.http.get(`stores/${id}`)
|
|
.then(res => {
|
|
this.selected = res;
|
|
this.isLoading = false;
|
|
})
|
|
.catch(err => {
|
|
this.isLoading = false;
|
|
throw err;
|
|
})
|
|
}
|
|
|
|
@action
|
|
post(data){
|
|
this.isLoading = true;
|
|
return this.http.post("stores", data)
|
|
.then(res => {
|
|
this.isLoading = false;
|
|
this.getList();
|
|
return res;
|
|
})
|
|
.catch(err => {
|
|
this.isLoading = false;
|
|
throw err;
|
|
})
|
|
}
|
|
|
|
@action
|
|
put(id,data){
|
|
this.isLoading = true;
|
|
return this.http.put(`stores/${id}`, data)
|
|
.then(res => {
|
|
this.isLoading = false;
|
|
this.getList();
|
|
return res;
|
|
})
|
|
.catch(err => {
|
|
this.isLoading = false;
|
|
throw err;
|
|
})
|
|
}
|
|
|
|
@action
|
|
delete(id){
|
|
this.isLoading = true;
|
|
return this.http.delete(`stores/${id}`)
|
|
.then(res => {
|
|
this.isLoading = false;
|
|
this.getList();
|
|
return res;
|
|
})
|
|
.catch(err => {
|
|
this.isLoading = false;
|
|
throw err;
|
|
})
|
|
}
|
|
|
|
filterItems = (query) => {
|
|
return this.list.filter((el) =>
|
|
el.name.toLowerCase().indexOf(query.toLowerCase()) > -1
|
|
);
|
|
}
|
|
|
|
@action
|
|
search(text){
|
|
this.filtered = this.filterItems(text);
|
|
}
|
|
}
|