<style type="text/css">
/*demo*/
.ui-dataview-list .ui-dataview-row {
border-bottom: 1px solid #A8A8A8;
padding: 25px 10px;
/* with the exported variables from Nova and Luna Themes*/
border-bottom-color: var(--input-border-color, #A8A8A8);
}
.logo {
width: 5%;
}
.detail {
width: 85%;
padding-left: 25px;
}
</style>
<h:form id="form">
<p:dataView var="car" value="[org.primefaces.showcase.domain.Car@d2ff22ab, org.primefaces.showcase.domain.Car@3f6dadde, org.primefaces.showcase.domain.Car@ff4bf3a8, org.primefaces.showcase.domain.Car@c623d439, org.primefaces.showcase.domain.Car@845974eb, org.primefaces.showcase.domain.Car@8beef350, org.primefaces.showcase.domain.Car@27e7ee14, org.primefaces.showcase.domain.Car@ddf4e287, org.primefaces.showcase.domain.Car@37ff15dc, org.primefaces.showcase.domain.Car@3e2461a9, org.primefaces.showcase.domain.Car@ca30f96e, org.primefaces.showcase.domain.Car@f615e84d, org.primefaces.showcase.domain.Car@ef6021fb, org.primefaces.showcase.domain.Car@451154f9, org.primefaces.showcase.domain.Car@9c8c9aea, org.primefaces.showcase.domain.Car@44b5d7c8, org.primefaces.showcase.domain.Car@153557f3, org.primefaces.showcase.domain.Car@dac6df53, org.primefaces.showcase.domain.Car@ac5ecc17, org.primefaces.showcase.domain.Car@3f915f54, org.primefaces.showcase.domain.Car@a25116e, org.primefaces.showcase.domain.Car@45c5de25, org.primefaces.showcase.domain.Car@c035c61e, org.primefaces.showcase.domain.Car@f805b411, org.primefaces.showcase.domain.Car@be9e1ccf, org.primefaces.showcase.domain.Car@3ee90d02, org.primefaces.showcase.domain.Car@e87f1178, org.primefaces.showcase.domain.Car@ef3fadc4, org.primefaces.showcase.domain.Car@122b374d, org.primefaces.showcase.domain.Car@a51898c7, org.primefaces.showcase.domain.Car@7833be2b, org.primefaces.showcase.domain.Car@3c9f708d, org.primefaces.showcase.domain.Car@a994bd53, org.primefaces.showcase.domain.Car@d287c78, org.primefaces.showcase.domain.Car@9de8ea75, org.primefaces.showcase.domain.Car@7472284f, org.primefaces.showcase.domain.Car@4c2b15a9, org.primefaces.showcase.domain.Car@73d87abf, org.primefaces.showcase.domain.Car@626bdce6, org.primefaces.showcase.domain.Car@3e08ef19, org.primefaces.showcase.domain.Car@1d343434, org.primefaces.showcase.domain.Car@8aa4d285, org.primefaces.showcase.domain.Car@7f852fcb, org.primefaces.showcase.domain.Car@79f2a259, org.primefaces.showcase.domain.Car@e508ae8c, org.primefaces.showcase.domain.Car@3ca8f3e7, org.primefaces.showcase.domain.Car@85f79770, org.primefaces.showcase.domain.Car@5691b480]" rows="12" paginator="true" rowsPerPageTemplate="6,12,16"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
gridIcon="pi pi-th-large" listIcon="pi pi-bars">
<p:dataViewGridItem>
<p:panel header="" style="text-align:center">
<h:panelGrid columns="1" style="width:100%">
<p:graphicImage name="demo/images/car/.gif"/>
<h:outputText value="" />
<p:commandLink update=":form:carDetail" oncomplete="PF('carDialog').show()" title="View Detail">
<h:outputText styleClass="ui-icon pi pi-search" style="margin:0 auto;" />
<f:setPropertyActionListener value="" target="" />
</p:commandLink>
</h:panelGrid>
</p:panel>
</p:dataViewGridItem>
<p:dataViewListItem>
<h:panelGrid columns="3" style="width:100%" columnClasses="logo,detail">
<p:graphicImage name="demo/images/car/-big.gif" />
<p:outputPanel>
<h:panelGrid columns="2" cellpadding="5">
<h:outputText value="Id:" />
<h:outputText value="" style="font-weight: bold"/>
<h:outputText value="Year:" />
<h:outputText value="" style="font-weight: bold"/>
<h:outputText value="Color:" />
<h:outputText value="" style="font-weight: bold"/>
</h:panelGrid>
</p:outputPanel>
<p:commandLink update=":form:carDetail" oncomplete="PF('carDialog').show()" title="View Detail">
<h:outputText styleClass="ui-icon pi pi-search" style="margin:0 auto;" />
<f:setPropertyActionListener value="" target="" />
</p:commandLink>
</h:panelGrid>
</p:dataViewListItem>
</p:dataView>
<p:dialog header="Car Info" widgetVar="carDialog" modal="true" showEffect="fade" hideEffect="fade" resizable="false">
<p:outputPanel id="carDetail" style="text-align:center;">
<p:panelGrid columns="2" rendered="false" columnClasses="label,value">
<f:facet name="header">
<p:graphicImage name="demo/images/car/-big.gif"/>
</f:facet>
<h:outputText value="Id:" />
<h:outputText value="" />
<h:outputText value="Year" />
<h:outputText value="" />
<h:outputText value="Color:" />
<h:outputText value="" style="color:"/>
<h:outputText value="Price" />
<h:outputText value="$" />
</p:panelGrid>
</p:outputPanel>
</p:dialog>
</h:form>
public class Car implements Serializable {
public String id;
public String brand;
public int year;
public String color;
public int price;
public boolean sold;
public Car() {}
public Car(String id, String brand, int year, String color) {
this.id = id;
this.brand = brand;
this.year = year;
this.color = color;
}
public Car(String id, String brand, int year, String color, int price, boolean sold) {
this.id = id;
this.brand = brand;
this.year = year;
this.color = color;
this.price = price;
this.sold = sold;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getBrand() {
return brand;
}
public void setBrand(String brand) {
this.brand = brand;
}
public int getYear() {
return year;
}
public void setYear(int year) {
this.year = year;
}
public String getColor() {
return color;
}
public void setColor(String color) {
this.color = color;
}
public int getPrice() {
return price;
}
public void setPrice(int price) {
this.price = price;
}
public boolean isSold() {
return sold;
}
public void setSold(boolean sold) {
this.sold = sold;
}
@Override
public int hashCode() {
int hash = 7;
hash = 59 * hash + (this.id != null ? this.id.hashCode() : 0);
return hash;
}
@Override
public boolean equals(Object obj) {
if (obj == null) {
return false;
}
if (getClass() != obj.getClass()) {
return false;
}
final Car other = (Car) obj;
if ((this.id == null) ? (other.id != null) : !this.id.equals(other.id)) {
return false;
}
return true;
}
}
@ManagedBean(name = "carService")
@ApplicationScoped
public class CarService {
private final static String[] colors;
private final static String[] brands;
static {
colors = new String[10];
colors[0] = "Black";
colors[1] = "White";
colors[2] = "Green";
colors[3] = "Red";
colors[4] = "Blue";
colors[5] = "Orange";
colors[6] = "Silver";
colors[7] = "Yellow";
colors[8] = "Brown";
colors[9] = "Maroon";
brands = new String[10];
brands[0] = "BMW";
brands[1] = "Mercedes";
brands[2] = "Volvo";
brands[3] = "Audi";
brands[4] = "Renault";
brands[5] = "Fiat";
brands[6] = "Volkswagen";
brands[7] = "Honda";
brands[8] = "Jaguar";
brands[9] = "Ford";
}
public List<Car> createCars(int size) {
List<Car> list = new ArrayList<Car>();
for(int i = 0 ; i < size ; i++) {
list.add(new Car(getRandomId(), getRandomBrand(), getRandomYear(), getRandomColor(), getRandomPrice(), getRandomSoldState()));
}
return list;
}
private String getRandomId() {
return UUID.randomUUID().toString().substring(0, 8);
}
private int getRandomYear() {
return (int) (Math.random() * 50 + 1960);
}
private String getRandomColor() {
return colors[(int) (Math.random() * 10)];
}
private String getRandomBrand() {
return brands[(int) (Math.random() * 10)];
}
private int getRandomPrice() {
return (int) (Math.random() * 100000);
}
private boolean getRandomSoldState() {
return (Math.random() > 0.5) ? true: false;
}
public List<String> getColors() {
return Arrays.asList(colors);
}
public List<String> getBrands() {
return Arrays.asList(brands);
}
}