diff --git a/chat/CharacterSearch.vue b/chat/CharacterSearch.vue
index 64998b7..5cbbca7 100644
--- a/chat/CharacterSearch.vue
+++ b/chat/CharacterSearch.vue
@@ -18,7 +18,11 @@
-
{{l('characterSearch.results')}}
+
+ {{l('characterSearch.results')}}
+
+
+
@@ -101,6 +105,7 @@
kinksFilter = '';
error = '';
results: Character[] | undefined;
+ resultsComplete = false;
characterImage = characterImage;
options!: Data;
data: Data = {kinks: [], genders: [], orientations: [], languages: [], furryprefs: [], roles: [], positions: []};
@@ -145,6 +150,8 @@
core.connection.onMessage('FKS', (data) => {
this.results = data.characters.map((x) => core.characters.get(x))
.filter((x) => core.state.hiddenUsers.indexOf(x.name) === -1 && !x.isIgnored).sort(sort);
+
+ this.resultsComplete = this.checkResultCompletion();
});
if (this.scoreWatcher) {
@@ -163,6 +170,7 @@
&& (_.find(this.results, (c: Character) => c.name === event.character.character.name))
) {
this.results = this.results.sort(sort);
+ this.resultsComplete = this.checkResultCompletion();
}
};
@@ -200,6 +208,14 @@
}
+ checkResultCompletion(): boolean {
+ return _.every(
+ this.results,
+ (c: Character) => (!!core.cache.profileCache.getSync(c.name))
+ );
+ }
+
+
filterKink(filter: RegExp, kink: Kink): boolean {
if(this.data.kinks.length >= 5)
return this.data.kinks.indexOf(kink) !== -1;
@@ -267,5 +283,22 @@
.search-string span {
font-weight: bold;
}
+
+ .search-spinner {
+ float: right;
+ animation: search-spin 4s linear infinite;
+ }
}
+
+
+ @keyframes search-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+
+ }
+
\ No newline at end of file