basic folder structure, css and html
/trunk/WebContent/html_head.jsp |
---|
0,0 → 1,37 |
<!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"> |
<head> |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
<title>Ontologie - WebEngineering-Projekt JSP</title> |
<link rel="icon" href="resources/images/favicon.gif" type="image/gif" /> |
<link rel="stylesheet" type="text/css" href="resources/css/main.css" /> |
<%-- |
<script type="text/javascript" src="lib/jquery/jquery-1.4.2.min.js"></script> |
<script type="text/javascript" src="js/core.js"></script> |
{* Embedd additional javascript files *} |
{foreach key=row_no item=js_file from=$js_files} |
<script type="text/javascript" src="js/{ $js_file }"></script> |
{/foreach} |
--%> |
</head> |
<body> |
<%-- |
{* Dialog for different messages (errors, warnings, info) *} |
<div id="overlay" {if !$dialog_type}class="hidden"{/if}></div> |
<div id="dialog" class="{if $dialog_type}dialog_{$dialog_type}{else}hidden{/if}"> |
<div id="dialog_title">{$dialog_title}</div> |
<div id="dialog_text">{$dialog_text}</div> |
<div id="dialog_buttons"> |
<input class="hidden" type="button" id="button_1" value="empty" /> |
<input class="hidden" type="button" id="button_2" value="empty" /> |
<input class="hidden" type="button" id="button_3" value="empty" /> |
<input {if !$dialog_button_ok}class="hidden"{/if} type="button" id="button_ok" value=" OK " alt="{$dialog_button_ok}" /> |
<input {if !$dialog_button_yes}class="hidden"{/if} type="button" id="button_yes" value=" Yes " alt="{$dialog_button_yes}" /> |
<input {if !$dialog_button_no}class="hidden"{/if} type="button" id="button_no" value=" No " alt="{$dialog_button_no}" /> |
<input {if !$dialog_button_continue}class="hidden"{/if} type="button" id="button_continue" value=" Continue " alt="{$dialog_button_continue}" /> |
<input {if !$dialog_button_cancel}class="hidden"{/if} type="button" id="button_cancel" value=" Cancel " alt="{$dialog_button_cancel}" /> |
</div> |
</div> |
--%> |
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+text/plain |
\ No newline at end of property |
Index: index.jsp |
=================================================================== |
--- index.jsp (nonexistent) |
+++ index.jsp (revision 15) |
@@ -0,0 +1,20 @@ |
+<%@ include file="html_head.jsp" %> |
+ |
+ <%-- Only serves as a container for the different site elements! |
+ Do not write any text directly into the container div! --%> |
+ <div id="page-container"> |
+ <div id="header"> |
+ <%@ include file="header.jsp" %> |
+ </div> |
+ |
+ <div id="navbar"> |
+ <%@ include file="user_nav.jsp" %> |
+ </div> |
+ |
+ <div id="content"> |
+ <%@ include file="user_main.jsp" %> |
+ </div> |
+ </div> |
+ |
+</body> |
+</html> |
/index.jsp |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+text/plain |
\ No newline at end of property |
Index: header.jsp |
=================================================================== |
--- header.jsp (nonexistent) |
+++ header.jsp (revision 15) |
@@ -0,0 +1,13 @@ |
+<table width="100%" border="0" cellspacing="0" cellpadding="0" class="header"> |
+ <tr> |
+ <td> |
+ |
+ </td> |
+ <td style="vertical-align:top;font-size:12pt;text-align:right;"> |
+ <div><strong>Semantic Web Project</strong><br /> |
+ by Michael Moos<br /> |
+ Thomas Lahn</div> |
+ </td> |
+ <td width="56" class="no_padding"><img src="resources/images/ontology_logo.jpg" width="56" height="56" alt="logo" /></td> |
+ </tr> |
+</table> |
\ No newline at end of file |
/header.jsp |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+text/plain |
\ No newline at end of property |
Index: login.jsp |
=================================================================== |
/login.jsp |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+text/plain |
\ No newline at end of property |
Index: resources/images/ontology_logo.jpg |
=================================================================== |
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/resources/images/ontology_logo.jpg |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+application/octet-stream |
\ No newline at end of property |
Index: resources/css/main.css |
=================================================================== |
--- resources/css/main.css (nonexistent) |
+++ resources/css/main.css (revision 15) |
@@ -0,0 +1,608 @@ |
+@charset "utf-8"; |
+ |
+body, td { |
+ font-family:Arial, Helvetica, sans-serif; |
+ font-size:12px; |
+ text-align:left; |
+} |
+ |
+body { |
+ margin: 0; |
+ padding: 12px; |
+} |
+ |
+h1 { |
+ font-size: 21px; |
+ margin-top: 0; |
+ padding: 0; |
+} |
+ |
+h2 { |
+ font-size: 14px; |
+ margin-top: 20px; |
+ margin-bottom: 10px; |
+} |
+ |
+h3 { |
+ font-size:13px; |
+} |
+ |
+img { |
+ border:none; |
+} |
+ |
+ |
+ |
+/********************************************************************************* |
+ * Links |
+ */ |
+ |
+a, a:link, a:visited, a:active { |
+ color: #AA0000; |
+ text-decoration: none; |
+} |
+ |
+a:hover { |
+ color: #E30119; |
+ text-decoration: underline; |
+} |
+ |
+a.button { |
+ display: block; |
+ font-weight: bold; |
+ padding-top: 4px; |
+ padding-left: 6px; |
+ padding-bottom: 4px; |
+ padding-right: 6px; |
+ border-top: 1px solid #BBBBBB; |
+ border-left: 1px solid #BBBBBB; |
+ border-bottom: 1px solid #555555; |
+ border-right: 1px solid #555555; |
+ background-color: #CCCCCC; |
+ text-decoration: none; |
+} |
+ |
+a.button:active { |
+ text-decoration: none; |
+} |
+ |
+a.button:visited { |
+ text-decoration: none; |
+} |
+ |
+a.button:hover { |
+ background-color: #DDDDDD; |
+} |
+ |
+ |
+/********************************************************************************* |
+ * Table |
+ */ |
+ |
+table { |
+ margin: 5px 0 10px 0; |
+ padding: 0; |
+} |
+ |
+table.no_margin { |
+ margin: 0; |
+} |
+ |
+td, th { |
+ text-align: left; |
+ vertical-align: top; |
+ margin: 0; |
+ padding: 0 10px 0 0; |
+} |
+ |
+/* style for listing tables */ |
+table.list { |
+ border-collapse: collapse; |
+} |
+ |
+table.list td, table.list th { |
+ margin: 0; |
+ padding: 3px 30px 3px 1px; |
+ border-bottom: 1px solid #EBEBED; |
+} |
+ |
+/* style for form tables */ |
+table.form { |
+ border-collapse: collapse; |
+} |
+ |
+table.form td, table.form th { |
+ margin: 0; |
+ padding: 0 20px 6px 0; |
+} |
+ |
+/* Header table */ |
+table.header { |
+ margin: 0; |
+} |
+ |
+td.no_padding { |
+ padding: 0; |
+} |
+ |
+ |
+/********************************************************************************* |
+ * Custom classes |
+ */ |
+ |
+div#page-container { |
+ width: 100%; |
+} |
+ |
+div#header { |
+ width: 100%; |
+ padding: 0 0 15px 0; |
+ border-bottom: #EBEBED 10px solid; |
+} |
+ |
+div#navbar { |
+ float: left; |
+ width: 200px; |
+ padding: 15px 20px 0 0; |
+ position:absolute; |
+} |
+ |
+div#content { |
+ padding: 15px 0 10px 230px; |
+ |
+ /* |
+ border-color:#F00; |
+ border-style:solid; |
+ border-width:thick; |
+ */ |
+} |
+ |
+.right { |
+ text-align: right; |
+} |
+ |
+span.normal { |
+ font-weight: normal; |
+} |
+ |
+/********************************************************************************* |
+ * Login |
+ */ |
+ |
+div#login { |
+ background-color: #EBEBED; |
+ width: 350px; |
+ padding: 10px; |
+ margin: auto; |
+ margin-top: 50px; |
+ text-align: center; |
+} |
+ |
+p.login_failed { |
+ color: #DD0000; |
+ font-weight: bold; |
+ background-color: #FFFFFF; |
+} |
+ |
+input.login { |
+ width: 200px; |
+} |
+ |
+ |
+ |
+ |
+/********************************************************************************* |
+ * Dialogs |
+ */ |
+div.errormsg { /* Old version by Kevin */ |
+ font-weight: bold; |
+ border: 2px solid black; |
+ color: #DD0000; |
+ position: fixed; |
+ left:10px; |
+ top: 10px; |
+ padding-top: 20px; |
+ padding-bottom: 20px; |
+ margin-left:40%; |
+ text-align: center; |
+ font-size: 16px; |
+ width: 20%; |
+} |
+ |
+#dialog { |
+ font-weight: bold; |
+ border: 5px solid #888888; |
+ color: #000000; |
+ position: absolute; |
+ left: 30%; |
+ top: 20px; |
+ text-align: left; |
+ |
+ padding: 10px 10px 10px 80px; |
+ margin: 20px auto auto auto; |
+ |
+ width: 40%; |
+ background-color: #FFFFFF; |
+ |
+ z-index: 1000; |
+} |
+ |
+#overlay { |
+ position: absolute; |
+ top: 0; |
+ left: 0; |
+ width: 100%; |
+ height: 100%; |
+ z-index: 500; |
+ background-color: #EBEBED; |
+ |
+ opacity: 0.7; /* for real browsers */ |
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE 8 */ |
+ filter: alpha(opacity=70); /* for IE */ |
+} |
+ |
+ |
+/* Error dialog */ |
+.dialog_error { |
+ background: #FFFFFF url(../../resources/images/dialog_error.png) no-repeat 10px 10px; |
+} |
+ |
+/* Warning dialog */ |
+.dialog_warning { |
+ background: #FFFFFF url(../../resources/images/dialog_warning.png) no-repeat 10px 10px; |
+} |
+ |
+/* Info dialog */ |
+.dialog_info { |
+ background: #FFFFFF url(../../resources/images/dialog_info.png) no-repeat 10px 10px; |
+} |
+ |
+/* Question dialog */ |
+.dialog_question { |
+ background: #FFFFFF url(../../resources/images/dialog_question.png) no-repeat 10px 10px; |
+} |
+ |
+/*Notification*/ |
+.notificationIcon { |
+ float:right; |
+} |
+ |
+ |
+/* Title of dialog box */ |
+#dialog_title { |
+ float: left; |
+ width: 100%; |
+ margin: 0 0 10px 0; |
+ padding: 0; |
+ font-size: 14px; |
+ font-weight: bold; |
+} |
+ |
+/* Text of dialog box */ |
+#dialog_text { |
+ float: left; |
+ width: 100%; |
+ margin: 0 0 10px 0; |
+ padding: 0; |
+ font-size: 14px; |
+ font-weight: normal; |
+} |
+ |
+/* Buttons in dialog box */ |
+#dialog_buttons { |
+ width: 100%; |
+ float: left; |
+ text-align: right; |
+ margin: 0; |
+ padding: 10px 0 0 0; |
+} |
+ |
+ |
+/********************************************************************************* |
+ * Navigation on the left side |
+ */ |
+ |
+/* First level of navigation */ |
+#navigation ul { |
+ list-style-type: none; |
+ list-style-image: none; |
+ margin: 0; |
+ padding: 0; |
+} |
+ |
+#navigation ul li { |
+ border-bottom: #EBEBED 7px solid; |
+ margin: 0; |
+ padding: 5px 0 5px 1px; |
+ font-weight: bold; |
+ font-size: 13px; |
+} |
+ |
+/* Second level of navigation */ |
+#navigation ul li ul { |
+ padding: 3px 0 0 0; |
+} |
+ |
+#navigation ul li ul li { |
+ border-bottom: none; |
+ margin: 0; |
+ padding: 3px 0 3px 7px; |
+ font-weight: normal; |
+ font-size: 12px; |
+} |
+ |
+/* Links in navigation area */ |
+#navigation a { |
+ text-decoration: none; |
+ color: #333333; |
+} |
+ |
+#navigation a:active { |
+ text-decoration: none; |
+ color: #E30119; |
+} |
+ |
+#navigation a:hover { |
+ text-decoration: none; |
+ color: #E30119; |
+} |
+ |
+ |
+/********************************************************************************* |
+ * General page formatting |
+ */ |
+ |
+p.main_hint { |
+ font-weight: bold; |
+} |
+ |
+p.sub_hint { |
+} |
+ |
+.hidden { |
+ display: none; |
+} |
+ |
+/********************************************************************************* |
+ * Customer selection |
+ */ |
+ |
+div.customer { |
+ border-left: #EBEBED 5px solid; |
+ padding: 0 5px 0 5px; |
+ margin: 0 0 10px 0; |
+ float: left; |
+ width: 300px; |
+} |
+ |
+/********************************************************************************* |
+ * Change Request |
+ */ |
+table.change_request { |
+ margin-left: -10px; |
+} |
+ |
+/********************************************************************************* |
+ * Form fields |
+ */ |
+ |
+.input_ro { /* read only input field */ |
+ border: 2px solid #EEEEEE; |
+ background-color: #EEEEEE; |
+} |
+ |
+.invalid { /* Fields containing invalid input */ |
+ border: 2px #FF0000 solid; |
+ background-color: #FFDDDD; |
+} |
+ |
+ |
+/********************************************************************************* |
+ * Shopping cart |
+ */ |
+ |
+table.shopping_cart { |
+ border-collapse: collapse; |
+ border: 3px solid #EBEBED; |
+} |
+ |
+table.shopping_cart td { |
+ padding: 3px 10px 3px 3px; |
+ border-top: 1px solid #EBEBED; |
+} |
+ |
+table.shopping_cart tr.additional_info td { |
+ border-top: none; |
+} |
+ |
+table.shopping_cart td.right, |
+table.shopping_cart th.right { |
+ padding-right: 20px; |
+} |
+ |
+table.shopping_cart th { |
+ padding: 3px 10px 3px 3px; |
+ background-color: #EBEBED; |
+} |
+ |
+/* Buttons "Place order and Request offer" */ |
+table.shopping_cart div.button { |
+ float: right; |
+ margin: 7px 0 0 10px; |
+} |
+table.shopping_cart form { |
+ margin: 0; padding: 0; /* Necessary for IE */ |
+} |
+ |
+/* No padding-right for buttons in shopping cart */ |
+table.shopping_cart th.buttons, th.buttons { |
+ text-align: right; |
+ padding-right: 0px; |
+} |
+ |
+/* Icon for opening additional info */ |
+img.additional_info_icon { |
+ width: 16px; |
+ height: 16px; |
+ padding: 0; |
+ margin: 0 0 0 4px; |
+ cursor: pointer; |
+ vertical-align:text-top; |
+} |
+ |
+/* Title "Important information" */ |
+.additional_info_title { |
+ font-weight: bold; |
+} |
+ |
+/* Cells containing the additional info or the title of the info */ |
+td.additional_info { |
+ padding: 3px; |
+ background-color: #FFFF99; |
+} |
+ |
+/* Actual text of additional info has to be a monospace font */ |
+.additional_info_text { |
+ font-family: "Courier New", Courier, monospace; |
+ padding: 5px 0 0 0; |
+ font-weight: bold; |
+} |
+ |
+/* Additional info, if a sparepart is not available (replacement part page) */ |
+.additional_info_replacement { |
+ padding: 3px; |
+ background-color: #FFFF99; |
+ font-family: "Courier New", Courier, monospace; |
+ font-weight: bold; |
+} |
+ |
+/* deleted parts */ |
+.part_deleted { |
+ background-color: #FFBBBB; |
+} |
+ |
+/* Arrow in empty shopping cart pointing to the entry form */ |
+#arrow_left { |
+ height: 38px; |
+ padding-left: 45px; |
+ background: url('../../resources/images/double_left_arrow.png') no-repeat 3px 3px; |
+} |
+ |
+/* Difference to minimum order value */ |
+#order_diff th { |
+ background-color: #FFCCCC; |
+ color: #E30119; |
+} |
+ |
+ |
+#shopping_cart_buttons { |
+ width: 100%; |
+} |
+ |
+.float_left { |
+ float: left; |
+} |
+ |
+.float_right { |
+ float: right; |
+} |
+ |
+ |
+/********************************************************************************* |
+ * Filter |
+ */ |
+ |
+#filter_list { |
+ display: inline-block; |
+ float: none; |
+} |
+ |
+#filter_show label { |
+ vertical-align: middle; |
+} |
+ |
+#filter_show fieldset { |
+ padding: 5px; |
+} |
+ |
+#event_type_block { |
+ width: 200px; |
+ height: 80px; |
+ float: left; |
+} |
+ |
+#event_type_block select { |
+ width: 150px; |
+} |
+ |
+ |
+#user_id_block { |
+ width: 200px; |
+ height: 80px; |
+ float: left; |
+} |
+ |
+#selected_customer_block { |
+ width: 200px; |
+ height: 80px; |
+ float: left; |
+} |
+ |
+#date_filter_block { |
+ width: 220px; |
+ height: 80px; |
+ float: left; |
+ text-align: right; |
+} |
+ |
+#date_filter_block input { |
+ padding-right: 5px; |
+} |
+ |
+ |
+#filter_spacer { |
+ width: 10px; |
+ height: 80px; |
+} |
+ |
+#filter_submit { |
+ padding-top: 10px; |
+ text-align: right; |
+} |
+ |
+.event_list th { |
+ text-align: left; |
+} |
+ |
+.event_list td { |
+ padding-right: 20px; |
+} |
+ |
+.event_selection_list{ |
+ width: 350px; |
+ border: 1px solid black; |
+ background-color: #EEEEEE; |
+ position:absolute; |
+} |
+ |
+.event_selection_list_item { |
+ padding: 2px; |
+ cursor: pointer; |
+} |
+ |
+.event_selection_list_item:hover , .event_selection_list_item_hover{ |
+ background-color: black; |
+ color: white; |
+ padding: 2px; |
+ cursor: pointer; |
+} |
+ |
+.pager { |
+ padding-top: 20px; |
+ text-align: center; |
+} |
+ |
+.pager span { |
+ padding: 5px; |
+} |
+ |
/resources/css/main.css |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+text/plain |
\ No newline at end of property |
Index: resources/icons/user_comment.png |
=================================================================== |
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/resources/icons/user_comment.png |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+application/octet-stream |
\ No newline at end of property |
Index: resources/icons/page_white_edit.png |
=================================================================== |
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/resources/icons/page_white_edit.png |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+application/octet-stream |
\ No newline at end of property |
Index: resources/icons/delete.png |
=================================================================== |
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/resources/icons/delete.png |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+application/octet-stream |
\ No newline at end of property |
Index: resources/icons/printer.png |
=================================================================== |
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/resources/icons/printer.png |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+application/octet-stream |
\ No newline at end of property |
Index: resources/icons/add.png |
=================================================================== |
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/resources/icons/add.png |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+application/octet-stream |
\ No newline at end of property |
Index: resources/icons/error.png |
=================================================================== |
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/resources/icons/error.png |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+application/octet-stream |
\ No newline at end of property |
Index: resources/icons/tick.png |
=================================================================== |
Cannot display: file marked as a binary type. |
svn:mime-type = application/octet-stream |
/resources/icons/tick.png |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+application/octet-stream |
\ No newline at end of property |
Index: user_main.jsp |
=================================================================== |
--- user_main.jsp (nonexistent) |
+++ user_main.jsp (revision 15) |
@@ -0,0 +1 @@ |
+<h1>Der Main</h1> |
\ No newline at end of file |
/user_main.jsp |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+text/plain |
\ No newline at end of property |
Index: user_nav.jsp |
=================================================================== |
--- user_nav.jsp (nonexistent) |
+++ user_nav.jsp (revision 15) |
@@ -0,0 +1,12 @@ |
+<div id="navigation"> |
+ <ul> |
+ <li> |
+ Oberkategorie |
+ <ul> |
+ <li> |
+ <a href="?p=customer&a=customer_list">Unterkategorie</a> |
+ </li> |
+ </ul> |
+ </li> |
+ </ul> |
+</div> |
/user_nav.jsp |
---|
Property changes: |
Added: svn:mime-type |
## -0,0 +1 ## |
+text/plain |
\ No newline at end of property |