feat: add basic templates for data list items

src/app/modules/data/elements/long-inline-text.component.ts

@@ -0,0 +1,24 @@
+/*
+ * Copyright (C) 2019 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Component, Input} from '@angular/core';
+
+@Component({
+  selector: 'stapps-long-inline-text',
+  templateUrl: 'long-inline-text.html',
+})
+export class LongInlineText {
+  @Input() text: string;
+  @Input() size: number;
+}

src/app/modules/data/elements/long-inline-text.html

@@ -0,0 +1 @@
+<span>{{text | slice:0:size}}<span *ngIf="text.length > size">...</span>

src/app/modules/data/elements/offers-in-list.component.ts

@@ -0,0 +1,24 @@
+/*
+ * Copyright (C) 2019 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Component, Input} from '@angular/core';
+import {SCAcademicPriceGroup, SCThingThatCanBeOfferedOffer} from '@openstapps/core';
+
+@Component({
+  selector: 'stapps-offers-in-list',
+  templateUrl: 'offers-in-list.html',
+})
+export class OffersInListComponent {
+  @Input() offers: Array<SCThingThatCanBeOfferedOffer<SCAcademicPriceGroup>>;
+}

src/app/modules/data/elements/offers-in-list.html

@@ -0,0 +1,6 @@
+<div>
+  <h2>{{offers[0].prices.default | currency:'EUR':'symbol':undefined:'de'}}</h2>
+  <p *ngIf="offers[0].inPlace">
+    <ion-icon name="pin"></ion-icon> {{offers[0].inPlace.name}} <span *ngIf="offers.length > 1">...</span>
+  </p>
+</div>