FIX QA Tickets + Improvements (#139)

* FIX price simulator's chars placing + add restrictions to char's description length

* FIX organization form reset contact medium if not saved when profile updated + DELETE provider header's background header

* ADD UX tasks

Author: laraminones

src/app/app.component.css

@@ -1,8 +0,0 @@
-
-
-.bae-content {
-    width: 100%;
-    min-height: calc(100vh - 100px) !important;
-    padding-top: 75px !important;
-    padding-bottom: 25px !important;
-}

src/app/app.component.html

@@ -1,11 +1,13 @@
 <bae-header class="fixed w-full z-50 top-0 start-0"></bae-header>
-<main class="bg-fixed bg-no-repeat bg-right pb-[60px] pt-[75px]">
+<main class="bg-no-repeat bg-right pb-[60px] pt-[75px]">
     <router-outlet></router-outlet>
 </main>
 @if(providerThemeName=='DOME') {
-    <app-chatbot-widget class="relative"></app-chatbot-widget>
+    <app-chatbot-widget class="relative z-50"></app-chatbot-widget>
 }
-<bae-footer class="hidden md:block"></bae-footer>
+
+<bae-footer  class="fixed w-full z-50 bottom-0 start-0"></bae-footer>
+
 @if(isProduction){
     <script type="text/javascript"> _linkedin_partner_id = "8700705"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=8700705&fmt=gif" /> </noscript>
 }

src/app/app.component.ts

@@ -77,7 +77,7 @@ export class AppComponent implements OnInit {
         console.log(((info.expire - moment().unix()) - 4))
 
         this.refreshApi.startInterval(((info.expire - moment().unix())-4)*1000, ev);
-
+        initFlowbite();
         //this.refreshApi.startInterval(3000, ev.value);
       }
     })
@@ -92,6 +92,7 @@ export class AppComponent implements OnInit {
       this.refreshApi.startInterval(((aux.expire - moment().unix())-4)*1000, aux);
       console.log('token')
       console.log(aux.token)
+      initFlowbite();
     }
     this.router.events.subscribe(event => {
       if (event instanceof NavigationEnd) {

src/app/chatbot-widget/chatbot-widget.component.html

@@ -32,7 +32,7 @@ <h4 class="chatbox__heading--header">DOME support</h4>
     }
 
     <!-- Wrapper -->
-    <div class="fixed bottom-5 md:bottom-[55px] right-5 z-[999]"  (click)="toggleState()">
+    <div class="fixed bottom-9 md:bottom-[55px] right-5 z-[999]"  (click)="toggleState()">
       <!-- Button -->
       <button
         class="w-[60px] h-[60px] bg-[var(--secondary-dark-blue)] border-none rounded-full shadow-[0_2px_10px_rgba(0,0,0,0.3)] cursor-pointer transition-transform duration-300 flex items-center justify-center hover:scale-105 p-0"

src/app/pages/contact-us/contact-us-form.component.html

@@ -19,7 +19,7 @@ <h1 class="mb-4 text-left text-4xl font-extrabold tracking-tight md:text-5xl lg:
         <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fill' | translate }}</h2>
         <div class="grid grid-cols-3 gap-4">
             <div>
-                <label for="email" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._email' | translate }}</label>
+                <label for="email" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._email' | translate }} (*)</label>
                 <input formControlName="email" type="text" id="email"
                 [ngClass]="contactForm.get('email')?.touched && contactForm.get('email')?.invalid
                 ? 'border-red-600'
@@ -36,7 +36,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
                 }
             </div>
             <div>
-                <label for="name" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._firstname' | translate }}</label>
+                <label for="name" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._firstname' | translate }} (*)</label>
                 <input formControlName="name" type="text" id="name"
                 [ngClass]="contactForm.get('name')?.touched && contactForm.get('name')?.invalid
                 ? 'border-red-600'
@@ -50,7 +50,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
                 }              
             </div>
             <div>
-                <label for="lastname" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._lastname' | translate }}</label>
+                <label for="lastname" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._lastname' | translate }} (*)</label>
                 <input formControlName="lastname" type="text" id="lastname"
                 [ngClass]="contactForm.get('lastname')?.touched && contactForm.get('lastname')?.invalid
                 ? 'border-red-600'
@@ -66,7 +66,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
         </div>
         <div class="grid grid-cols-2 gap-4">
             <div>
-                <label for="organization" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._organization' | translate }}</label>
+                <label for="organization" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._organization' | translate }} (*)</label>
                 <input formControlName="organization" type="text" id="organization"
                 [ngClass]="contactForm.get('organization')?.touched && contactForm.get('organization')?.invalid
                 ? 'border-red-600'
@@ -80,7 +80,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
                 } 
             </div>
             <div>
-                <label for="role" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._role' | translate }}</label>
+                <label for="role" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._role' | translate }} (*)</label>
                 <input formControlName="role" type="text" id="role"
                 [ngClass]="contactForm.get('role')?.touched && contactForm.get('role')?.invalid
                 ? 'border-red-600'
@@ -95,7 +95,7 @@ <h2 class="text-left text-2xl mb-2 font-bold dark:text-white">{{ 'CONTACTUS._fil
             </div>
         </div>
         <div>
-            <label for="organization" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._message' | translate }}</label>
+            <label for="organization" class="font-bold text-lg dark:text-white">{{ 'CONTACTUS._message' | translate }} (*)</label>
             <textarea id="editor" formControlName="message" rows="8" 
             [ngClass]="contactForm.get('message')?.touched && contactForm.get('message')?.invalid
             ? 'border-red-600'

src/app/pages/dashboard/dashboard.component.html

@@ -84,19 +84,24 @@ <h1 class="mb-4 text-left text-4xl font-extrabold tracking-tight md:text-5xl lg:
     <!--<bae-off-gallery *ngIf="currentTheme?.dashboard?.showFeaturedOfferings">
     </bae-off-gallery>-->
     <app-platform-benefits *ngIf="currentTheme?.dashboard?.showPlatformBenefits"></app-platform-benefits>
-    <div class="border-t border-gray-200 dark:border-gray-600">
-      <div class="flex flex-row items-center py-8 px-4 mb-4">
-        <img 
-          class="h-12 w-auto" 
-          src="assets/logos/euflag.png" 
-          alt="EU flag image"
-        >
-        <p class="ml-4 text-base font-normal text-gray-500 dark:text-gray-400 text-start">
-          Distributed Open Marketplace for Europe (DOME) Project has received funding from 
-          European Union’s Digital Europe Programme under the Grant Agreement No 101084071.
-        </p>
+    @if(providerThemeName=='DOME'){
+      <div >
+        <div class="border-t border-gray-200 dark:border-gray-600 w-full">
+          <div class="flex flex-row items-center pt-4">
+            <img 
+              class="h-12 w-auto ml-4" 
+              src="assets/logos/euflag.png" 
+              alt="EU flag image"
+            >
+            <p class="ml-4 text-base font-normal text-gray-500 dark:text-gray-400 text-start">
+              Distributed Open Marketplace for Europe (DOME) Project has received funding from 
+              European Union’s Digital Europe Programme under the Grant Agreement No 101084071.
+            </p>
+          </div>
+        </div> 
       </div>
-    </div>    
+  
+    } 
     <!--<app-explore-dome></app-explore-dome>-->
     <!--<app-faq></app-faq>-->
 

src/app/pages/dashboard/dashboard.component.ts

@@ -36,6 +36,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
   delay: number = 2000;
   currentTheme: ThemeConfig | null = null;
   private themeSubscription: Subscription = new Subscription();
+  providerThemeName=environment.providerThemeName;
 
   //loginSubscription: Subscription = new Subscription();;
   constructor(private localStorage: LocalStorageService,
@@ -111,6 +112,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
 
         this.localStorage.addLoginInfo(info);
         this.eventMessage.emitLogin(info);
+        initFlowbite();
         console.log('----')
         //this.refreshApi.stopInterval();
         //this.refreshApi.startInterval(((data.expire - moment().unix())-4)*1000, data);

src/app/pages/product-inventory/inventory-items/inventory-products/inventory-products.component.html

@@ -120,7 +120,7 @@ <h6 class="mb-3 text-sm font-medium text-gray-900 dark:text-white">
                                 <h5 class="text-xl font-semibold tracking-tight text-primary-100 dark:text-white">{{inv.product?.name}}</h5>
                                 </a>
                                 @if(inv.status == 'active'){
-                                <button type="button" data-tooltip-target="unsubscribe-default" (click)="showUnsubscribeModal(inv);$event.stopPropagation();" class="flex text-red-600 border border-red-600 hover:bg-red-600 hover:text-white focus:ring-4 focus:outline-none focus:ring-red-400 font-medium rounded-full text-sm p-2 text-center inline-flex items-center">
+                                <button type="button" data-tooltip-target="unsubscribe-default" (click)="showUnsubscribeModal(inv);$event.stopPropagation();" class="flex h-fit text-red-600 border border-red-600 hover:bg-red-600 hover:text-white focus:ring-4 focus:outline-none focus:ring-red-400 font-medium rounded-full text-sm p-2 text-center inline-flex items-center">
                                     <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                                     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6"/>
                                     </svg>                                    

src/app/pages/search-catalog/search-catalog.component.html

@@ -73,10 +73,10 @@
       } @else {
         <div class="flex items-center mx-auto max-w-screen-xl w-full items-center bg-white dark:bg-secondary-100 rounded-lg shadow-lg ml-4 mb-4">
           <div class="relative w-full">
-            <!-- Background image layer -->
+            <!-- Background image layer
             <div class="absolute inset-0 bg-no-repeat bg-cover opacity-40 z-0 rounded-lg"
                  style="background-image: url('{{ logo }}');">
-            </div>
+            </div> -->
 
             <!-- Content layer -->
             <div class="relative flex flex-row justify-between items-start w-full p-8">

src/app/pages/seller-offerings/offerings/seller-product-spec/create-product-spec/create-product-spec.component.html

@@ -577,7 +577,7 @@ <h3 class="text-sm italic text-gray-600 ml-4 dark:text-gray-200">There's no char
                             </div>
                             <div class="col-span-2">
                                 <label for="description" class="font-bold text-lg dark:text-white">{{ 'CREATE_PROD_SPEC._product_description' | translate }}</label>
-                                <textarea id="description" formControlName="description" rows="4"
+                                <textarea id="description" formControlName="description" rows="4" maxLength="500"
                                 class="mb-2 min-h-fit bg-gray-50 dark:bg-secondary-300 border border-gray-300 dark:border-secondary-200 dark:text-white text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"></textarea>
                             </div>                        
                         </form>