It works but the output is broken :)
21
Semester 3/Assignments/templates4_2/nb-configuration.xml
Normal file
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project-shared-configuration>
|
||||
<!--
|
||||
This file contains additional configuration written by modules in the NetBeans IDE.
|
||||
The configuration is intended to be shared among all the users of project and
|
||||
therefore it is assumed to be part of version control checkout.
|
||||
Without this configuration present, some functionality in the IDE may be limited or fail altogether.
|
||||
-->
|
||||
<properties xmlns="http://www.netbeans.org/ns/maven-properties-data/1">
|
||||
<!--
|
||||
Properties that influence various parts of the IDE, especially code formatting and the like.
|
||||
You can copy and paste the single properties, into the pom.xml file and the IDE will pick them up.
|
||||
That way multiple projects can share the same settings (useful for formatting rules for example).
|
||||
Any value defined here will override the pom.xml file value but is only applicable to the current project.
|
||||
-->
|
||||
<org-netbeans-modules-projectapi.jsf_2e_language>Facelets</org-netbeans-modules-projectapi.jsf_2e_language>
|
||||
<org-netbeans-modules-maven-jaxws.rest_2e_config_2e_type>ide</org-netbeans-modules-maven-jaxws.rest_2e_config_2e_type>
|
||||
<org-netbeans-modules-maven-j2ee.netbeans_2e_hint_2e_deploy_2e_server>gfv700ee10</org-netbeans-modules-maven-j2ee.netbeans_2e_hint_2e_deploy_2e_server>
|
||||
<netbeans.hint.jdkPlatform>JDK_15__System_</netbeans.hint.jdkPlatform>
|
||||
</properties>
|
||||
</project-shared-configuration>
|
48
Semester 3/Assignments/templates4_2/pom.xml
Normal file
@@ -0,0 +1,48 @@
|
||||
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
|
||||
<modelVersion>4.0.0</modelVersion>
|
||||
<groupId>asdv</groupId>
|
||||
<artifactId>templates4_2</artifactId>
|
||||
<version>1</version>
|
||||
<packaging>war</packaging>
|
||||
<name>templates4_2-1</name>
|
||||
|
||||
<properties>
|
||||
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
|
||||
<jakartaee>10.0.0</jakartaee>
|
||||
</properties>
|
||||
|
||||
<dependencies>
|
||||
<dependency>
|
||||
<groupId>jakarta.platform</groupId>
|
||||
<artifactId>jakarta.jakartaee-api</artifactId>
|
||||
<version>${jakartaee}</version>
|
||||
<scope>provided</scope>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>org.primefaces</groupId>
|
||||
<artifactId>primefaces</artifactId>
|
||||
<version>10.0.0</version>
|
||||
<classifier>jakarta</classifier>
|
||||
</dependency>
|
||||
</dependencies>
|
||||
|
||||
<build>
|
||||
<plugins>
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-compiler-plugin</artifactId>
|
||||
<version>3.8.1</version>
|
||||
<configuration>
|
||||
<source>11</source>
|
||||
<target>11</target>
|
||||
</configuration>
|
||||
</plugin>
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-war-plugin</artifactId>
|
||||
<version>3.3.2</version>
|
||||
</plugin>
|
||||
</plugins>
|
||||
</build>
|
||||
</project>
|
@@ -0,0 +1,46 @@
|
||||
package beans;
|
||||
|
||||
/*
|
||||
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||||
* Click nbfs://nbhost/SystemFileSystem/Templates/JSF/JSFManagedBean.java to edit this template
|
||||
*/
|
||||
|
||||
import jakarta.inject.Named;
|
||||
import jakarta.enterprise.context.RequestScoped;
|
||||
|
||||
/**
|
||||
*
|
||||
* @author asdv5
|
||||
*/
|
||||
@Named(value = "admin")
|
||||
@RequestScoped
|
||||
public class Admin {
|
||||
|
||||
private String userName;
|
||||
|
||||
private String password;
|
||||
|
||||
public String getPassword() {
|
||||
return password;
|
||||
}
|
||||
|
||||
public void setPassword(String password) {
|
||||
this.password = password;
|
||||
}
|
||||
|
||||
|
||||
public String getUserName() {
|
||||
return userName;
|
||||
}
|
||||
|
||||
public void setUserName(String userName) {
|
||||
this.userName = userName;
|
||||
}
|
||||
|
||||
public String validate()
|
||||
{
|
||||
return "index";
|
||||
}
|
||||
|
||||
|
||||
}
|
@@ -0,0 +1,7 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<persistence version="3.0" xmlns="https://jakarta.ee/xml/ns/persistence" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://jakarta.ee/xml/ns/persistence https://jakarta.ee/xml/ns/persistence/persistence_3_0.xsd">
|
||||
<!-- Define Persistence Unit -->
|
||||
<persistence-unit name="my_persistence_unit">
|
||||
|
||||
</persistence-unit>
|
||||
</persistence>
|
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<beans xmlns="https://jakarta.ee/xml/ns/jakartaee"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee https://jakarta.ee/xml/ns/jakartaee/beans_4_0.xsd"
|
||||
bean-discovery-mode="all">
|
||||
</beans>
|
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!--
|
||||
Copyright (c) 1997, 2018 Oracle and/or its affiliates. All rights reserved.
|
||||
|
||||
This program and the accompanying materials are made available under the
|
||||
terms of the Eclipse Public License v. 2.0, which is available at
|
||||
http://www.eclipse.org/legal/epl-2.0.
|
||||
|
||||
This Source Code may also be made available under the following Secondary
|
||||
Licenses when the conditions for such availability set forth in the
|
||||
Eclipse Public License v. 2.0 are satisfied: GNU General Public License,
|
||||
version 2 with the GNU Classpath Exception, which is available at
|
||||
https://www.gnu.org/software/classpath/license.html.
|
||||
|
||||
SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
|
||||
-->
|
||||
<!DOCTYPE glassfish-web-app PUBLIC "-//GlassFish.org//DTD GlassFish Application Server 3.1 Servlet 3.0//EN" "http://glassfish.org/dtds/glassfish-web-app_3_0-1.dtd">
|
||||
<glassfish-web-app error-url="">
|
||||
<class-loader delegate="true"/>
|
||||
<jsp-config>
|
||||
<property name="keepgenerated" value="true">
|
||||
<description>Keep a copy of the generated servlet class' java code.</description>
|
||||
</property>
|
||||
</jsp-config>
|
||||
</glassfish-web-app>
|
@@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<web-app version="6.0" xmlns="https://jakarta.ee/xml/ns/jakartaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://jakarta.ee/xml/ns/jakartaee https://jakarta.ee/xml/ns/jakartaee/web-app_6_0.xsd">
|
||||
<context-param>
|
||||
<param-name>jakarta.faces.PROJECT_STAGE</param-name>
|
||||
<param-value>Development</param-value>
|
||||
</context-param>
|
||||
<servlet>
|
||||
<servlet-name>Faces Servlet</servlet-name>
|
||||
<servlet-class>jakarta.faces.webapp.FacesServlet</servlet-class>
|
||||
<load-on-startup>1</load-on-startup>
|
||||
</servlet>
|
||||
<servlet-mapping>
|
||||
<servlet-name>Faces Servlet</servlet-name>
|
||||
<url-pattern>/faces/*</url-pattern>
|
||||
</servlet-mapping>
|
||||
<session-config>
|
||||
<session-timeout>
|
||||
30
|
||||
</session-timeout>
|
||||
</session-config>
|
||||
<welcome-file-list>
|
||||
<welcome-file>faces/index.xhtml</welcome-file>
|
||||
</welcome-file-list>
|
||||
</web-app>
|
@@ -0,0 +1,55 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:f5="http://xmlns.jcp.org/jsf/passthrough"
|
||||
xmlns:p="http://primefaces.org/ui">
|
||||
<h:head>
|
||||
<title></title>
|
||||
</h:head>
|
||||
<h:body>
|
||||
<ui:composition
|
||||
template="templates/layout_templates/layout.xhtml">
|
||||
|
||||
<ui:param name="wrapperWidth" value="100%"/>
|
||||
<ui:param name="paramForRenderTitle" value="true"/>
|
||||
<ui:param name="paramForRenderLoginAndSearch" value="true"/>
|
||||
<ui:param name="paramForRenderLogin" value="true"/>
|
||||
<ui:param name="paramForRenderSearch" value="true"/>
|
||||
<ui:param name="search" value="true"/>
|
||||
<ui:param name="paramForRenderTop" value="true"/>
|
||||
<ui:param name="paramForRenderLogo" value="true"/>
|
||||
<ui:param name="paramForRenderLeft" value="true"/>
|
||||
<ui:param name="title" value="true"/>
|
||||
|
||||
<ui:define name="title1">
|
||||
ASDV at SLCC
|
||||
</ui:define>
|
||||
<ui:define name="login">
|
||||
<h:form id="loginFormId">
|
||||
<p:inputText styleClass="inputs" value="#{admin.userName}" f5:type="user name" f5:placeholder="email"
|
||||
/>
|
||||
<p:password styleClass="inputs" value="#{admin.password}" f5:placeholder="password"/>
|
||||
<p:commandButton styleClass="lbutton" value="Login" action="#{admin.validate()}"/>
|
||||
</h:form>
|
||||
</ui:define>
|
||||
|
||||
<ui:define name="search">
|
||||
<h:form id="searchId">
|
||||
<p:inputText styleClass="inputs" value="" f5:type="search" f5:placeholder="search website"
|
||||
onkeyup="#{dsd}"/>
|
||||
</h:form>
|
||||
</ui:define >
|
||||
<ui:define name="logo"/>
|
||||
<ui:define name="left">
|
||||
<h:commandButton value="left"/>
|
||||
</ui:define>
|
||||
<ui:define name="top">
|
||||
We develop software with style...
|
||||
</ui:define>
|
||||
</ui:composition>
|
||||
|
||||
</h:body>
|
||||
</html>
|
||||
|
@@ -0,0 +1,18 @@
|
||||
#bottom {
|
||||
margin: 0px 0px 0px 0px;
|
||||
text-align:center;
|
||||
color: #ffffff;
|
||||
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0, blue),
|
||||
color-stop(1, blue)
|
||||
);
|
||||
background-image: -o-linear-gradient(bottom, blue 0%, #120205 100%);
|
||||
background-image: -moz-linear-gradient(bottom, blue 0%, #120205 100%);
|
||||
background-image: -webkit-linear-gradient(bottom, blue 0%, #120205 100%);
|
||||
background-image: -ms-linear-gradient(bottom, blue 0%, #120205 100%);
|
||||
background-image: linear-gradient(to bottom, blue 0%, #120205 100%);
|
||||
}
|
@@ -0,0 +1,3 @@
|
||||
#content {
|
||||
background: white;
|
||||
}
|
@@ -0,0 +1,51 @@
|
||||
#wrapper {
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
#title {
|
||||
position: relative;
|
||||
margin: 1px 0px 0px 0px;
|
||||
}
|
||||
|
||||
#login_and_search {
|
||||
position: relative;
|
||||
margin: 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
#login {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#search {
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#top {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
#bottom {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
@@ -0,0 +1,8 @@
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
font-size: 1em;
|
||||
font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
|
||||
color: #222;
|
||||
margin: 2px;
|
||||
}
|
@@ -0,0 +1,2 @@
|
||||
|
||||
|
@@ -0,0 +1,38 @@
|
||||
|
||||
* {box-sizing: border-box;}
|
||||
|
||||
|
||||
.img-zoom-container {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.img-zoom-lens {
|
||||
position: absolute ;
|
||||
border-radius: 30px;
|
||||
|
||||
border: 1px solid #d4d4d4;
|
||||
/*set the size of the lens:*/
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
z-index: 10;
|
||||
|
||||
}
|
||||
|
||||
.img-zoom-result {
|
||||
|
||||
border: 1px solid #d4d4d4;
|
||||
/*set the size of the result div:*/
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.myDiv
|
||||
{
|
||||
align: center;
|
||||
padding: 30px;
|
||||
margin: 10;
|
||||
border-left: 10px solid navy;
|
||||
}
|
||||
|
@@ -0,0 +1,22 @@
|
||||
#left {
|
||||
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
left bottom,
|
||||
color-stop(0, #2D4A37),
|
||||
color-stop(1, #789480)
|
||||
);
|
||||
background-image: -o-linear-gradient(bottom, #2D4A37 0%, #789480 100%);
|
||||
background-image: -moz-linear-gradient(bottom, #2D4A37 0%, #789480 100%);
|
||||
background-image: -webkit-linear-gradient(bottom, #2D4A37 0%, #789480 100%);
|
||||
background-image: -ms-linear-gradient(bottom, #2D4A37 0%, #789480 100%);
|
||||
background-image: linear-gradient(to bottom, #2D4A37 0%, #789480 100%);
|
||||
-moz-box-shadow: 0px 0px 15px 3px #333333;
|
||||
-webkit-box-shadow: 0px 0px 15px 3px #333333;
|
||||
box-shadow: 0px 0px 15px 3px #333333;
|
||||
|
||||
text-align:left;
|
||||
padding-left:10px;
|
||||
margin-right: 5px;
|
||||
}
|
@@ -0,0 +1,65 @@
|
||||
.inputs {
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
background-color: #222;
|
||||
background: -moz-linear-gradient(top, #FFF, #EAEAEA);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFF), color-stop(1.0, #EAEAEA));
|
||||
border: 1px solid #CACACA;
|
||||
color: #444;
|
||||
font-size: 1.1em;
|
||||
margin: 0px 10px 0px 0px;
|
||||
padding-left: 2px;
|
||||
width:200px;
|
||||
}
|
||||
.inputs:focus {
|
||||
color: #ffffff;
|
||||
background: #cc0000;
|
||||
-webkit-box-shadow: 0 0 25px #CCC;
|
||||
-moz-box-shadow: 0 0 25px #cccc00;
|
||||
box-shadow: 0 0 25px #CCCC00;
|
||||
-webkit-transform: scale(1.05);
|
||||
-moz-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
}
|
||||
|
||||
.lbutton {
|
||||
-moz-box-shadow: 4px 7px 13px -7px #276873;
|
||||
-webkit-box-shadow: 4px 7px 13px -7px #276873;
|
||||
box-shadow: 4px 7px 13px -7px #276873;
|
||||
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #171717), color-stop(1, #d92323));
|
||||
background:-moz-linear-gradient(top, #171717 5%, #222 100%);
|
||||
background:-webkit-linear-gradient(top, #171717 5%, #222 100%);
|
||||
background:-o-linear-gradient(top, #171717 5%, #222 100%);
|
||||
background:-ms-linear-gradient(top, #171717 5%, #222 100%);
|
||||
background:linear-gradient(to bottom, #171717 5%, #222 100%);
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#d92323',GradientType=0);
|
||||
background-color:#222;
|
||||
-moz-border-radius:17px;
|
||||
-webkit-border-radius:17px;
|
||||
border-radius:17px;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
color:#ffffff;
|
||||
font-family:arial;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
padding:2px 12px;
|
||||
text-decoration:none;
|
||||
text-shadow:0px 1px 0px #3d768a;
|
||||
}
|
||||
.lbutton:hover {
|
||||
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #222), color-stop(1, #171717));
|
||||
background:-moz-linear-gradient(top, #00f 5%, #222 100%);
|
||||
background:-webkit-linear-gradient(top, 00f 5%, #222 100%);
|
||||
background:-o-linear-gradient(top, #00f 5%, #222 100%);
|
||||
background:-ms-linear-gradient(top, #00f 5%, #222 100%);
|
||||
background:linear-gradient(to bottom, #00f 5%, #222 100%);
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d92323', endColorstr='#222',GradientType=0);
|
||||
background-color:#222;
|
||||
}
|
||||
.lbutton:active {
|
||||
position:relative;
|
||||
top:1px;
|
||||
}
|
||||
|
||||
|
@@ -0,0 +1,5 @@
|
||||
#login_and_search {
|
||||
height:20px;
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
}
|
@@ -0,0 +1,7 @@
|
||||
#logo {
|
||||
background-image:url("#{resource['images/site/logo.png']}");
|
||||
margin-right: 0px;
|
||||
width:80px;
|
||||
height:120px;
|
||||
|
||||
}
|
@@ -0,0 +1,37 @@
|
||||
#menu {
|
||||
white-space: nowrap;
|
||||
height: 28px;
|
||||
width:100%;
|
||||
background: #fff url("#{resource['images/site/menu.png']}") bottom center ;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style:none;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#menu li {
|
||||
float: left;
|
||||
margin: 0 3px 0 3px;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#menu a {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
float:left;
|
||||
display:block;
|
||||
height: 26px;
|
||||
line-height: 24px;
|
||||
padding: 2px 10px 0 10px;
|
||||
color: #cccc00;
|
||||
text-decoration: none;
|
||||
background: transparent;
|
||||
|
||||
}
|
||||
|
@@ -0,0 +1,5 @@
|
||||
#right {
|
||||
background-color: #FA0519;
|
||||
text-align:center;
|
||||
margin-left: 5px;
|
||||
}
|
@@ -0,0 +1,3 @@
|
||||
#search {
|
||||
color: #ffffff;
|
||||
}
|
@@ -0,0 +1,67 @@
|
||||
|
||||
a {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
float:left;
|
||||
display:block;
|
||||
height: 26px;
|
||||
line-height: 24px;
|
||||
padding: 2px 10px 0 10px;
|
||||
color: #cccc00;
|
||||
text-decoration:#A3979A;
|
||||
background-color: white;
|
||||
border: white;
|
||||
padding: 0px
|
||||
}
|
||||
a.hover {
|
||||
float: left;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
float:left;
|
||||
display:block;
|
||||
height: 26px;
|
||||
line-height: 24px;
|
||||
color: #cccc00;
|
||||
text-decoration: none;
|
||||
|
||||
background-color: white;
|
||||
border: white;
|
||||
padding: 0px
|
||||
}
|
||||
|
||||
.menus
|
||||
{
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: normal;
|
||||
float:right;
|
||||
|
||||
|
||||
color: #cccc00;
|
||||
text-decoration:#A3979A;
|
||||
background-color: white;
|
||||
border: white;
|
||||
padding: 0px ;
|
||||
margin-top: 0px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.affaires .ui-menuitem-text{color:#cccc00;
|
||||
decoration: bold, italic;
|
||||
|
||||
}
|
||||
.affaires .ui-menu-child{background: white; mouseover: #000;
|
||||
background-color: #A80000;}
|
||||
.affaires .ui-menubar{mouseover: #000;
|
||||
background-color: #A80000;}
|
||||
.affaires .ui-state-hover {}
|
||||
|
||||
a.active {
|
||||
color: #D09d23;
|
||||
font-weight: bold;
|
||||
background-color : #c7c3c3;
|
||||
}
|
@@ -0,0 +1,9 @@
|
||||
#title {
|
||||
background: white;
|
||||
color:blue;
|
||||
text-align:center;
|
||||
font-size: 38px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
@@ -0,0 +1,14 @@
|
||||
#topPhones {
|
||||
color: #cc0000;
|
||||
font-family: 'Arial Black', Gadget, sans-serif;
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
height:120px;
|
||||
text-shadow: 0 0 4px rgb(255, 255, 255),
|
||||
0 -5px 4px rgb(255, 255, 51),
|
||||
2px -10px 6px rgb(255, 221, 51),
|
||||
-2px -15px 11px rgb(255, 136, 0),
|
||||
2px -25px 18px rgb(255, 34, 0);
|
||||
background: white;
|
||||
|
||||
}
|
@@ -0,0 +1,8 @@
|
||||
#top {
|
||||
color: blue;
|
||||
font-family: 'Zapfino', Gadget, sans-serif;
|
||||
font-size: 36px;
|
||||
text-align: center;
|
||||
height:120px;
|
||||
background: white;
|
||||
}
|
@@ -0,0 +1,24 @@
|
||||
|
||||
* {margin: 0; padding: 0;}
|
||||
.magnify {width: 200px; margin: 50px auto; position: relative;}
|
||||
|
||||
/*Lets create the magnifying glass*/
|
||||
.large {
|
||||
width: 175px; height: 175px;
|
||||
position: absolute;
|
||||
border-radius: 100%;
|
||||
|
||||
/*Multiple box shadows to achieve the glass effect*/
|
||||
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
|
||||
0 0 7px 7px rgba(0, 0, 0, 0.25),
|
||||
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
|
||||
|
||||
/*Lets load up the large image first*/
|
||||
background: url('#{itemsBean.curImage}') no-repeat;
|
||||
|
||||
/*hide the glass by default*/
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*To solve overlap bug at the edges during magnification*/
|
||||
.small { display: block; }
|
After Width: | Height: | Size: 149 KiB |
After Width: | Height: | Size: 36 KiB |
After Width: | Height: | Size: 149 KiB |
After Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 36 KiB |
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition >
|
||||
<h1>This is default footer</h1>
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
This is default content
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
This is default left side
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
Default Login Section
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
<h1>LOGO</h1>
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,22 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html"
|
||||
xmlns:fn="http://java.sun.com/jsp/jstl/functions"
|
||||
xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
<c:if test="${not empty items}">
|
||||
<ul>
|
||||
<ui:repeat value="${fn:split(items, ',')}" var="t">
|
||||
<li>
|
||||
<h:link value="${fn:substringBefore(t, '#')}" outcome="${fn:substringAfter(t, '#')}"/>
|
||||
</li>
|
||||
</ui:repeat>
|
||||
</ul>
|
||||
</c:if>
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
This is default right side
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
Default Search Section
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
This is default title
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,12 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:body>
|
||||
<ui:composition>
|
||||
<h1>This is default header</h1>
|
||||
</ui:composition>
|
||||
</h:body>
|
||||
</html>
|
@@ -0,0 +1,88 @@
|
||||
<?xml version='1.0' encoding='UTF-8' ?>
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
|
||||
xmlns:h="http://xmlns.jcp.org/jsf/html">
|
||||
|
||||
<h:head>
|
||||
|
||||
<title>Layout Template</title>
|
||||
<h:outputStylesheet library = "css" name="default.css"/>
|
||||
<h:outputStylesheet library = "css" name="cssLayout.css"/>
|
||||
|
||||
<h:outputStylesheet name="#{title eq false ? 'css/dummy.css' : 'css/titleStyle.css'}"/>
|
||||
<h:outputStylesheet name="#{login_and_search eq false ? 'css/dummy.css' : 'css/login_and_searchStyle.css'}"/>
|
||||
<h:outputStylesheet name="#{logo_and_top eq false ? 'css/dummy.css' : 'css/logoStyle.css'}"/>
|
||||
<h:outputStylesheet name="#{top eq false ? 'css/dummy.css' : 'css/topStyle.css'}"/>
|
||||
<h:outputStylesheet name="#{left eq false ? 'css/dummy.css' : 'css/leftStyle.css'}"/>
|
||||
|
||||
|
||||
<title>Layout Template</title>
|
||||
</h:head>
|
||||
|
||||
<h:body>
|
||||
<div id="wrapper"
|
||||
style="width: #{empty wrapperWidth ? '100%' : wrapperWidth}">
|
||||
<ui:fragment
|
||||
rendered="#{!empty paramForRenderTitle ? paramForRenderTitle : false}">
|
||||
<div id="title"> <!-- this id controls the css for title-->
|
||||
<ui:insert name="title1"> <!-- this 'name'= title1
|
||||
is a parameter that comes in and
|
||||
controls whether the include will occur
|
||||
-->
|
||||
<ui:include src="/templates/default_templates/titleDefault.xhtml" />
|
||||
</ui:insert>
|
||||
</div>
|
||||
</ui:fragment>
|
||||
<ui:fragment rendered="#{!empty paramForRenderLoginAndSearch ?
|
||||
paramForRenderLoginAndSearch : false}">
|
||||
<div id="login_and_search"> <!-- login_and_search for css -->
|
||||
<ui:fragment
|
||||
rendered="#{!empty paramForRenderLogin ? paramForRenderSearch : false}">
|
||||
<div id="login">
|
||||
<ui:insert name="login">
|
||||
<ui:include src="/templates/default_templates/loginDefault.xhtml" />
|
||||
</ui:insert>
|
||||
</div>
|
||||
</ui:fragment>
|
||||
|
||||
<ui:fragment
|
||||
rendered="#{!empty paramForRenderSearch ? paramForRenderSearch : true}">
|
||||
<div id="search">
|
||||
<ui:insert name="search">
|
||||
<ui:include src="/templates/default_templates/searchDefault.xhtml" />
|
||||
</ui:insert>
|
||||
</div>
|
||||
</ui:fragment>
|
||||
</div>
|
||||
</ui:fragment>
|
||||
<ui:fragment rendered="#{!empty paramForRenderTop ? paramForRenderTop : true}">
|
||||
<div id="logo_and_top" style="overflow:auto;">
|
||||
<ui:fragment rendered="#{!empty paramForRenderLogo ? paramForRenderLogo : true}">
|
||||
<div id="logo">
|
||||
<ui:insert name="logo">
|
||||
<ui:include src="/templates/default_templates/logoDefault.xhtml" />
|
||||
</ui:insert>
|
||||
</div>
|
||||
</ui:fragment>
|
||||
<div id="top">
|
||||
<ui:insert name="top">
|
||||
<ui:include src="/templates/default_templates/topDefault.xhtml" />
|
||||
</ui:insert>
|
||||
</div>
|
||||
</div>
|
||||
</ui:fragment>
|
||||
<ui:fragment
|
||||
rendered="#{!empty paramForRenderLeft ? paramForRenderLeft : false}">
|
||||
<div id="left"> <!-- this id controls the css for title-->
|
||||
<ui:insert name="left"> <!-- this 'name'= title1
|
||||
is a parameter that comes in and
|
||||
controls whether the include will occur
|
||||
-->
|
||||
<ui:include src="/templates/default_templates/leftDefault.xhtml" />
|
||||
</ui:insert>
|
||||
</div>
|
||||
</ui:fragment>
|
||||
</div>
|
||||
</h:body>
|
||||
</html>
|