Skip to content

Commit ebfa523

Browse files
tsabirgalievtsabirgaliev
committed
Add a JSF example featuring WebJars
Here is a basic JSF application, where JSF components are skinned using Foundation styles pulled through WebJars
1 parent d7f2ac1 commit ebfa523

File tree

4 files changed

+149
-0
lines changed

4 files changed

+149
-0
lines changed

‎extra/webjars/pom.xml‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<project xmlns="http://maven.apache.org/POM/4.0.0"
3+
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
4+
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
5+
<modelVersion>4.0.0</modelVersion>
6+
7+
<parent>
8+
<groupId>org.javaee7.extra</groupId>
9+
<artifactId>extra-samples</artifactId>
10+
<version>1.0-SNAPSHOT</version>
11+
<relativePath>../pom.xml</relativePath>
12+
</parent>
13+
14+
<groupId>org.javaee7.extra</groupId>
15+
<artifactId>webjars</artifactId>
16+
<version>1.0-SNAPSHOT</version>
17+
18+
<packaging>war</packaging>
19+
20+
<dependencies>
21+
<dependency>
22+
<groupId>org.webjars</groupId>
23+
<artifactId>foundation</artifactId>
24+
<version>5.5.0</version>
25+
</dependency>
26+
</dependencies>
27+
28+
</project>

‎extra/webjars/src/main/webapp/WEB-INF/web.xml‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<web-app
3+
version="3.1"
4+
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
5+
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
6+
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">
7+
<context-param>
8+
<param-name>javax.faces.PROJECT_STAGE</param-name>
9+
<param-value>Development</param-value>
10+
</context-param>
11+
<servlet>
12+
<servlet-name>Faces Servlet</servlet-name>
13+
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
14+
<load-on-startup>1</load-on-startup>
15+
</servlet>
16+
<servlet-mapping>
17+
<servlet-name>Faces Servlet</servlet-name>
18+
<url-pattern>/faces/*</url-pattern>
19+
</servlet-mapping>
20+
<session-config>
21+
<session-timeout>
22+
30
23+
</session-timeout>
24+
</session-config>
25+
<welcome-file-list>
26+
<welcome-file>faces/index.xhtml</welcome-file>
27+
</welcome-file-list>
28+
</web-app>

‎extra/webjars/src/main/webapp/index.xhtml‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<html xmlns="http://www.w3.org/1999/xhtml"
3+
xmlns:f="http://xmlns.jcp.org/jsf/core"
4+
xmlns:h="http://xmlns.jcp.org/jsf/html"
5+
xmlns:a="http://xmlns.jcp.org/jsf/passthrough">
6+
<h:head>
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<h:outputStylesheet name="webjars/normalize.css/3.0.1/normalize.css" />
9+
<h:outputStylesheet name="webjars/foundation/5.5.0/css/foundation.min.css" />
10+
<h:outputStylesheet name="css/app.css" />
11+
<h:outputScript name="webjars/jquery/2.1.1/jquery.min.js" />
12+
<h:outputScript name="webjars/foundation/5.5.0/js/foundation.min.js" />
13+
<h:outputScript name="webjars/modernizr/2.8.3/modernizr.min.js" />
14+
</h:head>
15+
<h:body>
16+
<h1 align="center">Hello Webjars + Foundation!</h1>
17+
<h:form>
18+
<div class="row">
19+
<div class="large-12 columns">
20+
<h:outputLabel>Input Label
21+
<h:inputText a:placeholder="large-12.columns" />
22+
</h:outputLabel>
23+
</div>
24+
</div>
25+
<div class="row">
26+
<div class="large-4 columns">
27+
<h:outputLabel>Input Label
28+
<h:inputText a:placeholder="large-4.columns" />
29+
</h:outputLabel>
30+
</div>
31+
<div class="large-4 columns">
32+
<h:outputLabel>Input Label
33+
<h:inputText a:placeholder="large-4.columns" />
34+
</h:outputLabel>
35+
</div>
36+
<div class="large-4 columns">
37+
<div class="row collapse">
38+
<h:outputLabel for="row2col3">Input Label</h:outputLabel>
39+
<div class="small-9 columns">
40+
<h:inputText id="row2col3" a:placeholder="small-9.columns" />
41+
</div>
42+
<div class="small-3 columns">
43+
<span class="postfix">.com</span>
44+
</div>
45+
</div>
46+
</div>
47+
</div>
48+
<div class="row">
49+
<div class="large-12 columns">
50+
<h:outputLabel>Select Box
51+
<h:selectOneMenu>
52+
<f:selectItem itemValue="husker" itemLabel="Husker"/>
53+
<f:selectItem itemValue="starbuck" itemLabel="Starbuck"/>
54+
<f:selectItem itemValue="hotdog" itemLabel="Hot Dog"/>
55+
<f:selectItem itemValue="apollo" itemLabel="Apollo"/>
56+
</h:selectOneMenu>
57+
</h:outputLabel>
58+
</div>
59+
</div>
60+
<div class="row">
61+
<div class="large-6 columns">
62+
<h:outputLabel>Choose Your Favorite</h:outputLabel>
63+
<h:selectOneRadio id="pokemon" styleClass="jsf-select">
64+
<f:selectItem itemValue="Red" itemLabel="Red"/>
65+
<f:selectItem itemValue="Blue" itemLabel="Blue"/>
66+
</h:selectOneRadio>
67+
</div>
68+
<div class="large-6 columns">
69+
<h:outputLabel>Check these out</h:outputLabel>
70+
<h:selectManyCheckbox styleClass="jsf-select">
71+
<f:selectItem itemLabel="Checkbox 1"/>
72+
<f:selectItem itemLabel="Checkbox 2"/>
73+
</h:selectManyCheckbox>
74+
</div>
75+
</div>
76+
<div class="row">
77+
<div class="large-12 columns">
78+
<h:outputLabel>Textarea Label
79+
<h:inputTextarea a:placeholder="small-12.columns"></h:inputTextarea>
80+
</h:outputLabel>
81+
</div>
82+
</div>
83+
</h:form>
84+
</h:body>
85+
</html>

‎extra/webjars/src/main/webapp/resources/css/app.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
.jsf-select {
2+
border: 0;
3+
margin: 3px 0 0;
4+
}
5+
6+
.jsf-select td {
7+
padding: 0;
8+
}

0 commit comments

Comments
 (0)