# HG changeset patch
# User František Kučera <franta-hg@frantovo.cz>
# Date 1243538346 -7200
# Node ID 5d6592e753c0705980cf574a8e24b18e349138e4
# Parent  5f523042baae2fc8999623cab4c37e3dec211e3d
HTML → JSP: Přechod k aplikaci.

diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/nbproject/genfiles.properties
--- a/java/sql-vyuka/nbproject/genfiles.properties	Thu May 28 18:48:31 2009 +0200
+++ b/java/sql-vyuka/nbproject/genfiles.properties	Thu May 28 21:19:06 2009 +0200
@@ -1,8 +1,8 @@
-build.xml.data.CRC32=567829be
+build.xml.data.CRC32=781cf957
 build.xml.script.CRC32=0f264e43
 build.xml.stylesheet.CRC32=c0ebde35
 # This file is used by a NetBeans-based IDE to track changes in generated files such as build-impl.xml.
 # Do not edit this file. You may delete it but then the IDE will never regenerate such files for you.
-nbproject/build-impl.xml.data.CRC32=567829be
+nbproject/build-impl.xml.data.CRC32=781cf957
 nbproject/build-impl.xml.script.CRC32=b0e42421
 nbproject/build-impl.xml.stylesheet.CRC32=174458fc
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/nbproject/project.properties
--- a/java/sql-vyuka/nbproject/project.properties	Thu May 28 18:48:31 2009 +0200
+++ b/java/sql-vyuka/nbproject/project.properties	Thu May 28 21:19:06 2009 +0200
@@ -12,7 +12,7 @@
 debug.classpath=${build.classes.dir}:${javac.classpath}
 debug.test.classpath=\
     ${run.test.classpath}
-display.browser=true
+display.browser=false
 dist.dir=dist
 dist.ear.war=${dist.dir}/${war.ear.name}
 dist.javadoc.dir=${dist.dir}/javadoc
@@ -49,7 +49,6 @@
 javadoc.windowtitle=
 jspcompilation.classpath=${jspc.classpath}:${javac.classpath}
 lib.dir=${web.docbase.dir}/WEB-INF/lib
-no.dependencies=false
 persistence.xml.dir=${conf.dir}
 platform.active=default_platform
 resource.dir=setup
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/nbproject/project.xml
--- a/java/sql-vyuka/nbproject/project.xml	Thu May 28 18:48:31 2009 +0200
+++ b/java/sql-vyuka/nbproject/project.xml	Thu May 28 21:19:06 2009 +0200
@@ -8,10 +8,10 @@
             <web-module-libraries/>
             <web-module-additional-libraries/>
             <source-roots>
-                <root id="src.dir" name="Source Packages"/>
+                <root id="src.dir"/>
             </source-roots>
             <test-roots>
-                <root id="test.src.dir" name="Test Packages"/>
+                <root id="test.src.dir"/>
             </test-roots>
         </data>
     </configuration>
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties
--- a/java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties	Thu May 28 18:48:31 2009 +0200
+++ b/java/sql-vyuka/src/java/cz/frantovo/sql/vyuka/preklady_cs.properties	Thu May 28 21:19:06 2009 +0200
@@ -8,3 +8,7 @@
 
 tlacitko.historie.tip=Vyp\u00ED\u0161e historii SQL p\u0159\u00EDkaz\u016F.
 tlacitko.vykonat.tip=Vykon\u00E1 zadan\u00FD SQL p\u0159\u00EDkaz.
+
+vychozi.sql=SELECT * FROM tabulka;
+vychozi.vysledek=V\u00EDtejte v programu SQL v\u00FDuka!
+vychozi.napoveda=Tady bude n\u00E1pov\u011Bda
\ No newline at end of file
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/java/sql-vyuka/web/WEB-INF/casti/aplikace.jspx	Thu May 28 21:19:06 2009 +0200
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
+          xmlns:fmt="http://java.sun.com/jsp/jstl/fmt"
+          version="2.0">
+
+    <fmt:setBundle basename="cz.frantovo.sql.vyuka.preklady" scope="application"/>
+
+    <div id="zahlavi"><h1><fmt:message key="nazev"/></h1></div>
+
+    <div id="bloky">
+        <div class ="blok" id="napoveda">
+            <h2><fmt:message key="blok.napoveda"/></h2>
+            <div class="vnitrekBloku">
+                <p id="napovedniPole"><fmt:message key="vychozi.napoveda"/></p>
+            </div>
+        </div>
+
+
+        <div id="io">
+
+            <div class ="blok" id="vstup">
+                <h2><fmt:message key="blok.zadavani"/></h2>
+                <div class="vnitrekBloku">
+                    <form action="#">
+                        <fieldset>
+                            <textarea id="vstupniPole" rows="100" cols="1000"><fmt:message key="vychozi.sql"/></textarea>
+                            <button class="zobrazitHistorii"
+                                    name="zobrazitHistorii"
+                                    title="Vypíše historii SQL příkazů."
+                                    type="button"
+                                    onclick="javascript:ajaxZobrazitHistorii();">&amp;nbsp;</button>
+                            <button class="vykonatSQL"
+                                    name="vykonatSQL"
+                                    title="Vykoná zadaný SQL příkaz."
+                                    type="button"
+                                    onclick="javascript:ajaxVykonatSQL();">&amp;nbsp;</button>
+                        </fieldset>
+                    </form>
+                </div>
+            </div>
+
+
+
+
+
+            <div class ="blok" id="vystup">
+                <h2><fmt:message key="blok.vysledek"/></h2>
+                <div class="vnitrekBloku" id="vystupniPole">
+                    <p>
+                        <fmt:message key="vychozi.vysledek"/>
+                    </p>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</jsp:root>
\ No newline at end of file
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/blok-nadpis-320.png
Binary file java/sql-vyuka/web/grafika/blok-nadpis-320.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/blok-nadpis-680.png
Binary file java/sql-vyuka/web/grafika/blok-nadpis-680.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/blok-pozadi.gif
Binary file java/sql-vyuka/web/grafika/blok-pozadi.gif has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/logo.png
Binary file java/sql-vyuka/web/grafika/logo.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/tabulka-zahlavi.png
Binary file java/sql-vyuka/web/grafika/tabulka-zahlavi.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/tlacitko-historie.png
Binary file java/sql-vyuka/web/grafika/tlacitko-historie.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/tlacitko-sql.png
Binary file java/sql-vyuka/web/grafika/tlacitko-sql.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/vysledek-chyba.png
Binary file java/sql-vyuka/web/grafika/vysledek-chyba.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/vysledek-ok.png
Binary file java/sql-vyuka/web/grafika/vysledek-ok.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/vysledek-tip.png
Binary file java/sql-vyuka/web/grafika/vysledek-tip.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/grafika/vysledek-varovani.png
Binary file java/sql-vyuka/web/grafika/vysledek-varovani.png has changed
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/historie.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/java/sql-vyuka/web/historie.html	Thu May 28 21:19:06 2009 +0200
@@ -0,0 +1,26 @@
+<div>
+    <table>
+        <thead title="Chceš setřídit výsledek podle nějakého sloupce? Co takhle ORDER BY sloupec.">
+            <tr>
+                <td>Kdy</td>
+                <td>SQL příkaz</td>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>2008-05-24 16:00:08</td>
+                <td>SELECT * FROM tabulka WHERE id = 123;</td>
+            </tr>
+            <tr>
+                <td>2008-05-24 15:55:10</td>
+                <td>SELECT * FROM tabulka WHERE id = 123 ORDER BY datum DESC;</td>
+            </tr>
+            <tr>
+                <td>2008-05-24 15:51:28</td>
+                <td>SELECT * <br/>FROM tabulka <br/>JOIN druha_tabulka USING (email) <br/>WHERE id = 8;</td>
+            </tr>
+        </tbody>
+    </table>
+    <p class="vysledekOK">Toto je historie provedených SQL příkazů.</p>
+    <p class="vysledekTip">„Nějaký pěkný tip, citát, nebo <a href="http://frantovo.cz/blog/">odkaz</a> na stránku.“</p>
+</div>
\ No newline at end of file
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/hlavni.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/java/sql-vyuka/web/hlavni.js	Thu May 28 21:19:06 2009 +0200
@@ -0,0 +1,100 @@
+/** ID html prvků */
+const vstupniPole = 'vstupniPole';
+const vystupniPole = 'vystupniPole';
+const napovedniPole = 'napovedniPole';
+
+
+/**
+ * Aby to fungovalo i v MSIE 6.
+ * @return AJAXový objekt.
+ */
+function getXmlHttpRequestObject() {
+    if (window.XMLHttpRequest) {
+        return new XMLHttpRequest();
+    } else if(window.ActiveXObject) {
+        return new ActiveXObject("Microsoft.XMLHTTP");
+    } else {
+        alert("Váš prohlížeč nepodporuje AJAX. Pořiďte si méně zastaralý prohlížeč, nejlépe Firefox.");
+        return null;
+    }
+}
+
+/** Náš AJAXový objekt. */
+var ajax = getXmlHttpRequestObject();
+
+/**
+ * Vrací vstup od uživatele.
+ * @return SQL příkaz zadaný uživatelem.
+ **/
+function getSQL() {
+    return document.getElementById(vstupniPole).innerHTML;
+}
+
+/**
+ * Zobrazí text na požadovaném místě.
+ * @param text text k zobrazení
+ * @param kde id prvku, do kterého se má text vypsat
+ **/
+function zobraz(text, kde) {
+    document.getElementById(kde).innerHTML = text + '<p>&nbsp;<!-- Šťastné hackování ;-) --></p>';
+}
+
+/**
+ * Zobrazí text ve výstupním poli.
+ * @param text text k zobrazení
+ **/
+function zobrazVystup(text) {
+    zobraz(text, vystupniPole);
+}
+
+/**
+ * Zobrazí text ve vstupním poli.
+ * Požijeme pro načtení SQL příkazu z historie.
+ * @param text text k zobrazení
+ **/
+function zobrazVstup(text) {
+    zobraz(text, vstupniPole);
+}
+
+/**
+ * Zobrazí text ve poli pro nápovědu.
+ * @param text text k zobrazení
+ **/
+function zobrazNapovedu(text) {
+    zobraz(text, napovedniPole);
+}
+
+/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
+function ajaxVykonatSQL() {
+    if (ajax.readyState == 4 || ajax.readyState == 0) {
+        ajax.open("GET", 'vysledek.html', true);
+        ajax.onreadystatechange = vykonatSQLVypis;
+        ajax.send(null);
+    }
+    //zobrazNapovedu('Nějaká nápověda k danému příkazu.');
+    //zobrazNapovedu(escape(getSQL()));
+}
+
+/** Pomocná funkce – postará se o vypsání v pravou chvíli. */
+function vykonatSQLVypis() {
+    if (ajax.readyState == 4) {
+        zobrazVystup(ajax.responseText);
+    }
+}
+
+
+/** Jednoduchá AJAXová funkce, načte obsah souboru a zobrazí ho ve výstupním okně. */
+function ajaxZobrazitHistorii() {
+    if (ajax.readyState == 4 || ajax.readyState == 0) {
+        ajax.open("GET", 'historie.html', true);
+        ajax.onreadystatechange = zobrazitHistoriiVypis;
+        ajax.send(null);
+    }
+}
+
+/** Pomocná funkce – postará se o vypsání v pravou chvíli. */
+function zobrazitHistoriiVypis() {
+    if (ajax.readyState == 4) {
+        zobrazVystup(ajax.responseText);
+    }
+}
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/index.jsp
--- a/java/sql-vyuka/web/index.jsp	Thu May 28 18:48:31 2009 +0200
+++ b/java/sql-vyuka/web/index.jsp	Thu May 28 21:19:06 2009 +0200
@@ -1,19 +1,21 @@
-<%-- 
-    Document   : index
-    Created on : 24.5.2009, 16:54:56
-    Author     : fiki
---%>
+<%@page contentType="text/html" pageEncoding="UTF-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
+<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
-<%@page contentType="text/html" pageEncoding="UTF-8"%>
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-   "http://www.w3.org/TR/html4/loose.dtd">
+<fmt:setBundle basename="cz.frantovo.sql.vyuka.preklady" scope="application"/>
 
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
     <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <title>JSP Page</title>
+        <meta http-equiv="content-language" content="cs"/>
+        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+        <link href="styl.css" type="text/css" rel="StyleSheet"/>
+        <script type="text/javaScript" src="hlavni.js"></script>
+        <title><fmt:message key="nazev"/></title>
     </head>
     <body>
-        <h1>Hello World!</h1>
+
+        <jsp:include page="WEB-INF/casti/aplikace.jspx" flush="false"/>
+
     </body>
 </html>
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/styl.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/java/sql-vyuka/web/styl.css	Thu May 28 21:19:06 2009 +0200
@@ -0,0 +1,196 @@
+/** Obrázky s odkazem bez rámečku */
+a img {
+    border: none;
+}
+
+/** Pozadí stránky a text */
+html {
+    background: #42afdc;
+    color:black;
+}
+
+/** Bezpatkové písmo */
+body {
+    font-family: sans-serif;
+    font-size: 12px;
+}
+
+/** Prostor pro logo a název programu */
+#zahlavi {
+    height: 48px;
+    background-image: url('grafika/logo.png');
+    background-repeat: no-repeat;
+    margin-left: 5px;
+}
+
+#zahlavi h1 {
+    display: none;
+}
+
+/** Obal kolem bloků */
+#bloky {
+    width: 1040px;
+    text-align: justify;
+}
+
+.blok {
+    margin: 10px;
+}
+
+/** Vstup, výstup nebo nápověda */
+.vnitrekBloku {
+    background-image: url('grafika/blok-pozadi.gif');
+    margin: 0px;
+    padding: 10px;
+}
+
+#vstup .vnitrekBloku {
+    height: 150px;
+    text-align: right;
+}
+
+#vstup textarea {
+    width: 640px;
+    height: 108px;
+    padding: 8px;
+    border: 1px solid silver;
+}
+
+fieldset {
+    display: inline;
+    border: none;
+    padding: 0px;
+    margin: 0px;
+}
+
+#vstup button {
+    height: 20px;
+    border: none;
+    margin-right: 0px;
+    margin-top: 5px;
+    padding: 0px;
+    cursor: pointer;
+    background-repeat: no-repeat;
+}
+
+#vstup button.zobrazitHistorii {
+    background-image: url('grafika/tlacitko-historie.png');
+    background-color: transparent;
+    background-position: center;
+    width: 20px;
+}
+
+#vstup button.vykonatSQL {
+    background-image: url('grafika/tlacitko-sql.png');
+    width: 146px;
+}
+
+#vystup .vnitrekBloku {
+    overflow: auto;
+    height: 280px;
+}
+
+#napoveda .vnitrekBloku {
+    height: 484px;
+}
+
+/** Nadpisy bloků */
+.blok h2 {
+    font-size: 12px;
+    padding: 2px;
+    padding-top: 4px;
+    padding-left: 32px;
+    margin: 0px;
+    color: gray;
+    height: 20px;
+}
+
+#napoveda h2 {
+    background-image: url('grafika/blok-nadpis-320.png');
+}
+
+/** Vstupně-výstupní část */
+#io {
+    float: left;
+}
+
+#io h2 {
+    background-image: url('grafika/blok-nadpis-680.png');
+}
+
+/** Blok vstupu */
+#vstup {
+    width: 680px;
+}
+
+/** Blok výstupu */
+#vystup {
+    width: 680px;
+}
+
+/** Blok nápovědy */
+#napoveda {
+    float: right;
+    width: 320px;
+}
+
+/** Formátování (výstupní) tabulky */
+table {
+    border: 1px solid green;
+    border-collapse:collapse;
+    background-color: white;
+    margin: 3px;
+}
+
+td {
+    border: 1px solid black;
+    padding: 4px;
+    padding-left: 8px;
+    padding-right: 8px;
+    vertical-align: top;
+}
+
+td.cislo {
+    text-align: right;
+}
+
+thead {
+    background: gray;
+    font-weight:bold;
+    background-image: url('grafika/tabulka-zahlavi.png');
+    background-repeat: repeat-x;
+    height: 28px;
+}
+
+thead td a {
+    color: black;
+    text-decoration: none;
+}
+
+thead td {
+    vertical-align: middle;
+}
+
+/** Ikonky pro zprávu k výsledku */
+#vystupniPole p {
+    background-repeat: no-repeat;
+    padding-left: 22px;
+}
+
+#vystupniPole p.vysledekOK {
+    background-image: url('grafika/vysledek-ok.png');
+}
+
+#vystupniPole p.vysledekVarovani {
+    background-image: url('grafika/vysledek-varovani.png');
+}
+
+#vystupniPole p.vysledekChyba {
+    background-image: url('grafika/vysledek-chyba.png');
+}
+
+#vystupniPole p.vysledekTip {
+    background-image: url('grafika/vysledek-tip.png');
+    color: gray;
+    font-style: italic;
+}
diff -r 5f523042baae -r 5d6592e753c0 java/sql-vyuka/web/vysledek.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/java/sql-vyuka/web/vysledek.html	Thu May 28 21:19:06 2009 +0200
@@ -0,0 +1,90 @@
+<div>
+    <table>
+        <thead title="Chceš setřídit výsledek podle nějakého sloupce? Co takhle ORDER BY sloupec.">
+            <tr>
+                <td>Sloupeček 1</td>
+                <td>Sloupeček 2</td>
+                <td>Sloupeček 3</td>
+                <td>Sloupeček 4</td>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+            <tr>
+                <td>Hodnota 1</td>
+                <td>Hodnota 2</td>
+                <td>Hodnota 3</td>
+                <td class="cislo">1234,56</td>
+            </tr>
+        </tbody>
+    </table>
+    <p class="vysledekOK">Ahoj. Právě jsi zmáčknul tlačítko „Vykonat SQL“ :-)</p>
+    <p class="vysledekVarovani">Tohle se zobrazí při varování.</p>
+    <p class="vysledekChyba">A tohle, když se něco nepovede.</p>
+    <p class="vysledekTip">„Nějaký pěkný tip, citát, nebo <a href="http://frantovo.cz/blog/">odkaz</a> na stránku.“</p>
+</div>
\ No newline at end of file