java/UpozorneniEmailem/web/index.jsp
changeset 1 f6b8c00ef3d3
parent 0 a8354f90252c
child 2 43a6e33a4854
     1.1 --- a/java/UpozorneniEmailem/web/index.jsp	Sat Mar 07 12:45:41 2009 +0100
     1.2 +++ b/java/UpozorneniEmailem/web/index.jsp	Sat Mar 07 14:12:27 2009 +0100
     1.3 @@ -1,19 +1,72 @@
     1.4 -<%-- 
     1.5 -    Document   : index
     1.6 -    Created on : 7.3.2009, 12:44:47
     1.7 -    Author     : fiki
     1.8 ---%>
     1.9 +<%@page contentType="text/html" pageEncoding="UTF-8"%>
    1.10 +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    1.11 +<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    1.12  
    1.13 -<%@page contentType="text/html" pageEncoding="UTF-8"%>
    1.14 -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    1.15 -   "http://www.w3.org/TR/html4/loose.dtd">
    1.16 -
    1.17 -<html>
    1.18 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
    1.19      <head>
    1.20 -        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    1.21 -        <title>JSP Page</title>
    1.22 +        <meta http-equiv="content-language" content="cs"/>
    1.23 +        <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
    1.24 +        <title>Upozornění e-mailem</title>
    1.25 +        <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.custom.css" rel="stylesheet" />
    1.26 +        <link type="text/css" href="css/styl.css" rel="stylesheet" />
    1.27 +        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    1.28 +        <script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
    1.29 +        <script type="text/javascript" src="js/ui.datepicker-cs.js"></script>
    1.30      </head>
    1.31      <body>
    1.32 -        <h1>Hello World!</h1>
    1.33 +        <h1>Upozornění e-mailem</h1>
    1.34 +
    1.35 +
    1.36 +        <script type="text/javascript">
    1.37 +            $(function() {
    1.38 +                $("#tabs").tabs();
    1.39 +            });
    1.40 +            $(function() {
    1.41 +                $("#datepicker").datepicker();
    1.42 +            });
    1.43 +
    1.44 +        </script>
    1.45 +
    1.46 +
    1.47 +
    1.48 +
    1.49 +        <div id="tabs">
    1.50 +            <ul>
    1.51 +                <li><a href="#tabs-1">Přidat upozornění</a></li>
    1.52 +                <li><a href="#tabs-2">Šablony</a></li>
    1.53 +                <li><a href="#tabs-3">Moje upozornění</a></li>
    1.54 +            </ul>
    1.55 +            <div id="tabs-1">
    1.56 +                <p>
    1.57 +                    <form action="?akce=zaloz" method="post">
    1.58 +                        <fieldset>
    1.59 +                            <label title="Kdy bude odesláno upozornění.">Datum: <input id="datepicker" type="text" name="datum"></label><br/>
    1.60 +                            <label title="Předmět upozorňovacího e-mailu.">Předmět: <input type="text" name="Předmět"></label><br/>
    1.61 +                            <button title="Vytvoží upozornění a pošle vám potvrzovací e-mail.">Přidat!</button>
    1.62 +                        </fieldset>
    1.63 +                    </form>
    1.64 +                </p>
    1.65 +            </div>
    1.66 +            <div id="tabs-2">
    1.67 +                <p>
    1.68 +
    1.69 +
    1.70 +                </p>
    1.71 +            </div>
    1.72 +            <div id="tabs-3">
    1.73 +                <p>
    1.74 +
    1.75 +
    1.76 +                </p>
    1.77 +            </div>
    1.78 +        </div>
    1.79 +
    1.80 +
    1.81 +        <div class="ui-widget">
    1.82 +            <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
    1.83 +                <p>Tady bude informace o licenci.</p>
    1.84 +            </div>
    1.85 +        </div>
    1.86 +
    1.87      </body>
    1.88  </html>