Untitled diff
Erstellt Diff läuft nie ab
7 Entfernungen
| Zeilen | |
|---|---|
| Gesamt | |
| Entfernt | |
| Zeichen | |
| Gesamt | |
| Entfernt | |
8 Hinzufügungen
| Zeilen | |
|---|---|
| Gesamt | |
| Hinzugefügt | |
| Zeichen | |
| Gesamt | |
| Hinzugefügt | |
import { inject as service } from "@ember-decorators/service";
import { inject as service } from "@ember-decorators/service";
import Component from '@ember/component';
import Component from '@ember/component';
import { action, wrapComputed, computed } from "@ember/object";
import { action, wrapComputed, computed } from "@ember/object";
import { isEmpty } from '@ember/utils';
import { isEmpty } from '@ember/utils';
import { task } from 'ember-concurrency';
import { task } from 'ember-concurrency';
import { filterByFilePath } from '../utils';
import { filterByFilePath } from '../utils';
export default class AddonSourceUsagesComponent extends Component {
export default class AddonSourceUsagesComponent extends Component {
visibleUsageCount = 25;
@tracked visibleUsageCount = 25;
showUsages = false;
@tracked showUsages = false;
usages = null;
usages = null;
regex = false;
regex = false;
fileFilter = null;
fileFilter = null;
@service codeSearch;
@service codeSearch;
@computed('visibleUsageCount', 'usages')
@computed('usages')
get visibleUsages() {
get visibleUsages() {
return this.usages.slice(0, this.visibleUsageCount);
return this.usages.slice(0, this.visibleUsageCount);
}
}
@computed('visibleUsageCount', 'usages')
@computed('usages')
get moreUsages() {
get moreUsages() {
return this.visibleUsageCount < this.usages.length;
return this.visibleUsageCount < this.usages.length;
}
}
@(task(function* () {
@(task(function* () {
let usages = yield this.codeSearch.usages.perform(this.addon.id, this.query, this.regex);
let usages = yield this.codeSearch.usages.perform(this.addon.id, this.query, this.regex);
this.set('usages', filterByFilePath(usages, this.fileFilter));
this.set('usages', filterByFilePath(usages, this.fileFilter));
}).drop())
}).drop())
fetchUsages;
fetchUsages;
@action
@action
toggleUsages() {
toggleUsages() {
this.toggleProperty('showUsages');
this.showUsages = !this.showUsages;
if (this.showUsages && this.usages === null) {
if (this.showUsages && this.usages === null) {
this.fetchUsages.perform();
this.fetchUsages.perform();
}
}
}
}
@action
@action
viewMore() {
viewMore() {
let newUsageCount = this.visibleUsageCount + 25;
this.visibleUsageCount += 25;
this.set('visibleUsageCount', newUsageCount);
}
}
}
}