FIX: hyperlinks did not work in category boxes
This commit is contained in:
parent
f6c35e5abc
commit
cc7ecb8a06
|
@ -1,4 +1,5 @@
|
||||||
import computed from 'ember-addons/ember-computed-decorators';
|
import computed from 'ember-addons/ember-computed-decorators';
|
||||||
|
import DiscourseURL from 'discourse/lib/url';
|
||||||
|
|
||||||
export default Ember.Component.extend({
|
export default Ember.Component.extend({
|
||||||
tagName: "section",
|
tagName: "section",
|
||||||
|
@ -8,5 +9,14 @@ export default Ember.Component.extend({
|
||||||
anyLogos() {
|
anyLogos() {
|
||||||
return this.get("categories").any((c) => { return !Ember.isEmpty(c.get('uploaded_logo.url')); });
|
return this.get("categories").any((c) => { return !Ember.isEmpty(c.get('uploaded_logo.url')); });
|
||||||
return this.get("categories").any(c => !Ember.isEmpty(c.get('uploaded_logo.url')));
|
return this.get("categories").any(c => !Ember.isEmpty(c.get('uploaded_logo.url')));
|
||||||
|
},
|
||||||
|
|
||||||
|
click(e) {
|
||||||
|
if (!$(e.target).is('a')) {
|
||||||
|
const url = $(e.target).closest('.category-box').data("url");
|
||||||
|
if (url) {
|
||||||
|
DiscourseURL.routeTo(url);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
{{#each categories as |c|}}
|
{{#each categories as |c|}}
|
||||||
<div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}}>
|
<div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}} data-url={{c.url}}>
|
||||||
<div class='category-box-inner'>
|
<div class='category-box-inner'>
|
||||||
<a href={{c.url}}>
|
|
||||||
<div class='category-box-heading'>
|
<div class='category-box-heading'>
|
||||||
{{#if c.uploaded_logo.url}}
|
{{#if c.uploaded_logo.url}}
|
||||||
{{cdn-img src=c.uploaded_logo.url class="logo"}}
|
{{cdn-img src=c.uploaded_logo.url class="logo"}}
|
||||||
|
@ -18,7 +17,6 @@
|
||||||
<div class='description'>
|
<div class='description'>
|
||||||
{{{text-overflow class="overflow" text=c.description_excerpt}}}
|
{{{text-overflow class="overflow" text=c.description_excerpt}}}
|
||||||
</div>
|
</div>
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
|
|
|
@ -26,6 +26,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-content: flex-start;
|
align-content: flex-start;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue