Skip to content

Commit

Permalink
Updating UI part
Browse files Browse the repository at this point in the history
  • Loading branch information
Wiran-Larbi committed Jun 21, 2024
1 parent cc05140 commit ce9eb1f
Show file tree
Hide file tree
Showing 6 changed files with 6 additions and 85 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { SettingsModule } from './settings/settings.module';
import { DashboardComponent } from './dashboard.component';
// import { SettingsComponent } from './pages/settings/settings.component';


const routes: Routes = [
Expand Down
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import { Component, OnInit ,OnChanges, OnDestroy, TemplateRef, forwardRef } from '@angular/core';
import { CommonModule, DatePipe } from '@angular/common';
import { Subject } from 'rxjs';
import { MonthViewDay, EventColor } from 'calendar-utils';
import { EventColor } from 'calendar-utils';
import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
import { startOfDay, subDays, addDays, endOfMonth, isSameMonth, isSameDay, addHours, endOfDay } from 'date-fns';
import { startOfDay, isSameMonth, isSameDay, endOfDay } from 'date-fns';
import {CalendarCommonModule, CalendarDayModule, CalendarMonthModule, CalendarWeekModule, CalendarEvent, CalendarEventAction, CalendarEventTimesChangedEvent, CalendarView } from 'angular-calendar';
import { CalendarUtils } from 'angular-calendar';
import { ChangeDetectionStrategy } from '@angular/core';
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,4 @@ <h2 class="mb-4 border-b-2 border-gray-200 py-2 text-2xl font-bold dark:border-g
<ng-template matStepperIcon="chat">
<mat-icon aria-hidden="false" aria-label="Example home icon" fontIcon="home"></mat-icon>
</ng-template>
</mat-stepper>


<!-- <div class="card flex justify-content-center"></div> -->
</mat-stepper>
Original file line number Diff line number Diff line change
@@ -1,57 +1 @@
<<<<<<< HEAD
<ng-container [ngSwitch]="stepperOrientation | async">
<div *ngSwitchCase="'horizontal'">Make your screen smaller to see a vertical stepper</div>
<div *ngSwitchCase="'vertical'">Make your screen larger to see a horizontal stepper</div>
</ng-container>

<mat-stepper
class="example-stepper"
[orientation]="(stepperOrientation | async)!">
<mat-step [stepControl]="firstFormGroup" label="Fill out your name">
<form [formGroup]="firstFormGroup">
<mat-form-field>
<mat-label>Name</mat-label>
<input matInput placeholder="Last name, First name" formControlName="firstCtrl" required>
</mat-form-field>
<div>
<button mat-button matStepperNext>Next</button>
</div>
</form>
</mat-step>
<mat-step [stepControl]="secondFormGroup" label="Fill out your address">
<form [formGroup]="secondFormGroup">
<mat-form-field>
<mat-label>Address</mat-label>
<input matInput formControlName="secondCtrl" placeholder="Ex. 1 Main St, New York, NY"
required>
</mat-form-field>
<div>
<button mat-button matStepperPrevious>Back</button>
<button mat-button matStepperNext>Next</button>
</div>
</form>
</mat-step>
<mat-step [stepControl]="thirdFormGroup" label="Fill out your phone number">
<form [formGroup]="thirdFormGroup">
<mat-form-field>
<mat-label>Phone number</mat-label>
<input matInput formControlName="thirdCtrl" placeholder="Ex. 12345678" required>
</mat-form-field>
<div>
<button mat-button matStepperPrevious>Back</button>
<button mat-button matStepperNext>Next</button>
</div>
</form>
</mat-step>
<mat-step>
<ng-template matStepLabel>Done</ng-template>
<p>You are now done.</p>
<div>
<button mat-button matStepperPrevious>Back</button>
</div>
</mat-step>
</mat-stepper>

=======
<p>effet works!</p>
>>>>>>> c14521bd719b24ef9bc1f001afce66bc65cbe1b4
<p>effet works!</p>
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
<<<<<<< HEAD
import {Component} from '@angular/core';
import {FormBuilder, Validators, FormsModule, ReactiveFormsModule} from '@angular/forms';
import {BreakpointObserver} from '@angular/cdk/layout';
Expand Down Expand Up @@ -43,14 +42,4 @@ export class EffetComponent {
.observe('(min-width: 800px)')
.pipe(map(({matches}) => (matches ? 'horizontal' : 'vertical')));
}
=======
import { Component } from '@angular/core';

@Component({
selector: 'app-effet',
templateUrl: './effet.component.html'
})
export class EffetComponent {

>>>>>>> c14521bd719b24ef9bc1f001afce66bc65cbe1b4
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,13 @@ import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TraitementRoutingModule } from './traitement-routing.module';
import { HttpClient, HttpClientModule } from '@angular/common/http';
import { ChequeComponent } from './pages/cheque/cheque.component';
import { EffetComponent } from './pages/effet/effet.component';


@NgModule({
imports: [
HttpClientModule,
CommonModule,
TraitementRoutingModule

],
declarations: [
ChequeComponent,
EffetComponent
]

declarations: []
})
export class TraitementModule { }

0 comments on commit ce9eb1f

Please sign in to comment.