From ca6bbd81d7f4e6ed908c8d6467793f40b2393f68 Mon Sep 17 00:00:00 2001 From: HussainMojahid Date: Tue, 20 Jun 2023 18:55:13 +0530 Subject: [PATCH] Added Documentation --- documentation/components/AboutComponent.html | 553 +++++ .../components/AccordionComponent.html | 491 +++++ .../components/AccountComponent.html | 781 +++++++ .../components/AddFoodComponent.html | 877 ++++++++ .../components/AddItemButtonComponent.html | 479 +++++ .../components/AddNewItemComponent.html | 570 +++++ .../components/AddNewMenuComponent.html | 995 +++++++++ documentation/components/AlertComponent.html | 52 +- documentation/components/AppComponent.html | 208 +- .../components/AuthModalComponent.html | 70 +- .../components/BackButtonComponent.html | 447 ++++ .../components/BookingComponent.html | 345 +++ .../components/ChangePasswordComponent.html | 881 +++++++- .../components/ChartCardComponent.html | 308 ++- .../components/DashboardModalComponent.html | 1911 +++++++++++++++-- .../components/DayToggleButtonComponent.html | 726 +++++++ .../components/DeleteFoodComponent.html | 267 +++ .../components/EditMenuComponent.html | 863 ++++++++ .../components/EditProfileComponent.html | 1304 +++++++++++ .../components/FeedbackComponent.html | 760 +++++++ .../components/FeedbackHistoryComponent.html | 783 +++++++ .../components/FoodCardComponent.html | 87 +- .../components/FoodInventoryComponent.html | 858 ++++++++ .../components/FoodPostComponent.html | 1174 ++++++++++ .../components/FoodSectionComponent.html | 92 +- documentation/components/FooterComponent.html | 559 +++++ .../components/ForgetPasswordComponent.html | 651 +++++- documentation/components/InputComponent.html | 175 +- .../components/InviteFriendComponent.html | 505 +++++ .../components/LeftArrowButtonComponent.html | 386 ++++ documentation/components/LoginComponent.html | 567 ++++- documentation/components/ModalComponent.html | 86 +- documentation/components/NavComponent.html | 167 +- .../components/NotFoundComponent.html | 273 +++ .../components/PleaseLoginComponent.html | 485 +++++ .../components/ProfileComponent.html | 858 ++++++++ .../components/RegisterComponent.html | 515 ++++- .../components/ResetPasswordComponent.html | 670 ++++++ .../components/RightArrowButtonComponent.html | 381 ++++ .../components/ServerErrorComponent.html | 383 ++++ .../components/SidebarComponent.html | 223 +- documentation/components/TabComponent.html | 52 +- .../components/TabsContainerComponent.html | 60 +- .../components/TestErrorComponent.html | 269 +++ .../components/UpdateFoodComponent.html | 269 +++ .../components/UserTabComponent.html | 630 ++++++ .../components/WelcomeCardComponent.html | 356 +++ documentation/coverage.html | 522 ++++- documentation/dependencies.html | 32 +- documentation/graph/dependencies.svg | 1012 ++++++--- documentation/guards/AuthGuard.html | 106 +- documentation/guards/IsAdminGuard.html | 357 +++ documentation/index.html | 16 +- documentation/injectables/AuthService.html | 971 ++++++++- .../FoodInventoryServiceService.html | 544 +++++ documentation/injectables/FoodService.html | 1110 +++++++++- documentation/injectables/FooterService.html | 400 ++++ documentation/injectables/ModalService.html | 34 +- .../injectables/PeopleCountService.html | 341 +++ documentation/injectables/SidebarService.html | 107 +- documentation/injectables/UserService.html | 420 ++++ .../interceptors/ErrorInterceptor.html | 407 ++++ .../interceptors/InterceptorInterceptor.html | 148 +- documentation/interfaces/ICurrentUser.html | 539 +++++ documentation/interfaces/IFoodCard.html | 248 ++- documentation/interfaces/IFoodInventory.html | 299 +++ documentation/interfaces/IFoodItem.html | 112 +- documentation/interfaces/IRegister.html | 226 ++ documentation/interfaces/IUser.html | 29 +- documentation/js/libs/bootstrap-native.js | 3 +- documentation/js/libs/prism.js | 86 +- documentation/js/libs/svg-pan-zoom.min.js | 4 +- documentation/js/libs/tablesort.min.js | 6 +- documentation/js/libs/vis.min.js | 13 +- documentation/js/menu-wc.js | 232 +- documentation/js/menu.js | 8 +- documentation/js/routes.js | 355 +-- documentation/js/routes/routes_index.js | 2 +- documentation/js/search/search_index.js | 4 +- documentation/miscellaneous/variables.html | 16 +- documentation/modules.html | 66 +- .../modules/AdminDashboardModule.html | 346 +++ .../AdminDashboardModule/dependencies.svg | 114 + .../modules/AdminDashboardRoutingModule.html | 180 ++ documentation/modules/AppModule.html | 342 ++- .../modules/AppModule/dependencies.svg | 196 +- documentation/modules/AppRoutingModule.html | 91 +- documentation/modules/DashboardModule.html | 268 ++- .../modules/DashboardModule/dependencies.svg | 176 +- .../modules/DashboardRoutingModule.html | 179 ++ documentation/modules/SharedModule.html | 347 ++- .../modules/SharedModule/dependencies.svg | 258 ++- documentation/modules/UserModule.html | 438 +++- .../modules/UserModule/dependencies.svg | 302 ++- documentation/modules/UserRoutingModule.html | 246 +++ documentation/overview.html | 1036 ++++++--- documentation/pipes/TimePipe.html | 255 +++ documentation/properties.html | 4 +- documentation/routes.html | 4 +- documentation/styles/bootstrap.min.css | 12 +- documentation/styles/compodoc.css | 41 +- documentation/styles/dark.css | 4 + 102 files changed, 35305 insertions(+), 2711 deletions(-) create mode 100644 documentation/components/AboutComponent.html create mode 100644 documentation/components/AccordionComponent.html create mode 100644 documentation/components/AccountComponent.html create mode 100644 documentation/components/AddFoodComponent.html create mode 100644 documentation/components/AddItemButtonComponent.html create mode 100644 documentation/components/AddNewItemComponent.html create mode 100644 documentation/components/AddNewMenuComponent.html create mode 100644 documentation/components/BackButtonComponent.html create mode 100644 documentation/components/BookingComponent.html create mode 100644 documentation/components/DayToggleButtonComponent.html create mode 100644 documentation/components/DeleteFoodComponent.html create mode 100644 documentation/components/EditMenuComponent.html create mode 100644 documentation/components/EditProfileComponent.html create mode 100644 documentation/components/FeedbackComponent.html create mode 100644 documentation/components/FeedbackHistoryComponent.html create mode 100644 documentation/components/FoodInventoryComponent.html create mode 100644 documentation/components/FoodPostComponent.html create mode 100644 documentation/components/FooterComponent.html create mode 100644 documentation/components/InviteFriendComponent.html create mode 100644 documentation/components/LeftArrowButtonComponent.html create mode 100644 documentation/components/NotFoundComponent.html create mode 100644 documentation/components/PleaseLoginComponent.html create mode 100644 documentation/components/ProfileComponent.html create mode 100644 documentation/components/ResetPasswordComponent.html create mode 100644 documentation/components/RightArrowButtonComponent.html create mode 100644 documentation/components/ServerErrorComponent.html create mode 100644 documentation/components/TestErrorComponent.html create mode 100644 documentation/components/UpdateFoodComponent.html create mode 100644 documentation/components/UserTabComponent.html create mode 100644 documentation/components/WelcomeCardComponent.html create mode 100644 documentation/guards/IsAdminGuard.html create mode 100644 documentation/injectables/FoodInventoryServiceService.html create mode 100644 documentation/injectables/FooterService.html create mode 100644 documentation/injectables/PeopleCountService.html create mode 100644 documentation/injectables/UserService.html create mode 100644 documentation/interceptors/ErrorInterceptor.html create mode 100644 documentation/interfaces/ICurrentUser.html create mode 100644 documentation/interfaces/IFoodInventory.html create mode 100644 documentation/interfaces/IRegister.html create mode 100644 documentation/modules/AdminDashboardModule.html create mode 100644 documentation/modules/AdminDashboardModule/dependencies.svg create mode 100644 documentation/modules/AdminDashboardRoutingModule.html create mode 100644 documentation/modules/DashboardRoutingModule.html create mode 100644 documentation/modules/UserRoutingModule.html create mode 100644 documentation/pipes/TimePipe.html diff --git a/documentation/components/AboutComponent.html b/documentation/components/AboutComponent.html new file mode 100644 index 0000000..73340ec --- /dev/null +++ b/documentation/components/AboutComponent.html @@ -0,0 +1,553 @@ + + + + + + canteen-fe documentation + + + + + + + + + + + + + +
+
+ + +
+
+ + + + + + + + +
+

+

File

+

+

+ src/app/user/about/about.component.ts +

+ + + + + + +
+

Metadata

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+

Index

+ + + + + + + + + + + + + + + +
+
Properties
+
+ +
+
+ +
+

Constructor

+ + + + + + + + + + + + + +
+constructor(auth: AuthService, http: HttpClient, userService: UserService) +
+ +
+
+ Parameters : + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeOptional
auth + AuthService + + No +
http + HttpClient + + No +
userService + UserService + + No +
+
+
+
+ + + + + + +
+ +

+ Properties +

+ + + + + + + + + + + + + + +
+ + + Public + auth + + +
+ Type : AuthService + +
+ +
+ + + + + + + + + + + + + + +
+ + + backArrow + + +
+ Default value : faArrowLeft +
+ +
+
+ +
+ + +
+
import { Component, Input, OnInit } from '@angular/core';
+import { AuthService } from 'src/app/services/auth.service';
+import { faArrowLeft } from '@fortawesome/free-solid-svg-icons';
+import { UserService } from 'src/app/services/user.service';
+import { HttpClient } from '@angular/common/http';
+import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { AccordionComponent } from 'src/app/shared/accordion/accordion.component';
+
+
+@Component({
+  selector: 'app-about',
+  templateUrl: './about.component.html',
+  styleUrls: ['./about.component.css']
+})
+
+export class AboutComponent  {
+  backArrow = faArrowLeft;
+  
+
+  constructor(
+    public auth: AuthService,
+    private http: HttpClient,
+    private userService: UserService
+  ) {}
+}
+
+
+
+ +
+
<div class="w-[100%] sm:h-[130vh] md:h-[98vh] flex flex-col bg-[#3D484B] p-[1%]" >
+
+  <nav
+    class="w-[100%] sm:h-[40pt] md:h-[70pt] p-[1.8rem] flex items-center justify-between border-b-2 border-greyss bg-[#3D484B]">
+    <div class="text-blackes h-[20pt] w-[20pt] mt-[1.5%] ml-[-1%]">
+      <button type="button" (click)="auth.backbutton()">
+        <fa-icon class="fa fa-lg" [icon]="backArrow"></fa-icon>
+      </button>
+    </div>
+    <div class="sm:w-[90%] md:w-[95%]">
+      <h3 class="sm:text-[17pt] md:text-[22pt] text-[#FFFFFF] font-roboto-black">Help</h3>
+    </div>
+  </nav>
+  
+  <div>
+  <app-accordion [headerText]="'What is a Companies Cafeteria App?'">
+    <div class="text-[13pt] p-[3%] text-[#D4D4D4] mt-[-1.5%] ml-[1%]">
+   <p>
+A Companies Cafeteria App is a mobile
+application specifically designed for <br>
+employees of a company to access and <br>
+interact with the cafeteria services
+provided <br> by the company. It enables employees to <br>
+view the cafeteria menu and provide <br>
+feedback, all through their mobile devices.
+</p>
+  </div>
+    
+  </app-accordion>
+  <hr>
+  <app-accordion  [headerText]="'How does a Cafeteria App work?'">
+    <div class="text-[13pt] p-[3%] text-[#D4D4D4] mt-[-1.5%] ml-[1%]">
+   <p>
+    A Companies Cafeteria App typically allows employees to create an account using their company email address or employee ID. Once registered, they can log in to the app and access features such as viewing the daily menu, viewing item prices and receiving related notifications. 
+</p>
+  </div>
+    
+  </app-accordion>
+  <hr>
+  <app-accordion  [headerText]="'What are the benefits of using a Companies Cafeteria App?'">
+    <div class="text-[13pt] p-[3%] text-[#D4D4D4] mt-[-1.5%] ml-[1%]">
+   <p>
+    There are several benefits of using a Companies Cafeteria App. It offers convenience and efficiency by allowing employees to quickly view the menu, avoid long queues, and to provide feedback.  
+</p>
+  </div>
+    
+  </app-accordion>
+  <hr>
+  <app-accordion  [headerText]="'Can provide feedback or suggestions through Cafeteria App? '">
+    <div class="text-[13pt] p-[3%] text-[#D4D4D4] mt-[-1.5%] ml-[1%]">
+   <p>
+    Yes, Cafeteria Aps include a feature that allows employees to provide feedback or suggestions regarding the cafeteria services. This feedback can be related to food quality, menu options, service improvements, or any other aspect of the cafeteria experience. The app may provide a feedback form, rating system, or a direct channel for communication with the cafeteria management or staff. 
+</p>
+  </div>
+    
+  </app-accordion>
+  <hr>
+  <app-accordion  [headerText]="'Can a Cafeteria App offer pre-ordering or scheduling options? '">
+    <div class="text-[13pt] p-[3%] text-[#D4D4D4] mt-[-1.5%] ml-[1%]">
+   <p>
+    No, currently such options are not available. 
+</p>
+  </div>
+    
+  </app-accordion>
+  <hr>
+  <app-accordion  [headerText]="' How do I access the Cafeteria Application?'">
+    <div class="text-[13pt] p-[3%] text-[#D4D4D4] mt-[-1.5%] ml-[1%]">
+   <p>
+    You can access the Corporate Company's Cafeteria Application by downloading it from the app store or play store, depending on your device. 
+</p>
+  </div>
+    
+  </app-accordion>
+  <hr>
+  <app-accordion  [headerText]="'How do I create an account? '">
+    <div class="text-[13pt] p-[3%] text-[#D4D4D4] mt-[-1.5%] ml-[1%]">
+   <p>
+    To create an account, open the app and click on the "Sign Up" button. Follow the prompts to input your information, and you're all set! 
+</p>
+  </div>
+    
+  </app-accordion>
+  <hr>
+  <app-accordion  [headerText]="'Others'">
+    <div class="text-[13pt] p-[3%] text-[#D4D4D4] mt-[-1.5%] ml-[1%]">
+   <p>
+    Welcome to our Contact Us page! If you have any questions or need more information, our friendly and knowledgeable support team is here to assist you. You can reach us by filling out the contact form below, and we'll respond promptly. Additionally, you can find a comprehensive list of frequently asked questions (FAQs) on this page to help address your concerns. We value your feedback and are committed to providing exceptional customer service. Thank you for choosing us as your trusted resource. <br> <br> Contact Details: <br><br>
+    Email: support@example.com <br><br> We look forward to hearing from you and providing the answers you need.
+</p>
+  </div>
+    
+  </app-accordion>
+  
+  </div>
+  
+</div>
+
+ +
+

+ ./about.component.css +

+
.fa-lg{
+    filter: invert(100%);
+    /* height: 20rem;
+    width: 80rem; */
+}
+
+.disable-scroll{
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+  }
+
+ +
+
+
+
+ Legend +
+
+
Html element +
+
+
Component +
+
+
Html element with directive +
+
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + +
+
+

results matching ""

+
    +
    +
    +

    No results matching ""

    +
    +
    +
    + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/AccordionComponent.html b/documentation/components/AccordionComponent.html new file mode 100644 index 0000000..9ea5317 --- /dev/null +++ b/documentation/components/AccordionComponent.html @@ -0,0 +1,491 @@ + + + + + + canteen-fe documentation + + + + + + + + + + + + + +
    +
    + + +
    +
    + + + + + + + + +
    +

    +

    File

    +

    +

    + src/app/shared/accordion/accordion.component.ts +

    + + + + + + +
    +

    Metadata

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +

    Index

    + + + + + + + + + + + + + + + + + + + + + +
    +
    Properties
    +
    + +
    +
    Inputs
    +
    + +
    +
    + + +
    +

    Inputs

    + + + + + + + + + + + + + + + +
    + + headerText +
    + Type : string + +
    + Default value : '' +
    + +
    + + + + + + + + + + + + + + + +
    + + paraText +
    + Type : string + +
    + Default value : '' +
    + +
    +
    + + + + +
    + +

    + Properties +

    + + + + + + + + + + + + + + +
    + + + chevronDown + + +
    + Default value : faChevronDown +
    + +
    + + + + + + + + + + + + + + +
    + + + chevronUp + + +
    + Default value : faChevronUp +
    + +
    + + + + + + + + + + + + + + + + + +
    + + + isAccordionOpen + + +
    + Type : boolean + +
    + Default value : false +
    + +
    +
    + +
    + + +
    +
    import { Component, OnInit, Input } from '@angular/core';
    +import { faChevronUp } from '@fortawesome/free-solid-svg-icons';
    +import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
    +import { FormControl, FormGroup, Validators } from '@angular/forms';
    +import { Router } from '@angular/router';
    +
    +
    +
    +@Component({
    +  selector: 'app-accordion',
    +  templateUrl: './accordion.component.html',
    +  styleUrls: ['./accordion.component.css']
    +})
    +export class AccordionComponent{
    +  chevronUp = faChevronUp;
    +  chevronDown = faChevronDown;
    +  isAccordionOpen:boolean = false;
    +
    +@Input() headerText:string = '';
    +@Input() paraText:string = '';
    +
    +}
    +
    +
    + +
    +
    <div class="accordion">
    +    <div class="accordion-header text-white bg-[#3D484B] mt-[2%] p-[4%]">
    +      <div class="flex justify-between">
    +        <div class="text-[13pt]">
    +          {{headerText}}
    +        </div>
    +        <div>
    +          <fa-icon *ngIf="isAccordionOpen" class="fa-sm" [icon]="chevronUp" (click)="isAccordionOpen=false"  ></fa-icon>
    +          <fa-icon *ngIf="!isAccordionOpen" class="fa-sm" [icon]="chevronDown" (click)="isAccordionOpen= true"></fa-icon>
    +        </div>
    +      </div>
    +    </div>
    +    <div class="accordion-body">
    +     <ng-container *ngIf="isAccordionOpen">
    +      <ng-content>
    +      </ng-content>
    +     </ng-container>
    +    </div>
    +
    +  </div>
    +
    +
    + +
    +

    + ./accordion.component.css +

    +
    +
    + +
    +
    +
    +
    + Legend +
    +
    +
    Html element +
    +
    +
    Component +
    +
    +
    Html element with directive +
    +
    +
    + + +
    + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +

    results matching ""

    +
      +
      +
      +

      No results matching ""

      +
      +
      +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/AccountComponent.html b/documentation/components/AccountComponent.html new file mode 100644 index 0000000..e4334e4 --- /dev/null +++ b/documentation/components/AccountComponent.html @@ -0,0 +1,781 @@ + + + + + + canteen-fe documentation + + + + + + + + + + + + + +
      +
      + + +
      +
      + + + + + + + + +
      +

      +

      File

      +

      +

      + src/app/user/account/account.component.ts +

      + + + + +

      +

      Implements

      +

      +

      + OnInit +

      + + +
      +

      Metadata

      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      + +
      +

      Index

      + + + + + + + + + + + + + + + + + + + + + +
      +
      Properties
      +
      + +
      +
      Methods
      +
      + +
      +
      + +
      +

      Constructor

      + + + + + + + + + + + + + +
      +constructor(auth: AuthService) +
      + +
      +
      + Parameters : + + + + + + + + + + + + + + + + + + +
      NameTypeOptional
      auth + AuthService + + No +
      +
      +
      +
      + + + + + +
      + +

      + Methods +

      + + + + + + + + + + + + + + + + + + + +
      + + + confirm + + +
      +confirm() +
      + +
      + +
      + Returns : void + +
      +
      + + + + + + + + + + + + + + + + + + + +
      + + + confirmModal + + +
      +confirmModal() +
      + +
      + +
      + Returns : void + +
      +
      + + + + + + + + + + + + + + + + + + + +
      + + + ngOnInit + + +
      +ngOnInit() +
      + +
      + +
      + Returns : void + +
      +
      +
      +
      + +

      + Properties +

      + + + + + + + + + + + + + + +
      + + + Public + auth + + +
      + Type : AuthService + +
      + +
      + + + + + + + + + + + + + + +
      + + + modal + + +
      + Default value : false +
      + +
      + + + + + + + + + + + + + + +
      + + + userIcon + + +
      + Default value : faCircleUser +
      + +
      + + + + + + + + + + + + + + +
      + + + username + + +
      + Default value : JSON.parse(localStorage.getItem('_username_canteen_app') || '') +
      + +
      +
      + +
      + + +
      +
      import { Component, OnInit } from '@angular/core';
      +import { faCircleUser } from '@fortawesome/free-solid-svg-icons';
      +import { AuthService } from 'src/app/services/auth.service';
      +
      +@Component({
      +  selector: 'app-account',
      +  templateUrl: './account.component.html',
      +  styleUrls: ['./account.component.css']
      +})
      +export class AccountComponent implements OnInit{
      +  
      +  userIcon = faCircleUser;
      +  username = JSON.parse(localStorage.getItem('_username_canteen_app') || '');
      +  modal = false;
      +constructor(public auth: AuthService){}
      +  ngOnInit(): void {
      +  }
      +
      +  confirmModal() {
      +    this.modal = !this.modal;
      +  }
      +  // logout() {
      +  //   this.auth.logoutUser();
      +  //   // this.auth.isAuthenticated();
      +  // }
      +  confirm(){
      +    this.modal = !this.modal;
      +  }
      +
      +  
      +}
      +
      +
      + +
      +
      <div
      +    class="absolute xsm:top-0 xsm:left-0 xsm-h-[70pt] sm:top-0 sm:left-0 sm:h-[100pt] md:h-[70pt] sm:w-[100%] bg-[#3D484B] opacity-[40%] z-10 overflow-hidden">
      +</div>
      +
      +
      +    <div class="w-[100%]  md:h-[98vh]  overflow-hidden relative" style="max-height: 720pt;">
      +
      +        <div class="flex flex-col xsm:h-[65pt] md:h-[70pt] sm:w-[100%]  md:w-[100%]">
      +            <div
      +                class="xsm:h-[100%] xsm:w-[100%] sm:h-[100pt] p-[0rem] sm:w-[100%] md:w-[110%] mt-[0rem] overflow-hidden">
      +                <img  src="../../../assets/img/NavbarBg2.svg" height="100%" width="100%">
      +            </div>
      +        </div>
      +        <div
      +            class="absolute xsm:top-[2.5rem] sm:top-[2.5rem] md:top-[3rem] flex flex-col items-center text-center w-[100%] z-20">
      +            <div class="xsm:h-[70pt] xsm:w-[70pt]  sm:h-[80pt] sm:w-[80pt] flex justify-center items-center z-20"><img
      +                    src="../../../assets/img/Male User.png" style="border-radius: 50%;" height="100%" width="100%"
      +                    alt=""></div>
      +            <div>
      +                <p class="xsm:text-[17pt] sm:text-[16pt] md:text-[28pt] text-[#FFFFFF] font-roboto-black z-20">
      +                    {{username}}</p>
      +                <p class="xsm:text-[13pt] md:text-[24pt] sm:text-[14pt] text-[#FFFFFF] font-roboto-regular">Business
      +                    Analyst</p>
      +            </div>
      +        </div>
      +
      +        <div
      +            class="xsm:h-[100vh] sm:h-[83vh] p-[12%] md:h-[90vh] sm:w-[100%] sm:mt-[0rem] font-roboto-medium text-black flex flex-col items-center bg-[#3D484B]">
      +            <div
      +                class="flex items-center justify-between xsm:w-[150pt] sm:w-[280pt] sm:p-[2rem] sm:h-[10pt] xsm:mt-[8rem] sm:mt-[30%]  md:mt-[12rem] sm:text-left md:w-[405pt] md:h-[15pt] ">
      +                <div class="xsm:h-[30pt] xsm:w-[30pt] xsm:flex justify-center items-center sm:h-[28.5pt] sm:w-[28.5pt] md:h-[40pt] md:w-[40pt] sm:p-[8px] bg-[#fff]  sm:flex sm:items-center sm:justify-center rounded-[10pt]"
      +                    [routerLink]="['/profile']"><img height="100%"
      +                        class="icone xsm:h-[50%] xsm:w-[70%]  sm:w-[80%] sm:h-[90%] md:h-[90%] md:w-[85%]" width="80%"
      +                        src="../../../assets/img/Page-1.svg" alt="UserAccount"></div>
      +                <div class="sm:h-[20pt] xsm:w-[100pt] sm:w-[194pt] md:w-[280pt]" [routerLink]="['/profile']">
      +                    <p class="sm:text-[13pt] md:text-[19pt] sm:ml-[8%] text-[#FFFFFF] font-roboto-regular">Profile</p>
      +                </div>
      +                <div class="white"><img src="../../../assets/img/icon.png" [routerLink]="['/profile']"
      +                        class="xsm:h-[12pt]  xsm:w-[7pt] sm:h-[10pt] sm:w-[6pt] h-[14pt] w-[9pt] md:h-[18pt] md:w-[13pt]" height="14pt"
      +                        width="9pt"></div>
      +            </div>
      +            <div
      +                class=" flex items-center justify-between xsm:w-[150pt] sm:w-[280pt] sm:p-[2rem] sm:h-[10pt] xsm:mt-[0.5rem] sm:mt-[-0.2rem] md:mt-[1rem] md:w-[405pt]">
      +                <div
      +                    class="xsm:h-[30pt] xsm:w-[30pt] xsm:flex xsm:justify-center xsm:items-center md:h-[40pt] md:w-[40pt] sm:h-[28.5pt] sm:w-[28.5pt] rounded-[10pt] bg-[#FFFFFF] flex items-center justify-center sm:p-[8px]">
      +                    <img height="100%" width="75%"
      +                        class="icone xsm:h-[60%] xsm:w-[70%] md:h-[90%] md:w-[85%] sm:w-[80%] sm:h-[90%]"
      +                        src="../../../assets/img/Icon material-security.svg" alt="ChangePassword"></div>
      +                <div class="sm:h-[20pt] xsm:w-[98pt] sm:w-[194pt] md:w-[280pt]">
      +                    <p class="text-[#FFFFFF] sm:ml-[8%] font-roboto-regular sm:text-[13pt] md:text-[19pt]"
      +                        [routerLink]="['/changePassword']">Change Password</p>
      +                </div>
      +                <div class="white"><img src="../../../assets/img/icon.png" [routerLink]="['/changePassword']"
      +                        class="xsm:h-[12pt] xsm:w-[7pt] sm:h-[10pt] sm:w-[6pt] h-[14pt] w-[9pt] md:h-[18pt] md:w-[13pt]" height="14pt"
      +                        width="9pt"></div>
      +            </div>
      +            <div
      +                class=" flex items-center justify-between xsm:w-[150pt] sm:w-[280pt] md:w-[405pt] sm:p-[2rem] sm:h-[10pt] sm:mt-[-0.2rem] xsm:mt-[0.8rem] md:mt-[1rem]">
      +                <div class="xsm:h-[30pt] xsm:w-[30pt] xsm:flex xsm:justify-center xsm:items-center sm:h-[28.5pt] sm:w-[28.5pt] md:h-[40pt] md:w-[40pt] rounded-[10pt] bg-[#FFFFFF]  sm:p-[8px] flex items-center justify-center"
      +                    [routerLink]="['/inviteFriend']"><img height="100%"
      +                        class="icone xsm:h-[50%] xsm:w-[70%] md:h-[95%] md:w-[90%] sm:w-[90%] text-[#3d484b] sm:h-[95%]"
      +                        width="90%" src="../../../assets/img/Group 4064.svg" alt="InviteAccount"></div>
      +                <div class="sm:h-[20pt] xsm:w-[100pt] sm:w-[194pt] md:w-[280pt]">
      +                    <p class="text-[#FFFFFF] sm:ml-[8%] font-roboto-regular sm:text-[13pt] md:text-[19pt]"
      +                        [routerLink]="['/inviteFriend']">Invite a Friend</p>
      +                </div>
      +                <div class="white"><img src="../../../assets/img/icon.png"
      +                        class="xsm:h-[12pt] xsm:w-[7pt] sm:h-[10pt] sm:w-[6pt] h-[14pt] w-[9pt] md:h-[18pt] md:w-[13pt]" height="14pt"
      +                        width="9pt" [routerLink]="['/inviteFriend']"></div>
      +            </div>
      +            <div
      +                class=" flex items-center justify-between xsm:w-[150pt] xsm:mt-[0.8rem] sm:w-[280pt] sm:p-[2rem] sm:h-[10pt] sm:mt-[-0.2rem] md:w-[405pt] md:mt-[1rem]">
      +                <div
      +                    class="xsm:h-[30pt] xsm:w-[30pt] xsm:flex xsm:justify-center xsm:items-center sm:h-[28.5pt] sm:w-[28.5pt] rounded-[10pt] bg-[#FFFFFF] sm:p-[8px] flex items-center justify-center">
      +                    <img class="icone xsm:p-[-5rem] sm:w-[100%] sm:h-[100%]" height="100%" width="100%"
      +                        src="../../../assets/img/Group 3181.svg" alt="FeedbackAccount"></div>
      +                <div class="sm:h-[20pt] xsm:w-[100pt] sm:w-[194pt] md:w-[275pt]">
      +                    <p class="text-[#FFFFFF] font-roboto-regular sm:ml-[8%] sm:text-[13pt] md:text-[19pt]"
      +                        [routerLink]="['/Feedback']">Feedback</p>
      +                </div>
      +                <div class="white"><img src="../../../assets/img/icon.png" [routerLink]="['/Feedback']"
      +                        class="xsm:h-[12pt] xsm:w-[7pt] sm:h-[10pt] sm:w-[6pt] h-[14pt] w-[9pt] md:h-[18pt] md:w-[13pt]" height="14pt"
      +                        width="9pt"></div>
      +            </div>
      +            <div
      +                class=" flex items-center justify-between xsm:w-[150pt] xsm:mt-[0.8rem] xsm:rounded-[10pt] sm:w-[280pt] sm:p-[2rem] sm:h-[10pt] sm:mt-[-0.2rem] md:w-[405pt] md:mt-[1rem]">
      +                <div class="xsm:h-[30pt] xsm:rounded-[8pt] xsm:w-[30pt] xsm:flex xsm:justify-center xsm:items-center sm:h-[28.5pt] sm:w-[28.5pt] sm:rounded-[10pt] bg-[#FFFFFF] sm:p-[8px] flex items-center justify-center"
      +                    [routerLink]="['/about']"><img
      +                        class="icone xsm:h-[50%] xsm:w-[70%] md:h-[95%] md:w-[80%] sm:w-[80%] sm:h-[90%]" height="100%"
      +                        width="90%" src="../../../assets/img/Icon ionic-md-information-circle-outline.svg"
      +                        alt="AboutAccount"></div>
      +                <div class="sm:h-[20pt] xsm:w-[100pt] sm:w-[194pt] md:w-[280pt]">
      +                    <p class="text-[#FFFFFF] sm:ml-[8%] font-roboto-regular sm:text-[13pt] md:text-[19pt]"
      +                        [routerLink]="['/about']">Help</p>
      +                </div>
      +                <div class="white"><img src="../../../assets/img/icon.png"
      +                        class="xsm:h-[12pt] xsm:w-[7pt] sm:h-[10pt] sm:w-[6pt] h-[14pt] w-[9pt] md:h-[18pt] md:w-[13pt]" height="14pt"
      +                        width="9pt" [routerLink]="['/about']"></div>
      +            </div>
      +            <div
      +                class="xsm:w-[150pt] xsm:mt-[0.8rem] flex items-center justify-between sm:w-[280pt] sm:p-[2rem] sm:h-[10pt] sm:mb-[1rem] sm:mt-[-0.2rem] md:w-[405pt] md:mt-[1rem]">
      +                <div
      +                    class="xsm:h-[30pt] xsm:w-[30pt] xsm:flex xsm:justify-center xsm:items-center  rounded-[10pt] bg-[#FFFFFF] sm:p-[8px] text-mediumGreys flex items-center justify-center">
      +                    <img class="icone xsm:h-[50%] xsm:w-[70%] md:h-[90%] md:w-[85%] sm:w-[78%] sm:h-[68%]" height="90%"
      +                        width="70%" src="../../../assets/img/Path 11.svg" alt="LogoutAccount"></div>
      +                <div class="sm:h-[20pt] xsm:w-[100pt] sm:w-[194pt] md:w-[280pt]">
      +                    <p class="text-[#FFFFFF] sm:ml-[8%] font-roboto-regular sm:text-[13pt] md:text-[19pt]"
      +                        (click)="confirmModal()">Logout</p>
      +                </div>
      +                <div class="white"><img src="../../../assets/img/icon.png"
      +                        class="xsm:h-[12pt] xsm:w-[7pt] sm:h-[10pt] sm:w-[6pt] h-[14pt] w-[9pt] md:h-[18pt] md:w-[13pt]" height="14pt"
      +                        width="9pt" (click)="confirmModal()"></div>
      +            </div>
      +        </div>
      +
      +        <div *ngIf="modal"
      +            class="w-[100%] h-[100%] flex flex-col justify-center items-center bg-transparent absolute sm:top-[5%] md:top-[-10%] rounded-[8pt] z-[999] p-4 ">
      +            <div
      +                class="w-[250pt] sm:p-[6%] sm:h-[115pt] md:h-[170pt] md:w-[350pt] sm:p-[1rem] md:p-[2rem] bg-[#475356] rounded-[8pt]">
      +                <p class="sm:text-[16pt] md:text-[22pt] text-[#FFFFFF] font-roboto-black">Logout</p>
      +                <p class="text-[13pt] md:text-[20pt] font-roboto-regular text-[#D4D4D4]">Are you sure you want to
      +                    logout?</p>
      +                <div
      +                    class="flex text-orangess sm:text-[16pt] md:text-[18pt] font-roboto-regular w-[100pt] md:w-[120pt] justify-between p-[1.3rem] m-[10%] mt-[0.1rem] float-right">
      +                    <p class="text-[14pt]" (click)="auth.logout()">Yes</p>
      +                    <div class="logOut-box">
      +                    <p class="text-white text-[14pt]" (click)="confirm()">Cancel</p>
      +                </div>
      +            
      +                
      +                </div>
      +            </div>
      +        </div>
      +    </div>
      +
      +    <app-footer> </app-footer>
      +
      +
      +
      + +
      +

      + ./account.component.css +

      +
      .white{
      +    filter: invert(100%);
      +}
      +/* .icone{
      +    filter: invert(100%);
      +} */
      +
      +.logOut-box{
      +    height: 28pt;
      +    width: 240pt;
      +    text-align: center;
      +    background-color: #fc8019;
      +    margin-left: 30%;
      +    margin-top: -5%;
      +    padding: 13%;
      +    display: flex;
      +    justify-content: center;
      +    align-items: center;
      +    border: 2px solid #fc8019;
      +    border-radius: 5px ;
      +}
      +
      + +
      +
      +
      +
      + Legend +
      +
      +
      Html element +
      +
      +
      Component +
      +
      +
      Html element with directive +
      +
      +
      + + +
      + + + + + + + + + + + + + + + + + + + + + + + +
      +
      +

      results matching ""

      +
        +
        +
        +

        No results matching ""

        +
        +
        +
        + +
        +
        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/AddFoodComponent.html b/documentation/components/AddFoodComponent.html new file mode 100644 index 0000000..f86dab5 --- /dev/null +++ b/documentation/components/AddFoodComponent.html @@ -0,0 +1,877 @@ + + + + + + canteen-fe documentation + + + + + + + + + + + + + +
        +
        + + +
        +
        + + + + + + + + +
        +

        +

        File

        +

        +

        + src/app/admin-dashboard/add-food/add-food.component.ts +

        + + + + + + +
        +

        Metadata

        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        + +
        +

        Index

        + + + + + + + + + + + + + + + + + + + + + +
        +
        Properties
        +
        + +
        +
        Methods
        +
        + +
        +
        + +
        +

        Constructor

        + + + + + + + + + + + + + +
        +constructor(foodInventory: FoodInventoryServiceService, http: HttpClient, router: Router, auth: AuthService) +
        + +
        +
        + Parameters : + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
        NameTypeOptional
        foodInventory + FoodInventoryServiceService + + No +
        http + HttpClient + + No +
        router + Router + + No +
        auth + AuthService + + No +
        +
        +
        +
        + + + + + +
        + +

        + Methods +

        + + + + + + + + + + + + + + + + + + + +
        + + + addFood + + +
        +addFood() +
        + +
        + +
        + Returns : void + +
        +
        +
        +
        + +

        + Properties +

        + + + + + + + + + + + + + + +
        + + + addFoodForm + + +
        + Default value : new FormGroup({ + FoodName: this.FoodName, + Price: this.Price, + ImageUrl: this.ImageUrl, + }) +
        + +
        + + + + + + + + + + + + + + + + + +
        + + + alertMsg + + +
        + Type : string + +
        + Default value : 'Please Wait! Under Process' +
        + +
        + + + + + + + + + + + + + + + + + +
        + + + AlertType + + +
        + Type : string + +
        + Default value : 'success' +
        + +
        + + + + + + + + + + + + + + +
        + + + Public + auth + + +
        + Type : AuthService + +
        + +
        + + + + + + + + + + + + + + +
        + + + backArrow + + +
        + Default value : faArrowLeft +
        + +
        + + + + + + + + + + + + + + +
        + + + Public + foodInventory + + +
        + Type : FoodInventoryServiceService + +
        + +
        + + + + + + + + + + + + + + +
        + + + FoodName + + +
        + Default value : new FormControl('', [Validators.required, Validators.min(3)]) +
        + +
        + + + + + + + + + + + + + + +
        + + + ImageUrl + + +
        + Default value : new FormControl('', [Validators.required]) +
        + +
        + + + + + + + + + + + + + + +
        + + + Price + + +
        + Default value : new FormControl('', [Validators.required]) +
        + +
        + + + + + + + + + + + + + + + + + +
        + + + showAlert + + +
        + Type : boolean + +
        + Default value : false +
        + +
        +
        + +
        + + +
        +
        import { HttpClient } from '@angular/common/http';
        +import { Component } from '@angular/core';
        +import { FormControl, FormGroup, Validators } from '@angular/forms';
        +import { Router } from '@angular/router';
        +import { faArrowLeft } from '@fortawesome/free-solid-svg-icons';
        +import { AuthService } from 'src/app/services/auth.service';
        +
        +import { FoodInventoryServiceService } from 'src/app/services/food-inventory-service.service';
        +import Swal from 'sweetalert2';
        +
        +@Component({
        +  selector: 'app-add-food',
        +  templateUrl: './add-food.component.html',
        +  styleUrls: ['./add-food.component.css'],
        +})
        +export class AddFoodComponent {
        +  constructor(
        +    public foodInventory: FoodInventoryServiceService,
        +    private http: HttpClient,
        +    private router: Router,
        +    public auth: AuthService
        +  ) {}
        +
        +  AlertType = 'success';
        +  showAlert: boolean = false;
        +  alertMsg = 'Please Wait! Under Process';
        +  backArrow = faArrowLeft;
        +
        +  FoodName = new FormControl('', [Validators.required, Validators.min(3)]);
        +  Price = new FormControl('', [Validators.required]);
        +  ImageUrl = new FormControl('', [Validators.required]);
        +
        +  addFoodForm = new FormGroup({
        +    FoodName: this.FoodName,
        +    Price: this.Price,
        +    ImageUrl: this.ImageUrl,
        +  });
        +
        +  addFood() {
        +    const swalWithBootstrapButtons = Swal.mixin({
        +      customClass: {
        +        confirmButton:
        +          'text-white bg-green-700 hover:bg-green-800 focus:outline-none focus:ring-4 focus:ring-green-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800',
        +        cancelButton:
        +          'text-white bg-red-700 hover:bg-red-800 focus:outline-none focus:ring-4 focus:ring-red-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mr-2 mb-2 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900',
        +      },
        +      buttonsStyling: false,
        +    });
        +
        +    this.foodInventory.addFood(this.addFoodForm).subscribe({
        +      next: () => {
        +        swalWithBootstrapButtons
        +          .fire({
        +            title: 'Added !',
        +            showCancelButton: true,
        +            text: this.FoodName.value ? this.FoodName.value : '',
        +            imageUrl: this.ImageUrl.value ? this.ImageUrl.value : '',
        +            imageWidth: 400,
        +            confirmButtonText: 'Done!',
        +            cancelButtonText: 'Add More!',
        +            reverseButtons: false,
        +            imageHeight: 200,
        +            imageAlt: 'Custom image',
        +          })
        +          .then((result) => {
        +            if (result.isConfirmed) {
        +              this.router.navigateByUrl('/foodInventory');
        +            } else if (result.dismiss === Swal.DismissReason.cancel) {
        +              this.addFoodForm.reset();
        +            }
        +          });
        +      },
        +    });
        +  }
        +}
        +
        +
        + +
        +
        <app-alert *ngIf="showAlert" [AlertType]="AlertType">
        +  {{ alertMsg }}
        +</app-alert>
        +< class="fixed inset-0 overflow-y-auto" id="modal">
        +<div
        +  class="flex flex-col items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
        +>
        +  <div class="self-end m-1 mr-5">
        +    <button
        +      type="button"
        +      class="text-cyan-700 border border-cyan-700 hover:bg-cyan-500 hover:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-full text-sm p-2.5 text-center inline-flex items-centerdark:text-blue-500"
        +      (click)="auth.backbutton()"
        +    >
        +      <fa-icon class="fa-lg" [icon]="backArrow"></fa-icon>
        +      <span class="sr-only">Icon description</span>
        +    </button>
        +  </div>
        +
        +  <div
        +    class="inline-block align-bottom bg-secondary rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-4 sm:align-middle sm:max-w-lg sm:w-full bg-white"
        +  >
        +    <!-- Add margin if you want to see some of the overlay behind the modal-->
        +    <div class="py-4 text-left px-12 bg-gray-100 mt-2">
        +      <p class="text-2xl font-bold text-center">Add Food</p>
        +      <!--Title-->
        +      <div class="flex justify-between items-center pb-4">
        +        <!-- Modal Close Button -->
        +      </div>
        +
        +      <form [formGroup]="addFoodForm" (submit)="addFood()">
        +        <!-- Name -->
        +        <div class="mb-3">
        +          <label class="inline-block mb-2"> Food Name</label>
        +          <app-input
        +            [control]="FoodName"
        +            placeholder="Enter Food Name"
        +          ></app-input>
        +        </div>
        +
        +        <div class="mb-3">
        +          <label class="inline-block mb-2">Price</label>
        +          <app-input
        +            [control]="Price"
        +            type="number"
        +            placeholder="Enter Food Price"
        +          ></app-input>
        +        </div>
        +
        +        <div class="mb-3">
        +          <label class="inline-block mb-2">Food Image</label>
        +          <app-input
        +            [control]="ImageUrl"
        +            placeholder="Enter Food Image"
        +          ></app-input>
        +        </div>
        +
        +        <button
        +          type="submit"
        +          class="block w-full bg-cyan-400 text-white py-1.5 px-3 rounded transition hover:bg-cyan-500"
        +        >
        +          Add Food
        +        </button>
        +      </form>
        +    </div>
        +  </div>
        +</div>
        +
        +
        + +
        +

        + ./add-food.component.css +

        +
        +
        + +
        +
        +
        +
        + Legend +
        +
        +
        Html element +
        +
        +
        Component +
        +
        +
        Html element with directive +
        +
        +
        + + +
        + + + + + + + + + + + + + + + + + + + + + + + +
        +
        +

        results matching ""

        +
          +
          +
          +

          No results matching ""

          +
          +
          +
          + +
          +
          + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/AddItemButtonComponent.html b/documentation/components/AddItemButtonComponent.html new file mode 100644 index 0000000..e0279b2 --- /dev/null +++ b/documentation/components/AddItemButtonComponent.html @@ -0,0 +1,479 @@ + + + + + + canteen-fe documentation + + + + + + + + + + + + + +
          +
          + + +
          +
          + + + + + + + + +
          +

          +

          File

          +

          +

          + src/app/shared/add-item-button/add-item-button.component.ts +

          + + + + + + +
          +

          Metadata

          + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
          + +
          +

          Index

          + + + + + + + + + + + + + + + + + + + + + +
          +
          Properties
          +
          + +
          +
          Inputs
          +
          + +
          +
          + +
          +

          Constructor

          + + + + + + + + + + + + + +
          +constructor(activatedroute: ActivatedRoute) +
          + +
          +
          + Parameters : + + + + + + + + + + + + + + + + + + +
          NameTypeOptional
          activatedroute + ActivatedRoute + + No +
          +
          +
          +
          + +
          +

          Inputs

          + + + + + + + + + + + + +
          + + link +
          + Type : any + +
          + +
          + + + + + + + + + + + + +
          + + state +
          + Type : any + +
          + +
          +
          + + + + +
          + +

          + Properties +

          + + + + + + + + + + + + + + +
          + + + Public + activatedroute + + +
          + Type : ActivatedRoute + +
          + +
          + + + + + + + + + + + + + + +
          + + + plusbutton + + +
          + Default value : faPlus +
          + +
          +
          + +
          + + +
          +
          import { Component, Input } from '@angular/core';
          +import { ActivatedRoute } from '@angular/router';
          +import { faPlus } from '@fortawesome/free-solid-svg-icons';
          +
          +@Component({
          +  selector: 'app-add-item-button',
          +  templateUrl: './add-item-button.component.html',
          +  styleUrls: ['./add-item-button.component.css'],
          +})
          +export class AddItemButtonComponent {
          +  constructor(public activatedroute: ActivatedRoute) {}
          +  @Input() state: any;
          +  @Input() link: any;
          +  plusbutton = faPlus;
          +}
          +
          +
          + +
          +
          <!-- <a
          +  class="text-cyan-700 border border-cyan-700 hover:bg-cyan-500 hover:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-full text-sm p-2.5 text-center inline-flex items-centerdark:text-blue-500"
          +  [routerLink]="link"
          +  [state]="state"
          +>
          +  <fa-icon class="fa fa-sm" [icon]="plusbutton"> </fa-icon>
          +  
          +</a> -->
          +
          +
          + +
          +

          + ./add-item-button.component.css +

          +
          +
          + +
          +
          +
          +
          + Legend +
          +
          +
          Html element +
          +
          +
          Component +
          +
          +
          Html element with directive +
          +
          +
          + + +
          + + + + + + + + + + + + + + + + + + + + + + + +
          +
          +

          results matching ""

          +
            +
            +
            +

            No results matching ""

            +
            +
            +
            + +
            +
            + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/AddNewItemComponent.html b/documentation/components/AddNewItemComponent.html new file mode 100644 index 0000000..0ddf2c5 --- /dev/null +++ b/documentation/components/AddNewItemComponent.html @@ -0,0 +1,570 @@ + + + + + + canteen-fe documentation + + + + + + + + + + + + + +
            +
            + + +
            +
            + + + + + + + + +
            +

            +

            File

            +

            +

            + src/app/shared/add-new-item/add-new-item.component.ts +

            + + + + + + +
            +

            Metadata

            + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
            + +
            +

            Index

            + + + + + + + + + + + + + + + +
            +
            Properties
            +
            + +
            +
            + +
            +

            Constructor

            + + + + + + + + + + + + + +
            +constructor(auth: AuthService, http: HttpClient, userService: UserService) +
            + +
            +
            + Parameters : + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
            NameTypeOptional
            auth + AuthService + + No +
            http + HttpClient + + No +
            userService + UserService + + No +
            +
            +
            +
            + + + + + + +
            + +

            + Properties +

            + + + + + + + + + + + + + + +
            + + + Public + auth + + +
            + Type : AuthService + +
            + +
            + + + + + + + + + + + + + + +
            + + + backArrow + + +
            + Default value : faArrowLeft +
            + +
            + + + + + + + + + + + + + + +
            + + + rupeeSign + + +
            + Default value : faIndianRupeeSign +
            + +
            +
            + +
            + + +
            +
            import { Component } from '@angular/core';
            +import { AuthService } from 'src/app/services/auth.service';
            +import { UserService } from 'src/app/services/user.service';
            +import { HttpClient } from '@angular/common/http';
            +import { faArrowLeft } from '@fortawesome/free-solid-svg-icons';
            +import { faIndianRupeeSign } from '@fortawesome/free-solid-svg-icons';
            +
            +@Component({
            +  selector: 'app-add-new-item',
            +  templateUrl: './add-new-item.component.html',
            +  styleUrls: ['./add-new-item.component.css']
            +})
            +export class AddNewItemComponent {
            +
            +  backArrow = faArrowLeft;
            +  rupeeSign = faIndianRupeeSign;
            +
            +
            +
            +  constructor(
            +    public auth: AuthService,
            +    private http: HttpClient,
            +    private userService: UserService
            +  ) {}
            +
            +}
            +
            +
            +
            + +
            +
            <div class="w-[100%] sm:h-[100%] md:h-[105vh] flex flex-col items-center bg-[#3D484B] ">
            +  <nav class="w-[100%] h-[40pt] p-[1.8rem] flex items-center justify-between border border-greyss bg-[#3D484B]">
            +    <div class="sm:h-[18pt] sm:w-[18pt] md:h-[20pt]">
            +      <button type="button" class="text-white" (click)="auth.backbutton()">
            +        <fa-icon class="fa-lg" [icon]="backArrow"></fa-icon>
            +      </button>
            +    </div>
            +    <div class="sm:w-[90%] md:w-[95%] flex justify-between items-center">
            +      <h3 class="text-[14pt] text-[#FFFFFF] font-roboto-black">Add New Item</h3>
            +    </div>
            +  </nav>
            +  <div class="h-[88vh] w-[100%] flex items-center flex-col m-[3%] ">
            +    <div class="input-box">
            +      <div class="mb-[3%]">
            +        <label class="sm:text-[12.5pt] md:text-[20pt] text-[#D4D4D4] font-roboto-regular mb-[2rem] ml-[0.5%]">Adding
            +          to</label>
            +        <select id="title"
            +          class="p-[2.5%] bg-[white] h-[35pt] w-[100%] text-[#fc8019] sm:text-[11pt] md:text-[13pt] outline-none rounded-[4pt] border-2 border-[#606161] ">
            +          <option>Snacks</option>
            +          <option>Breakfast</option>
            +          <option>Lunch</option>
            +        </select>
            +      </div>
            +      <div>
            +        <label class="sm:text-[12.5pt] md:text-[20pt] text-[#D4D4D4] font-roboto-regular mb-[2rem]">Name</label>
            +        <input type="text" placeholder="Crispy Corn" id="title"
            +          class="p-3 bg-[white] h-[35pt] w-[100%] text-[#fc8019] sm:text-[11pt] md:text-[13pt] outline-none rounded-[4pt] border-2 border-[#606161] mb-[4%]  ">
            +      </div>
            +
            +
            +      <div class="input-box-1">
            +        <div>
            +          <label class="sm:text-[12.5pt] md:text-[20pt] text-[#D4D4D4] font-roboto-regular">Price
            +          </label>
            +        </div>
            +        <div class="flex">
            +          <div class="icon-box">
            +            <fa-icon class="fa fa-sm btn-class" [icon]="rupeeSign"> </fa-icon>
            +          </div>
            +          <div class="w-[100%] h-[100%]">
            +            <input type="text" placeholder="30" id="title"
            +              class=" p-3 bg-[white] h-[100%] w-[100%] sm:text-[11pt] md:text-[13pt] text-Greyess outline-none rounded-[4pt] h-[30pt] border-2 border-[#606161]" />
            +          </div>
            +        </div>
            +      </div>
            +      <div class="mt-[12%]">
            +        <label class="sm:text-[12.5pt] mt-[-3%] md:text-[20pt] text-[#D4D4D4] font-roboto-regular mb-[2rem]">Select
            +          Icon</label>
            +        <select id="title"
            +          class="p-2.5 bg-[white] h-[42pt] w-[100%] text-[#fc8019] sm:text-[11pt] md:text-[13pt] outline-none rounded-[4pt] border-2 border-[#606161] mt-[1%]  ">
            +          
            +        </select>
            +      </div>
            +    </div>
            +
            +
            +
            +  </div>
            +
            +  <!-- menu part -->
            +
            +  <div class="mt-[-30%] mb-[25%]">
            +    <button type="submit"
            +      class=" h-[34pt] md:mt-[20%] sm:text-[14pt] md:text-[22pt] w-[100pt] sm:w-[250pt] bg-orangess text-white rounded transition hover:bg-orange-500 font-roboto-regular text-[18pt]">
            +      Save
            +    </button>
            +
            +  </div>
            +
            +</div>
            +
            + +
            +

            + ./add-new-item.component.css +

            +
            .input-box {
            +    margin-top: 4%;
            +    width: 86%;
            +    height: 70pt;
            +    margin-bottom: 5%;
            +}
            +
            +.icon-box {
            +    background-color: white;
            +    height: 30pt;
            +    width: 13%;
            +    display: flex;
            +    
            +    justify-content: center;
            +    align-items: center;
            +    margin-top: 0.7%;
            +}
            +
            +.input-box-1 {
            +    margin-top: 1%;
            +    width: 100%;
            +    height: 30pt;
            +    display: flex;
            +    flex-direction: column;
            +    margin-left: 1%;
            +
            +
            +}
            +
            + +
            +
            +
            +
            + Legend +
            +
            +
            Html element +
            +
            +
            Component +
            +
            +
            Html element with directive +
            +
            +
            + + +
            + + + + + + + + + + + + + + + + + + + + + + + +
            +
            +

            results matching ""

            +
              +
              +
              +

              No results matching ""

              +
              +
              +
              + +
              +
              + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/AddNewMenuComponent.html b/documentation/components/AddNewMenuComponent.html new file mode 100644 index 0000000..b3d4541 --- /dev/null +++ b/documentation/components/AddNewMenuComponent.html @@ -0,0 +1,995 @@ + + + + + + canteen-fe documentation + + + + + + + + + + + + + +
              +
              + + +
              +
              + + + + + + + + +
              +

              +

              File

              +

              +

              + src/app/shared/add-new-menu/add-new-menu.component.ts +

              + + + + + + +
              +

              Metadata

              + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
              + +
              +

              Index

              + + + + + + + + + + + + + + + + + + + + + +
              +
              Properties
              +
              + +
              +
              Methods
              +
              + +
              +
              + +
              +

              Constructor

              + + + + + + + + + + + + + +
              +constructor(auth: AuthService, http: HttpClient, userService: UserService) +
              + +
              +
              + Parameters : + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
              NameTypeOptional
              auth + AuthService + + No +
              http + HttpClient + + No +
              userService + UserService + + No +
              +
              +
              +
              + + + + + +
              + +

              + Methods +

              + + + + + + + + + + + + + + + + + + + +
              + + + passwordHide + + +
              +passwordHide() +
              + +
              + +
              + Returns : void + +
              +
              +
              +
              + +

              + Properties +

              + + + + + + + + + + + + + + +
              + + + Public + auth + + +
              + Type : AuthService + +
              + +
              + + + + + + + + + + + + + + +
              + + + backArrow + + +
              + Default value : faArrowLeft +
              + +
              + + + + + + + + + + + + + + +
              + + + calArrow + + +
              + Default value : faCalendarDays +
              + +
              + + + + + + + + + + + + + + +
              + + + magbutton + + +
              + Default value : faMagnifyingGlass +
              + +
              + + + + + + + + + + + + + + + + + +
              + + + show + + +
              + Type : boolean + +
              + Default value : true +
              + +
              +
              + +
              + + +
              +
              import { Component } from '@angular/core';
              +import { AuthService } from 'src/app/services/auth.service';
              +import { faArrowLeft } from '@fortawesome/free-solid-svg-icons';
              +import { UserService } from 'src/app/services/user.service';
              +import { HttpClient } from '@angular/common/http';
              +import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons';
              +import { faCalendarDays } from '@fortawesome/free-solid-svg-icons';
              +
              +@Component({
              +  selector: 'app-add-new-menu',
              +  templateUrl: './add-new-menu.component.html',
              +  styleUrls: ['./add-new-menu.component.css']
              +})
              +export class AddNewMenuComponent {
              +
              +  backArrow = faArrowLeft;
              +  calArrow = faCalendarDays;
              +  show: boolean=true;
              +  passwordHide(){
              +    this.show=!this.show
              +  }
              +
              +  constructor(
              +    public auth: AuthService,
              +    private http: HttpClient,
              +    private userService: UserService
              +  ) {}
              +
              +  magbutton = faMagnifyingGlass;
              +
              +}
              +
              +
              + +
              +
              <div class="w-[100%] sm:h-[100%] md:h-[105vh] flex flex-col items-center bg-[#3D484B]" style="overflow: hidden;">
              +    <nav class="w-[100%] h-[40pt] p-[1.8rem] flex items-center justify-between border border-greyss bg-[#3D484B]">
              +      <div class="sm:h-[18pt] sm:w-[18pt] md:h-[20pt]">
              +        <button type="button" (click)="auth.backbutton()">
              +          <fa-icon class="fa-lg" [icon]="backArrow"></fa-icon>
              +        </button>
              +      </div>
              +      <div class="sm:w-[90%] md:w-[95%] flex justify-between items-center">
              +        <h3 class="text-[14pt] text-[#FFFFFF] font-roboto-black">Add New Menu</h3>
              +      </div>
              +    </nav>
              +    <div class="h-[90vh] w-[100%] flex items-center flex-col p-1">
              +      <div class="input-box">
              +        <div id="input-id" class="height-[50pt]">
              +          <input type="text" id="date" placeholder="Calender"
              +            class="bg-[white] p-3 w-[100%] h-[34.5pt] sm:text-[11pt] md:text-[13pt] outline-none rounded-[4pt] border-2 border-[#606161]">
              +            <fa-icon class="fa fa-sm btn-class-1" [icon]="calArrow"> </fa-icon>
              +        </div>
              +        <div>
              +          <!-- <input type="text" placeholder="Lunch" id="title"
              +            class="p-3 bg-[white] w-[100%] sm:text-[11pt] md:text-[13pt] outline-none rounded-[4pt] h-[34.5pt] border-2 border-[#606161] " /> -->
              +            <select id="title" class=" bg-[white] p-3 w-[100%] sm:text-[11pt] md:text-[13pt] outline-none rounded-[4pt] h-[34.5pt] text-[#FC8019] border-2 border-[#606161]">
              +              <option class="p-3" value="Lunch">Lunch</option>
              +              <option value="Breakfast">Breakfast</option>
              +              <option value="Snacks">Snacks</option>
              +
              +            </select>
              +        </div>
              +      </div>
              +  
              +      <div class="menu-class">
              +        <div class="text-[white] font-roboto-black ">
              +          <h4>Menu</h4>
              +        </div>
              +        <div class="font-roboto-black text-orangess">
              +          <a [routerLink]="['/addNewItem']">+Add Item</a>
              +        </div>
              +      </div>
              +      <div class="input-box-1">
              +        <div class="icon-box">
              +          <fa-icon class="fa fa-sm btn-class" [icon]="magbutton"> </fa-icon>
              +        </div>
              +        <div class="w-[100%] h-[100%]">
              +          <input type="text" placeholder="Search For Food Item" id="title"
              +            class=" p-3 bg-[white] h-[100%] w-[100%] sm:text-[11pt] md:text-[13pt] text-Greyess outline-none rounded-[4pt] h-[40pt] border-2 border-[#606161] " />
              +        </div>
              +      </div>
              +    </div>
              +  
              +    <!-- menu part -->
              +  
              +    <div class="totalMenu" >
              +      <div id="box-6" class="zeroClass  sm:mt-[-200%] sm:ml-[-0pt] xsm:ml-[79pt]">
              +        <div class="h-[21pt] w-[59pt]">
              +          <input class="checkbox" type="checkbox" />
              +        </div>
              +        <div id="box-6-img"
              +          class="boxClass md:ml-[1.5rem] sm:h-[33pt] sm:w-[33pt] xsm:h-[32pt] xsm:w-[32pt] xsm:p-[2pt] md:h-[55pt] md:w-[55pt] ">
              +          <img src="../../../assets/img/Group 3154.png" height="75%" width="75%">
              +        </div>
              +        <div
              +          class="sm:w-[150pt] xsm:w-[130pt] md:w-[330pt] sm:h-[30pt] sm:leading-[16pt] md:leading-[22pt] sm:ml-[0.8rem] xsm:ml-[0.6rem]">
              +          <p class="font-roboto-black text-[#FFFFFF] sm:text-[12pt] md:text-[20pt] xsm:text-[10pt] ml-[0.8rem]">Aloo Gobhi
              +            Sabji
              +          </p>
              +          <p class="sm:text-[11pt] xsm:text-[10pt] md:text-[16pt] ml-[0.8rem] font-roboto-regular text-[#D4D4D4]">₹10</p>
              +        </div>
              +        <div class="sm:h-[2pt] sm:w-[4pt] xsm:h-[2pt] xsm:w-[3pt]"><img src="../../../assets/img/ellipsisLatest.svg"
              +            height="85%" width="85%"></div>
              +      </div>
              +      <div id="box-3" class="zeroClass  sm:mt-[1rem] sm:ml-[0pt] xsm:ml-[79pt]">
              +        <div class="h-[21pt] w-[59pt]">
              +          <input class="checkbox" type="checkbox">
              +        </div>
              +        <div id="box-3-img"
              +          class="boxClass md:ml-[1.5rem] sm:h-[33pt] sm:w-[33pt] xsm:h-[32pt] xsm:w-[32pt] xsm:p-[2pt] md:h-[55pt] md:w-[55pt] ">
              +          <img src="../../../assets/img/Group 3129.png" height="75%" width="75%">
              +        </div>
              +        <div
              +          class="sm:w-[150pt] xsm:w-[130pt] md:w-[330pt] sm:h-[30pt] sm:leading-[16pt] md:leading-[22pt] sm:ml-[0.8rem] xsm:ml-[0.6rem]">
              +          <p class="font-roboto-black text-[#FFFFFF] sm:text-[12pt] md:text-[20pt] xsm:text-[10pt] ml-[0.8rem]">Chapati
              +          </p>
              +          <p class="sm:text-[11pt] xsm:text-[10pt] md:text-[16pt] ml-[0.8rem] font-roboto-regular text-[#D4D4D4]">₹20</p>
              +        </div>
              +        <div class="sm:h-[2pt] sm:w-[4pt] xsm:h-[2pt] xsm:w-[3pt]"><img src="../../../assets/img/ellipsisLatest.svg"
              +            height="85%" width="85%"></div>
              +      </div>
              +      <div id="box-5" class="zeroClass  sm:mt-[1rem] sm:ml-[0pt] xsm:ml-[79pt]">
              +        <div class="h-[21pt] w-[59pt]">
              +          <input class="checkbox" type="checkbox">
              +        </div>
              +        <div id="box-5-img"
              +          class="boxClass md:ml-[1.5rem] sm:h-[33pt] sm:w-[33pt] xsm:h-[32pt] xsm:w-[32pt] xsm:p-[2pt] md:h-[55pt] md:w-[55pt] ">
              +          <img src="../../../assets/img/Group 3145.png" height="75%" width="75%">
              +        </div>
              +        <div
              +          class="sm:w-[150pt] xsm:w-[130pt] md:w-[330pt] sm:h-[30pt] sm:leading-[16pt] md:leading-[22pt] sm:ml-[0.8rem] xsm:ml-[0.6rem]">
              +          <p class="font-roboto-black text-[#FFFFFF] sm:text-[12pt] md:text-[20pt] xsm:text-[10pt] ml-[0.8rem]">Raita
              +          </p>
              +          <p class="sm:text-[11pt] xsm:text-[10pt] md:text-[16pt] ml-[0.8rem] font-roboto-regular text-[#D4D4D4]">₹10</p>
              +        </div>
              +        <div class="sm:h-[2pt] sm:w-[4pt] xsm:h-[2pt] xsm:w-[3pt]"><img src="../../../assets/img/ellipsisLatest.svg"
              +            height="85%" width="85%"></div>
              +      </div>
              +      <div id="box-4" class="zeroClass  sm:mt-[1rem] sm:ml-[0pt] xsm:ml-[79pt]">
              +        <div class="h-[21pt] w-[59pt]">
              +          <input class="checkbox" type="checkbox">
              +        </div>
              +        <div id="box-4-img"
              +          class="boxClass md:ml-[1.5rem] sm:h-[33pt] sm:w-[33pt] xsm:h-[32pt] xsm:w-[32pt] xsm:p-[2pt] md:h-[55pt] md:w-[55pt] ">
              +          <img src="../../../assets/img/Group 3146.svg" height="75%" width="75%">
              +        </div>
              +        <div
              +          class="sm:w-[150pt] xsm:w-[130pt] md:w-[330pt] sm:h-[30pt] sm:leading-[16pt] md:leading-[22pt] sm:ml-[0.8rem] xsm:ml-[0.6rem]">
              +          <p class="font-roboto-black text-[#FFFFFF] sm:text-[12pt] md:text-[20pt] xsm:text-[10pt] ml-[0.8rem]">Rice
              +          </p>
              +          <p class="sm:text-[11pt] xsm:text-[10pt] md:text-[16pt] ml-[0.8rem] font-roboto-regular text-[#D4D4D4]">₹30</p>
              +        </div>
              +        <div class="sm:h-[2pt] sm:w-[4pt] xsm:h-[2pt] xsm:w-[3pt]"><img src="../../../assets/img/ellipsisLatest.svg"
              +            height="85%" width="85%"></div>
              +      </div>
              +      <div id="box-7" class="zeroClass  sm:mt-[1rem] sm:ml-[0pt] xsm:ml-[79pt]">
              +        <div class="h-[21pt] w-[59pt]">
              +          <input class="checkbox" type="checkbox">
              +        </div>
              +        <div id="box-7-img"
              +          class="boxClass md:ml-[1.5rem] sm:h-[33pt] sm:w-[33pt] xsm:h-[32pt] xsm:w-[32pt] xsm:p-[2pt] md:h-[55pt] md:w-[55pt] ">
              +          <img src="../../../assets/img/Group 3152.png" height="75%" width="75%">
              +        </div>
              +        <div
              +          class="sm:w-[150pt] xsm:w-[130pt] md:w-[330pt] sm:h-[30pt] sm:leading-[16pt] md:leading-[22pt] sm:ml-[0.8rem] xsm:ml-[0.6rem]">
              +          <p class="font-roboto-black text-[#FFFFFF] sm:text-[12pt] md:text-[20pt] xsm:text-[10pt] ml-[0.8rem]">Salad
              +          </p>
              +          <p class="sm:text-[11pt] xsm:text-[10pt] md:text-[16pt] ml-[0.8rem] font-roboto-regular text-[#D4D4D4]">₹10</p>
              +        </div>
              +        <div class="sm:h-[2pt] sm:w-[4pt] xsm:h-[2pt] xsm:w-[3pt]"><img src="../../../assets/img/ellipsisLatest.svg"
              +            height="85%" width="85%"></div>
              +      </div>
              +      <div id="box-8" class="zeroClass  sm:mt-[1rem] sm:ml-[0pt] xsm:ml-[79pt]">
              +        <div class="h-[21pt] w-[59pt]">
              +          <input class="checkbox" type="checkbox">
              +        </div>
              +        <div id="box-8-img"
              +          class="boxClass md:ml-[1.5rem] sm:h-[33pt] sm:w-[33pt] xsm:h-[32pt] xsm:w-[32pt] xsm:p-[2pt] md:h-[55pt] md:w-[55pt] ">
              +          <img src="../../../assets/img/Group 3150.svg" height="75%" width="75%">
              +        </div>
              +        <div
              +          class="sm:w-[150pt] xsm:w-[130pt] md:w-[330pt] sm:h-[30pt] sm:leading-[16pt] md:leading-[22pt] sm:ml-[0.8rem] xsm:ml-[0.6rem]">
              +          <p class="font-roboto-black text-[#FFFFFF] sm:text-[12pt] md:text-[20pt] xsm:text-[10pt] ml-[0.8rem]">Dal Fry
              +          </p>
              +          <p class="sm:text-[11pt] xsm:text-[10pt] md:text-[16pt] ml-[0.8rem] font-roboto-regular text-[#D4D4D4]">₹10</p>
              +        </div>
              +        <div class="sm:h-[2pt] sm:w-[4pt] xsm:h-[2pt] xsm:w-[3pt]"><img src="../../../assets/img/ellipsisLatest.svg"
              +            height="85%" width="85%"></div>
              +      </div>
              +      <div>
              +        <button type="submit"
              +          class=" sm:mt-[25%] h-[33pt] md:mt-[20%] sm:text-[12pt] md:text-[22pt] w-[95%] sm:w-[100%] bg-orangess text-white rounded transition hover:bg-orange-500 font-roboto-regular text-[16pt]">
              +          Save Menu
              +        </button>
              +  
              +      </div>
              +    </div>
              +  
              +  </div>
              +
              +
              + +
              +

              + ./add-new-menu.component.css +

              +
              .background {
              +    height: 100vh;
              +    width: 100vw;
              +    background-color: #3D484B;
              +    display: flex;
              +    align-items: center;
              +    flex-direction: column;
              +
              +
              +}
              +
              +
              +.nav-class {
              +    width: 100%;
              +    display: flex;
              +    justify-content: center;
              +    align-items: center;
              +    border: 1px solid #8D8D8D;
              +
              +}
              +
              +.btn-cont {
              +    color: #333333;
              +    height: 20pt;
              +    width: 20pt;
              +    margin-left: 4%;
              +}
              +
              +.input-box {
              +    margin-top: 4%;
              +    width: 86%;
              +    height: 70pt;
              +    margin-bottom: 5%;
              +
              +
              +}
              +
              +.input-box-1 {
              +    margin-top: 4%;
              +    width: 86%;
              +    height: 30pt;
              +    display: flex;
              +    margin-left: 2%;
              +
              +
              +}
              +
              +#input-id {
              +    margin-bottom: 5%;
              +}
              +
              +.icon-box {
              +    background-color: white;
              +    height: 27pt;
              +    width: 13%;
              +    display: flex;
              +    justify-content: center;
              +    align-items: flex-start;
              +    margin-top: 0.7%;
              +  
              +}
              +
              +.menu-class {
              +    width: 95%;
              +    display: flex;
              +    justify-content: space-between;
              +    align-items: center;
              +    padding: 5%;
              +    font-size: 12pt;
              +    margin-bottom: -6.5%;
              +    margin-top: -1.2%;
              +}
              +
              +.shift {
              +    margin-left: 6.5%;
              +}
              +
              +/* .checkbox {
              +    height: 20pt;
              +    width: 15pt; */
              +    /* appearance: none;
              +    -webkit-appearance: none;
              +    -moz-appearance: none;
              +    outline: none;
              +    border: 1px solid #fdfdfd;
              +    border-radius: 4px;
              +    background-color: #49565a; */
              +/* } */
              +
              +
              +/* input[type="checkbox"]:checked {
              +    
              +    background-color: #fc8019;
              +  } */
              +
              +
              +  /* input[type="checkbox"]:checked::before {
              +    content: "";
              +    position: absolute;
              +    top: 30%;
              +    left: 50%;
              +    transform: translate(-50%, -50%);
              +    width: 10px;
              +    height: 10px;
              +    background-color: #ffffff;
              +    border-radius: 2px;
              +  } */
              +
              +
              +  .custom-select option{
              +    height: 35pt;
              +    width: 100pt;
              +   
              +  }
              +
              +
              +.btn-class {
              +    position: relative;
              +    top: 29%;
              +    left: 4%;
              +    font-size: 11.5pt;
              +}
              +
              +.btn-class-1 {
              +    color: #8d8d8d;
              +    font-size: 14pt;
              +    float: right;
              +    position: absolute;
              +    top: 10.8%;
              +    left: 85%;
              +
              +}
              +
              +#box-3 #box-3-img {
              +    background-color: #FDF6EC;
              +}
              +
              +#box-4 #box-4-img {
              +    background-color: #ffc5c4;
              +}
              +
              +#box-5 #box-5-img {
              +    background-color: #FFC5C4;
              +}
              +
              +#box-6 #box-6-img {
              +    background-color: #ffe17d9d;
              +    /* margin-left: -19%; */
              +   
              +}
              +
              +#box-7 #box-7-img {
              +    background-color: #fafafa;
              +}
              +
              +#box-8 #box-8-img {
              +    background-color: #fafafa;
              +}
              +
              +
              +
              +.zeroClass {
              +    display: flex;
              +    align-items: center;
              +    justify-content: center;
              +}
              +
              +.boxClass {
              +    display: flex;
              +    align-items: center;
              +    justify-content: center;
              +    border-radius: 10pt;
              +    flex-direction: row;
              +}
              +
              +.totalMenu {
              +    margin-top: 25.5%;
              +    margin-bottom: -19%;
              +   
              +}
              +
              +.fa-lg {
              +    filter: invert(100%);
              +}
              +.checkbox {
              +    /* Hide the default checkbox */
              +    height: 20pt;
              +    width: 15pt;
              +    appearance: none;
              +    -webkit-appearance: none;
              +    -moz-appearance: none;
              +    width: 26px;
              +    height: 26px;
              +    background-color: #fff;
              +    border: 2px solid #606161;
              +    border-radius: 4px;
              +    outline: none;
              +    cursor: pointer;
              +    position: relative;
              +  }
              +
              +  /* Custom checkbox styles - checked state */
              +  .checkbox:checked {
              +    background-color: #FC8019; /* Change this to your desired color */
              +    border-color: #FC8019; /* Change this to your desired color */
              +  }
              +
              +  /* Custom checkbox styles - checkmark */
              +  .checkbox::after {
              +    content: "\2713";
              +    font-size: 16px;
              +    color: #FFF; /* Change this to your desired color */
              +    position: absolute;
              +    top: 50%;
              +    left: 50%;
              +    transform: translate(-50%, -50%);
              +    display: none;
              +    /* content: "\2713";
              +   
              +    position: absolute;
              +    top: 50%;
              +    left: 50%;
              +    transform: translate(-50%, -50%);
              +    width: 7px;
              +    height: 7px;
              +    background-color: #fff;
              +    border-radius: 50%;
              +    display: none; */
              +  }
              +
              +  /* Custom checkbox styles - checked state checkmark */
              +  .checkbox:checked::after {
              +    display: block;
              +  }
              +  
              +
              + +
              +
              +
              +
              + Legend +
              +
              +
              Html element +
              +
              +
              Component +
              +
              +
              Html element with directive +
              +
              +
              + + +
              + + + + + + + + + + + + + + + + + + + + + + + +
              +
              +

              results matching ""

              +
                +
                +
                +

                No results matching ""

                +
                +
                +
                + +
                +
                + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/AlertComponent.html b/documentation/components/AlertComponent.html index 625d811..d9555da 100644 --- a/documentation/components/AlertComponent.html +++ b/documentation/components/AlertComponent.html @@ -13,7 +13,7 @@ -
                +
                +

                results matching ""

                +
                  +
                  +
                  +

                  No results matching ""

                  +
                  +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/BookingComponent.html b/documentation/components/BookingComponent.html new file mode 100644 index 0000000..dad689a --- /dev/null +++ b/documentation/components/BookingComponent.html @@ -0,0 +1,345 @@ + + + + + + canteen-fe documentation + + + + + + + + + + + + + +
                  +
                  + + +
                  +
                  + + + + + + + + +
                  +

                  +

                  File

                  +

                  +

                  + src/app/booking/booking.component.ts +

                  + + + + + + +
                  +

                  Metadata

                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  + + + + + + + + + +
                  + + +
                  +
                  import { Component } from '@angular/core';
                  +
                  +@Component({
                  +  selector: 'app-booking',
                  +  templateUrl: './booking.component.html',
                  +  styleUrls: ['./booking.component.css']
                  +})
                  +export class BookingComponent {
                  +
                  +}
                  +
                  +
                  + +
                  +
                  <div class="flex  items-center justify-center p-12 pt-20">
                  +    
                  +
                  +    <div class="mx-auto w-full max-w-[550px]">
                  +    <h2 class="text-center text-3xl pb-4 " >Emergency Booking</h2>
                  +
                  +      <form action="https://formbold.com/s/FORM_ID" method="POST">
                  +        <div class="-mx-3 flex flex-wrap">
                  +            
                  +         
                  +          
                  +        </div>
                  +        <div class="-mx-3 flex flex-wrap">
                  +          <div class="w-full px-3 sm:w-1/2">
                  +            <div class="mb-5">
                  +              <label
                  +                for="date"
                  +                class="mb-3 block text-base font-medium text-[#07074D]"
                  +              >
                  +                Date
                  +              </label>
                  +              <input
                  +                type="date"
                  +                name="date"
                  +                id="date"
                  +                class="w-full rounded-md border border-[#e0e0e0] bg-white py-3 px-6 text-base font-medium text-[#6B7280] outline-none focus:border-[#6A64F1] focus:shadow-md"
                  +              />
                  +            </div>
                  +          </div>
                  +          <div class="w-full px-3 sm:w-1/2">
                  +            <div class="mb-5">
                  +              <label
                  +                for="time"
                  +                class="mb-3 block text-base font-medium text-[#07074D]"
                  +              >
                  +                Time
                  +              </label>
                  +              <input
                  +                type="time"
                  +                name="time"
                  +                id="time"
                  +                class="w-full rounded-md border border-[#e0e0e0] bg-white py-3 px-6 text-base font-medium text-[#6B7280] outline-none focus:border-[#6A64F1] focus:shadow-md"
                  +              />
                  +            </div>
                  +          </div>
                  +        </div>
                  +  
                  +        <div class="mb-5">
                  +      
                  +          <div class="flex items-center space-x-6">
                  +            <div class="flex items-center">
                  +              <input
                  +                type="checkbox"
                  +                name="radio1"
                  +                id="radioButton1"
                  +                class="h-5 w-5"
                  +              />
                  +              <label
                  +                for="radioButton1"
                  +                class="pl-3 text-base font-medium text-[#07074D]"
                  +              >
                  +              Are you sure you want to book?
                  +              </label>
                  +            </div>
                  +           
                  +          </div>
                  +        </div>
                  +  
                  +        <div>
                  +          <button
                  +            class="hover:shadow-form rounded-md bg-[#6A64F1] py-3 px-8 text-center text-base font-semibold text-white outline-none"
                  +          >
                  +            Submit
                  +          </button>
                  +        </div>
                  +      </form>
                  +    </div>
                  +  </div>
                  +
                  + +
                  +

                  + ./booking.component.css +

                  +
                  +
                  + +
                  +
                  +
                  +
                  + Legend +
                  +
                  +
                  Html element +
                  +
                  +
                  Component +
                  +
                  +
                  Html element with directive +
                  +
                  +
                  + + +
                  + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  +

                  results matching ""

                  +
                    +
                    +
                    +

                    No results matching ""

                    +
                    +
                    +
                    + +
                    +
                    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/documentation/components/ChangePasswordComponent.html b/documentation/components/ChangePasswordComponent.html index 4ae6be5..a9f14c0 100644 --- a/documentation/components/ChangePasswordComponent.html +++ b/documentation/components/ChangePasswordComponent.html @@ -13,7 +13,7 @@ -