BookMonkey 4 Diff

Files changed (6) hide show
  1. tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/app.component.html +1 -1
  2. tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/app.module.ts +3 -1
  3. tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/book-list/book-list.component.html +3 -16
  4. tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/book-list/book-list.component.ts +0 -1
  5. tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/book-list-item/book-list-item.component.html +17 -0
  6. tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/book-list-item/book-list-item.component.ts +16 -0
tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/app.component.html RENAMED
@@ -1 +1 @@
1
-  
1
+ <bm-book-list></bm-book-list>
tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/app.module.ts RENAMED
@@ -4,11 +4,13 @@
4
  import { AppRoutingModule } from './app-routing.module';
5
  import { AppComponent } from './app.component';
6
  import { BookListComponent } from './book-list/book-list.component';
   
7
   
8
  @NgModule({
9
  declarations: [
10
  AppComponent,
11
- BookListComponent
   
12
  ],
13
  imports: [
14
  CommonModule,
4
  import { AppRoutingModule } from './app-routing.module';
5
  import { AppComponent } from './app.component';
6
  import { BookListComponent } from './book-list/book-list.component';
7
+ import { BookListItemComponent } from './book-list-item/book-list-item.component';
8
   
9
  @NgModule({
10
  declarations: [
11
  AppComponent,
12
+ BookListComponent,
13
+ BookListItemComponent
14
  ],
15
  imports: [
16
  CommonModule,
tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/book-list/book-list.component.html RENAMED
@@ -1,18 +1,5 @@
1
  <div class="ui middle aligned selection divided list">
2
- <a *ngFor="let book of books" class="item">
3
- <img class="ui tiny image"
4
- *ngIf="book.thumbnails && book.thumbnails[0] && book.thumbnails[0].url"
5
- [src]="book.thumbnails[0].url">
6
- <div class="content">
7
- <div class="header">{{ book.title }}</div>
8
- <div *ngIf="book.subtitle" class="description">{{ book.subtitle }}</div>
9
- <div class="metadata">
10
- <span *ngFor="let author of book.authors; last as l">
11
- {{ author }}<span *ngIf="!l">, </span>
12
- </span>
13
- <br>
14
- ISBN {{ book.isbn }}
15
- </div>
16
- </div>
17
- </a>
18
  </div>
1
  <div class="ui middle aligned selection divided list">
2
+ <bm-book-list-item class="item"
3
+ *ngFor="let b of books"
4
+ [book]="b"></bm-book-list-item>
   
   
   
   
   
   
   
   
   
   
   
   
   
5
  </div>
tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/book-list/book-list.component.ts RENAMED
@@ -8,7 +8,6 @@
8
  styleUrls: ['./book-list.component.css']
9
  })
10
  export class BookListComponent implements OnInit {
11
-
12
  books: Book[] = [];
13
   
14
  ngOnInit(): void {
8
  styleUrls: ['./book-list.component.css']
9
  })
10
  export class BookListComponent implements OnInit {
   
11
  books: Book[] = [];
12
   
13
  ngOnInit(): void {
tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/book-list-item/book-list-item.component.html RENAMED
@@ -0,0 +1,17 @@
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
1
+  
2
+ <ng-container *ngIf="book">
3
+ <img class="ui tiny image"
4
+ *ngIf="book.thumbnails && book.thumbnails[0] && book.thumbnails[0].url"
5
+ [src]="book.thumbnails[0].url">
6
+ <div class="content">
7
+ <div class="header">{{ book.title }}</div>
8
+ <div *ngIf="book.subtitle" class="description">{{ book.subtitle }}</div>
9
+ <div class="metadata">
10
+ <span *ngFor="let author of book.authors; last as l">
11
+ {{ author }}<span *ngIf="!l">, </span>
12
+ </span>
13
+ <br>
14
+ ISBN {{ book.isbn }}
15
+ </div>
16
+ </div>
17
+ </ng-container>
tmp/src/app/book-monkey/iteration-1/{components → property-bindings}/book-list-item/book-list-item.component.ts RENAMED
@@ -0,0 +1,16 @@
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
1
+ import { Component, OnInit, Input } from '@angular/core';
2
+  
3
+ import { Book } from '../shared/book';
4
+  
5
+ @Component({
6
+ selector: 'bm-book-list-item',
7
+ templateUrl: './book-list-item.component.html',
8
+ styleUrls: ['./book-list-item.component.css']
9
+ })
10
+ export class BookListItemComponent implements OnInit {
11
+
12
+ @Input() book?: Book;
13
+  
14
+ ngOnInit(): void {
15
+ }
16
+ }