Skip to content

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

Updated 


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174410 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 78500b3d
Show whitespace changes
Inline Side-by-side
Showing with 445 additions and 104 deletions
ecm/Angular/ProteusECM/trunk/src/app/ecm-carousel/ecm-carousel.component.css
View file @ fcf458f2
...@@ -18,42 +18,39 @@ ...@@ -18,42 +18,39 @@
} }
.carousel { .carousel {
width: 95%; width: 100%;
left: 2.5%;
} }
.carousel-cell { .carousel-cell {
height: 450px; height: 450px;
margin-right: 10px; margin-right: 10px;
border-radius: 5px; border-radius: 5px;
counter-increment: gallery-cell;
} }
.carousel-cell:before {
display: block;
text-align: center;
line-height: 200px;
font-size: 80px;
color: white;
}
/* full height */ /* full height */
.flickity-prev-next-button { .flickity-prev-next-button {
position: absolute; position: absolute;
top: 0; top: 50%;
bottom: 0; width: 44px !important;
display: -webkit-box; height: 44px !important;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
justify-content: center;
text-align: center;
opacity: 0.5;
transform: none;
border: none; border: none;
border-radius: 0; border-radius: 50%;
background: transparent; background: white;
cursor: pointer; cursor: pointer;
height: 100%; -webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
transition: background-color .25s ease-out, color .25s ease-out;
} }
.flickity-prev-next-button:hover, .flickity-prev-next-button:hover,
...@@ -62,6 +59,22 @@ ...@@ -62,6 +59,22 @@
background: transparent; background: transparent;
} }
.flickity-prev-next-button:disabled {
display: none;
}
button.flickity-prev-next-button.next:before {
content: "\203A";
font-size: 32px;
line-height: 16px;
}
button.flickity-prev-next-button.previous:before {
content: "\2039";
font-size: 32px;
line-height: 16px;
}
/* arrow visibility */ /* arrow visibility */
.flickity-prev-next-button .arrow { .flickity-prev-next-button .arrow {
display: none; display: none;
...@@ -70,21 +83,38 @@ ...@@ -70,21 +83,38 @@
/* prev-next button position outside and background image */ /* prev-next button position outside and background image */
.flickity-prev-next-button.previous { .flickity-prev-next-button.previous {
left: -45px; left: -20px;
width: 40px; width: 40px;
background-image: url(../../assets/images/v_left_arrow_38_38.png); top: 205px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50% 50%; background-position: 50% 50%;
} }
.flickity-prev-next-button.next { .flickity-prev-next-button.next {
right: -45px; right: -16px;
width: 40px; width: 40px;
background-image: url(../../assets/images/v_right_arrow_38_38.png); top: 205px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50% 50%; background-position: 50% 50%;
} }
.flickity-prev-next-button.next:active {
color: white;
background-color: black;
opacity: 1;
}
.flickity-prev-next-button.previous:active {
color: white;
background-color: black;
opacity: 1;
}
.flickity-prev-next-button:hover, .flickity-prev-next-button:focus {
background: white;
}
/*
.flickity-page-dots .dot { .flickity-page-dots .dot {
display: inline-block; display: inline-block;
width: 10px; width: 10px;
...@@ -100,6 +130,12 @@ ...@@ -100,6 +130,12 @@
background-color: mediumvioletred; background-color: mediumvioletred;
} }
*/
.flickity-page-dots {
display: none;
}
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.flickity-prev-next-button.previous { .flickity-prev-next-button.previous {
left: 0px; left: 0px;
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-footer/ecm-footer.component.css
View file @ fcf458f2
/*Images Source*/ /*Images Source*/
/*
.img-logo { .img-logo {
/*content: url(../../assets/images/w_logo_38_38.png);*/ content: url(../../assets/images/w_logo_38_38.png);
content: url(../../assets/images/svg/w_logo_38_38.svg); content: url(../../assets/images/svg/w_logo_38_38.svg);
} }
.img-twitter { .img-twitter {
content: url(../../assets/images/w_twitter_38_38.png); content: url(../../assets/images/w_twitter_38_38.png);
} }
...@@ -79,3 +81,36 @@ ...@@ -79,3 +81,36 @@
top: 11px; top: 11px;
position: relative; position: relative;
} }
*/
/* New Footer */
.ecm-footer {
min-height: 50px;
text-align: center;
background-color: white;
box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
margin-top: 30px;
}
.footer-title {
color: black;
display: block;
padding-top: 15px;
}
.terms-title {
color: mediumvioletred;
font-weight: 700;
}
.policy-title {
color: mediumvioletred;
font-weight: 700;
}
ecm/Angular/ProteusECM/trunk/src/app/ecm-footer/ecm-footer.component.html
View file @ fcf458f2
<!--
<section class="footer-section "> <section class="footer-section ">
<div class="footer-subscribe "> <div class="footer-subscribe ">
<form action="#" method="post" class="subscribe-form" id="subscribe-form" #subscribeForm> <form action="#" method="post" class="subscribe-form" id="subscribe-form" #subscribeForm>
...@@ -22,3 +23,9 @@ ...@@ -22,3 +23,9 @@
</div> </div>
</div> </div>
</section> </section>
-->
<div class="ecm-footer">
<span class="footer-title">Design & Developed @ Proteus Technologies Pvt. Ltd. All Rights Reserved. <span class="terms-title">Terms</span> and <span class="policy-title">policy</span></span>
</div>
\ No newline at end of file
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-product-details.component.html
View file @ fcf458f2
...@@ -12,3 +12,5 @@ ...@@ -12,3 +12,5 @@
</div> </div>
<ecm-related-items *ngIf="itemDetail" [scatCode]="scatCode"> </ecm-related-items> <ecm-related-items *ngIf="itemDetail" [scatCode]="scatCode"> </ecm-related-items>
<ecm-footer></ecm-footer>
\ No newline at end of file
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-product-review.component.css
View file @ fcf458f2
...@@ -298,6 +298,9 @@ hr { ...@@ -298,6 +298,9 @@ hr {
padding: 30px; padding: 30px;
} }
.rating-details-section {
min-height: 110px;
}
md-card { md-card {
border-radius: 3px !important; border-radius: 3px !important;
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-product-review.component.html
View file @ fcf458f2
...@@ -41,9 +41,9 @@ ...@@ -41,9 +41,9 @@
</md-option> </md-option>
</md-select> </md-select>
<div> <div class="rating-details-section">
<div *ngIf="numFound==0" class="ecm-null-data-descr"> <div *ngIf="numFound==0" class="ecm-null-data-descr">
No Reviews Found No reviews to display
</div> </div>
<div *ngIf="reviews && numFound!=0" class="reviews-content"> <div *ngIf="reviews && numFound!=0" class="reviews-content">
...@@ -69,9 +69,9 @@ ...@@ -69,9 +69,9 @@
{{type.viewValue}} {{type.viewValue}}
</md-option> </md-option>
</md-select> </md-select>
<div> <div class="rating-details-section">
<div *ngIf="numFound==0" class="ecm-null-data-descr"> <div *ngIf="numFound==0" class="ecm-null-data-descr">
No Reviews Found No reviews to display
</div> </div>
<div *ngIf="reviews && numFound!=0" class="reviews-content"> <div *ngIf="reviews && numFound!=0" class="reviews-content">
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-product-details/ecm-template/ecm-handicraft.component.css
View file @ fcf458f2
...@@ -184,12 +184,6 @@ li::before { ...@@ -184,12 +184,6 @@ li::before {
font-size: 16px; font-size: 16px;
} }
td {
font-size: 15px;
font-weight: bold;
color: dimgrey;
height: 50px;
}
.image { .image {
} }
...@@ -227,12 +221,6 @@ td { ...@@ -227,12 +221,6 @@ td {
padding-top: 30px; padding-top: 30px;
} }
td {
font-size: 15px;
font-weight: bold;
color: dimgrey;
height: 50px;
}
.attraction { .attraction {
font-size: 16px; font-size: 16px;
...@@ -247,13 +235,14 @@ td { ...@@ -247,13 +235,14 @@ td {
.data-title { .data-title {
padding: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;
color: #444; color: #787878;
font-weight: 700;
} }
.data-title-detail { .data-title-detail {
color: black; color: black;
padding: 5px; padding: 5px;
font-weight: 500; font-weight: inherit;
} }
.product-detail-card { .product-detail-card {
...@@ -288,7 +277,7 @@ hr { ...@@ -288,7 +277,7 @@ hr {
background-color: #efecec; background-color: #efecec;
width: 36px; width: 36px;
height: 36px; height: 36px;
min-width: 40px; min-width: 36px;
padding: 0; padding: 0;
margin: 0; margin: 0;
line-height: 36px; line-height: 36px;
...@@ -308,6 +297,10 @@ hr { ...@@ -308,6 +297,10 @@ hr {
font-weight: bold; font-weight: bold;
} }
.highlight:HOVER {
color: white !important;
}
.selected { .selected {
box-shadow: inset 0 0 1px 1px mediumvioletred; box-shadow: inset 0 0 1px 1px mediumvioletred;
cursor: auto; cursor: auto;
...@@ -329,7 +322,7 @@ hr { ...@@ -329,7 +322,7 @@ hr {
.size-title { .size-title {
color: #787878; color: #787878;
font-size: 1rem; font-size: 14px;
position: relative; position: relative;
display: inline-block; display: inline-block;
height: 40px; height: 40px;
...@@ -374,7 +367,7 @@ hr { ...@@ -374,7 +367,7 @@ hr {
.seller-name { .seller-name {
display: inline; display: inline;
color: mediumvioletred; color: mediumvioletred;
font-size: 15px; font-size: 14px;
font-weight:bold; font-weight:bold;
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
...@@ -384,7 +377,7 @@ hr { ...@@ -384,7 +377,7 @@ hr {
.sold-by-title { .sold-by-title {
display: inline; display: inline;
color: #787878; color: #787878;
font-size: 15px; font-size: 14px;
font-weight: 700; font-weight: 700;
} }
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-search/ecm-search-result/ecm-search-result.component.css
View file @ fcf458f2
...@@ -5,12 +5,10 @@ h4{ ...@@ -5,12 +5,10 @@ h4{
.search-result-section { .search-result-section {
position: relative; position: relative;
display: block; display: block;
top: 60px !important; top: 70px !important;
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-bottom: 60px; min-height: calc(100% - 110px);
background-color: #FFF;
min-height: calc( 100% - 295px);
} }
.ecm-pagination-section { .ecm-pagination-section {
padding-top: 10px; padding-top: 10px;
...@@ -145,3 +143,61 @@ option{ ...@@ -145,3 +143,61 @@ option{
.next-button, .prev-button { .next-button, .prev-button {
cursor: pointer; cursor: pointer;
} }
/* No Result */
.no-result-img {
width: 280px;
height: 280px;
}
.no-result-title {
display: block;
font-size: 26px;
font-weight: bold;
text-align: left;
padding-bottom: 8px;
line-height: 1.2;
}
.warning-msg {
font-size: 18px;
display: block;
text-align: left;
padding-top: 28px;
line-height: 1.5;
}
.no-result-details {
padding-top: 50px;
}
.product-detail-card {
border-radius: 3px !important;
box-shadow: 0 0px 16px -3px rgba(0,0,0,.1) !important;
padding-top: 90px;
min-height: 500px;
}
.border-line {
height: 2px;
width: 60px;
background-color: mediumvioletred;
display: table-cell;
}
@media screen and (max-width: 640px) {
md-card {
margin: 15px;
}
}
ecm/Angular/ProteusECM/trunk/src/app/ecm-search/ecm-search-result/ecm-search-result.component.html
View file @ fcf458f2
...@@ -16,12 +16,21 @@ ...@@ -16,12 +16,21 @@
<div class="ecm-error-info" *ngIf="serverError"> <div class="ecm-error-info" *ngIf="serverError">
<h2>Something goes wrong. Please try searching for something else </h2> <h2>Something goes wrong. Please try searching for something else </h2>
</div> </div>
<div *ngIf="!resultFound && !serverError" >
<div class="ecm-error-info" *ngIf="!resultFound && !serverError"> <md-card class="product-detail-card row">
<h2> Sorry, no results found for {{value}} in {{myCity}} </h2> <div class="ecm-error-info row">
<h4> Please check the spelling or try searching for something else </h4> <div class="small-12 medium-6 large-6 columns no-result-found-icon">
<img class="no-result-img" src="/ecm/assets/images/svg/No search found.svg">
</div> </div>
<div class="small-12 medium-6 large-6 columns no-result-details">
<span class="no-result-title">Sorry! Couldn't find the product you were looking for.</span>
<span class="border-line"></span>
<span class="warning-msg">Please check if you have misspelt something or try searching with other words.</span>
</div>
</div>
</md-card>
</div>
<div *ngIf="items && resultFound" class="row row-category"> <div *ngIf="items && resultFound" class="row row-category">
<div class="ecm-result-header"> <div class="ecm-result-header">
<span class="ecm-result-info" *ngIf="myCity">{{numFound}} Results Found for {{value}} in {{myCity}}</span> <span class="ecm-result-info" *ngIf="myCity">{{numFound}} Results Found for {{value}} in {{myCity}}</span>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-cart/ecm-cart.component.css
View file @ fcf458f2
...@@ -45,6 +45,7 @@ ...@@ -45,6 +45,7 @@
border: 2px solid ghostwhite; border: 2px solid ghostwhite;
border-left: none; border-left: none;
border-right: none; border-right: none;
padding: 30px;
} }
.ViewAll{ .ViewAll{
...@@ -138,16 +139,8 @@ ...@@ -138,16 +139,8 @@
display: flex; display: flex;
} }
.selected {
position: relative;
left: 5px;
width: 32px;
height: 32px;
bottom: 7px;
background-color: mediumvioletred;
}
.totalPriceDetails{ .totalPriceDetails{
margin-top: 10px; padding: 20px;
} }
.continue-shopping{ .continue-shopping{
width: 100%; width: 100%;
...@@ -164,7 +157,8 @@ ...@@ -164,7 +157,8 @@
.ecm-Info{ .ecm-Info{
position: relative; position: relative;
left: 8px; left: 8px;
font-size: 15px; font-size: 13px;
color: #787878;
} }
.detail-checkout-button{ .detail-checkout-button{
width: 100%; width: 100%;
...@@ -181,12 +175,12 @@ ...@@ -181,12 +175,12 @@
} }
.priceDetails{ .priceDetails{
text-align: center; text-align: center;
height: 40px; height: 40px;
/* width: 160px; */ /* width: 160px; */
line-height: 40px; line-height: 40px;
border-bottom: thin solid mediumvioletred; border-bottom: thin solid mediumvioletred;
font-size: 14px; font-size: 16px;
padding-bottom: 10px;
} }
.image{ .image{
width: 100px; width: 100px;
...@@ -216,18 +210,21 @@ ...@@ -216,18 +210,21 @@
padding-top: 16px; padding-top: 16px;
} }
.size-of-item{ .size-of-item{
font-size: 12px; color: #787878;
color: dimgray; font-size: 14px;
font-weight: 600; font-weight: 700;
} }
.selected{ .selected{
position: relative; position: relative;
left: 5px; left: 5px;
width: 38px;
height: 36px; height: 36px;
font-size: 19px; font-size: 15px;
margin-left: 8px; margin-left: 8px;
background-color: mediumvioletred; background-color: mediumvioletred;
border-radius: 100%;
min-width: 36px;
line-height: 36px;
color: white;
} }
.color-change{ .color-change{
position: relative; position: relative;
...@@ -289,15 +286,15 @@ ...@@ -289,15 +286,15 @@
border-radius: 100%; border-radius: 100%;
} }
.items-cost-rate{ .items-cost-rate{
position: relative; position: relative;
font-size: 20px;
float: right; float: right;
padding-top: 35px; padding-top: 35px;
padding-bottom: 35px; padding-bottom: 35px;
font-weight: 600;
top: 5px; top: 5px;
padding-right: 37px; padding-right: 37px;
font-size: 25px;
font-weight: bold;
line-height: 1;
} }
...@@ -343,6 +340,7 @@ ...@@ -343,6 +340,7 @@
font-size: 18px; font-size: 18px;
padding-top: 10px; padding-top: 10px;
font-weight: 600; font-weight: 600;
line-height: 24px;
} }
.item-title{ .item-title{
font-size: 14px; font-size: 14px;
...@@ -351,9 +349,9 @@ ...@@ -351,9 +349,9 @@
cursor: pointer; cursor: pointer;
} }
.item-seller{ .item-seller{
font-size: 12px; color: #787878;
color: dimgray; font-size: 14px;
font-weight: 600; font-weight: 700;
} }
.item-sellerInfo{ .item-sellerInfo{
font-size: 14px; font-size: 14px;
...@@ -374,3 +372,36 @@ ...@@ -374,3 +372,36 @@
font-size: 15px; font-size: 15px;
padding-left: 14px; padding-left: 14px;
} }
.counter-button, .selected {
box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
font-size: 15px;
width: 36px;
height: 36px;
}
.counter-button, .selected, .detail-checkout-button, .continue-shopping {
box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
}
.secure-icon {
font-size: 20px important;
}
.delete-icon {
display: none;
cursor: pointer;
font-size: 20px;
width: 20px;
height: 20px;
}
.cartItemsDetail:HOVER .delete-icon{
display: table-row;
}
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-cart/ecm-cart.component.html
View file @ fcf458f2
...@@ -11,9 +11,9 @@ ...@@ -11,9 +11,9 @@
[refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage]="true"></ecm-image></td> [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage]="true"></ecm-image></td>
<td class="itemdescription" (click)="viewItem(item.itemCode)">{{item.descr}}</td> <td class="itemdescription" (click)="viewItem(item.itemCode)">{{item.descr}}</td>
<td style="padding: 10px;">₹ {{item.costRate}}</td> <td style="padding: 10px;">₹ {{item.costRate}}</td>
<td (click)="deleteCartItem(item.itemCode)" style="cursor: pointer;"><i <td (click)="deleteCartItem(item.itemCode)" style="cursor: pointer;">
class="material-icons" <span class="delete-icon">x</span>
style="color: mediumvioletred; font-size: 20px;">&#xE872;</i></td> </td>
</tr> </tr>
</table> </table>
...@@ -66,18 +66,18 @@ ...@@ -66,18 +66,18 @@
</div> </div>
<div class="change-color"> <div class="change-color">
<span class="size-of-item">Size Selected :</span> <span class="size-of-item">Size Selected :</span>
<button md-mini-fab class="back btn selected">L</button> <button md-button class="back btn selected">L</button>
<span class="color-change">Change</span> <span class="color-change">Change</span>
</div> </div>
</div> </div>
<div class="media-object-section" style="width: 228px;"> <div class="media-object-section" style="width: 228px;">
<div class="counter"> <div class="counter">
<button md-raised-button [disabled]="disable()" class="counter-button" (click)="decrement()"> <button md-button [disabled]="disable()" class="counter-button" (click)="decrement()">
<i class="material-icons" style="padding: 0px;">remove</i> <i class="material-icons" style="padding: 0px;">remove</i>
</button> </button>
<span> <input class="ecm-textBox" type="text" [value]="counterValue"></span> <span> <input class="ecm-textBox" type="text" [value]="counterValue"></span>
<button md-raised-button class="counter-button" (click)="increment()"> <button md-button class="counter-button" (click)="increment()">
<i class="material-icons" style="padding: 0px;">add</i> <i class="material-icons" style="padding: 0px;">add</i>
</button> </button>
</div> </div>
...@@ -94,19 +94,19 @@ ...@@ -94,19 +94,19 @@
</div> </div>
<div class="detail-Continue-Shopping-button"> <div class="detail-Continue-Shopping-button">
<button md-raised-button class="continue-shopping" [routerLink]="['/home']">Continue Shopping</button> <button md-button class="continue-shopping" [routerLink]="['/home']">Continue Shopping</button>
</div> </div>
</md-card> </md-card>
<div class="medium-4 columns ecm-productDetails"> <div class="medium-4 columns ecm-productDetails">
<md-card class="totalPriceDetails"> <md-card class="totalPriceDetails">
<div style="text-align: center; position: relative; bottom: 22px;"> <div style="text-align: center; position: relative; padding: 0px 20px 15px 20px;">
<span class="priceDetails">Price Details</span> <span class="priceDetails">Price Details</span>
</div> </div>
<div class="totalProductsInfo"> <div class="totalProductsInfo">
<div class="priceItems"> <div class="priceItems">
<span style="font-size: 15px;">Price ( {{cartItems}} Items )</span> <span style="font-size: 15px;">Price ( {{cartItems}} Items )</span>
<span class="price-info">₹ {{totalPrice}}</span> <span class="price-info">Rs. {{totalPrice}}</span>
</div> </div>
<br> <br>
<div class="shipping"> <div class="shipping">
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
<span class="total-amountPrice">₹ {{totalPrice}}</span> <span class="total-amountPrice">₹ {{totalPrice}}</span>
</div> </div>
<div class="ecm-payments"> <div class="ecm-payments">
<i class="material-icons">&#xE8E8;</i> <i class="material-icons secure-icon">&#xE8E8;</i>
<span class="ecm-Info">Safe and Secure Payments. 100% Authentic products</span> <span class="ecm-Info">Safe and Secure Payments. 100% Authentic products</span>
</div> </div>
<br> <br>
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-product/ecm-product.component.css
View file @ fcf458f2
...@@ -92,4 +92,25 @@ ...@@ -92,4 +92,25 @@
} }
/* loading section */
.loading {
min-height: calc(100% - 50px);
}
.ecm-spinner {
margin: auto;
stroke: mediumvioletred;
}
.ecm-progress-bar {
padding-right: calc(50% - 100px);
padding-left: calc(50% - 100px);
padding-top: 70px;
}
.ecm-progress-title {
text-align: center;
color: mediumvioletred;
font-size: 20px;
}
/* loading section end */
\ No newline at end of file
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-product/ecm-product.component.html
View file @ fcf458f2
...@@ -5,6 +5,18 @@ ...@@ -5,6 +5,18 @@
<ecm-breadcrumbs [pageName]="'ITEMS'"> </ecm-breadcrumbs> <ecm-breadcrumbs [pageName]="'ITEMS'"> </ecm-breadcrumbs>
</span> </span>
<div class="loading" *ngIf="!items">
<div class="ecm-progress-bar">
<div class="ecm-progress-title"> Loading </div>
<md-progress-spinner
class="ecm-spinner"
[color]="'primary'"
[mode]="'indeterminate'"
[value]="50">
</md-progress-spinner>
</div>
</div>
<div *ngIf="items"> <div *ngIf="items">
<section class="subcategories-section"> <section class="subcategories-section">
<div class="row row-subcategory"> <div class="row row-subcategory">
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-recent-view/ecm-recent-view.component.css
View file @ fcf458f2
...@@ -31,6 +31,11 @@ hr { ...@@ -31,6 +31,11 @@ hr {
color: #444; color: #444;
font-size: 14px; font-size: 14px;
padding-top: 8px; padding-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 180px;
word-wrap: break-word;
} }
.item-cost { .item-cost {
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-related-items/ecm-related-items.component.css
View file @ fcf458f2
...@@ -15,7 +15,6 @@ ...@@ -15,7 +15,6 @@
margin-right: auto; margin-right: auto;
} }
.ecm-section-info-title { .ecm-section-info-title {
padding-left: 30px;
font-size: 26px; font-size: 26px;
color: #444; color: #444;
display: block; display: block;
......
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-sub-category/ecm-sub-category.component.css
View file @ fcf458f2
...@@ -91,5 +91,25 @@ ...@@ -91,5 +91,25 @@
box-shadow: 0 0 0 3px rgba(0 ,0 ,0, 0.1), inset 0 0 0px 20px rgba(0 ,0, 0, 0.1); box-shadow: 0 0 0 3px rgba(0 ,0 ,0, 0.1), inset 0 0 0px 20px rgba(0 ,0, 0, 0.1);
} }
/* loading section */
.loading {
min-height: calc(100% - 50px);
}
.ecm-spinner {
margin: auto;
stroke: mediumvioletred;
}
.ecm-progress-bar {
padding-right: calc(50% - 100px);
padding-left: calc(50% - 100px);
padding-top: 70px;
}
.ecm-progress-title {
text-align: center;
color: mediumvioletred;
font-size: 20px;
}
/* loading section end */
\ No newline at end of file
ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-sub-category/ecm-sub-category.component.html
View file @ fcf458f2
...@@ -5,6 +5,18 @@ ...@@ -5,6 +5,18 @@
<ecm-breadcrumbs [pageName]="'SUB_CATEGORY'"></ecm-breadcrumbs> <ecm-breadcrumbs [pageName]="'SUB_CATEGORY'"></ecm-breadcrumbs>
</span> </span>
<div class="loading" *ngIf="!subcategories">
<div class="ecm-progress-bar">
<div class="ecm-progress-title"> Loading </div>
<md-progress-spinner
class="ecm-spinner"
[color]="'primary'"
[mode]="'indeterminate'"
[value]="50">
</md-progress-spinner>
</div>
</div>
<div *ngIf="subcategories"> <div *ngIf="subcategories">
<section class="subcategories-section"> <section class="subcategories-section">
<div class="row row-subcategory"> <div class="row row-subcategory">
......
ecm/Angular/ProteusECM/trunk/src/assets/css/styles.css
View file @ fcf458f2
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #fff; background-color: #f2f2f2 !important;
} }
/* Font loaded - elegant icons*/ /* Font loaded - elegant icons*/
...@@ -54,7 +54,7 @@ body { ...@@ -54,7 +54,7 @@ body {
} }
* { * {
font-family: "Roboto-Regular", sans-serif !important; font-family: "Roboto", Arial, sans-serif !important;
} }
:FOCUS { :FOCUS {
......
ecm/Angular/ProteusECM/trunk/src/assets/images/svg/Empty Cart.svg 0 → 100755
View file @ fcf458f2
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?></metadata>
<defs>
<style>
.cls-1 {
fill: #dadada;
fill-rule: evenodd;
}
</style>
</defs>
<path id="Forma_1_copy_3" data-name="Forma 1 copy 3" class="cls-1" d="M223.931,366.41a21.292,21.292,0,1,0,21.291,21.3A21.357,21.357,0,0,0,223.931,366.41ZM160.056,196.079V217.37h21.292l38.324,80.909-14.9,25.549a37.813,37.813,0,0,0-2.13,10.644,21.353,21.353,0,0,0,21.292,21.291H351.679V334.472H228.189a2.286,2.286,0,0,1-2.129-2.128v-1.063l9.581-18.1h78.778c8.517,0,14.905-4.257,18.1-10.643l38.325-69.2c2.128-2.128,2.128-3.191,2.128-5.323,0-6.386-4.258-10.644-10.645-10.644H204.769l-9.582-21.291H160.056ZM330.388,366.41a21.292,21.292,0,1,0,21.291,21.3A21.357,21.357,0,0,0,330.388,366.41Z"/>
<path id="Forma_1_copy_7" data-name="Forma 1 copy 7" class="cls-1" d="M263.3,110.023h-4.253v-4.182a1.924,1.924,0,0,0-3.846,0v4.182h-4.252a1.891,1.891,0,1,0,0,3.781H255.2v4.181a1.924,1.924,0,0,0,3.846,0V113.8H263.3A1.891,1.891,0,1,0,263.3,110.023Z"/>
<path id="Forma_1_copy_8" data-name="Forma 1 copy 8" class="cls-1" d="M369.885,156.125h-6.908v-6.933a3.124,3.124,0,0,0-6.247,0v6.933h-6.908a3.135,3.135,0,0,0,0,6.27h6.908v6.933a3.124,3.124,0,0,0,6.247,0V162.4h6.908A3.135,3.135,0,0,0,369.885,156.125Z"/>
<path id="Forma_1_copy_9" data-name="Forma 1 copy 9" class="cls-1" d="M177.488,336.028l-3.6,2.079-2.074-3.591a1.88,1.88,0,0,0-3.256,1.879l2.074,3.592-3.6,2.079a1.875,1.875,0,0,0,1.875,3.247l3.6-2.079,2.073,3.592a1.88,1.88,0,0,0,3.256-1.88l-2.073-3.591,3.6-2.079A1.875,1.875,0,0,0,177.488,336.028Z"/>
<path id="Ellipse_669_copy_4" data-name="Ellipse 669 copy 4" class="cls-1" d="M126.091,264.427A7.929,7.929,0,1,1,118,272.354,8.01,8.01,0,0,1,126.091,264.427Zm-0.041,2.793a5.176,5.176,0,1,1-5.257,5.175A5.217,5.217,0,0,1,126.05,267.22Z"/>
<path id="Ellipse_669_copy_5" data-name="Ellipse 669 copy 5" class="cls-1" d="M383.486,303.856a10.515,10.515,0,1,1-10.515,10.514A10.514,10.514,0,0,1,383.486,303.856Zm0,3.7a6.9,6.9,0,1,1-6.818,6.9A6.86,6.86,0,0,1,383.486,307.552Z"/>
</svg>
ecm/Angular/ProteusECM/trunk/src/assets/images/svg/No search found.svg 0 → 100755
View file @ fcf458f2
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?></metadata>
<defs>
<style>
.cls-1 {
filter: url(#filter);
}
.cls-2 {
fill-rule: evenodd;
}
</style>
<filter id="filter" filterUnits="userSpaceOnUse">
<feFlood result="flood" flood-color="#dadada"/>
<feComposite result="composite" operator="in" in2="SourceGraphic"/>
<feBlend result="blend" in2="SourceGraphic"/>
</filter>
</defs>
<g class="cls-1">
<path id="Forma_1" data-name="Forma 1" class="cls-2" d="M145.841,142.407A129.377,129.377,0,0,1,339.788,312.94l24.9,24.864,2.514-2.51a8.874,8.874,0,0,1,12.528,0l79.82,79.686a28.739,28.739,0,0,1-40.677,40.61l-79.819-79.684a8.831,8.831,0,0,1,0-12.506l2.514-2.51-24.906-24.864A129.352,129.352,0,0,1,145.841,142.407ZM158.37,312.721a111.455,111.455,0,1,0-32.738-78.9A111.142,111.142,0,0,0,158.37,312.721Zm72.84-168.184a8.848,8.848,0,0,0,7.565,9.957c3.051,0.43,73.32,11.116,73.32,79.323a8.858,8.858,0,0,0,17.716,0c0-43.889-24.314-67.986-44.711-80.471a125.278,125.278,0,0,0-43.914-16.374A8.856,8.856,0,0,0,231.21,144.537Z"/>
<path id="Forma_1-2" data-name="Forma 1" class="cls-2" d="M429.169,132.431h-5.326v-5.317a2.408,2.408,0,0,0-4.816,0v5.317H413.7a2.4,2.4,0,0,0,0,4.808h5.326v5.317a2.408,2.408,0,0,0,4.816,0v-5.317h5.326A2.4,2.4,0,0,0,429.169,132.431Z"/>
<path id="Forma_1_copy_6" data-name="Forma 1 copy 6" class="cls-2" d="M119.02,396.3h-5.326v-5.317a2.408,2.408,0,0,0-4.816,0V396.3h-5.326a2.4,2.4,0,0,0,0,4.809h5.326v5.317a2.408,2.408,0,0,0,4.816,0V401.11h5.326A2.4,2.4,0,0,0,119.02,396.3Z"/>
<path id="Ellipse_669_copy" data-name="Ellipse 669 copy" class="cls-2" d="M75.551,282.252a6.732,6.732,0,1,1-6.742,6.732A6.737,6.737,0,0,1,75.551,282.252Zm0,2.356a4.376,4.376,0,1,1-4.383,4.376A4.379,4.379,0,0,1,75.551,284.608Z"/>
<path id="Ellipse_669_copy_2" data-name="Ellipse 669 copy 2" class="cls-2" d="M217.816,48A10.1,10.1,0,1,1,207.7,58.1,10.105,10.105,0,0,1,217.816,48Zm0,3.534a6.563,6.563,0,1,1-6.574,6.563A6.568,6.568,0,0,1,217.816,51.534Z"/>
<path id="Ellipse_669_copy_3" data-name="Ellipse 669 copy 3" class="cls-2" d="M228.6,408.8a3.366,3.366,0,1,1-3.371,3.365A3.368,3.368,0,0,1,228.6,408.8Zm0,1.178a2.188,2.188,0,1,1,0,4.375C226.11,414.356,226.11,409.981,228.6,409.981Z"/>
<path id="Forma_1_copy_4" data-name="Forma 1 copy 4" class="cls-2" d="M435.454,225.611L432.4,223.8l1.812-3.049a1.6,1.6,0,0,0-2.761-1.635l-1.812,3.048-3.054-1.809a1.6,1.6,0,0,0-1.638,2.757L428,224.923l-1.812,3.049a1.6,1.6,0,0,0,2.761,1.635l1.812-3.048,3.054,1.808A1.6,1.6,0,0,0,435.454,225.611Z"/>
<path id="Forma_1_copy_5" data-name="Forma 1 copy 5" class="cls-2" d="M55.351,193.9l-3.25,1.428-1.431-3.244a1.6,1.6,0,0,0-2.939,1.291l1.431,3.245-3.25,1.428a1.6,1.6,0,0,0,1.294,2.934l3.25-1.429,1.43,3.245a1.605,1.605,0,0,0,2.939-1.292l-1.431-3.244,3.25-1.428A1.6,1.6,0,0,0,55.351,193.9Z"/>
</g>
</svg>
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