From a4e0fb21563f2647682fd18b852708e609cef28a Mon Sep 17 00:00:00 2001
From: DrumsnChocolate <matbronk@gmail.com>
Date: Tue, 14 Nov 2023 17:53:58 +0100
Subject: [PATCH] added the ability to view articles per group

---
 app/components/cards/article-card.hbs         | 44 +++++++++----------
 app/components/cards/article-card.js          | 14 ------
 .../application/group-memberships.js          |  2 +-
 app/controllers/groups/group/index.js         |  2 +-
 app/templates/articles/index.hbs              |  4 +-
 app/templates/groups/group/index.hbs          | 31 ++++++++++++-
 6 files changed, 56 insertions(+), 41 deletions(-)
 delete mode 100644 app/components/cards/article-card.js

diff --git a/app/components/cards/article-card.hbs b/app/components/cards/article-card.hbs
index a126dae8c..18722dc4d 100644
--- a/app/components/cards/article-card.hbs
+++ b/app/components/cards/article-card.hbs
@@ -1,5 +1,5 @@
 <article
-  class='article-card {{if useMaxHeight "d-flex"}}'
+  class='article-card {{if @useMaxHeight "d-flex"}}'
   itemscope
   itemtype='https://schema.org/Article'
 >
@@ -8,32 +8,32 @@
       <img
         itemprop='image'
         class='card-img-top'
-        src={{article.coverPhotoUrlOrDefault}}
+        src={{@article.coverPhotoUrlOrDefault}}
       />
 
       <div class='card-title-bar gradient-overlay'>
         <div class='hidden-xs-down'>
           <img
-            src='{{article.avatarThumbUrlOrDefault}}'
+            src='{{@article.avatarThumbUrlOrDefault}}'
             class='profile-picture-medium profile-picture-margin'
-            alt='{{article.authorName}}'
+            alt='{{@article.authorName}}'
             height='60px'
             style='display: inline;'
           />
         </div>
-
+        {{@title}}
         <div class='card-titles'>
-          <LinkTo @route='articles.article' @model={{article.id}}>
+          <LinkTo @route='articles.article' @model={{@article.id}}>
             <h2 class='card-title' itemprop='name headline'>
-              {{#if article.pinned}}<FaIcon @icon='thumbtack' />{{/if}}
-              {{article.title}}
+              {{#if @article.pinned}}<FaIcon @icon='thumbtack' />{{/if}}
+              {{this.args.article.title}}
             </h2>
           </LinkTo>
           <h3 class='card-subtitle'>
-            {{#if article.group}}
+            {{#if @article.group}}
               <LinkTo
                 @route='groups.group'
-                @model={{article.group.id}}
+                @model={{@article.group.id}}
                 class='link-to card-subtitle-link'
               >
                 <span
@@ -41,13 +41,13 @@
                   itemscope
                   itemtype='https://schema.org/Person'
                 >
-                  <span itemprop='name'>{{article.authorName}}</span>
+                  <span itemprop='name'>{{@article.authorName}}</span>
                 </span>
               </LinkTo>
             {{else}}
               <LinkTo
                 @route='users.user'
-                @model={{article.author.id}}
+                @model={{@article.author.id}}
                 class='link-to card-subtitle-link'
               >
                 <span
@@ -55,7 +55,7 @@
                   itemscope
                   itemtype='https://schema.org/Person'
                 >
-                  <span itemprop='name'>{{article.authorName}}</span>
+                  <span itemprop='name'>{{@article.authorName}}</span>
                 </span>
               </LinkTo>
             {{/if}}
@@ -66,18 +66,18 @@
 
     <div class='card-body'>
       <p class='card-text' itemprop='articleBody'>
-        {{#if showExcerpt}}
-          {{clean-markdown article.excerpt}}
+        {{#if @showExcerpt}}
+          {{clean-markdown @article.excerpt}}
         {{else}}
           {{markdown-to-html
-            article.contentCamofied
+            @article.contentCamofied
             extensions='youtubeEmbed bootstrapTable'
           }}
         {{/if}}
       </p>
       <meta
         itemprop='dateModified'
-        content={{moment-format article.updatedAt}}
+        content={{moment-format @article.updatedAt}}
       />
       <meta
         itemprop='publisher'
@@ -90,18 +90,18 @@
     <div class='card-footer'>
       <span
         itemprop='datePublished'
-        content={{moment-format article.createdAt}}
+        content={{moment-format @article.createdAt}}
       >
-        {{moment-calendar article.createdAt}}
+        {{moment-calendar @article.createdAt}}
       </span>
       <span>
         {{t
           'component.cards.articleCard.reactions'
-          count=article.amountOfComments
+          count=@article.amountOfComments
         }}
       </span>
-      {{#if useMaxHeight}}
-        <LinkTo @route='articles.article' @model={{article.id}} itemprop='url'>
+      {{#if @useMaxHeight}}
+        <LinkTo @route='articles.article' @model={{@article.id}} itemprop='url'>
           <span class='float-md-end'> {{t 'tag.button.readMore'}} </span>
         </LinkTo>
       {{/if}}
diff --git a/app/components/cards/article-card.js b/app/components/cards/article-card.js
deleted file mode 100644
index ebd8721e9..000000000
--- a/app/components/cards/article-card.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { inject as service } from '@ember/service';
-import Component from '@ember/component';
-
-const ArticleCardComponent = Component.extend({
-  session: service('session'),
-  article: null,
-  showExcerpt: false,
-});
-
-ArticleCardComponent.reopenClass({
-  positionalParams: ['article'],
-});
-
-export default ArticleCardComponent;
diff --git a/app/controllers/application/group-memberships.js b/app/controllers/application/group-memberships.js
index 89bb5c2ac..b2adacef8 100644
--- a/app/controllers/application/group-memberships.js
+++ b/app/controllers/application/group-memberships.js
@@ -8,8 +8,8 @@ export default class GroupMembershipsController extends Controller {
   currentMembershipsTab = 'currentMemberships';
   oldMembershipsTab = 'oldMemberships';
   @tracked sortedAttribute = null;
+  @tracked filterableAttributes = null;
   @tracked sortedAscending = true;
-
   @tracked filter = '';
   @tracked selectedTab = this.currentMembershipsTab;
 
diff --git a/app/controllers/groups/group/index.js b/app/controllers/groups/group/index.js
index 1ede07e47..e4d8e5ac2 100644
--- a/app/controllers/groups/group/index.js
+++ b/app/controllers/groups/group/index.js
@@ -3,8 +3,8 @@ import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
 
 export default class GroupIndexController extends GroupMembershipsController {
-  @tracked sortedAttribute = 'user.firstName';
 
+  @tracked sortedAttribute = 'user.firstName';
   filterableAttributes = ['user.username', 'user.fullName', 'function'];
   sortableAttributes = [
     {
diff --git a/app/templates/articles/index.hbs b/app/templates/articles/index.hbs
index ffab69f13..d16d43dbd 100644
--- a/app/templates/articles/index.hbs
+++ b/app/templates/articles/index.hbs
@@ -15,10 +15,10 @@
 </EmberWormhole>
 
 <div class='row'>
-  {{#each model as |article|}}
+  {{#each @model as |article|}}
     <div class='article-col col-md-6'>
       <LinkTo @route='articles.article' @model={{article.id}}>
-        {{cards/article-card article showExcerpt=true useMaxHeight=true}}
+        <Cards::ArticleCard @article={{article}} @showExcerpt={{true}} @useMaxHeight={{true}}/>
       </LinkTo>
     </div>
   {{/each}}
diff --git a/app/templates/groups/group/index.hbs b/app/templates/groups/group/index.hbs
index 5b8c6af61..6a8f5f30f 100644
--- a/app/templates/groups/group/index.hbs
+++ b/app/templates/groups/group/index.hbs
@@ -81,7 +81,7 @@
           </div>
         </div>
         <div class='card-body'>
-          <div class='row userlist'>
+          <div class='row'>
             {{#each filteredModels as |membership|}}
               <LinkTo
                 @route='users.user'
@@ -116,6 +116,35 @@
   </div>
 {{/if}}
 
+{{#if (and (can 'show articles') @model.articles)}}
+  <div class="row">
+    <div class="col-12">
+      <div class="card">
+        <div class="card-header">
+          <div class="row">
+            <div class="col">
+              <h5>Artikelen gepubliceerd door {{@model.name}}</h5>
+            </div>
+          </div>
+        </div>
+        <div class="card-body">
+          <div class="row">
+            {{#each @model.articles as |article|}}
+              <LinkTo
+                @route='articles.article'
+                @model="{{article.id}}"
+                class="col-6 col-sm-4 col-md-3"
+              >
+                <Cards::ArticleCard @article={{article}}/>
+              </LinkTo>
+            {{/each}}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{{/if}}
+
 {{#if (and (can 'show mail-aliases') @model.mailAliases)}}
   <div class='row'>
     <div class='col-sm-12'>