Angular SDK

@bailaya/angular უზრუნველყოფს სერვისს და standalone კომპონენტებს Angular 17+-ისთვის.

ინსტალაცია

npm install @bailaya/angular @bailaya/core

კონფიგურაცია

დაარეგისტრირეთ პროვაიდერი app.config.ts-ში:

import { ApplicationConfig } from '@angular/core';
import { provideBailaya } from '@bailaya/angular';

export const appConfig: ApplicationConfig = {
  providers: [
    provideBailaya({ studioId: 'your-studio-id' }),
  ],
};

BailayaService

ინჯექტირეთ BailayaService ყველა API მეთოდზე Observable-ით პირდაპირ წვდომისთვის:

import { Component, inject, OnInit } from '@angular/core';
import { AsyncPipe } from '@angular/common';
import { BailayaService } from '@bailaya/angular';
import { Observable } from 'rxjs';
import type { StudioClass } from '@bailaya/angular';

@Component({
  standalone: true,
  imports: [AsyncPipe],
  template: `
    <ul>
      @for (cls of classes$ | async; track cls.id) {
        <li>{{ cls.name }}</li>
      }
    </ul>
  `,
})
export class ScheduleComponent implements OnInit {
  private bailaya = inject(BailayaService);
  classes$!: Observable<StudioClass[]>;

  ngOnInit() {
    this.classes$ = this.bailaya.getClasses();
  }
}

კომპონენტები

ყველა კომპონენტი standalone-ია და იყენებს Angular 17-ის @if/@for კონტროლის ნაკადს.

სელექტორი	აღწერა
`<bailaya-studio-profile-card>`	სტუდიის ლოგო, სახელი, აღწერა, მისამართი
`<bailaya-studio-description>`	ლოკალიზებული აღწერის პარაგრაფები
`<bailaya-instructor-list>`	ინსტრუქტორების ფოტოები და ბიოგრაფიები
`<bailaya-user-profile-card>`	ცალკეული მომხმარებლის პროფილი
`<bailaya-class-schedule>`	მომავალი გაკვეთილები ჯავშნის CTA-ით
`<bailaya-class-schedule-by-type>`	გაკვეთილები ცეკვის ტიპის მიხედვით გაფილტრული
`<bailaya-event-schedule>`	მომავალი ღონისძიებები ჯავშნის CTA-ით
`<bailaya-studio-types-list>`	ცეკვის ტიპები სიის სახით
`<bailaya-studio-types-grid>`	ცეკვის ტიპები ბადის სახით
`<bailaya-private-lesson-list>`	კერძო გაკვეთილების ინსტრუქტორები ფასებით
`<bailaya-package-list>`	ხელმისაწვდომი პაკეტები შეძენის CTA-ით

გამოყენების მაგალითი

<!-- app.component.html -->
<bailaya-class-schedule
  locale="en"
  currency="USD"
  bookNowText="Book This Class"
  bookBaseUrl="https://www.bailaya.com/book/"
/>

<bailaya-private-lesson-list
  locale="en"
  bookBaseUrl="https://www.bailaya.com/en/book/private-lesson/"
/>

კომპონენტების იმპორტი

import {
  ClassScheduleComponent,
  PrivateLessonListComponent,
  PackageListComponent,
} from '@bailaya/angular';

@Component({
  standalone: true,
  imports: [ClassScheduleComponent, PrivateLessonListComponent],
  templateUrl: './my.component.html',
})
export class MyComponent {}

ინსტალაცია​

კონფიგურაცია​

BailayaService​

კომპონენტები​

გამოყენების მაგალითი​

კომპონენტების იმპორტი​