Commit 1729c6f5 authored by prumde's avatar prumde

Removed ecm-search-item


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174351 ce508802-f39f-4f6c-b175-0d175dae99d5
parent bc3d82ec
.ecm-card {
border-radius: 5px;
box-shadow: 0 0 5px 0px #ccc;
padding: 0;
margin: 0;
position: relative;
height: 400px;
width: auto;
}
.ecm-card-img {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
width: 100%;
position: relative;
height: calc( 100% - 90px);
}
.ecm-card-footer {
width: 100%;
height: 90px;
padding: 5px;
}
.ecm-card-info {
padding: 10px;
width: calc(100% - 120px);
height: 100%;
float: left;
}
.ecm-card-info-title {
font-size: 14px;
font-weight: 600;
color: #444;
display: block;
line-height: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-top: 5px;
}
.ecm-card-info-subhead {
font-size: 12px;
color: #888;
display: block;
line-height: 12px;
top: 3px;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
white-space: normal;
top: 5px;
}
.ecm-card-info-img {
float: left;
/*background-color: mediumvioletred;*/
border: none;
border-radius: 100%;
}
.ecm-card-action {
width: 90px;
height: 35px;
line-height: 15px;
font-size: 12px;
padding: 10px;
text-align: center;
border: 1px solid mediumvioletred;
border-radius: 2px;
float: right;
position: relative;
top: 15px;
color: #333;
right: 10px;
}
.ecm-card-action:HOVER {
background-color: mediumvioletred;
color: #fff;
}
.ecm-card-price {
/* width: 90px; */
/* height: 35px; */
/* line-height: 20px; */
font-size: 23px;
text-align: center;
/* border-radius: 2px; */
padding-right: 10px;
padding-top: 23px;
padding-bottom: 23px;
float: right;
/* position: relative; */
/* top: 15px; */
color: #333;
/* right: 10px; */
}
.top {
position: absolute;
right: 20px;
top: 15px;
}
.share {
background-image: url("../../../../assets/images/share.png");
border: none;
width: 40px;
height: 40px;
}
.share:hover {
background-color: transparent;
}
p {
color: #616161;
margin-bottom: 0;
line-height: 1.3;
}
.ecm-ratings{
top: 10px !important;
font-size: 15px;
color: rgb(500, 150, 50);
font-size: large;
display: block;
line-height: 12px;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
white-space: normal;
top: 5px;
}
.ecm-rupee{
color:#888;
}
#item{
cursor: pointer;
}
/*
.thumbnail{
width: 350px !important;
height: 150px;
margin-bottom: 0;
border: 0;
}
p {
color: #616161;
margin-bottom: 0;
}
h5 {
margin-bottom: 0;
}
.media-object {
margin-bottom: 2rem;
border: 1px solid #c7c7c7;
border-radius: .17647059em;
}
@media screen and (max-width: 640px) {
.thumbnail {
width: 100% !important;
}
}
.media-object-section:first-child{
padding-right: 0;
}
*/
\ No newline at end of file
<div *ngIf="item" class="ecm-card" id="item" (click)="openItem()">
<img class="ecm-card-img" src="/ecm/assets/images/items/{{item.item_code}}.png" alt="Item image">
<div class="ecm-card-footer">
<div class="ecm-card-info">
<span id="item" class="ecm-card-info-title">{{item.item_descr}}</span>
<span class="ecm-card-info-subhead">{{item.cat_sh_descr}} - {{item.scat_sh_descr}}</span>
<span class="ecm-ratings">
<span *ngFor="let a of createRatings(item.rating);">&#x2605;</span>
</span>
</div>
<!-- Currently Default Actions will be View and Share
<a class="ecm-card-action" routerLink="/view" routerLinkActive="active">View</a>
<a class="ecm-card-action top share" routerLink="/share" routerLinkActive="active"></a>
-->
<div class="ecm-card-price"><span class="ecm-rupee"></span>{{item.cost_rate}}</div>
</div>
</div>
<!--
<div *ngIf="item" class="media-object stack-for-small" style="cursor: pointer;" (click)="openItem()">
<div class="media-object-section">
<img class="thumbnail"
src="/ecm/assets/images/items/{{item.item_code}}.png"
alt="Item image">
</div>
<div style="padding-left: 0.5rem;" class="media-object-section">
<h5>{{item.item_descr}}</h5>
<p>{{item.cat_sh_descr}} - {{item.scat_sh_descr}}</p>
<p><span *ngFor="let a of createRatings(item.rating);">
<strong> &#x2605; </strong>
</span></p>
<p>
<b>₹ {{item.cost_rate}}</b>
</p>
</div>
</div>
-->
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-ecm-search-item',
templateUrl: './ecm-search-item.component.html',
styleUrls: ['./ecm-search-item.component.css']
})
export class EcmSearchItemComponent implements OnInit {
@Input() item;
constructor() { }
ngOnInit() {
}
openItem(){
alert(this.item.item_code);
}
createRatings(ratings){
var rating: number[] = [];
for(var i = 1; i <= ratings; i++){
rating.push(i);
}
return rating;
}
}
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