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: trunk/WebContent/index.jsp |
| =================================================================== |
| --- trunk/WebContent/index.jsp (nonexistent) |
| +++ trunk/WebContent/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> |
| /trunk/WebContent/index.jsp |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +text/plain |
| \ No newline at end of property |
| Index: trunk/WebContent/header.jsp |
| =================================================================== |
| --- trunk/WebContent/header.jsp (nonexistent) |
| +++ trunk/WebContent/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 |
| /trunk/WebContent/header.jsp |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +text/plain |
| \ No newline at end of property |
| Index: trunk/WebContent/login.jsp |
| =================================================================== |
| /trunk/WebContent/login.jsp |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +text/plain |
| \ No newline at end of property |
| Index: trunk/WebContent/resources/images/ontology_logo.jpg |
| =================================================================== |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/WebContent/resources/images/ontology_logo.jpg |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +application/octet-stream |
| \ No newline at end of property |
| Index: trunk/WebContent/resources/css/main.css |
| =================================================================== |
| --- trunk/WebContent/resources/css/main.css (nonexistent) |
| +++ trunk/WebContent/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; |
| +} |
| + |
| /trunk/WebContent/resources/css/main.css |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +text/plain |
| \ No newline at end of property |
| Index: trunk/WebContent/resources/icons/user_comment.png |
| =================================================================== |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/WebContent/resources/icons/user_comment.png |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +application/octet-stream |
| \ No newline at end of property |
| Index: trunk/WebContent/resources/icons/page_white_edit.png |
| =================================================================== |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/WebContent/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: trunk/WebContent/resources/icons/delete.png |
| =================================================================== |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/WebContent/resources/icons/delete.png |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +application/octet-stream |
| \ No newline at end of property |
| Index: trunk/WebContent/resources/icons/printer.png |
| =================================================================== |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/WebContent/resources/icons/printer.png |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +application/octet-stream |
| \ No newline at end of property |
| Index: trunk/WebContent/resources/icons/add.png |
| =================================================================== |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/WebContent/resources/icons/add.png |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +application/octet-stream |
| \ No newline at end of property |
| Index: trunk/WebContent/resources/icons/error.png |
| =================================================================== |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/WebContent/resources/icons/error.png |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +application/octet-stream |
| \ No newline at end of property |
| Index: trunk/WebContent/resources/icons/tick.png |
| =================================================================== |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| /trunk/WebContent/resources/icons/tick.png |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +application/octet-stream |
| \ No newline at end of property |
| Index: trunk/WebContent/user_main.jsp |
| =================================================================== |
| --- trunk/WebContent/user_main.jsp (nonexistent) |
| +++ trunk/WebContent/user_main.jsp (revision 15) |
| @@ -0,0 +1 @@ |
| +<h1>Der Main</h1> |
| \ No newline at end of file |
| /trunk/WebContent/user_main.jsp |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +text/plain |
| \ No newline at end of property |
| Index: trunk/WebContent/user_nav.jsp |
| =================================================================== |
| --- trunk/WebContent/user_nav.jsp (nonexistent) |
| +++ trunk/WebContent/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> |
| /trunk/WebContent/user_nav.jsp |
|---|
| Property changes: |
| Added: svn:mime-type |
| ## -0,0 +1 ## |
| +text/plain |
| \ No newline at end of property |