1+ < section >
2+ < ul class ="nav nav-pills ">
3+ < li ng-class ="{active:panel.isSelected('description')} ">
4+ < a ng-click ="panel.setTab('description') " href > Giới thiệu</ a >
5+ </ li >
6+ < li ng-class ="{active:panel.isSelected('specification')} ">
7+ < a ng-click ="panel.setTab('specification') " href > Cấu hình</ a >
8+ </ li >
9+ < li ng-class ="{active:panel.isSelected('review')} ">
10+ < a ng-click ="panel.setTab('review') " href > Đánh giá</ a >
11+ </ li >
12+ </ ul >
13+ < div class ="panel " ng-show ="panel.isSelected('description') ">
14+ < h4 > Giới thiệu</ h4 >
15+ 16+ < p > {{product.description}}</ p >
17+ </ div >
18+ < div class ="panel " ng-show ="panel.isSelected('specification') ">
19+ < h4 > Cấu hình</ h4 >
20+ 21+ < p > None yet</ p >
22+ </ div >
23+ < div class ="panel " ng-show ="panel.isSelected('review') ">
24+ < h4 > Đánh giá</ h4 >
25+ 26+ < blockquote ng-repeat ="review in product.reviews ">
27+ < b > {{review.stars}} star(s)</ b >
28+ {{review.body}}
29+ < cite > - {{review.author}}</ cite >
30+ </ blockquote >
31+ 32+ < form class ="form-horizontal " name ="reviewForm "
33+ ng-controller ="ReviewController as reviewCtrl "
34+ ng-submit ="reviewForm.$valid && reviewCtrl.addReview(product) " novalidate >
35+ < blockquote >
36+ < b > {{reviewCtrl.review.stars}} star(s)</ b >
37+ {{reviewCtrl.review.body}}
38+ < cite > - {{reviewCtrl.review.author}}</ cite >
39+ </ blockquote >
40+ 41+ < div class ="form-group ">
42+ < label class ="col-sm-1 control-label "> Email</ label >
43+ 44+ < div class ="col-sm-6 ">
45+ < input ng-model ="reviewCtrl.review.author " type ="email "
46+ class ="form-control ng-pristine ng-invalid " placeholder ="Email " required >
47+ </ div >
48+ </ div >
49+ < div class ="form-group ">
50+ < label class ="col-sm-1 control-label "> Review</ label >
51+ 52+ < div class ="col-sm-6 ">
53+ < textarea ng-model ="reviewCtrl.review.body " class ="form-control " rows ="3 "
54+ required > </ textarea >
55+ </ div >
56+ </ div >
57+ < div class ="form-group ">
58+ < label class ="col-sm-1 control-label "> Star</ label >
59+ 60+ < div class ="col-sm-6 ">
61+ < select ng-model ="reviewCtrl.review.stars " class ="form-control " required >
62+ < option value ="1 "> 1 star</ option >
63+ < option value ="2 "> 2 stars</ option >
64+ < option value ="3 "> 3 stars</ option >
65+ < option value ="4 "> 4 stars</ option >
66+ < option value ="5 "> 5 stars</ option >
67+ </ select >
68+ </ div >
69+ </ div >
70+ < div class ="form-group ">
71+ < div class ="col-sm-offset-1 col-sm-10 ">
72+ < button type ="submit " class ="btn btn-default "> Gửi</ button >
73+ </ div >
74+ </ div >
75+ </ form >
76+ </ div >
77+ </ section >
0 commit comments