Skip to content

Commit 5413d1e

Browse files
author
NisanurBulut
committed
redefined css
1 parent d885361 commit 5413d1e

File tree

6 files changed

+127
-87
lines changed

6 files changed

+127
-87
lines changed

‎Orhun/src/app/book-list/book-search/book-search.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<section class="book-search">
22
<form #f = "ngForm">
33
<input name="bookName" (input)="onSearchBookName(input.value)" #input type="text" id="bookName" required ngModel/>
4-
<button (click)="clearBookItems()">Clear</button>
4+
<button (click)="f.reset()">⌫</button>
55
</form>
66
</section>

‎Orhun/src/app/book-list/book-search/book-search.component.scss

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,24 @@
11

22
.book-search {
33
margin: 20px auto;
4-
width: 100%;
5-
text-align: center;
6-
4+
display: flex;
5+
width: max-content;
6+
color: white;
7+
cursor: pointer;
78
button, input {
8-
border-radius: 5px;
9+
text-align: center;
10+
border-radius: 5px 0 0 5px;
911
font-size: inherit;
1012
font-family: inherit;
11-
}
12-
13-
input {
14-
padding: 3px 5px;
1513
outline: none;
16-
width: 100%;
1714
}
1815

16+
17+
1918
button {
2019
background-color: #2ecc71;
2120
border: none;
22-
padding: 4px 8px;
21+
border-radius: 0 5px 5px 0;
2322
box-shadow: 1px 1px 1px #95a5a6;
2423
cursor: pointer;
2524
color: white;
@@ -28,4 +27,4 @@
2827
button:hover {
2928
background-color: #27ae60;
3029
}
31-
}
30+
}

‎Orhun/src/app/book-list/book-search/book-search.component.ts

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import { Component, EventEmitter, OnInit, Output } from '@angular/core';
22
import { BookItem } from 'src/app/models/bookItem.model';
33
import { BookService } from '../book.service';
4-
import { tap, takeUntil, delay } from 'rxjs/operators';
4+
import { takeUntil, delay } from 'rxjs/operators';
55
import { Subject } from 'rxjs';
6-
import { ProfileService } from 'src/app/profile/profile.service';
6+
import { FormGroup } from '@angular/forms';
77

88
@Component({
99
selector: 'book-search',
@@ -20,9 +20,10 @@ export class BookSearchComponent implements OnInit {
2020
}
2121

2222
clearBookItems(): void {
23-
this.volumeArrays.splice(0);
23+
this.volumeArrays.splice(0);
2424
}
2525
onSearchBookName(bookName: string) {
26+
2627
if (bookName.length > 1) {
2728
const volumInfos = this._bookService.getBookItems(bookName)
2829
.pipe(takeUntil(this.searchStream),
@@ -37,7 +38,7 @@ export class BookSearchComponent implements OnInit {
3738
this.volumeArrays.push(new BookItem(book.id, title, description, imageLink, authors));
3839
});
3940
});
40-
this.searchResultBookItems.emit(this.volumeArrays);
41+
this.searchResultBookItems.emit(this.volumeArrays);
4142
}
4243
}
4344
}

‎Orhun/src/app/db/profile.db.json

Lines changed: 67 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,87 @@
11
{
22
"profiles": [
33
{
4-
"profileName": "g_NtPgAACAAJ Profile",
4+
"profileName": "G4bhDwAAQBAJ Profile",
55
"bookItem": {
6-
"id": "g_NtPgAACAAJ",
7-
"title": "Harry Potter and the Prisoner of Azkaban",
8-
"description": "The third book in the Harry Potter series, this brilliant new story once again features young readers' favourite wizard and his his best friends, Ron and Hermione. Danger is afoot at Hogwarts, no one is quite who they seem, secrets and rumours abound. Along with fantastic new creatures and in the company of his loyal friends, Harry makes startling discoveries about his own mysterious past.",
9-
"imageLink": "http://books.google.com/books/content?id=g_NtPgAACAAJ&printsec=frontcover&img=1&zoom=5&source=gbs_api",
10-
"authors": "J. K. Rowling"
6+
"id": "G4bhDwAAQBAJ",
7+
"title": "Acımak",
8+
"description": "Acımak",
9+
"imageLink": "http://books.google.com/books/content?id=G4bhDwAAQBAJ&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
10+
"authors": "Acımak"
1111
},
12-
"id": 1
12+
"id": 6
1313
},
1414
{
15-
"profileName": "iO5pApw2JycC Profile",
15+
"profileName": "od88ngEACAAJ Profile",
1616
"bookItem": {
17-
"id": "iO5pApw2JycC",
18-
"title": "The Ivory Tower and Harry Potter",
19-
"description": "Now available in paper, The Ivory Tower and Harry Potter is the first book-length analysis of J. K. Rowling's work from a broad range of perspectives within literature, folklore, psychology, sociology, and popular culture. A significant portion of the book explores the Harry Potter series' literary ancestors, including magic and fantasy works by Ursula K. LeGuin, Monica Furlong, Jill Murphy, and others, as well as previous works about the British boarding school experience. Other chapters explore the moral and ethical dimensions of Harry's world, including objections to the series raised within some religious circles. In her new epilogue, Lana A. Whited brings this volume up to date by covering Rowling's latest book, Harry Potter and the Order of the Phoenix.",
20-
"imageLink": "http://books.google.com/books/content?id=iO5pApw2JycC&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
21-
"authors": "Lana A. Whited"
17+
"id": "od88ngEACAAJ",
18+
"title": "Acimak",
19+
"imageLink": "http://books.google.com/books/content?id=od88ngEACAAJ&printsec=frontcover&img=1&zoom=5&source=gbs_api",
20+
"authors": "Stefan Zweig"
2221
},
23-
"id": 2
22+
"id": 7
2423
},
2524
{
26-
"profileName": "iO5pApw2JycC Profile",
25+
"profileName": "fNQJAQAAIAAJ Profile",
2726
"bookItem": {
28-
"id": "iO5pApw2JycC",
29-
"title": "The Ivory Tower and Harry Potter",
30-
"description": "Now available in paper, The Ivory Tower and Harry Potter is the first book-length analysis of J. K. Rowling's work from a broad range of perspectives within literature, folklore, psychology, sociology, and popular culture. A significant portion of the book explores the Harry Potter series' literary ancestors, including magic and fantasy works by Ursula K. LeGuin, Monica Furlong, Jill Murphy, and others, as well as previous works about the British boarding school experience. Other chapters explore the moral and ethical dimensions of Harry's world, including objections to the series raised within some religious circles. In her new epilogue, Lana A. Whited brings this volume up to date by covering Rowling's latest book, Harry Potter and the Order of the Phoenix.",
31-
"imageLink": "http://books.google.com/books/content?id=iO5pApw2JycC&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
32-
"authors": "Lana A. Whited"
27+
"id": "fNQJAQAAIAAJ",
28+
"title": "Peyami Safa ile 25 yıl",
29+
"imageLink": "http://books.google.com/books/content?id=fNQJAQAAIAAJ&printsec=frontcover&img=1&zoom=5&source=gbs_api",
30+
"authors": "Vecdi Bürün"
3331
},
34-
"id": 3
32+
"id": 8
3533
},
3634
{
37-
"profileName": "-__ICQemqaEC Profile",
35+
"profileName": "zy0rAAAAIAAJ Profile",
3836
"bookItem": {
39-
"id": "-__ICQemqaEC",
40-
"title": "Reading Harry Potter",
41-
"description": "The tropes and themes of J. K. Rowling's massively popular series are interpreted within the context of its audience.",
42-
"imageLink": "http://books.google.com/books/content?id=-__ICQemqaEC&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
43-
"authors": "David G. Epstein"
37+
"id": "zy0rAAAAIAAJ",
38+
"title": "Sevenlerin kalemiyle Peyami Safa",
39+
"imageLink": "http://books.google.com/books/content?id=zy0rAAAAIAAJ&printsec=frontcover&img=1&zoom=5&source=gbs_api",
40+
"authors": ""
4441
},
45-
"id": 4
42+
"id": 9
43+
},
44+
{
45+
"profileName": "wepwDwAAQBAJ Profile",
46+
"bookItem": {
47+
"id": "wepwDwAAQBAJ",
48+
"title": "Notos Öykü 40 - İslamcılık, Muhafazakârlık, Modernizm",
49+
"description": "İslamcılık, Muhafazakârlık, Modernizm Yazarlar nasıl geçiniyor? Müge İplikçi: “Yazı pusulamdaki ‘kuzey’: İstanbul.” Firat Cewerî: “Avluda biten ot acıdır.” Edebiyatımızın önde gelen dergilerinden Notos’un Haziran-Temmuz, 40. sayısının kapak konusu, İslamcılık, Muhafazakârlık, Modernizm başlığını taşıyor. Kültürün toplumu bölen bir bütün dünya oluşunun anlaşılmayı gerektirdiği bir gerçek. Burada hem bir bütünden söz ediyoruz hem de onu bir araya gelerek oluşturan parçalardan. Ayrı ayrı yaşanan bu parçalar, hiç kuşku yok ki içinde yaşadığımız atmosferi oluşturuyor. Notos bu kez, İslamcı, Muhafazakâr, Modernist anlayışlar arasında kalan edebiyat kültürünü tartışıyor. Notos’un bu sayısı, birbirini anlamakta güçlük çeken dünyalara, özellikle bir yakadakine ışık tutmayı amaçlıyor. Dosyanın yazarları Hasan Bülent Kahraman, Sadık Yalsızuçanlar, Necip Tosun, Ömer Lekesiz, Ayşe Çavdar, Besim F. Dellaloğlu, İrvin Cemil Schick. Notos’un bu sayısında Müge İplikçi ve Firat Cewerî ile yapılmış iki söyleşi yer alıyor. İlk kitabından bu yana hem kendi dilini hemen oluşturmaya çalışan, hem de kendine özgü bir anlatı dünyası arayışını sürdüren Müge İplikçi Tezcanlı Hayalet Avcıları ileöykü dilini ve dünyasını yeni bir düzeye çıkarıyor. Kürt edebiyatının üstünde önemle durulması gereken yazarlarından Firat Cewerî, Kürtçenin bir edebiyat dili olarak yaşatılmasıyla yetinmeyip zenginleştirilmesini daha baştan önüne koymuş. Notos için yapılmış bu konuşma, Firat Cewerî’nin daha geniş bir okur çevresinde tanınıp anlaşılmasını da amaçlıyor. Günlerin Getirdiği bölümünde “Yazarlar nasıl geçiniyor?” sorusu irdeleniyor. Geçim, yazarlar için de bir dert kuşkusuz. Hazırda gelirleri yoksa, çoğu zorunluluktan, yazının yanına başka işler koyuyor. Bunu seçmeyip bütünüyle yazmaya ve okumaya odaklı bir yaşam kurabilmek ilk anda kulağa hoş gelse de, bu ne ölçüde olanaklı ya da verimlidir? Yazıyla doğrudan ilgili olmayan mesleklerin, yaratıcılığı beslediği düşünülebilir mi? Akif Kurtuluş, Ayşegül Çelik, Cem Akaş, Cemil Kavukçu, Hikmet Hükümenoğlu, Birgül Oğuz, Ahmet Büke, Elif Köksal, Onur Caymaz yanıtlıyor.",
50+
"imageLink": "http://books.google.com/books/content?id=wepwDwAAQBAJ&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api",
51+
"authors": "Kolektif"
52+
},
53+
"id": 10
54+
},
55+
{
56+
"profileName": "fNQJAQAAIAAJ Profile",
57+
"bookItem": {
58+
"id": "fNQJAQAAIAAJ",
59+
"title": "Peyami Safa ile 25 yıl",
60+
"imageLink": "http://books.google.com/books/content?id=fNQJAQAAIAAJ&printsec=frontcover&img=1&zoom=5&source=gbs_api",
61+
"authors": "Vecdi Bürün"
62+
},
63+
"id": 11
64+
},
65+
{
66+
"profileName": "PL5KAQAAIAAJ Profile",
67+
"bookItem": {
68+
"id": "PL5KAQAAIAAJ",
69+
"title": "Peyami Safa, Nazım Hikmet kavgası",
70+
"imageLink": "http://books.google.com/books/content?id=PL5KAQAAIAAJ&printsec=frontcover&img=1&zoom=5&source=gbs_api",
71+
"authors": "Ergun Göze"
72+
},
73+
"id": 12
74+
},
75+
{
76+
"profileName": "zShkAAAAMAAJ Profile",
77+
"bookItem": {
78+
"id": "zShkAAAAMAAJ",
79+
"title": "Peyami Safa'nın eserlerinde Doğu-Batı meselesi",
80+
"description": "Turkey; western; influences.",
81+
"imageLink": "http://books.google.com/books/content?id=zShkAAAAMAAJ&printsec=frontcover&img=1&zoom=5&source=gbs_api",
82+
"authors": "Nan A. Lee"
83+
},
84+
"id": 13
4685
}
4786
]
4887
}

‎Orhun/src/app/profile/profile.component.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<h3 *ngIf="profiles.length>0">Saved Profile</h3>
22
<article #profile class="profile"
33
*ngFor="let profile of profiles" (click)="onLoadProfile(profile)">
4+
<h4>{{profile.bookItem.title}}</h4>
45
<div class="profile-content">
5-
<h4>{{profile.bookItem.title}}</h4>
6+
<p>{{profile.bookItem.authors}}</p>
67
<img src="{{profile.bookItem.imageLink}}"/>
7-
<span (click)="onDeleteProfile($event, profile)" class="delete">❌</span>
88
</div>
9-
9+
<span (click)="onDeleteProfile($event, profile)" class="delete">❌</span>
1010
</article>

‎Orhun/src/app/profile/profile.component.scss

Lines changed: 41 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,53 @@
1-
2-
h3 {
3-
margin: 0 0 10px 0;
4-
padding: 0;
5-
font-size: 18px;
6-
}
7-
.profile-content{
8-
margin:0 20px 5px 10px;
1+
h3 {
2+
margin: 0 0 10px 0;
3+
padding: 0;
4+
font-size: 18px;
5+
}
6+
.profile-content {
7+
margin: 0 20px 5px 10px;
98
padding-right: 5px;
109
}
11-
img {
1210

11+
.profile {
12+
img {
1313
width: 50px;
1414
height: 50px;
1515
}
16-
.profile {
17-
position: relative;
18-
width: 100%;
19-
background-color: #8cb4ce;
20-
cursor: pointer;
21-
border-radius: 5px;
22-
23-
h4 {
24-
margin-top: 5px;
25-
margin-left: 5px;
26-
margin-right: 5px;
16+
position: relative;
17+
width: 100%;
18+
background-color: #8cb4ce;
19+
cursor: pointer;
20+
border-radius: 5px;
21+
p {
22+
float: right;
23+
}
24+
h4 {
25+
margin-top: 5px;
26+
margin-left: 5px;
27+
margin-right: 5px;
2728
padding-top: 5px;
28-
font-style: italic;
29-
}
30-
31-
p {
32-
margin: 0;
33-
padding: 0;
34-
}
29+
font-style: italic;
30+
}
3531

36-
.delete {
37-
position: absolute;
38-
top: 2px;
39-
right: 5px;
40-
font-size: 14px;
41-
font-style: bold;
42-
}
32+
p {
33+
margin: 0;
34+
padding: 0;
35+
}
4336

44-
.delete:hover {
45-
color: red;
46-
}
37+
.delete {
38+
position: absolute;
39+
top: 2px;
40+
right: 5px;
41+
font-size: 14px;
42+
font-style: bold;
4743
}
4844

49-
.profile:hover {
50-
background-color:#1E6566;
51-
color:rgb(245, 239, 239);
45+
.delete:hover {
46+
color: red;
5247
}
48+
}
49+
50+
.profile:hover {
51+
background-color: #1e6566;
52+
color: rgb(245, 239, 239);
53+
}

0 commit comments

Comments
 (0)