[plugins-functionality | WIP ] Plugins change background when preview in admin

src/app/pages/community-info/profile/edit-community/edit-community.component.ts

@@ -35,7 +35,7 @@ import {ClearCacheService} from "../../../../openaireLibrary/services/clear-cach
                                       removeButtons:  'Save,NewPage,DocProps,Preview,Print,' +
                                                       'Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,' +
                                                       'CreateDiv,Flash,PageBreak,' +
-                                                      'Subscript,Superscript,Anchor,Smiley,Iframe,Styles,Font,About,Language,JustifyLeft,JustifyRight,JustifyCenter,JustifyBlock',
+                                                      'Subscript,Superscript,Anchor,Smiley,Iframe,Styles,Font,About,Language,JustifyLeft,JustifyRight,JustifyCenter,JustifyBlock,FontSize,TextColor,BGColor',
                                       extraPlugins: 'divarea'}">
           </ckeditor>
         </div>

src/app/pages/content-providers/criteria-utils.ts

@@ -37,7 +37,9 @@ export class CriteriaUtils {
       }
       let verb = [...this.verbs,...this.verbsForNumbers].find(verb => verb.value === constraint.verb.replace("_caseinsensitive", "")).label;
       let value = '"' + constraint.value + '"' + (matchCase ? " (Match case)" : "");
-      return field + " " + verb + " " + value;
+      let expFeature = field =='Publisher' || field == 'Publication Year'? `<span *ngIf="constraint.get('field').value == 'publisher' || constraint.get('field').value == 'publicationyear'" class="
+                      uk-margin-xsmall-left uk-padding-remove-vertical uk-label uk-label-warning uk-text-lowercase uk-padding-xsmall">experimental feature</span>`:''
+      return field + " " + verb + " " + value  + expFeature;
     }).join(" <b>and</b> "));
     return text.join("<br>");
   }

src/app/pages/content-providers/criteria/criteria.component.html

@@ -32,6 +32,8 @@
                   </div>
                   <div *ngFor="let constraint of getConstraint(i).controls; let j=index" [formGroupName]="j.toString()"
                        class="uk-margin-bottom uk-hidden@l">
+                    <span *ngIf="constraint.get('field').value == 'publisher' || constraint.get('field').value == 'publicationyear'" class="
+                       uk-padding-remove-vertical uk-label uk-label-warning uk-text-lowercase uk-float-left uk-padding-xsmall">experimental feature</span>
                     <div class="uk-flex-middle uk-grid-small uk-margin-medium-bottom" uk-grid>
                       <div class="uk-flex uk-flex-right uk-width-1-1">
                         <button class="uk-close uk-icon" (click)="removeConstraint(i, j)">
@@ -70,6 +72,8 @@
                   </div>
                   <div *ngFor="let constraint of getConstraint(i).controls; let j=index"
                        [formGroupName]="j.toString()" class="uk-margin-bottom uk-visible@l">
+                    <span *ngIf="constraint.get('field').value == 'publisher' || constraint.get('field').value == 'publicationyear'" class="
+                       uk-padding-remove-vertical uk-label uk-label-warning uk-text-lowercase uk-padding-xsmall">experimental feature</span>
                     <div class="uk-flex uk-flex-middle uk-grid" uk-grid>
                       <div class="uk-width-1-4" input type="select" inputClass="border-bottom" [placeholder]="{static: true, label: 'Choose a field'}"
                            [options]="criteriaUtils.fields" [formInput]="constraint.get('field')"></div>

src/app/pages/customization/customization.component.html

@@ -208,12 +208,12 @@
                   [light]="false"></background>
       <background label="Light" [background]="draftCustomizationOptions.backgrounds.light"
                   [light]="true"></background>
-      <background label="Hero section" [background]="draftCustomizationOptions.backgrounds.form"
+      <background label="Custom section" [background]="draftCustomizationOptions.backgrounds.form"
                   [light]="draftCustomizationOptions.backgrounds.form.fontsDarkMode"
                   [oldBackground]="publishedCustomizationOptions.backgrounds.form"
-                  [communityId]="communityId" description="The area under menu"></background>
+                  [communityId]="communityId"></background>
       <div class="uk-margin-xsmall-bottom uk-text-uppercase uk-text-meta uk-text-bold uk-margin-large-top uk-flex uk-flex-middle uk-heading-divider">
-        Hero section
+        Custom section
       </div>
       <div class="uk-margin-xsmall-bottom uk-text-uppercase uk-text-meta uk-text-bold uk-margin-medium-top uk-flex uk-flex-middle">
         Fonts
@@ -231,7 +231,7 @@
                                     [checked]="draftCustomizationOptions.backgrounds.form.fontsDarkMode"
                                     (change)="draftCustomizationOptions.backgrounds.form.fontsDarkMode=!draftCustomizationOptions.backgrounds.form.fontsDarkMode;"
                                     [attr.uk-tooltip]="'title:<div class=\'uk-width-large\'>' +
-                        (draftCustomizationOptions.backgrounds.form.fontsDarkMode?'Change to light color mode if the hero section background is dark':'Change to dark mode if the hero section background is light')+'</div>'"
+                        (draftCustomizationOptions.backgrounds.form.fontsDarkMode?'Change to light color mode if the custom section background is dark':'Change to dark mode if the custom section background is light')+'</div>'"
                   >
                   </mat-slide-toggle>
                   </span>