From 8ee93a7239a1ba1959c981d9ae02a801b39322ce Mon Sep 17 00:00:00 2001
From: argirok <argirokokogiannaki@gmail.com>
Date: Thu, 23 May 2024 12:53:53 +0300
Subject: [PATCH] [plugins-functionality | DONE | CHANGED  ] full width option

---
 .../html-section/plugin-html-section.component.ts          | 7 +++++--
 .../html-section/plugin-html-section.form.component.ts     | 6 ++++++
 .../page-content/page-content.component.ts                 | 4 +++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/dashboard/plugins/components/html-section/plugin-html-section.component.ts b/dashboard/plugins/components/html-section/plugin-html-section.component.ts
index c8dfa8a5..ba1ca982 100644
--- a/dashboard/plugins/components/html-section/plugin-html-section.component.ts
+++ b/dashboard/plugins/components/html-section/plugin-html-section.component.ts
@@ -4,6 +4,7 @@ import {PluginBaseComponent, PluginBaseInfo, PluginURL} from "../../utils/base-p
 export class HTMLSection extends PluginBaseInfo{
   title:string ="Lorem ipsum"
   html:string = `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`;
+  fullWidth:boolean = true;
   compare(oldObject): any {
     let newObj=   super.compare(oldObject);
     return newObj;
@@ -12,8 +13,10 @@ export class HTMLSection extends PluginBaseInfo{
 @Component({
   selector: 'plugin-html-section',
   template: `
-    <h2>{{pluginObject.title}}</h2>
-    <div class="" [innerHTML]="pluginObject.html">
+    <div [class]="pluginObject.fullWidth?'':'uk-container uk-container-large'">
+      <h2>{{pluginObject.title}}</h2>
+      <div  [innerHTML]="pluginObject.html">
+      </div>
     </div>
   `
 })
diff --git a/dashboard/plugins/components/html-section/plugin-html-section.form.component.ts b/dashboard/plugins/components/html-section/plugin-html-section.form.component.ts
index a03e2c50..518a22bb 100644
--- a/dashboard/plugins/components/html-section/plugin-html-section.form.component.ts
+++ b/dashboard/plugins/components/html-section/plugin-html-section.form.component.ts
@@ -13,6 +13,12 @@ import {HTMLSection} from "./plugin-html-section.component";
         <plugin-field-edit [value]="pluginObject.html" [switchToHTMLEditor]="true"
                            type="textarea" field="html" (changed)="valueChanged($event)"></plugin-field-edit>
       </div>
+      <div class="uk-margin-xsmall-bottom uk-margin-xsmall-top">
+        <plugin-field-edit [value]=" pluginObject.fullWidth"
+                           type="checkbox" field="fullWidth" (editClicked)="pluginEditEvent = $event"
+                           (changed)="valueChanged($event)">
+        </plugin-field-edit>Full width
+      </div>
     </div>
       
   `,
diff --git a/dashboard/sharedComponents/page-content/page-content.component.ts b/dashboard/sharedComponents/page-content/page-content.component.ts
index 654f82e6..2f1c7992 100644
--- a/dashboard/sharedComponents/page-content/page-content.component.ts
+++ b/dashboard/sharedComponents/page-content/page-content.component.ts
@@ -41,7 +41,7 @@ declare var UIkit;
           </div>
         </div>
       </div>
-      <div id="page_content_inner" class="uk-container uk-container-large">
+      <div id="page_content_inner" [class]="fullWidth?'':'uk-container uk-container-large'">
         <div [ngClass]="!isMobile?'uk-padding-small uk-padding-remove-vertical':''">
           <ng-content select="[inner]"></ng-content>
         </div>
@@ -61,6 +61,8 @@ export class PageContentComponent implements OnInit, AfterViewInit, OnDestroy {
   public headerSticky: boolean = false;
   @Input()
   public border: boolean = true;
+  @Input()
+  public fullWidth: boolean = false;
   public offset: number;
   public shouldSticky: boolean = true;
   public isMobile: boolean = false;