This package has been deprecated

Author message:

Please use @webresto/ng-gql

@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)
}

Директивы

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

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

 <input #phone type="text">
 <input #password type="password">
 <input #rememberMe type="checkbox">
 ........
 <button rstSignIn
        [phone]="phone.value"
        [password]="password.value"
        [captcha]="captcha"
        [rememberMe]="rememberMe.value"

        (success)="...."
        (error)="....">Войти</button>

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

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

 <input #name type="text">
 <input #phone type="text">
 <input #email type="text">
 <input #password type="password">
 ........
 <button rstSignUp
        [name]="name.value"
        [phone]="phone.value"
        [email]="email.value"
        [password]="password.value"
        [captcha]="captcha"

        (success)="...."
        (error)="....">Регистрация</button>

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

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

 <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>

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

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

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

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

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

<span rstBalance></span>

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

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

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

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

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

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

 ........
 <button rstToggleDishToFavorites
        [dish]="dish"

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

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

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