html formatter

Comment

0

<div class="flex flex-col pt-5 overflow-auto bg-transparent"
   *ngIf="destList.length >= 1">
   <ng-container>
      <div class="mt-2 mb-5 flex space-x-6 items-center">
         <h2>B2B</h2>
         <input class="rounded-lg border border-gray-border px-4 py-2" type="text" [(ngModel)]="b2bSearchQuery" (input)="applySearchFilters()" placeholder="Search B2B">
      </div>
      <div *ngIf="dfilteredB2BList.length > 0" class="overflow-auto">
         <div class="flex flex-row border-2 w-fit">
            <div
               class="font-bold w-10 border-r-2 p-2 flex items-center justify-center sticky left-0 z-10 bg-gray-900">
               #
            </div>
            <div class="font-bold border-r-2 p-2 max-w-60 min-w-60 sticky left-10 z-10 bg-gray-900">
               Destination Name
            </div>
            <div class="font-bold border-r-2 p-2 max-w-90 min-w-90">
               Markup
            </div>
         </div>
         <div class="flex flex-row border-x-2 border-b-2 w-fit"
            *ngFor="let dt of destList">
            <div
               class="w-10 border-r-2 p-2 flex items-center justify-center sticky left-0 z-10 bg-gray-900">
               <mat-icon class="cursor-pointer" [matMenuTriggerFor]="menuOpt">more_vert</mat-icon>
               <mat-menu #menuOpt>
                  <button mat-menu-item (click)="editDestination(dt)">
                     <mat-icon class="mat-18">edit</mat-icon>
                     <span style="font-weight: 600;">Edit</span>
                  </button>
                  <button mat-menu-item (click)="deleteDestination(dt)">
                     <mat-icon class="mat-18">delete</mat-icon>
                     <span style="font-weight: 600;">Delete</span>
                  </button>
               </mat-menu>
            </div>
            <div class="border-r-2 p-2 max-w-60 min-w-60 sticky left-10 bg-gray-900">
               {{dt.destination_id.destination_name}}
            </div>
            <div class="border-r-2 p-2 max-w-90 min-w-90">
               {{dt.markup_value}} <span *ngIf="dt.air_dom_ow_type"> - </span> {{dt.markup_type}} 
            </div>
         </div>
      </div>
      <div class="flex flex-row h-26 justify-center items-center text-secondary font-semibold"
         *ngIf="dfilteredB2BList.length < 1">
         No B2B
         Destination added yet
      </div>
      <div class="my-5 flex space-x-6 items-center">
         <h2>B2C</h2>
         <input class="rounded-lg border border-gray-border px-4 py-2" type="text" [(ngModel)]="b2cSearchQuery" (input)="applySearchFilters()" placeholder="Search B2C">
      </div>
      <div *ngIf="dfilteredB2CList.length > 0" class="overflow-auto">
         <div class="flex flex-row border-2 w-fit">
            <div
               class="font-bold w-10 border-r-2 p-2 flex items-center justify-center sticky left-0 z-10 bg-gray-900">
               #
            </div>
            <div class="font-bold border-r-2 p-2 max-w-60 min-w-60 sticky left-10 bg-gray-900">
               Destination Name
            </div>
            <div class="font-bold border-r-2 p-2 max-w-90 min-w-90">
               Markup
            </div>
         </div>
         <div class="flex flex-row border-x-2 border-b-2 w-fit"
            *ngFor="let dt of destList">
            <div
               class="w-10 border-r-2 p-2 flex items-center justify-center sticky left-0 z-10 bg-gray-900">
               <mat-icon class="cursor-pointer" [matMenuTriggerFor]="menuOpt">more_vert</mat-icon>
               <mat-menu #menuOpt>
                  <button mat-menu-item (click)="editDestination(dt)">
                     <mat-icon class="mat-18">edit</mat-icon>
                     <span style="font-weight: 600;">Edit</span>
                  </button>
                  <button mat-menu-item (click)="deleteDestination(dt)">
                     <mat-icon class="mat-18">delete</mat-icon>
                     <span style="font-weight: 600;">Delete</span>
                  </button>
               </mat-menu>
            </div>
            <div class="border-r-2 p-2 max-w-60 min-w-60 sticky left-10 bg-gray-900">
               {{dt.destination_id.destination_name}}
            </div>
            <div class="border-r-2 p-2 max-w-90 min-w-90">
               {{dt.markup_value}} <span *ngIf="dt.air_dom_ow_type"> - </span> {{dt.markup_type}} 
            </div>
         </div>
      </div>
      <div class="flex flex-row h-26 justify-center items-center text-secondary font-semibold"
         *ngIf="dfilteredB2CList.length < 1">
         No B2C
         Destination added yet
      </div>
   </ng-container>
</div>

Popularity 10/10 Helpfulness 1/10 Language html

Source: www.freeformatter.com

Tags: formatter html

Share

Link to this answer
Share Copy Link

Contributed on Aug 10 2023

Gleaming Gull

0 Answers Avg Quality 2/10

html formatter online

Comment

1

https://www.freeformatter.com/html-formatter.html

Popularity 10/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: formatter form

Share

Link to this answer
Share Copy Link

Contributed on Apr 19 2023

nk jangid

0 Answers Avg Quality 2/10

html formator

Comment

0

<form class="b-form">
   <div class="booking-form">
      <h4>Book Now</h4>
      <input type="text" name="daterange" value="Check In" placeholder="Check In" class="text-box">
      <input type="text" name="daterange" value="Check out" placeholder="Check out" class="text-box">
      <div id="dd" class="wrapper-dropdown-5" tabindex="1">
         Gueste
         <ul class="dropdown">
            <li>
               <div class="datepiker">
                  <span>
                  <strong>Adults</strong>
                  Ages 13 or above
                  </span>
                  <div class="number-plus">
                     <button class="">
                        <svg width="13" height="2" viewBox="0 0 13 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path d="M0 0V2H13V0H0Z" fill="#5D6475"></path>
                        </svg>
                     </button>
                     <div class="num">0</div>
                     <button class=" ">
                        <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path d="M5.6875 0V5.6875H0V7.3125H5.6875V13H7.3125V7.3125H13V5.6875H7.3125V0H5.6875Z" fill="#5D6475"></path>
                        </svg>
                     </button>
                  </div>
               </div>
            </li>
            <li>
               <div class="datepiker">
                  <span>
                  <strong>Adults</strong>
                  Ages 13 or above
                  </span>
                  <div class="number-plus">
                     <button class="">
                        <svg width="13" height="2" viewBox="0 0 13 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path d="M0 0V2H13V0H0Z" fill="#5D6475"></path>
                        </svg>
                     </button>
                     <div class="num">0</div>
                     <button class=" ">
                        <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path d="M5.6875 0V5.6875H0V7.3125H5.6875V13H7.3125V7.3125H13V5.6875H7.3125V0H5.6875Z" fill="#5D6475"></path>
                        </svg>
                     </button>
                  </div>
               </div>
            </li>
            <li>
               <div class="datepiker">
                  <span>
                  <strong>Adults</strong>
                  Ages 13 or above
                  </span>
                  <div class="number-plus">
                     <button class="">
                        <svg width="13" height="2" viewBox="0 0 13 2" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path d="M0 0V2H13V0H0Z" fill="#5D6475"></path>
                        </svg>
                     </button>
                     <div class="num">0</div>
                     <button class=" ">
                        <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path d="M5.6875 0V5.6875H0V7.3125H5.6875V13H7.3125V7.3125H13V5.6875H7.3125V0H5.6875Z" fill="#5D6475"></path>
                        </svg>
                     </button>
                  </div>
               </div>
            </li>
         </ul>
      </div>
      <div class="display-value">
         <div class="check">
            <label>
            <input type="checkbox" class="b-check">
            Breakfast		</label>
         </div>
         <div class="dis-v">
            <strong>$20</strong>
            <span>Per night per Guest</span>
         </div>
      </div>
      <button class="sub-b">
      <img src="https://wp-rentals.ttech.dev/wp-content/uploads/2022/10/sub.jpg">
      Instant Booking
      </button>
   </div>
</form>

Popularity 10/10 Helpfulness 1/10 Language html

Source: www.freeformatter.com

Tags: html

Share

Link to this answer
Share Copy Link

Contributed on Oct 31 2022

Gmail chrome

0 Answers Avg Quality 2/10

html beautifier

Comment

0

<div class="product-infor">
   <div class="vendor-product">
      <label>
      Brand:
      </label>
      <span>
      <a href="/collections/vendors?q=Bata" title="Bata">Bata</a>
      </span>
   </div>
   <div class="sku-product">
      <label>
      Product Code:
      </label>
      <span>8212993</span>
   </div>
   <div class="product-inventory">
      <label>
      Availability:
      </label>
      <span>In stock</span>
   </div>
</div>

Popularity 10/10 Helpfulness 1/10 Language html

Source: www.freeformatter.com

Tags: html

Share

Link to this answer
Share Copy Link

Contributed on Feb 20 2024

tarun sarker

0 Answers Avg Quality 2/10

html formatter

Contents

More Related Answers

html formatter

Closely Related Answers

html formatter online

html formator

html beautifier

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.