PavelGonzales

import { NotificationService } from '../../../services/notification/notification.service';
import { SalonsService } from '../../../services/salons/salons.service';
import { User, Salon, Notification } from '../../../../stub';
import { UserService } from '../../../services/user/user.service';
import { Component, OnInit, Output, EventEmitter, Input, ElementRef, NgZone } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
import { BookingService } from '../../../services/booking/booking.service';
import { Subscription } from 'rxjs/Subscription';

@Component({

PavelGonzales

/**
 * Метод принимает 
 * @param {array} row // массив картинок в ряду.
 * @param {HTMLElement} wrap // родитель картинок, наш компонент или блок.
 **/ 
function flow(row, wrap) {
  let aspect = 0;
  const horizontalPadding = 5;
  const maxHeight = 500;
  

PavelGonzales

/**
 * Метод принимает 
 * @param {array} row // массив картинок в ряду.
 * @param {HTMLElement} wrap // родитель картинок, наш компонент.
 **/ 
function flow(row, wrap) {
  const rowArray = Array.from(row);
  let aspect = 0;
  const horizontalPadding = 4;
  const maxHeight = 500;

PavelGonzales

let aspect = 0; // сумма наших соотношений сторон у изображений
const horizontalPadding = 5; // отступ у изображений по горизонтали
const maxHeight = 500; // максимальная высота изображения, нужно если у нас одно изображение

PavelGonzales

const imageWidth = image.naturalWidth;
const imageHeight = image.naturalHeight;

PavelGonzales

const imageAspect = imageWidth / imageHeight || 1;

PavelGonzales

aspect = aspect + imageAspect;

PavelGonzales

// Высчитываем ширину ряда что-бы вычислить процентную ширину каждой картинки.
const rowWidth = wrap.offsetWidth;
// Высчитываем высоту ряда.
let rowHeight = rowWidth / aspect - horizontalPadding;

if ((rowHeight > maxHeight) && this.totalImages === 1) {
    rowHeight = maxHeight;
}

PavelGonzales

imagesArray.forEach(image => {
    image.image.style.width = `${(rowHeight * image.aspect) * 100 / rowWidth}%`;
});

PavelGonzales

Полезные ссылки

• Доклад про Contract-first principle в работе c API - Глеб Михеев
• Сравнение подходов разработки: implementation-first vs contract-first - Паша Коршиков
• Swagger codegen
• Список генерируемых клиентов
• Список всех шаблонов
• Пример шаблона генерации апи
• Преза
• Инструмент для презы