Compare revisions

      [userList]="userList"

      [totalUserResult]="totalUserResult"

      [isLogged]="true"

      [filterActive]="filterActive"

      (resetEvent)="shouldResetFilters()"

      (showMoreEvent)="showMore($event)"

    ></app-result-list>

  public totalUserResult: number;

  public resetFilters: number = 0;

  public nextPage: number = 1;

  public filterActive: boolean = false;

  ngOnInit(): void {

    this.getUsers({ queryParam: '', page: 1, jobFilters: [], employerFilter: [] });

  }

  public getUsers(params: SearchQuery): void {

    if (this.userIsLoggedIn()) {

      if (params.employerFilter?.length || params.jobFilters.length) {

        this.filterActive = true;

      } else {

        this.filterActive = false;

      }

      this.searchService

        .searchUserRegistry(params.queryParam, params.page, params.jobFilters, params.employerFilter)

        .subscribe((res: SearchResults) => {

<div class="results notEmpty" *ngIf="isLogged && userList.length">

<div class="results notEmpty" *ngIf="isLogged && userList.length" [ngClass]="{ filterActive: filterActive }">

  <div class="userNumber">

    {{ userList.length }} <span *ngIf="showPagination"> sur {{ totalUserResult }} </span> utilisateurs trouvés

  </div>

  &.notEmpty {

    //make sure it fits the correct height no matter the content lengtj and screen height

    max-height: calc(100vh - $footer-height - $header-height - $header-height - 2rem);

    &.filterActive {

      max-height: calc(100vh - $footer-height - $header-height - $header-height - 5rem);

    }

    @media #{$large-phone} {

      height: 100%;

    }

  @Input() userList: UserAnnuary[];

  @Input() totalUserResult: number;

  @Input() isLogged: boolean;

  @Input() filterActive: boolean;

  @Output() resetEvent = new EventEmitter<any>();

  @Output() showMoreEvent = new EventEmitter<any>();

  public maxPerPage: number = 20;

.content {

  display: flex;

  align-items: center;

  max-width: 980px;

  margin: 0 auto 0.5rem auto;

  margin-bottom: 0.5rem;

  input {

    @include lato-regular-13;

    @include input-search;

  }

}

.filterTags {

  margin: 0.5rem 0 0 0;

  margin-top: 0.5rem;

  .title {

    margin-top: 5px;

    color: $grey-3;

    this.splitFilters(this.checkedFilterList);

    this.countCheckedFilters();

    this.searchEvent.emit({

      queryParam: inputTerm,

      jobFilters: this.jobFilterChecked,

      employerFilter: this.employerFilterChecked,

      queryParam: inputTerm || '',

      jobFilters: this.checkedFilterList.length ? this.jobFilterChecked : [],

      employerFilter: this.checkedFilterList.length ? this.employerFilterChecked : [],

    });

  }

}

import { AdminGuard } from './guards/admin.guard';

import { AuthGuard } from './guards/auth.guard';

import { LoginGuard } from './guards/login.guard';

import { DeactivateGuard } from './guards/deactivate.guard';

import { LegalNoticeComponent } from './legal-notice/legal-notice.component';

import { LoginComponent } from './login/login.component';

import { NewsletterSubscriptionComponent } from './newsletter-subscription/newsletter-subscription.component';

import { PageComponent } from './page/page.component';

import { EditComponent } from './profile/edit/edit.component';

import { ResetEmailComponent } from './reset-email/reset-email.component';

import { ResetPasswordComponent } from './reset-password/reset-password.component';

import { StructureResolver } from './resolvers/structure.resolver';

import { PasswordFormComponent } from './shared/components';

import { StructureJoinComponent } from './structure/structure-join/structure-join.component';

import { StructureDetailsComponent } from './structure-list/components/structure-details/structure-details.component';

import { StructureListComponent } from './structure-list/structure-list.component';

import { StructureExcludeComponent } from './structure/structure-exclude/structure-exclude.component';

import { StructureJoinComponent } from './structure/structure-join/structure-join.component';

const footerOutletRoute: Route = {

  path: '',

        canActivate: [AuthGuard],

        loadChildren: () => import('./profile/profile.module').then((m) => m.ProfileModule),

      },

      {

        path: 'edit',

        canActivate: [AuthGuard],

        component: EditComponent,

      },

      footerOutletRoute,

      {

        path: '',

        outlet: 'left-pane',

@Component({

  selector: 'app-footer-form',

  templateUrl: './footer-form.component.html',

  styleUrls: ['./footer-form.component.scss']

  styleUrls: ['./footer-form.component.scss'],

})

export class FooterFormComponent implements OnChanges {

  @Input() currentForm: formType;

  @Input() isValid: boolean;

  @Input() isClaimMode: boolean;

  @Input() isAccountMode: boolean;

  @Input() btnName: string[];

  @Input() nbPagesForm: number;

  @Input() form: UntypedFormGroup;

      }

      if (

        this.currentForm === formType.structure &&

        (this.currentStep === structureFormStep.noStructure || this.currentStep === structureFormStep.StructureInfoUnknown)

        (this.currentStep === structureFormStep.noStructure ||

          this.currentStep === structureFormStep.StructureInfoUnknown)

      ) {

        this.isLastFormStep = true;

      }

      const user = new User(this.form.value);

      // Create user with structure

      user.structuresLink = this.linkedStructureId;

      this.authService.register(user).subscribe(() => {});

      this.newsletterService.newsletterSubscribe(user.email).subscribe(() => {});

      this.authService.register(user).subscribe(() => {

        if (this.acceptNewsletter) {

          this.newsletterService.newsletterSubscribe(user.email).subscribe();

        }

      });

      document.getElementsByClassName('page')[0].scrollTo(0, 0);

    }

    if (this.isProfileLastPage()) {

  private isStructureChoiceValid(): boolean {

    return (

      this.currentForm === formType.structure && this.currentStep === structureFormStep.structureChoice && this.form.value._id

      this.currentForm === formType.structure &&

      this.currentStep === structureFormStep.structureChoice &&

      this.form.value._id

    );

  }

  private isPersonalOfferpage(): boolean {

    return (

      this.currentForm === formType.personaloffer && this.currentStep === personalOfferFormStep.personalOfferStructureChoice

      this.currentForm === formType.personaloffer &&

      this.currentStep === personalOfferFormStep.personalOfferStructureChoice

    );

  }

  public isPersonalOfferFirstPage(): boolean {