feat(): Image descriptions with html inside #123

Ks89 · Mar 1, 2018 · 8c889f6 · 8c889f6
1 parent 4921554
commit 8c889f6
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,8 @@
+# 5.1.0
+### Features
+- support html image description (requested by @ckelkar) #123
+
+
 # 5.0.1
 ### Fix
 - I forgot to publish README.md on npmjs :)

diff --git a/README.md b/README.md
@@ -84,6 +84,7 @@ From version 5.0.0, **font-awesome isn't a mandatory dependency**. You can use a
 
 
 ## News
+- 03/??/2018 - 5.1.0 - angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 02/27/2018 - 5.0.1 - angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 02/27/2018 - 5.0.0 - angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
 - 02/24/2018 - 5.0.0-rc.3 - angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)

diff --git a/apps/main/src/app/app.component.ts b/apps/main/src/app/app.component.ts
@@ -104,7 +104,7 @@ export class AppComponent {
       2,
       {
         img: '../assets/images/gallery/img3.jpg',
-        description: 'Description 3',
+        description: '<ul><li>Description</li><li><i>3</i></li></ul>',
         extUrl: 'http://www.google.com'
       },
       {

diff --git a/examples/universal/package-lock.json b/examples/universal/package-lock.json
diff --git a/libs/angular-modal-gallery/package.json b/libs/angular-modal-gallery/package.json
@@ -1,7 +1,7 @@
 {
   "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "angular-modal-gallery",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "ngPackage": {
     "lib": {
       "entryFile": "index.ts"

diff --git a/libs/angular-modal-gallery/src/components/current-image/current-image.html b/libs/angular-modal-gallery/src/components/current-image/current-image.html
@@ -41,7 +41,7 @@
          (click)="onImageEvent($event, clickAction)" (keyup)="onImageEvent($event, clickAction)"
          (swipeleft)="swipe($event.type)"
          (swiperight)="swipe($event.type)"/>
-    <figcaption *ngIf="getDescriptionToDisplay() !== ''" class="inside description">{{getDescriptionToDisplay()}}</figcaption>
+    <figcaption *ngIf="getDescriptionToDisplay() !== ''" class="inside description" [innerHTML]="getDescriptionToDisplay()"></figcaption>
   </figure>