Skip to content

Instantly share code, notes, and snippets.

Avatar

Stanislav Kucharik stanusk

  • Bratislava, Slovakia
View GitHub Profile
View dummy-nightmare.html
<e-tags *ngIf="something$ | async as something" class="some-descriptive-class another-descriptive-class" [tags]="whatever.tags" [ngClass]="{'conditional-class': aCondition}" [limit]="42" [anInput]="imputValue" [anotherInput]="anotherValue" (anOutput)="outputListener($event)" (anotherOutput)="anotherListener($event)" class="some-forgotten-class">
<h3 *ngIf="somethingElse" aDirective="Some text value for the directive" [ngClass]="{'conditional-class': aCondition}" (anotherOutput)="anotherListener($event)" anotherDirective>
Some heading <span *ngIf="whatever.but.nested" class="yet-another-class">special <a [href]="whatever.but.nested.location">{{whatever.but.nested.valueToDisplay}}</a></span>text
</h3>
</e-tags>
View dummy-shorter-lines.html
<e-tags *ngIf="something$ | async as something" class="some-descriptive-class another-descriptive-class" [tags]="whatever.tags"
[ngClass]="{'conditional-class': aCondition}" [limit]="42" [anInput]="imputValue" [anotherInput]="anotherValue"
(anOutput)="outputListener($event)" (anotherOutput)="anotherListener($event)" class="some-forgotten-class">
<h3 *ngIf="somethingElse" aDirective="Some text value for the directive" [ngClass]="{'conditional-class': aCondition}"
(anotherOutput)="anotherListener($event)" anotherDirective>
Some heading <span *ngIf="whatever.but.nested" class="yet-another-class">special <a [href]="whatever.but.nested.location">
{{whatever.but.nested.valueToDisplay}}</a></span> text
</h3>
</e-tags>
View dummy-readable.html
<e-tags
*ngIf="something$ | async as something"
class="some-descriptive-class another-descriptive-class"
[tags]="whatever.tags"
[ngClass]="{'conditional-class': aCondition}"
[limit]="42"
[anInput]="imputValue"
[anotherInput]="anotherValue"
(anOutput)="outputListener($event)"
(anotherOutput)="anotherListener($event)"
View nightmare.html
<e-tags *ngIf="article$ | async as article" class="left-corners-sharp no-bottom-margin" [tags]="article.tags" [ngClass]="{'edit': isEditing}" [limit]="3" [isEditing]="isEditing" [enableShowAll]="true" (removeTag)="onRemoveTag($event)" (addTag)="onAddTag($event)" class="tags-main">
<h3 *ngIf="isEditing" eTooltip="Click to stop editing tags" [ngClass]="{'edit': isEditing}" (click)="setTagsEditing(false)" clickable>
edit <span *ngIf="article.tags.subgroup" class="highlight">special <a [href]="article.tags.subgroup.location">{{article.tags.subgroup.name}}</a></span> tags
</h3>
</e-tags>
View complex.html
<e-tags *ngIf="article$ | async as article" class="left-corners-sharp no-bottom-margin" [tags]="article.tags" [ngClass]="{'edit': isEditing}" [limit]="3"
[isEditing]="isEditing" [enableShowAll]="true" (removeTag)="onRemoveTag($event)" (addTag)="onAddTag($event)" class="tags-main">
<h3 *ngIf="isEditing" eTooltip="Click to stop editing tags" [ngClass]="{'edit': isEditing}" (click)="setTagsEditing(false)"
clickable>
edit <span *ngIf="article.tags.subgroup" class="highlight">special <a [href]="article.tags.subgroup.location">{{article.tags.subgroup.name}}</a></span> tags
</h3>
</e-tags>
View simpler.html
<e-tags
*ngIf="article$ | async as article"
class="left-corners-sharp no-bottom-margin"
[tags]="article.tags"
[ngClass]="{'edit': isEditing}"
[limit]="3"
[isEditing]="isEditing"
[enableShowAll]="true"
(removeTag)="onRemoveTag($event)"
(addTag)="onAddTag($event)"