From 9b4c1a5246c2d22e038bb4caa6f344a66fb58255 Mon Sep 17 00:00:00 2001
From: IB002 <132930816+IB002@users.noreply.github.com>
Date: Sat, 19 Aug 2023 17:07:21 -0400
Subject: [PATCH] docs(core): added feed input example (#10273)

* docs(core): added image

---------

Co-authored-by: deno <mladen.droshev@sap.com>
---
 ...ed-input-circle-avatar-example.component.html | 16 ++++++++++++++++
 ...feed-input-circle-avatar-example.component.ts |  7 +++++++
 .../feed-input/feed-input-docs.component.html    |  8 ++++++++
 .../core/feed-input/feed-input-docs.component.ts |  8 ++++++++
 .../core/feed-input/feed-input-docs.module.ts    |  4 +++-
 5 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 libs/docs/core/feed-input/examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.html
 create mode 100644 libs/docs/core/feed-input/examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.ts

diff --git a/libs/docs/core/feed-input/examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.html b/libs/docs/core/feed-input/examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.html
new file mode 100644
index 00000000000..ac20ea96d5f
--- /dev/null
+++ b/libs/docs/core/feed-input/examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.html
@@ -0,0 +1,16 @@
+<fd-feed-input aria-label="Feed input">
+    <fd-avatar
+        fdFeedInputAvatar
+        image="http://picsum.photos/id/1018/400"
+        [circle]="true"
+        size="s"
+        role="img"
+        aria-label="John Doe"
+        label="Jane Doe"
+        title="John Doe"
+    ></fd-avatar>
+
+    <textarea fd-form-control fdFeedInputTextarea placeholder="Post something here"></textarea>
+
+    <button fdFeedInputButton aria-label="Send" title="Send"></button>
+</fd-feed-input>
diff --git a/libs/docs/core/feed-input/examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.ts b/libs/docs/core/feed-input/examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.ts
new file mode 100644
index 00000000000..b37f51bb755
--- /dev/null
+++ b/libs/docs/core/feed-input/examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.ts
@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'fd-feed-input-circle-avatar-example',
+    templateUrl: './feed-input-circle-avatar-example.component.html'
+})
+export class FeedInputCircleAvatarExampleComponent {}
diff --git a/libs/docs/core/feed-input/feed-input-docs.component.html b/libs/docs/core/feed-input/feed-input-docs.component.html
index b5a43f84f7d..b0d28737bcf 100644
--- a/libs/docs/core/feed-input/feed-input-docs.component.html
+++ b/libs/docs/core/feed-input/feed-input-docs.component.html
@@ -38,3 +38,11 @@
     <fd-feed-input-grow-example></fd-feed-input-grow-example>
 </component-example>
 <code-example [exampleFiles]="feedInputMaxHeight"></code-example>
+
+<separator></separator>
+
+<fd-docs-section-title id="disabled" componentName="feed-input"> Circle Avatar </fd-docs-section-title>
+<component-example>
+    <fd-feed-input-circle-avatar-example></fd-feed-input-circle-avatar-example>
+</component-example>
+<code-example [exampleFiles]="feedInputCircleAvatar"></code-example>
diff --git a/libs/docs/core/feed-input/feed-input-docs.component.ts b/libs/docs/core/feed-input/feed-input-docs.component.ts
index fdb70b82004..daa4973fee8 100644
--- a/libs/docs/core/feed-input/feed-input-docs.component.ts
+++ b/libs/docs/core/feed-input/feed-input-docs.component.ts
@@ -7,6 +7,7 @@ const feedInputPlaceholderH = 'feed-input-placeholder-example/feed-input-placeho
 const feedInputNoAvatarH = 'feed-input-no-avatar-example/feed-input-no-avatar-example.component.html';
 const feedInputDisabledH = 'feed-input-disabled-example/feed-input-disabled-example.component.html';
 const feedInputMaxHeightH = 'feed-input-grow-example/feed-input-grow-example.component.html';
+const feedInputCircleAvatarH = 'feed-input-circle-avatar-example/feed-input-circle-avatar-example.component.html';
 
 @Component({
     selector: 'app-feed-input',
@@ -52,4 +53,11 @@ export class FeedInputDocsComponent {
             fileName: 'feed-input-max-height-example'
         }
     ];
+    feedInputCircleAvatar: ExampleFile[] = [
+        {
+            language: 'html',
+            code: getAssetFromModuleAssets(feedInputCircleAvatarH),
+            fileName: 'feed-input-circle-avatar-example'
+        }
+    ];
 }
diff --git a/libs/docs/core/feed-input/feed-input-docs.module.ts b/libs/docs/core/feed-input/feed-input-docs.module.ts
index 983e315200b..7cf550e71b6 100644
--- a/libs/docs/core/feed-input/feed-input-docs.module.ts
+++ b/libs/docs/core/feed-input/feed-input-docs.module.ts
@@ -12,6 +12,7 @@ import { FeedInputGrowExampleComponent } from './examples/feed-input-grow-exampl
 import { FeedInputModule } from '@fundamental-ngx/core/feed-input';
 import { AvatarModule } from '@fundamental-ngx/core/avatar';
 import { FormControlModule } from '@fundamental-ngx/core/form';
+import { FeedInputCircleAvatarExampleComponent } from './examples/feed-input-circle-avatar-example/feed-input-circle-avatar-example.component';
 
 const routes: Routes = [
     {
@@ -40,7 +41,8 @@ const routes: Routes = [
         FeedInputPlaceholderExampleComponent,
         FeedInputNoAvatarExampleComponent,
         FeedInputDisabledExampleComponent,
-        FeedInputGrowExampleComponent
+        FeedInputGrowExampleComponent,
+        FeedInputCircleAvatarExampleComponent
     ],
     providers: [currentComponentProvider('feed-input')]
 })