tomasstankovic

.textLimiter(){
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

tomasstankovic

production: {
 options: {
   plugins: [
     require(‘less-plugin-glob’),
     new (require(‘less-plugin-autoprefix’))({
       browsers: [‘> 1%’, ‘last 2 versions’, ‘ie 9’]
     }),
     new (require(‘less-plugin-clean-css’))({
       keepSpecialComments: false,
       processImport: true,

tomasstankovic

<div class="widget">
  <a class="widget__social" href="#">facebook</a>
  <h3 class="widget__title">Slinto Komik</h3>
  <div class="widget__stats">
    <a class="widget__stats-item" href="#">31 Like</a>
    <a class="widget__stats-item active" href="#">140 Comment</a>
  </div>
</div>

tomasstankovic

import { Injectable } from '@angular/core';
import {
    Http,
    ConnectionBackend,
    RequestOptions,
    RequestOptionsArgs,
    Response,
    Headers
} from '@angular/http';
import { Observable } from 'rxjs/Observable';

tomasstankovic

get(url: string, options?: RequestOptionsArgs): Observable<any> {
    this.requestInterceptor();
    return super.get(this.getFullUrl(url), this.requestOptions(options))
        .catch(this.onCatch)
        .do((res: Response) => {
            this.onSubscribeSuccess(res);
        }, (error: any) => {
            this.onSubscribeError(error);
        })
        .finally(() => {

tomasstankovic

private requestInterceptor(): void {
    this.loaderService.showPreloader();
}

tomasstankovic

import { Component } from '@angular/core';
import { PreloaderService } from '../../services/preloader-service';

@Component({
  selector: 'preloader-full',
  styleUrls: [
    './preloader-full.scss'
  ],
  templateUrl: './preloader-full.html'
})

tomasstankovic

<div class="preloader-full"
     *ngIf="preloaderService.getPreloaderCount('full') > 0">
  <div class="preloader-full__spinner">💩</div>
</div>

tomasstankovic

import { Component } from '@angular/core';
import { PreloaderService } from '../../services/preloader-service';

@Component({
  selector: 'preloader-small',
  styleUrls: [
    './preloader-small.scss'
  ],
  templateUrl: './preloader-small.html'
})

tomasstankovic

<div class="preloader-small"
     *ngIf="preloaderService.getPreloaderCount('small') > 0 && preloaderService.getPreloaderCount('full') == 0"
></div>