Skip to content

B
business-java
Commit 4dd96afd authored by prumde's avatar prumde
Browse files
Options

Changes as per new layout 


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174388 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 4a8327cf
Show whitespace changes
Inline Side-by-side
Showing with 527 additions and 254 deletions
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-celebration.component.css
View file @ 4dd96afd
......@@ -254,3 +254,39 @@
.ecm-itemDeatils{
padding-bottom: 8px;
border-bottom: solid mediumvioletred;
border-bottom-width: 2px;
font-size: 14px;
}
.ecm-returnsPolicy{
padding-top: 30px;
}
.ecm-termsCondition{
padding-top: 30px;
}
td{
font-size: 15px;
font-weight: bold;
color: dimgrey;
height: 50px;
}
.attraction{
font-size: 18px;
padding-bottom: 15px;
display: block;
}
ul{
font-weight: 100;
font-size: 14px;
color: #444;
text-align: justify;
padding-left: 30px
}
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-celebration.component.html
View file @ 4dd96afd
......@@ -3,7 +3,7 @@
<div class="row">
<!-- ------------------------ITEM-IMAGE START HERE-------------------------------- -->
<span class="medium-6 columns medium-5 columns image">
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" ></ecm-image>
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage] = "true" ></ecm-image>
</span>
<!-- -----------------------ITEM-IMAGE ENDS HERE-------------------------------- ----->
......@@ -60,7 +60,8 @@
</span>
<span class="ecm-Onwards" style="font-size: 18px;"> Onwards </span>
</div>
<button md-raised-button class="button medium-btn booknow" (click)="addItemInCart(itemDetail.itemCode)">Book Now</button>
<button md-raised-button class="button medium-btn booknow"
(click)="doActivity.emit({activity:'BOOK_NOW', data: itemDetail.itemCode });">Book Now</button>
</div>
<div class="medium-12 columns ecm-payments">
<i class="material-icons">&#xE8E8;</i>
......@@ -71,3 +72,74 @@
<!-- ------------------------------- ITEM-DETAILS ENDS HERE-------------------------------- -->
</div>
<div class="row ecm-card">
<!-- <div class="medium-12 col-sm-9 ecm-itemsDetailsInfo" > -->
<md-card class="medium-6 columns medium-8 columns ecm-itemsDetailsInfo" >
<div>
<span class="ecm-itemDeatils">Items Details</span>
</div>
<hr style="margin-top: 8px;">
<div class="ecm-Overview">
<span class="ecm-other-title">Description</span>
<span class="ecm-other-detail">
<ecm-readmore [text]="itemDetailpath.productDescription" [maxLength]="50"></ecm-readmore>
</span>
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Attraction</span>
<ul *ngFor = "let a of actionPerformed">
<li>{{a.actionPerformed}}</li>
<!-- <li>A 4th century fort,Thala,stands in the middle of the of a forest and overlooks the hilly terrain</li>
<li>There are quite Few waterFalls in this region the mostpopular is of being taksehi castel</li>
<li>Devi kedar janni hills</li>
<li>Bhira Dam</li> -->
</ul>
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Activities</span>
<ul *ngFor = "let a of activityPerformed">
<li>{{a.activity}}</li>
</ul>
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Transporation</span>
<ul *ngFor = "let a of transPortFacility">
<li>{{a.transportFacility}}</li>
</ul>
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Things To Carry</span>
<ul *ngFor = "let a of thingsToCarry">
<li>{{a.thingsToCarry}}</li>
</ul>
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Advisory</span>
<ul>
<li>{{itemDetailpath.advisory}}</li>
</ul>
</div>
<div class="ecm-returnsPolicy">
<span class="ecm-other-title">Cancellation Policy</span>
<span class="ecm-other-detail">{{itemDetailpath.cancellationPollicy}}</span>
</div>
<div class="ecm-termsCondition">
<span class="ecm-other-title">Terms and Conditions</span>
<span class="ecm-other-detail">{{itemDetailpath.termsAndCondition}}</span>
</div>
</md-card>
</div>
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-celebration.component.ts
View file @ 4dd96afd
......@@ -13,10 +13,16 @@ export class EcmCelebrationComponent implements OnInit, EcmTemplateInterface {
@Input() itemDetail: ItemDetail;
@Output() scrollToReviews = new EventEmitter();
@Output() doActivity = new EventEmitter();
userActionUrl= '/ecm/service/feeds/cart';
itemCode;
myCity;
actionPerformed
activityPerformed ;
transPortFacility;
thingsToCarry;
itemDetailpath;
constructor(private route: ActivatedRoute, private router: Router, private http: Http ) { }
......@@ -27,7 +33,11 @@ export class EcmCelebrationComponent implements OnInit, EcmTemplateInterface {
this.route.params.subscribe( params => {
this.itemCode = params['key'];
});
this.actionPerformed = this.itemDetail.itemDetailData.itemDetail2.actionPerformed;
this.activityPerformed = this.itemDetail.itemDetailData.itemDetail2.activityPerformed;
this.transPortFacility = this.itemDetail.itemDetailData.itemDetail2.transportFacility;
this.thingsToCarry = this.itemDetail.itemDetailData.itemDetail2.thingsToCarry;
this.itemDetailpath =this.itemDetail.itemDetailData.itemDetail2
this.myCity = localStorage.getItem('mycity');
}
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-food.component.css
View file @ 4dd96afd
......@@ -334,3 +334,135 @@ td{
color: dimgrey;
height: 50px;
}
.ecm-Overview{
padding-top: 20px;
padding-left: 13px;
margin-left: -13px;
}
.OverViewInfo
{
padding-left: 90px;
margin-top: -21px;
width: 100%;
}
.ecm-DiscountRate
{
margin-left: -13px;
padding-bottom: 25px;
}
.ecm-payments
{
padding-top: 18px;
margin-left: -13px;
font-size: 15px;
color: dimgrey;
}
.ecm-Info{
padding-left: 8px;
vertical-align: super;
}
.ecm-share{
float: right;
cursor: pointer;
}
.share{
vertical-align: super;
color: dimgray;
}
.material-icons
{
font-size: 26px;
}
.ecm-Outing-Speciality{
padding-left: 13px;
margin-left: -13px;
}
.ecm-SpecialityInfo{
padding-left: 90px;
margin-top: -21px;
width: 100%;
}
.ecm-Outing-Info{
font-weight: 100;
font-size: 14px;
text-align: justify;
vertical-align: top;
}
.ecm-Outers{
color: mediumvioletred;
padding-right: 10px;
font-weight: 600;
margin-left: -14px;
vertical-align: top;
}
.ecm-itemDiscountedRate{
font-size: 28px;
font-weight: 600;
}
/* new */
.ecm-other-title {
font-size: 18px;
padding-bottom: 15px;
display: block;
}
.ecm-other-detail {
font-weight: 100;
font-size: 14px;
color: #444;
text-align: justify;
}
.ecm-card{
margin-top: 20px;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.ecm-itemDeatils{
padding-bottom: 8px;
border-bottom: solid mediumvioletred;
border-bottom-width: 2px;
font-size: 14px;
}
.ecm-returnsPolicy{
padding-top: 30px;
}
.ecm-termsCondition{
padding-top: 30px;
}
td{
font-size: 15px;
font-weight: bold;
color: dimgrey;
height: 50px;
}
.attraction{
font-size: 18px;
padding-bottom: 15px;
display: block;
}
ul{
font-weight: 100;
font-size: 14px;
color: #444;
text-align: justify;
padding-left: 30px
}
.preferences{
}
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-food.component.html
View file @ 4dd96afd
......@@ -3,7 +3,7 @@
<md-card class="row" style="margin-top: 15px;">
<!-- ------------------------ITEM-IMAGE START HERE-------------------------------- -->
<span class="medium-6 columns medium-5 columns image">
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" ></ecm-image>
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage] = "true" ></ecm-image>
</span>
<!-- -----------------------ITEM-IMAGE ENDS HERE-------------------------------- ----->
......@@ -62,7 +62,8 @@
</span>
<span class="ecm-Onwards" style="font-size: 18px;"> Onwards </span>
</div>
<button md-raised-button class="button medium-btn booknow" (click)="addItemInCart(itemDetail.itemCode)">Book Now</button>
<button md-raised-button class="button medium-btn booknow"
(click)="doActivity.emit({activity:'BOOK_NOW', data: itemDetail.itemCode });">Book Now</button>
</div>
<div class="medium-12 columns ecm-payments">
<i class="material-icons">&#xE8E8;</i>
......@@ -79,74 +80,55 @@
</div>
<hr style="margin-top: 8px;">
<div class="ecm-Overview">
<span class="ecm-other-title">Overview</span>
<span class="ecm-other-title">Description</span>
<span class="ecm-other-detail">
<app-view-more [text]="Overview" [maxLength]="120"></app-view-more>
<ecm-readmore [text]="itemDetailpath.ProductDescription" [maxLength]="120"></ecm-readmore>
</span>
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Ingridience</span>
<ul *ngFor = "let a of ingredients">
<li>{{a.ingredient}}</li>
<h6 style="padding-top: 25px;font-size: 18px;">Description</h6>
<table style="width:80%;padding-top: 10px;">
<tr>
<td>Brand</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Artifacts India Ltd.</td>
</tr>
<!-- <li>A 4th century fort,Thala,stands in the middle of the of a forest and overlooks the hilly terrain</li>
<li>There are quite Few waterFalls in this region the mostpopular is of being taksehi castel</li>
<li>Devi kedar janni hills</li>
<li>Bhira Dam</li> -->
</ul>
<tr>
<td>SKU</td>
<td style="font-size: 15px;color: black;font-weight: normal;">JFHDND989088</td>
</tr>
<tr>
<td>Type</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Chef Made Food</td>
</tr>
<tr>
<td>Size</td>
<td style="font-size: 15px;color: black;font-weight: normal;">20x20cm Large</td>
</tr>
<tr>
<td>Weight</td>
<td style="font-size: 15px;color: black;font-weight: normal;">678gms</td>
</tr>
<tr>
<td>Material</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Gazar and Acharr</td>
</tr>
<tr>
<td>Color</td>
<td style="font-size: 15px;color: black;font-weight: normal;">White</td>
</tr>
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Preferences</span>
<ul *ngFor = "let a of Preferences">
<li>{{a.Free}}</li>
<tr>
<td>Package Content</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Gazar ka Achar</td>
</tr>
<tr>
<td>Care</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Dont keep For two weeks</td>
</tr>
</table>
</ul>
</div>
<!-- <div class="preferences" style="padding-top: 24px;">
<span class="attraction">Preferences</span>
<span class="ecm-other-detail">
{{itemDetailpath.Preferences.Gluten}} ,
{{itemDetailpath.Preferences.Nuts}}
</span>
</div> -->
<div class="ecm-returnsPolicy">
<span class="ecm-other-title">Return Policy</span>
<span class="ecm-other-detail">Returns is a scheme provided by respective sellers directly under this policy in trms of which Champions Yacht Club specializes in offering luxury boating and yachting experiences in Goa with a large fleet of Catamarans, Boats, Cruisers & Yachts in Goa. We do Rocking birthday parties, anniversary bashes, island excursions & barbeques, fishing expeditions, snorkeling, corporate parties and more. We ensure you have a luxury experience in yachts that will leave a memory of a lifetime</span>
<span class="ecm-other-title">Cancellation Policy</span>
<span class="ecm-other-detail">{{itemDetailpath.cancellationPollicy}}</span>
</div>
<div class="ecm-termsCondition">
<span class="ecm-other-title">Terms and Conditions</span>
<span class="ecm-other-detail">Returns is a scheme provided by respective sellers directly under this policy in trms of which Champions Yacht Club specializes in offering luxury boating and yachting experiences in Goa with a large fleet of Catamarans, Boats, Cruisers & Yachts in Goa.</span>
<span class="ecm-other-detail">{{itemDetailpath.termsAndCondition}}</span>
</div>
</md-card>
</div>
</div>
<!-- ------------------------------- ITEM-DETAILS ENDS HERE-------------------------------- -->
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-food.component.ts
View file @ 4dd96afd
......@@ -16,12 +16,17 @@ export class EcmFoodComponent implements OnInit, EcmTemplateInterface {
@Input() itemDetail: ItemDetail;
@Output() scrollToReviews = new EventEmitter();
@Output() doActivity = new EventEmitter();
@Input() itemData: Item;
userActionUrl= '/ecm/service/feeds/cart';
itemCode;
myCity;
Item;
ingredients;
itemDetailpath;
Preferences;
Overview = "Champions Yacht Club specializes in offering luxury boating and yachting experiences in Goa with a large fleet of Catamarans, Boats, Cruisers & Yachts in Goa. We do Rocking birthday parties, anniversary bashes, island excursions & barbeques, fishing expeditions, snorkeling, corporate parties and more. We ensure you have a luxury experience in yachts that will leave a memory of a lifetime";
......@@ -37,7 +42,9 @@ export class EcmFoodComponent implements OnInit, EcmTemplateInterface {
this.route.params.subscribe( params => {
this.itemCode = params['key'];
});
this.itemDetailpath =this.itemDetail.itemDetailData.itemDetail2
this.ingredients = this.itemDetail.itemDetailData.itemDetail2.ingredients;
this.Preferences = this.itemDetail.itemDetailData.itemDetail2.Preferences;
this.myCity = localStorage.getItem('mycity');
}
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-handicraft.component.css
View file @ 4dd96afd
......@@ -28,6 +28,7 @@
padding-left: 42px;
padding-right: 42px;
border-radius: 4px;
color: white;
}
.link_button
{
......@@ -41,10 +42,14 @@ ul {
}
li::before {
content: "• ";
color: gray; /* or whatever color you prefer */
}
.btn
{
......@@ -195,3 +200,61 @@ td{
}
}
.ecm-card{
margin-top: 20px;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.ecm-itemDeatils{
padding-bottom: 8px;
border-bottom: solid mediumvioletred;
border-bottom-width: 2px;
font-size: 14px;
}
.ecm-returnsPolicy{
padding-top: 30px;
}
.ecm-termsCondition{
padding-top: 30px;
}
td{
font-size: 15px;
font-weight: bold;
color: dimgrey;
height: 50px;
}
.attraction{
font-size: 18px;
padding-bottom: 15px;
display: block;
}
.data{
padding-top: 25px;
}
.data-title{
font-weight: 100;
font-size: 14px;
color: #444;
text-align: justify;
display: inline-block;
width: 160px;
padding-left: 10px;
}
.data-title-detail{
font-weight: 100;
font-size: 14px;
color: #444;
text-align: justify;
display: inline;
padding-left:
}
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-handicraft.component.html
View file @ 4dd96afd
......@@ -4,7 +4,7 @@
<!-- ------------------------HANDICRAFT-IMAGE START HERE-------------------------------- -->
<div class="medium-6 columns medium-5 columns image">
<div class="md-card-image">
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" ></ecm-image>
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage] = "true" ></ecm-image>
</div>
</div>
......@@ -136,8 +136,12 @@
</md-card-content>
<md-card-actions>
<div style="padding-top: 30px; padding-left: 0px;">
<button type="button" class="button medium-btn Add_to_cart" onclick="()">Add to cart</button>
<button type="button" class="button medium-btn Buy_now" onclick="()">Buy Now</button>
<button md-raised-button *ngIf='!isCartItem' class="button medium-btn Add_to_cart"
(click)=" isCartItem = true; doActivity.emit({activity:'ADD_CART', data: itemDetail.itemCode });">Add to cart</button>
<button md-raised-button *ngIf='isCartItem' class="button medium-btn Add_to_cart"
(click)="doActivity.emit({activity:'OPEN_CART', data: itemDetail.itemCode });">Go to cart</button>
<button md-raised-button class="button medium-btn Buy_now"
(click)="doActivity.emit({activity:'BUY_NOW', data: itemDetail.itemCode });">Buy Now</button>
</div>
</md-card-actions>
......@@ -154,7 +158,8 @@
</md-card>
<div class="row ecm-card">
<div class="row ecm-card">
<!-- <div class="medium-12 col-sm-9 ecm-itemsDetailsInfo" > -->
<md-card class="medium-6 columns medium-8 columns ecm-itemsDetailsInfo" >
<div>
......@@ -164,68 +169,85 @@
<div class="ecm-Overview">
<span class="ecm-other-title">Overview</span>
<span class="ecm-other-detail">
<app-view-more [text]="Overview" [maxLength]="120"></app-view-more>
<ecm-readmore [text]="itemDetailpath.productOverview" [maxLength]="120"></ecm-readmore>
</span>
</div>
<h6 style="padding-top: 25px;font-size: 18px;">Description</h6>
<table style="width:80%;padding-top: 10px;">
<tr>
<td>Brand</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Artifacts India Ltd.</td>
</tr>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Description</span>
<div class="data">
<span class="data-title">Brand</span>
<span class="data-title-detail"> {{itemDetailpath.productDetails.brand}}</span>
</div>
<div class="data">
<span class="data-title">Sku</span>
<span class="data-title-detail">{{itemDetailpath.productDetails.sku}}</span>
</div>
<div class="data">
<span class="data-title">Type</span>
<span class="data-title-detail"> {{itemDetailpath.productDetails.type}}</span>
</div>
<div class="data">
<span class="data-title">Size</span>
<span class="data-title-detail">{{itemDetailpath.productDetails.size}}</span>
</div>
<div class="data">
<span class="data-title">Weight</span>
<span class="data-title-detail"> {{itemDetailpath.productDetails.weight}}</span>
</div>
<div class="data">
<span class="data-title">Material</span>
<span class="data-title-detail"> {{itemDetailpath.productDetails.material}}</span>
</div>
<div class="data">
<span class="data-title">Color</span>
<span class="data-title-detail">{{itemDetailpath.productDetails.color}}</span>
</div>
<div class="data">
<span class="data-title">PackageContent</span>
<span class="data-title-detail">{{itemDetailpath.productDetails.packageContent}}</span>
</div>
<div class="data">
<span class="data-title">Care</span>
<span class="data-title-detail">{{itemDetailpath.productDetails.care}}</span>
</div>
<tr>
<td>SKU</td>
<td style="font-size: 15px;color: black;font-weight: normal;">JFHDND989088</td>
</tr>
</div>
<!-- <div *ngIf="allProductDetail" class="Attraction" style="padding-top: 24px;">
<span class="attraction">Activities</span>
<ul *ngFor = "let a of allProductDetail">
<li>{{a.allProductDetail}}</li>
</ul>
</div> -->
<tr>
<td>Type</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Chef Made Food</td>
</tr>
<tr>
<td>Size</td>
<td style="font-size: 15px;color: black;font-weight: normal;">20x20cm Large</td>
</tr>
<tr>
<td>Weight</td>
<td style="font-size: 15px;color: black;font-weight: normal;">678gms</td>
</tr>
<!-- <li>A 4th century fort,Thala,stands in the middle of the of a forest and overlooks the hilly terrain</li>
<li>There are quite Few waterFalls in this region the mostpopular is of being taksehi castel</li>
<li>Devi kedar janni hills</li>
<li>Bhira Dam</li> -->
<tr>
<td>Material</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Gazar and Acharr</td>
</tr>
<tr>
<td>Color</td>
<td style="font-size: 15px;color: black;font-weight: normal;">White</td>
</tr>
<tr>
<td>Package Content</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Gazar ka Achar</td>
</tr>
<tr>
<td>Care</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Dont keep For two weeks</td>
</tr>
</table>
<div class="ecm-returnsPolicy">
<span class="ecm-other-title">Return Policy</span>
<span class="ecm-other-detail">Returns is a scheme provided by respective sellers directly under this policy in trms of which Champions Yacht Club specializes in offering luxury boating and yachting experiences in Goa with a large fleet of Catamarans, Boats, Cruisers & Yachts in Goa. We do Rocking birthday parties, anniversary bashes, island excursions & barbeques, fishing expeditions, snorkeling, corporate parties and more. We ensure you have a luxury experience in yachts that will leave a memory of a lifetime</span>
<span class="ecm-other-detail">{{itemDetailpath.returnPolicy}}</span>
</div>
<div class="ecm-termsCondition">
<span class="ecm-other-title">Terms and Conditions</span>
<span class="ecm-other-detail">Returns is a scheme provided by respective sellers directly under this policy in trms of which Champions Yacht Club specializes in offering luxury boating and yachting experiences in Goa with a large fleet of Catamarans, Boats, Cruisers & Yachts in Goa.</span>
<span class="ecm-other-detail">{{itemDetailpath.termsAndCondition}}</span>
</div>
</md-card>
</div>
\ No newline at end of file
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-handicraft.component.ts
View file @ 4dd96afd
......@@ -15,6 +15,10 @@ export class EcmHandicraftComponent implements OnInit, EcmTemplateInterface{
@Input() itemDetail: ItemDetail;
@Output() scrollToReviews = new EventEmitter();
@Output() doActivity = new EventEmitter();
isCartItem = false;
//@Input() itemData: Item;
userActionUrl= '/ecm/service/feeds/cart';
......@@ -22,6 +26,9 @@ export class EcmHandicraftComponent implements OnInit, EcmTemplateInterface{
myCity;
Item;
itemData;
allProductDetail;
itemDetailpath;
Overview = "Champions Yacht Club specializes in offering luxury boating and yachting experiences in Goa with a large fleet of Catamarans, Boats, Cruisers & Yachts in Goa. We do Rocking birthday parties, anniversary bashes, island excursions & barbeques, fishing expeditions, snorkeling, corporate parties and more. We ensure you have a luxury experience in yachts that will leave a memory of a lifetime";
......@@ -38,6 +45,9 @@ export class EcmHandicraftComponent implements OnInit, EcmTemplateInterface{
this.itemCode = params['key'];
});
this.allProductDetail = this.itemDetail.itemDetailData.itemDetail2.allProductDetail;
this.itemDetailpath =this.itemDetail.itemDetailData.itemDetail2
console.log("Product Details 2"+JSON.stringify(this.allProductDetail));
this.myCity = localStorage.getItem('mycity');
}
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-outing.component.css
View file @ 4dd96afd
......@@ -293,4 +293,15 @@ td{
color: dimgrey;
height: 50px;
}
.attraction{
font-size: 18px;
padding-bottom: 15px;
display: block;
}
ul{
font-weight: 100;
font-size: 14px;
color: #444;
text-align: justify;
padding-left: 30px
}
\ No newline at end of file
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-outing.component.html
View file @ 4dd96afd
<!--
<div *ngIf="itemDetail">
<div class="row">
<span class="medium-6 columns medium-5 columns image">
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" ></ecm-image>
</span>
<div class="medium-6 medium-5 columns head" style="margin-top: 70px;">
<span style="display: block; color: mediumvioletred; font-size: 18px;" >{{itemDetail.itemCategory.shDescr}}</span>
<span style="display: block; padding-top: 15px; font-size: 20px; font-weight:bold;">{{itemDetail.itemShDescr}}</span>
<span style="display: block; font-weight: 100; font-size: 16px;">{{itemDetail.itemDescr}}</span>
<span *ngFor="let a of createRatings(itemDetail.itemAvgRating)" style="color: rgb(500, 150, 50); font-size: 20px;">
&#x2605;
</span>
<span style="color: gray; padding-left: 10px; font-size: 18px;">{{itemDetail.itemAvgRating}} Ratings</span>
<span style="color: gray; font-size: 18px;">| {{itemDetail.itemNumOfReviews}} Reviews</span>
<div style="padding-top: 20px;">
<span style="font-size: 25px; font-weight:bold;"> ₹ {{itemDetail.itemDiscountedRate}}</span>
<span style="font-weight: 100;"> Onwards </span>
</div>
<span style="font-size: 15px; color: gray; font-weight: 100;"><s>₹ {{itemDetail.itemCostRate}}</s></span>
<span style="padding-left: 10px; color: forestgreen;">{{itemDetail.itemDiscount}}% off</span>
<span style="display: block; font-size: 16px; font-weight: 100; color: indianred;">{{itemDetail.itemDetailData.itemExtraInfo}}</span>
<div style="width: 300px; padding-top: 20px;">
<div style="float: left;">
<span _ngcontent-c16="" style="display: block; padding-top: 10px; font-size: 18px;">Adult</span>
<span _ngcontent-c16="" style="padding-bottom: 10px; color: gray; font-weight: 100; font-size: 14px;">Height Above 4'6</span>
</div>
<div style="float: right;">
<button style="font-size: 35px; color: mediumvioletred; position: relative; text-align: center; cursor: pointer; border: 9px solid transparent; font-weight: lighter;" [disabled]="disable()" (click)="decrement()">-</button>
<span style="color: mediumvioletred; position: absolute; margin-left: 6px; margin-right: 6px; font-size: 14px; font-weight: 100;">₹ {{total}}</span>
<span>
<input style="width: 60px; height: 35px; border:none; border-radius: 2px; text-align: center;" type="text" [value]="counterValue">
</span>
<button style="font-size: 35px; color: mediumvioletred; position: relative; text-align: center; cursor: pointer; border: 9px solid transparent; font-weight: lighter;" (click)="increment()">+</button>
</div>
</div>
<div class="medium-12 columns" style="padding-top: 30px; padding-left: 0px;">
<button class="button medium-btn savelater">Save For Later</button>
<button class="button medium-btn booknow">Book Now</button>
</div>
</div>
</div>
<div class="row">
<div class="medium-12 col-sm-9 overview">
<span class="ecm-other-title">Overview</span>
<span class="ecm-other-detail">{{itemDetail.itemOverview}}</span>
</div>
</div>
<div class="row">
<div class="medium-6 columns medium-5 columns ecm-other-details">
<span class="ecm-other-title">Packages Include</span>
<li class="ecm-other-detail" *ngFor="let package of itemDetail.itemDetailData.itemPackages">{{package.package}}</li>
</div>
<div class="medium-6 medium-5 columns ecm-other-details">
<span class="ecm-other-title">Venue Details</span>
<span class="ecm-other-detail">{{itemDetail.itemDetailData.itemVenue}}</span>
</div>
</div>
</div>
-->
<div *ngIf="itemDetail">
<md-card class="row" style="margin-top: 15px;">
<!-- ------------------------ITEM-IMAGE START HERE-------------------------------- -->
<span class="medium-6 columns medium-5 columns image">
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" ></ecm-image>
<span class="medium-6 medium-5 columns image">
<ecm-image [refId]='itemDetail.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage] = "true" ></ecm-image>
</span>
<!-- -----------------------ITEM-IMAGE ENDS HERE-------------------------------- ----->
......@@ -138,7 +61,8 @@
</span>
<span class="ecm-Onwards" style="font-size: 18px;"> Onwards </span>
</div>
<button md-raised-button class="button medium-btn booknow" (click)="addItemInCart(itemDetail.itemCode)">Book Now</button>
<button md-raised-button class="button medium-btn booknow"
(click)="doActivity.emit({activity:'BOOK_NOW', data: itemDetail.itemCode });">Book Now</button>
</div>
<div class="medium-12 columns ecm-payments">
<i class="material-icons">&#xE8E8;</i>
......@@ -164,75 +88,67 @@
<div class="row ecm-card">
<!-- <div class="medium-12 col-sm-9 ecm-itemsDetailsInfo" > -->
<md-card class="medium-6 columns medium-8 columns ecm-itemsDetailsInfo" >
<md-card class="medium-8 medium-7 ecm-itemsDetailsInfo" id="item-detail-2">
<div>
<span class="ecm-itemDeatils">Items Details</span>
</div>
<hr style="margin-top: 8px;">
<div class="ecm-Overview">
<span class="ecm-other-title">Overview</span>
<span class="ecm-other-title">Description</span>
<span class="ecm-other-detail">
<app-view-more [text]="Overview" [maxLength]="120"></app-view-more>
<ecm-readmore [text]="itemDetailpath.productDescription" [maxLength]="50"></ecm-readmore>
</span>
</div>
<h6 style="padding-top: 25px;font-size: 18px;">Description</h6>
<table style="width:80%;padding-top: 10px;">
<tr>
<td>Brand</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Artifacts India Ltd.</td>
</tr>
<tr>
<td>SKU</td>
<td style="font-size: 15px;color: black;font-weight: normal;">JFHDND989088</td>
</tr>
<tr>
<td>Type</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Chef Made Food</td>
</tr>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Attraction</span>
<ul *ngFor = "let a of actionPerformed">
<li>{{a.actionPerformed}}</li>
<tr>
<td>Size</td>
<td style="font-size: 15px;color: black;font-weight: normal;">20x20cm Large</td>
</tr>
<!-- <li>A 4th century fort,Thala,stands in the middle of the of a forest and overlooks the hilly terrain</li>
<li>There are quite Few waterFalls in this region the mostpopular is of being taksehi castel</li>
<li>Devi kedar janni hills</li>
<li>Bhira Dam</li> -->
</ul>
<tr>
<td>Weight</td>
<td style="font-size: 15px;color: black;font-weight: normal;">678gms</td>
</tr>
<tr>
<td>Material</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Gazar and Acharr</td>
</tr>
</div>
<tr>
<td>Color</td>
<td style="font-size: 15px;color: black;font-weight: normal;">White</td>
</tr>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Activities</span>
<ul *ngFor = "let a of activityPerformed">
<li>{{a.activity}}</li>
</ul>
</div>
<tr>
<td>Package Content</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Gazar ka Achar</td>
</tr>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Transporation</span>
<ul *ngFor = "let a of transPortFacility">
<li>{{a.transportFacility}}</li>
</ul>
</div>
<tr>
<td>Care</td>
<td style="font-size: 15px;color: black;font-weight: normal;">Dont keep For two weeks</td>
</tr>
</table>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Things To Carry</span>
<ul *ngFor = "let a of thingsToCarry">
<li>{{a.thingsToCarry}}</li>
</ul>
</div>
<div class="Attraction" style="padding-top: 24px;">
<span class="attraction">Advisory</span>
<ul>
<li>{{itemDetailpath.advisory}}</li>
</ul>
</div>
<div class="ecm-returnsPolicy">
<span class="ecm-other-title">Return Policy</span>
<span class="ecm-other-detail">Returns is a scheme provided by respective sellers directly under this policy in trms of which Champions Yacht Club specializes in offering luxury boating and yachting experiences in Goa with a large fleet of Catamarans, Boats, Cruisers & Yachts in Goa. We do Rocking birthday parties, anniversary bashes, island excursions & barbeques, fishing expeditions, snorkeling, corporate parties and more. We ensure you have a luxury experience in yachts that will leave a memory of a lifetime</span>
<span class="ecm-other-title">Cancellation Policy</span>
<span class="ecm-other-detail">{{itemDetailpath.cancellationPollicy}}</span>
</div>
<div class="ecm-termsCondition">
<span class="ecm-other-title">Terms and Conditions</span>
<span class="ecm-other-detail">Returns is a scheme provided by respective sellers directly under this policy in trms of which Champions Yacht Club specializes in offering luxury boating and yachting experiences in Goa with a large fleet of Catamarans, Boats, Cruisers & Yachts in Goa.</span>
<span class="ecm-other-detail">{{itemDetailpath.termsAndCondition}}</span>
</div>
</md-card>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-outing.component.ts
View file @ 4dd96afd
......@@ -19,12 +19,19 @@ export class EcmOutingComponent implements OnInit, EcmTemplateInterface {
@Input() itemDetail: ItemDetail;
@Output() scrollToReviews = new EventEmitter();
@Output() doActivity = new EventEmitter();
counterValue = 1;
itemPrice = 1000;
total = this.itemPrice;
userActionUrl= '/ecm/service/feeds/cart';
itemCode;
myCity;
actionPerformed
activityPerformed ;
transPortFacility;
thingsToCarry;
itemDetailpath;
constructor( private route: ActivatedRoute, private router: Router, private http: Http ) { }
ngOnInit() {
......@@ -33,7 +40,12 @@ export class EcmOutingComponent implements OnInit, EcmTemplateInterface {
this.route.params.subscribe( params => {
this.itemCode = params['key'];
});
console.log("The items for outing " + this.itemDetail.itemDetailData.itemDetail2.actionPerformed);
this.actionPerformed = this.itemDetail.itemDetailData.itemDetail2.actionPerformed;
this.activityPerformed = this.itemDetail.itemDetailData.itemDetail2.activityPerformed;
this.transPortFacility = this.itemDetail.itemDetailData.itemDetail2.transportFacility;
this.thingsToCarry = this.itemDetail.itemDetailData.itemDetail2.thingsToCarry;
this.itemDetailpath =this.itemDetail.itemDetailData.itemDetail2
this.myCity = localStorage.getItem('mycity')
}
......@@ -76,6 +88,6 @@ export class EcmOutingComponent implements OnInit, EcmTemplateInterface {
});
//this.openDialog();
this.router.navigate(['/cart']);
// this.router.navigate(['/cart']);
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment