@webresto/ng-user

Установка модуля

Модуль устанавливается с Git репозитория, в папку node_modules

Подключение модуля в проект

Добавьте следующие в ваш app.module.ts

import { NgUserModule } from '@webresto/ng-user';
import { ngCoreHttpInterceptorProviders } from '@webresto/ng-core';
import { ngUserHttpInterceptorProviders } from '@webresto/ng-user';

imports: [
  .......... 
  NgUserModule 
],
providers: [
  ..........
  ngCoreHttpInterceptorProviders,
  ngUserHttpInterceptorProviders
],

Использование сервиса

import { NgRestoUserService } from '@webresto/ng-user';
..........
constructor(
    private userService: NgRestoUserService
) {
    // Проверить авторизирован ли, и подписатся на изменения
    this.userService
      .userIsLoggedIn()
      .subscribe(isLoggedIn => {
        ...........
      });
    
    // Получить данные профиля и подписатся на изменения  
    this.userService
      .userProfile()
      .subscribe(user => {
        this.user = user;
        ...........
      });
      
    // Получить историю заказов
    this.userService
      .userHistory()
      .subscribe(historyItems => {
        this.historyItems = historyItems;
        ...........
      });
      
    // Прописать токен авторизации принудительно
    // Автоматически подменятся данные профиля и избранные
    this.usrtService.setAuthToken(token)
}

Директивы

[appSignIn] - Вход по логин/паролю

Пример использования в компоненте:

 <input #phone type="text">
 <input #password type="password">
 <input #rememberMe type="checkbox">
 ........
 <button appSignIn
        [phone]="phone.value"
        [password]="password.value"
        [captcha]="captcha"
        [rememberMe]="rememberMe.value"
    
        (success)="...."
        (error)="....">Войти</button>

[appSignUp] - Регистрация

Пример использования в компоненте:

 <input #name type="text">
 <input #phone type="text">
 <input #email type="text">
 <input #password type="password">
 ........
 <button appSignUp
        [name]="name.value"
        [phone]="phone.value"
        [email]="email.value"
        [password]="password.value"
        [captcha]="captcha"
    
        (success)="...."
        (error)="....">Регистрация</button>

[appAddAddress] - Добавить адрес

Пример использования в компоненте:

 <input #name type="text">
 <select #streetId ...</select>
 <input #home type="text">
 <input #housing type="text">
 ........
 <button appAddAddress
        [name]="name.value"
        [street]="streetId.value"
        [home]="home.value"
        [housing]="housing.value"
        [index]="index.value"
        [entrance]="entrance.value"
        [floor]="floor.value"
        [apartment]="apartment.value"
        [doorphone]="doorphone.value"
    
        (success)="...."
        (error)="....">Регистрация</button>

[appDeleteAddress] - Удалить адрес

Пример использования в компоненте:

 <button appDeleteAddress [address]="address">Удалить</button>

[appBalance] - добавляет значение текущего баланса

Пример использования в компоненте:

<span appBalance></span>

Директива добавит внутрь контейнера строку с текущим балансом

[appSignOut] - выход со своего аккаунта

Пример использования в компоненте:

<button appSignOut class="btn-yellow-hollow align-center">Выход</button>

[appToggleDishToFavorites] - Добавить/удалить в списке Избранных

Пример использования в компоненте:

 ........
 <button appToggleDishToFavorites
        [dish]="dish"
        
        (change)="...."
        (addedToFavorites)="...."
        (removedFromFavorites)="...."
        (error)="....">Регистрация</button>

Также в случае, если товар в избранных - добавляется автоматом класс selected. После удаления из списка избранных удаляется и класс selected.

Событие change происходит при добавлении и удалении товара в избранные со значением true/false Событие addedToFavorites - при добавлении товара в избранное Событие removedFromFavorites - при удалении из избранных