change header columns elements in airwatch

old-sae-airwatch/src/app/chatbot/source-block/source-block.html

@@ -0,0 +1,16 @@
+<div class="source">
+  <i class="ri-file-3-line"></i>
+  <span class="title">{{ source.title || 'Source sans nom' }}</span>
+
+  <div class="actions has-text-right">
+
+    <i class="ri-file-add-line"></i>
+    <i class="ri-arrow-down-s-line"></i>
+  </div>
+
+
+  <div class="description">
+
+    {{ source.description || description }}
+  </div>
+</div>

old-sae-airwatch/src/app/chatbot/source-block/source-block.scss

@@ -0,0 +1,31 @@
+.source {
+  padding: 10px;
+  margin-bottom: 10px;
+  background: white;
+  color: #000;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  cursor: pointer;
+  border-radius: 4px;
+
+  .title {
+    color: #1E1F22;
+    font-size: 14px;
+    font-weight: 600;
+    margin-left: 3px;
+  }
+
+  .actions {
+    color: #005AA2;
+    float: right;
+  }
+
+  &:hover {
+    background: #ECF3FA;
+  }
+
+  .description {
+    margin-top: 7px;
+  }
+}

old-sae-airwatch/src/app/chatbot/source-block/source-block.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SourceBlock } from './source-block';
+
+describe('SourceBlock', () => {
+  let component: SourceBlock;
+  let fixture: ComponentFixture<SourceBlock>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SourceBlock]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SourceBlock);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

old-sae-airwatch/src/app/chatbot/source-block/source-block.ts

@@ -0,0 +1,14 @@
+import {Component, Input} from '@angular/core';
+import {ChatbotSource} from '../../services/conversations.service';
+
+@Component({
+  selector: 'app-source-block',
+  imports: [],
+  templateUrl: './source-block.html',
+  styleUrl: './source-block.scss'
+})
+export class SourceBlock {
+  @Input() source: ChatbotSource = {} as ChatbotSource;
+  description: string = "lorem blah blah";
+
+}