Skip to content

Add image carousel component#31

Open
klimenkosergei wants to merge 12 commits into
developfrom
feature/12-carousel
Open

Add image carousel component#31
klimenkosergei wants to merge 12 commits into
developfrom
feature/12-carousel

Conversation

@klimenkosergei
Copy link
Copy Markdown
Contributor

No description provided.

@klimenkosergei klimenkosergei self-assigned this Jul 21, 2020
@klimenkosergei klimenkosergei added the enhancement New feature or request label Jul 22, 2020
[ngClass]="{ 'es-image-carousel__arrow_enabled': canScrollLeft }"
>
<mat-icon>arrow_back</mat-icon>
</button>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Эти кнопки надо мпоменять местами, иначе порядок обхода неправильный

>
<mat-icon *ngIf="viewSvgIcon" [svgIcon]="viewSvgIcon"></mat-icon>
<mat-icon *ngIf="!viewSvgIcon">visibility</mat-icon>
</button>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Надо что-то придумать с a11y, не могу без мышки нажимать на эти кнопки

public set imageTypes(value: string) {
this._imageTypes = value ?? this.defaultOptions?.imageTypes ?? 'image/*';
}
private _imageTypes: string;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Нужны ли такие сложности с files и imageTypes? Может было бы проще сделать один инпут images: string[], а все остальное на совесть пользователя? А то еще этот заточенный под нас интерфейс ESImageCarouselFile используется.

return this._viewSvgIcon;
}
public set viewSvgIcon(value: string) {
this._viewSvgIcon = value ?? this.defaultOptions?.viewSvgIcon;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Нет в документации про defaultOptions

* @ignore
*/
public get gridColumns(): string {
return `repeat(auto-fit, ${this.imageWidth}px)`;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Просто grid-auto-flow: column (или row, путяю их всегда) в стилях сделать?

* Object with `ESImageCarouselAction` type is emitted.
*/
@Output()
public remove: EventEmitter<ESImageCarouselAction> = new EventEmitter();
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Как насчет removeSvgIcon? Может мусорную корзину захотят :)

@feerzlay feerzlay added the unapproved Pull request has some unresolved comments label Jul 27, 2020
@klimenkosergei klimenkosergei changed the title WIP: Add image carousel component Add image carousel component Sep 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request unapproved Pull request has some unresolved comments

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants