github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-18 10:52:45 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: migrate CdnImg to gjs (#27797)

Browse Source
This commit is contained in:
Joffrey JAFFEUX 2024-07-09 19:05:30 +02:00 committed by GitHub
parent c080ac0094
commit a60e1b35ed
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 28 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/javascripts/discourse/app/components/cdn-img.gjs Normal file
View File

@ -0,0 +1,28 @@
import Component from "@glimmer/component";
import { htmlSafe } from "@ember/template";
import { getURLWithCDN } from "discourse-common/lib/get-url";
export default class CdnImg extends Component {
get cdnSrc() {
return getURLWithCDN(this.args.src);
}
get style() {
if (this.args.width && this.args.height) {
return htmlSafe(`--aspect-ratio: ${this.args.width / this.args.height};`);
}
}
<template>
{{#if @src}}
<img
...attributes
src={{this.cdnSrc}}
width={{@width}}
height={{@height}}
style={{this.style}}
alt=""
/>
{{/if}}
</template>
}

10
app/assets/javascripts/discourse/app/components/cdn-img.hbs
View File

@ -1,10 +0,0 @@
{{#if this.src}}
<img
...attributes
src={{this.cdnSrc}}
width={{this.width}}
height={{this.height}}
style={{this.style}}
alt=""
/>
{{/if}}

20
app/assets/javascripts/discourse/app/components/cdn-img.js
View File

@ -1,20 +0,0 @@
import Component from "@ember/component";
import { htmlSafe } from "@ember/template";
import { getURLWithCDN } from "discourse-common/lib/get-url";
import discourseComputed from "discourse-common/utils/decorators";
export default Component.extend({
tagName: "",
@discourseComputed("src")
cdnSrc(src) {
return getURLWithCDN(src);
},
@discourseComputed("width", "height")
style(width, height) {
if (width && height) {
return htmlSafe(`--aspect-ratio: ${width / height};`);
}
},
});