mirror of
https://github.com/discourse/discourse.git
synced 2025-03-03 09:49:42 +00:00
DEV: Convert ConditionalLoadingSpinner to gjs (#23565)
This commit is contained in:
parent
c163634ff9
commit
6b218636ab
@ -0,0 +1,20 @@
|
||||
import concatClass from "discourse/helpers/concat-class";
|
||||
import eq from "truth-helpers/helpers/eq";
|
||||
|
||||
const ConditionalLoadingSpinner = <template>
|
||||
<div
|
||||
class={{concatClass
|
||||
"loading-container"
|
||||
(if @condition "visible")
|
||||
(if (eq @size "small") "inline-spinner")
|
||||
}}
|
||||
>
|
||||
{{#if @condition}}
|
||||
<div class="spinner {{@size}}"></div>
|
||||
{{else}}
|
||||
{{yield}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</template>;
|
||||
|
||||
export default ConditionalLoadingSpinner;
|
@ -1,5 +0,0 @@
|
||||
{{#if this.condition}}
|
||||
<div class="spinner {{this.size}}"></div>
|
||||
{{else}}
|
||||
{{yield}}
|
||||
{{/if}}
|
@ -1,15 +0,0 @@
|
||||
import Component from "@ember/component";
|
||||
import discourseComputed from "discourse-common/utils/decorators";
|
||||
|
||||
export default Component.extend({
|
||||
classNameBindings: [
|
||||
":loading-container",
|
||||
"containerClass",
|
||||
"condition:visible",
|
||||
],
|
||||
|
||||
@discourseComputed("size")
|
||||
containerClass(size) {
|
||||
return size === "small" ? "inline-spinner" : undefined;
|
||||
},
|
||||
});
|
Loading…
x
Reference in New Issue
Block a user