Wrap app

src/app/app-routing.module.ts

@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-import { LayoutComponent } from 'src/components/layout/layout.component';
-
-
-const routes: Routes = [
-  { path: '', component: LayoutComponent, pathMatch: 'full' },
-  { path: '**', component: LayoutComponent, pathMatch: 'full' }
-];
-
-@NgModule({
-  imports: [RouterModule.forRoot(routes)],
-  exports: [RouterModule]
-})
-export class AppRoutingModule { }

src/app/app.component.html

@@ -1 +0,0 @@
-<router-outlet></router-outlet>

src/app/app.component.spec.ts

@@ -1,35 +0,0 @@
-import { TestBed, async } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        RouterTestingModule
-      ],
-      declarations: [
-        AppComponent
-      ],
-    }).compileComponents();
-  }));
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have as title 'TFTPaths'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('TFTPaths');
-  });
-
-  it('should render title in a h1 tag', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
-    expect(compiled.querySelector('h1').textContent).toContain('Welcome to TFTPaths!');
-  });
-});

src/app/app.component.ts

@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
-})
-export class AppComponent {
-  title = 'TFTPaths';
-}

src/app/app.module.ts

@@ -1,24 +0,0 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { HomeComponent } from '../components/home/home.component';
-import { ReactiveFormsModule } from '@angular/forms';
-import { LayoutComponent } from '../components/layout/layout.component';
-
-@NgModule({
-  declarations: [
-    AppComponent,
-    HomeComponent,
-    LayoutComponent
-  ],
-  imports: [
-    BrowserModule,
-    AppRoutingModule,
-    ReactiveFormsModule
-  ],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule { }

src/common/constants.ts

@@ -1,867 +0,0 @@
-import { Champion } from 'src/models/champion';
-import { Bonus } from 'src/models/bonus';
-
-export class Constants {
-    public static Champions: Champion [] = [
-        {
-            name: 'Aatrox',
-            roles: [
-                'demon',
-                'blademaster'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Ahri',
-            roles: [
-                'wild',
-                'sorcerer'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'AurelionSol',
-            roles: [
-                'dragon',
-                'sorcerer'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Anivia',
-            roles: [
-                'glacial',
-                'elementalist'
-            ],
-            cost: 5,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Ashe',
-            roles: [
-                'glacial',
-                'ranger'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Akali',
-            roles: [
-                'ninja',
-                'assassin'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Brand',
-            roles: [
-                'demon',
-                'elementalist'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Braum',
-            roles: [
-                'glacial',
-                'guardian'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Blitzcrank',
-            roles: [
-                'robot',
-                'brawler'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Chogath',
-            roles: [
-                'void',
-                'brawler'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Draven',
-            roles: [
-                'imperial',
-                'blademaster'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Darius',
-            roles: [
-                'imperial',
-                'knight'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        }
-        ,
-        {
-            name: 'Evelynn',
-            roles: [
-                'demon',
-                'assassin'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-          {
-            name: 'Elise',
-            roles: [
-                'demon',
-                'shapeshifter'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Fiora',
-            roles: [
-                'noble',
-                'blademaster'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Gnar',
-            roles: [
-                'wild',
-                'yordle',
-                'shapeshifter'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Garen',
-            roles: [
-                'noble',
-                'knight'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Gangplank',
-            roles: [
-                'pirate',
-                'gunslinger',
-                'blademaster'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Graves',
-            roles: [
-                'pirate',
-                'gunslinger'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Kayle',
-            roles: [
-                'noble',
-                'knight'
-            ],
-            cost: 5,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Karthus',
-            roles: [
-                'phantom',
-                'sorcerer'
-            ],
-            cost: 5,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Kennen',
-            roles: [
-                'ninja',
-                'yordle',
-                'elementalist'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Katarina',
-            roles: [
-                'imperial',
-                'assassin'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Kindred',
-            roles: [
-                'phantom',
-                'ranger'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Kassadin',
-            roles: [
-                'void',
-                'sorcerer'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Khazix',
-            roles: [
-                'void',
-                'assassin'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Lissandra',
-            roles: [
-                'glacial',
-                'elementalist'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Lucian',
-            roles: [
-                'noble',
-                'gunslinger'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Lulu',
-            roles: [
-                'yordle',
-                'sorcerer'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Leona',
-            roles: [
-                'noble',
-                'guardian'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'MissFortune',
-            roles: [
-                'pirate',
-                'gunslinger'
-            ],
-            cost: 5,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Mordekaiser',
-            roles: [
-                'phantom',
-                'knight'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Morgana',
-            roles: [
-                'demon',
-                'sorcerer'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Nidalee',
-            roles: [
-                'wild',
-                'shapeshifter'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Pyke',
-            roles: [
-                'pirate',
-                'assassin'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Poppy',
-            roles: [
-                'yordle',
-                'knight'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Rengar',
-            roles: [
-                'wild',
-                'assassin'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'RekSai',
-            roles: [
-                'void',
-                'brawler'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Swain',
-            roles: [
-                'demon',
-                'imperial',
-                'shapeshifter'
-            ],
-            cost: 5,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Sejuani',
-            roles: [
-                'glacial',
-                'knight'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Shen',
-            roles: [
-                'ninja',
-                'blademaster'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Shyvana',
-            roles: [
-                'dragon',
-                'shapeshifter'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'TwistedFate',
-            roles: [
-                'pirate',
-                'sorcerer'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Tristana',
-            roles: [
-                'yordle',
-                'gunslinger'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Varus',
-            roles: [
-                'demon',
-                'ranger'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Vayne',
-            roles: [
-                'noble',
-                'ranger'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Veigar',
-            roles: [
-                'yordle',
-                'sorcerer'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Volibear',
-            roles: [
-                'glacial',
-                'brawler'
-            ],
-            cost: 3,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Warwick',
-            roles: [
-                'wild',
-                'brawler',
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Yasuo',
-            roles: [
-                'exile',
-                'blademaster'
-            ],
-            cost: 5,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Zed',
-            roles: [
-                'ninja',
-                'assassin'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Camille',
-            roles: [
-                'hextech',
-                'blademaster'
-            ],
-            cost: 1,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Jayce',
-            roles: [
-                'hextech',
-                'shapeshifter'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Jinx',
-            roles: [
-                'hextech',
-                'gunslinger'
-            ],
-            cost: 4,
-            isSelected: false,
-            sinergy: false
-        },
-        {
-            name: 'Vi',
-            roles: [
-                'hextech',
-                'brawler'
-            ],
-            cost: 2,
-            isSelected: false,
-            sinergy: false
-        }
-    ];
-    public static championName = 'name';
-    public static roles = [
-        'demon',
-        'blademaster',
-        'imperial',
-        'assassin',
-        'shapeshifter',
-        'wild',
-        'noble',
-        'ranger',
-        'sorcerer',
-        'yordle',
-        'knight',
-        'ninja',
-        'elementalist',
-        'pirate',
-        'hextech',
-        'brawler',
-        'glacial',
-        'void',
-        'exile',
-        'dragon',
-        'gunslinger',
-        'phantom',
-        'guardian',
-        'robot'
-    ];
-    public static bonuses: Bonus [] = [
-        {
-           description: 'Demon basic attacks have a 40% chance to burn 20 mana from their target and return 15 mana to the attacker',
-           role: 'demon',
-           units: 2,
-           maxUnits: 6
-        },
-        {
-            description: 'Demon basic attacks have a 40% chance to burn 20 mana from their target and return 30 mana to the attacker',
-            role: 'demon',
-            units: 4,
-            maxUnits: 6
-        },
-        {
-            description: 'Demon basic attacks have a 40% chance to burn 20 mana from their target and return 45 mana to the attacker',
-            role: 'demon',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: 'Dragons are 83% inmune to Magic Damage',
-            role: 'dragon',
-            units: 2,
-            maxUnits: 2
-        },
-        {
-            description: 'Exiles start combat with a shield equal to 100% max HP when placed adjacent to NO other units',
-            role: 'exile',
-            units: 1,
-            maxUnits: 1
-        },
-        {
-            description: 'Glacial units have a 25% chance to stun on hit for two seconds',
-            role: 'glacial',
-            units: 2,
-            maxUnits: 6
-        },
-        {
-            description: 'Glacial units have a 35% chance to stun on hit for two seconds',
-            role: 'glacial',
-            units: 4,
-            maxUnits: 6
-        },
-        {
-            description: 'Glacial units have a 45% chance to stun on hit for two seconds',
-            role: 'glacial',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: 'Robots start combat with full mana',
-            role: 'robot',
-            units: 1,
-            maxUnits: 1
-        },
-        {
-            description: 'Double damage for one random Imperial',
-            role: 'imperial',
-            units: 2,
-            maxUnits: 4
-        },
-        {
-            description: 'Double damage for all Imperials',
-            role: 'imperial',
-            units: 4,
-            maxUnits: 4
-        },
-        {
-            description: '+60 Armor and magic resist, heal 35 on hit for random ally',
-            role: 'noble',
-            units: 3,
-            maxUnits: 6
-        },
-        {
-            description: '+60 Armor and magic resist, heal 35 on hit for all allies',
-            role: 'noble',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: 'Exactly 1: +60 attack damage and ability power for one Ninja',
-            role: 'ninja',
-            units: 1,
-            maxUnits: 4
-        },
-        {
-            description: 'Exactly 4: +70 attack damage and ability power for your Ninjas',
-            role: 'ninja',
-            units: 4,
-            maxUnits: 4
-        },
-        {
-            description: 'You earn up to 4 additional gold from each PVP round, average 1.75 gold',
-            role: 'pirate',
-            units: 3,
-            maxUnits: 3
-        },
-        {
-            description: 'Curse a random enemy at the start of combat, setting their HP to 100',
-            role: 'phantom',
-            units: 2,
-            maxUnits: 2
-        },
-        {
-            description: `Each unit's attacks give then Fury (5 stack cap). Stacks give 12% attack speed. For Wild`,
-            role: 'wild',
-            units: 2,
-            maxUnits: 4
-        },
-        {
-            description: `Each unit's attacks give then Fury (5 stack cap). Stacks give 12% attack speed. For team`,
-            role: 'wild',
-            units: 4,
-            maxUnits: 4
-        },
-        {
-            description: 'Void units deal true damage',
-            role: 'void',
-            units: 3,
-            maxUnits: 3
-        },
-        {
-            description: 'Attacks against your Yordles have a 30% chance to miss, also dodges on-hit effects',
-            role: 'yordle',
-            units: 3,
-            maxUnits: 6
-        },
-        {
-            description: 'Attacks against your Yordles have a 55% chance to miss, also dodges on-hit effects',
-            role: 'yordle',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: '+125% crit damage for Assassins',
-            role: 'assassin',
-            units: 3,
-            maxUnits: 6
-        },
-        {
-            description: '+350% crit damage for Assassins',
-            role: 'assassin',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: 'Blademasters attack 1 extra time',
-            role: 'blademaster',
-            units: 3,
-            maxUnits: 9
-        },
-        {
-            description: 'Blademasters attack 2 extra times',
-            role: 'blademaster',
-            units: 6,
-            maxUnits: 9
-        },
-        {
-            description: 'Blademasters attack 4 extra times',
-            role: 'blademaster',
-            units: 9,
-            maxUnits: 9
-        },
-        {
-            description: '+300 health to Brawlers',
-            role: 'brawler',
-            units: 2,
-            maxUnits: 6
-        },
-        {
-            description: '+600 health to Brawlers',
-            role: 'brawler',
-            units: 4,
-            maxUnits: 6
-        },
-        {
-            description: '+1000 health to Brawlers',
-            role: 'brawler',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: 'Each combat, summon a golem with 2200 hp',
-            role: 'elementalist',
-            units: 3,
-            maxUnits: 3
-        },
-        {
-            description: `+50 Armor to allies that start combat adjacent to them, guardians don't buff themselves`,
-            role: 'guardian',
-            units: 2,
-            maxUnits: 2
-        },
-        {
-            description: '50% chance on attack to attack one additional target in range',
-            role: 'gunslinger',
-            units: 2,
-            maxUnits: 6
-        },
-        {
-            description: '50% chance on attack to attack two additional targets in range',
-            role: 'gunslinger',
-            units: 4,
-            maxUnits: 6
-        },
-        {
-            description: '50% chance on attack to attack three additional targets in range',
-            role: 'gunslinger',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: 'Your team ignores 15 damage from all sources',
-            role: 'knight',
-            units: 2,
-            maxUnits: 6
-        },
-        {
-            description: 'Your team ignores 30 damage from all sources',
-            role: 'knight',
-            units: 4,
-            maxUnits: 6
-        },
-        {
-            description: 'Your team ignores 55 damage from all sources',
-            role: 'knight',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: 'Every 3 seconds, Rangers have a 25% chance to double their attack speed for 3s',
-            role: 'ranger',
-            units: 2,
-            maxUnits: 4
-        },
-        {
-            description: 'Every 3 seconds Rangers have a 65% chance to double their attack speed for 3s',
-            role: 'ranger',
-            units: 4,
-            maxUnits: 4
-        },
-        {
-            description: 'On transform gain 60% max HP',
-            role: 'shapeshifter',
-            units: 3,
-            maxUnits: 6
-        },
-        {
-            description: 'On transform gain 120% max HP',
-            role: 'shapeshifter',
-            units: 3,
-            maxUnits: 6
-        },
-        {
-            description: 'Your team has +40 Ability Power',
-            role: 'sorcerer',
-            units: 3,
-            maxUnits: 6
-        },
-        {
-            description: 'Your team has +100 Ability Power',
-            role: 'sorcerer',
-            units: 6,
-            maxUnits: 6
-        },
-        {
-            description: 'Throw a bomb at an enemy unit with an item, and disables all items in a 1 hex radius for 8 seconds.',
-            role: 'hextech',
-            units: 2,
-            maxUnits: 4
-        },
-        {
-            description: 'Throw a bomb at an enemy unit with an item, and disables all items in a 2 hex radius for 8 seconds.',
-            role: 'hextech',
-            units: 4,
-            maxUnits: 4
-        }
-    ];
-}

src/components/home/home.component.html

@@ -1,63 +0,0 @@
-<div id="champions">
-    <div id="rolesFilterWrap">
-        <div class="roleFilter" *ngFor="let role of roles">
-            <img title="{{role}}" src="../../assets/images/{{role}}.png" (click)="selectRole(role)" alt="{{role}}" [ngClass]="{'selectedFilter': checkRoleFilter(role)}">
-        </div>
-    </div>
-    <div class="champion" *ngFor="let champion of champions">
-        <div title="{{champion.name}}" class="imageWrap" [style.background-image]="getImage(champion.name)" (click)="selectChampion(champion)" 
-        [ngClass]="{
-            'selected': champion.isSelected,
-            'sinergy': champion.sinergy && !champion.isSelected,
-            'dark': !champion.isSelected && !champion.sinergy && !noChampSelected
-        }"></div>
-        <div class="rolesWrap">
-            <div *ngFor="let role of champion.roles" class="roles">
-                <img title="{{role}}" src="../../assets/images/{{role}}.png" alt="{{role}}">
-            </div>
-            <div class="clear"></div>
-        </div>
-        <div class="clear"></div>
-    </div>
-</div>
-<div class="clear"></div>
-<div id="filters">
-    <form [formGroup]="formFilters">
-        <label>
-            Team Size: 
-            <input formControlName="teamSize" type="text" disabled/>
-        </label>
-        <button (click)="resetComposition()">Reset</button>
-    </form>
-</div>
-<div class="clear"></div>
-<div id="selectedRoles">
-    <div id="selectedRolesWrap">
-        <div class="roleSelectedRoles" *ngFor="let role of rolesPool">
-            <span>{{rolesCount[role]}}</span>
-            <img title="{{role}}" src="../../assets/images/{{role}}.png" alt="{{role}}" 
-            [ngClass]="{
-                'bonus1': bonusesPool[role] && bonusesPool[role].units === 1 && bonusesPool[role].maxUnits !== 1,
-                'bonus1e':bonusesPool[role] && bonusesPool[role].units === 1 && bonusesPool[role].maxUnits === 1,
-                'bonus2': bonusesPool[role] && bonusesPool[role].units === 2 && bonusesPool[role].maxUnits !== 2,
-                'bonus2e': bonusesPool[role] && bonusesPool[role].units === 2 && bonusesPool[role].maxUnits === 2,
-                'bonus3': bonusesPool[role] && bonusesPool[role].units === 3 && bonusesPool[role].maxUnits !== 3,
-                'bonus3e': bonusesPool[role] && bonusesPool[role].units === 3 && bonusesPool[role].maxUnits === 3,
-                'bonus4': bonusesPool[role] && bonusesPool[role].units === 4 && bonusesPool[role].maxUnits !== 4,
-                'bonus4e': bonusesPool[role] && bonusesPool[role].units === 4 && bonusesPool[role].maxUnits === 4,
-                'bonus6': bonusesPool[role] && bonusesPool[role].units === 6 && bonusesPool[role].maxUnits !== 6,
-                'bonus6e': bonusesPool[role] && bonusesPool[role].units === 6 && bonusesPool[role].maxUnits === 6,
-                'bonus9': bonusesPool[role] && bonusesPool[role].units === 9
-            }">
-        </div>
-        <div class="clear"></div>
-    </div>
-    <div class="clear"></div>
-</div>
-<div class="clear"></div>
-<div id="bonuses">
-    <p *ngFor="let role of rolesPool">
-        <span *ngIf="bonusesPool[role]"> <b>{{bonusesPool[role].role | titlecase}}-{{bonusesPool[role].units}}&nbsp;:</b>&nbsp;{{bonusesPool[role].description}} </span>
-    </p>
-</div>
-<div class="clear"></div>

src/components/home/home.component.scss

@@ -1,160 +0,0 @@
-#filters{
-    width: 100%;
-    float: left;
-    text-align: center;
-
-    label {
-        color: #ffffff;
-        font-size: 1em;
-
-        input{
-            margin: 1%;
-            border: 0;
-            background-color: black;
-            border: none;
-            font-size: 1em;
-            width: 1em;
-            color: white;
-        }
-    }
-    button {
-        -webkit-border-radius: 4;
-        -moz-border-radius: 4;
-        border-radius: 4px;
-        color: #ffffff;
-        background: #929182;
-        padding: 10px 20px 10px 20px;
-        text-decoration: none;
-    }
-}
-
-#champions{
-    margin: 0px 10% 0px 10%;
-    float: left;
-
-    #rolesFilterWrap{
-        margin: 1%  0 1% 0;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        .roleFilter{
-            float: left;
-            margin: 0.1%;
-
-            img{
-                float: left;
-                width: 30px;
-                height: 30px;
-            }
-
-            .selectedFilter{
-                filter: invert(16%) sepia(29%) saturate(6804%) hue-rotate(349deg) brightness(87%) contrast(124%);
-            }
-        }
-    }
-
-    .champion{
-        margin: 1%;
-        float: left;
-        text-align: center;
-        cursor: pointer;
-         
-
-        .imageWrap{
-            width: 4em;
-            height: 4em;
-            background-size: cover;
-            background-position: center;
-        }
-
-        .rolesWrap{
-            margin: 1%;
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            .roles {
-                float: left;
-
-                img{
-                    float:left;
-                    width: 20px;
-                    height: 20px;
-                }
-            }
-        }
-        
-        .selected{
-            -webkit-box-shadow: inset 0 0 0 3px red;
-            -moz-box-shadow: inset 0 0 0 3px red;
-            box-shadow: inset 0 0 0 3px red;
-        }
-
-        .sinergy{
-            -webkit-box-shadow: inset 0 0 0 3px #5c7edec7;
-            -moz-box-shadow: inset 0 0 0 3px #5c7edec7;
-            box-shadow: inset 0 0 0 3px #5c7edec7;
-        }
-
-        .dark {
-            opacity: 0.3;
-        }
-
-    }
-}
-
-#selectedRoles{
-    float: left;
-    width: 100%;
-    text-align: center;
-    
-    #selectedRolesWrap{
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        .roleSelectedRoles{
-            float: left;
-
-            span{
-                color: #ffffff;
-            }
-
-            img{
-                float: left;
-                width: 50px;
-                height: 50px;
-            }
-
-            .bonus1, .bonus2, .bonus3{
-                filter: invert(71%) sepia(53%) saturate(336%) hue-rotate(10deg) brightness(94%) contrast(89%);
-            }
-
-            .bonus1e, .bonus2e, .bonus3e, .bonus4e, .bonus6e, .bonus9{
-                filter: invert(16%) sepia(29%) saturate(6804%) hue-rotate(349deg) brightness(87%) contrast(124%);
-            }
-
-            .bonus4, .bonus6{
-                filter: invert(69%) sepia(41%) saturate(414%) hue-rotate(173deg) brightness(102%) contrast(101%);
-            }
-        }
-    }
-}
-
-#bonuses{
-    width: 100%;
-    text-align: center;
-
-    p {
-        color: white;
-    }
-}
-
-.clear {
-    clear: both;
-}

src/components/home/home.component.ts

@@ -1,205 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormBuilder } from '@angular/forms';
-import { Champion } from 'src/models/champion';
-import { Bonus } from 'src/models/bonus';
-import { Constants } from 'src/common/constants';
-import { DomSanitizer } from '@angular/platform-browser';
-import * as _ from 'lodash';
-
-
-@Component({
-  selector: 'app-home',
-  templateUrl: './home.component.html',
-  styleUrls: ['./home.component.scss']
-})
-
-export class HomeComponent implements OnInit {
-  teamSize = 0;
-  champions: Champion[] = [...Constants.Champions];
-  roles = [...Constants.roles];
-  formFilters;
-  championsPool: Champion[] = [];
-  rolesPool = [];
-  rolesCount = [];
-  bonuses: Bonus [] = [...Constants.bonuses];
-  bonusesPool: Bonus [] = [];
-  noChampSelected = true;
-  selectedRole = '';
-
-  constructor(
-    private fb: FormBuilder,
-    private sanitizer: DomSanitizer
-  ) { }
-
-  ngOnInit() {
-    this.roles.forEach(role => {
-      this.rolesCount[role] = 0;
-    });
-    this.formFilters = this.fb.group({
-      teamSize: [this.teamSize]
-    });
-    this.championSort(Constants.championName);
-  }
-
-  /**
-   * Get champion image
-   * @param name Champion name
-   */
-  getImage(name) {
-    return this.sanitizer.bypassSecurityTrustStyle(`url(${'../../assets/images/' + name + '.png'})`);
-  }
-
-  /**
-   * Select or unselect champion
-   * @param champion model
-   */
-  selectChampion(champion) {
-    const champIndex = this.champions.findIndex((champ => champ.name === champion.name));
-    if (!this.champions[champIndex].isSelected) {
-        this.champions[champIndex].isSelected = true;
-        this.championsPool.push(champion);
-        champion.roles.forEach( role => {
-          this.rolesCount[role]++;
-        });
-        this.formFilters.patchValue({
-          teamSize: ++this.teamSize
-        });
-        this.noChampSelected = false;
-    } else {
-        this.champions[champIndex].isSelected = false;
-        this.championsPool = _.remove(this.championsPool, champ => {
-          return champ.name !== champion.name;
-        });
-        champion.roles.forEach(role => {
-          this.rolesCount[role]--;
-        });
-        this.formFilters.patchValue({
-          teamSize: --this.teamSize
-        });
-        if ( this.teamSize === 0 ) {
-          this.noChampSelected = true;
-        }
-    }
-    this.getBonus();
-    this.updatePool();
-    this.updateSinergies();
-  }
-
-  /**
-   * Sort champion by param
-   * @param param use to sort
-   */
-  championSort(param) {
-    this.champions.sort( (a, b) => {
-      if (a[param] > b[param]) {
-        return 1;
-      }
-      if (a[param] < b[param]) {
-        return -1;
-      }
-      return 0;
-    });
-  }
-
-  /**
-   * Select role pool
-   * @param role name of role
-   */
-  selectRole(role) {
-    this.resetComposition();
-    this.selectedRole = role;
-    let countChampions = 0;
-    this.champions.map( champion => {
-      if (_.indexOf(champion.roles, role) !== -1) {
-        champion.isSelected = true;
-        countChampions++;
-        this.championsPool.push(champion);
-        champion.roles.forEach( rol => {
-          this.rolesCount[rol]++;
-        });
-      }
-      return champion;
-    });
-    this.updatePool();
-    this.updateSinergies();
-    this.teamSize = countChampions;
-    this.formFilters.patchValue({
-      teamSize: this.teamSize
-    });
-    this.getBonus();
-    this.noChampSelected = false;
-  }
-
-  /**
-   * Get champions bonuses
-   */
-  getBonus() {
-    this.bonusesPool = [];
-    this.bonuses.forEach( bonus => {
-      if (bonus.role === 'ninja' ) {
-        if ( this.rolesCount[bonus.role] === bonus.units) {
-          this.bonusesPool[bonus.role] = bonus;
-        }
-      } else if (bonus.units <= this.rolesCount[bonus.role]) {
-        this.bonusesPool[bonus.role] = bonus;
-      }
-
-    });
-  }
-
-  /**
-   * Update role pool
-   */
-  updatePool() {
-    this.rolesPool = [];
-    this.championsPool.forEach( champion => {
-      this.rolesPool = _.union(this.rolesPool, champion.roles);
-    });
-  }
-
-  /**
-   * Update sinergies
-   */
-  updateSinergies() {
-    this.champions.map(champion => {
-        return champion.sinergy = false;
-    });
-    this.rolesPool.forEach( role => {
-      this.champions.map(champion => {
-        if (_.indexOf(champion.roles, role) !== -1 ) {
-          return champion.sinergy = true;
-        }
-      });
-    });
-  }
-
-  /**
-   * Check role filter selected
-   * @param role name
-   */
-  checkRoleFilter(role) {
-    if (this.selectedRole === role) {
-      return true;
-    } else {
-      return false;
-    }
-  }
-
-  /**
-   * Reset composition
-   */
-  resetComposition() {
-    this.rolesCount = [];
-    this.rolesPool = [];
-    this.championsPool = [];
-    this.noChampSelected = true;
-    this.selectedRole = '';
-    this.teamSize = 0;
-    this.champions.map(champion => {
-      champion.sinergy = false;
-      champion.isSelected = false;
-      return champion;
-    });
-    this.ngOnInit();
-  }
-}

src/components/layout/layout.component.html

@@ -1,7 +0,0 @@
-<div id="nav">
-    <img src="../../assets/images/logo.png" alt="TFTPaths">
-</div>
-<app-home></app-home>
-<div id="footer">
-
-</div>

src/components/layout/layout.component.scss

@@ -1,11 +0,0 @@
-#nav {
-    width: 100%;
-    text-align: center;
-}
-
-#footer {
-    width: 100%;
-    text-align: center;
-    color: white;
-    padding: 2% 0 2% 0;
-}

src/components/layout/layout.component.ts

@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-layout',
-  templateUrl: './layout.component.html',
-  styleUrls: ['./layout.component.scss']
-})
-export class LayoutComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
-}

src/environments/environment.prod.ts

@@ -1,3 +0,0 @@
-export const environment = {
-  production: true
-};

src/environments/environment.ts

@@ -1,16 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-  production: false
-};
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

src/index.html

@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>TFTPaths</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body style="background-color: #000000;">
-  <app-root></app-root>
-</body>
-</html>

src/main.ts

@@ -1,12 +0,0 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
-import { environment } from './environments/environment';
-
-if (environment.production) {
-  enableProdMode();
-}
-
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));

src/models/bonus.ts

@@ -1,8 +0,0 @@
-export class Bonus {
-    constructor(
-        public description: string,
-        public role: string,
-        public units: number,
-        public maxUnits: number
-    ) {}
-}