API tools faq
paste
Advertisement
Guest User

Stary formularz

a guest
Apr 5th, 2020
221
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.96 KB | None | 0 0
raw download clone embed print report
  1. <%@ page import="org.springframework.web.multipart.commons.CommonsMultipartFile" %>
  2. <%@ page language="java" contentType="text/html; charset=utf-8"
  3.         pageEncoding="utf-8"%>
  4. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  5. <%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
  6. <%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
  7.  
  8. <!DOCTYPE html>
  9. <html lang="pl">
  10.  
  11. <head>
  12.     <title>e.osiedlemlodych.pl - Formularz rejestracyjny</title>
  13.     <style>
  14.         /* Base for label styling */
  15.         [type="checkbox"]:not(:checked),
  16.         [type="checkbox"]:checked {
  17.             position: absolute;
  18.             left: -9999px;
  19.         }
  20.         [type="checkbox"]:not(:checked) + label,
  21.         [type="checkbox"]:checked + label {
  22.             position: relative;
  23.             padding-left: 1.95em;
  24.             cursor: pointer;
  25.         }
  26.         /* checkbox aspect */
  27.         [type="checkbox"]:not(:checked) + label:before,
  28.         [type="checkbox"]:checked + label:before {
  29.             content: '';
  30.             position: absolute;
  31.             left: 0; top: 0;
  32.             width: 1.25em; height: 1.25em;
  33.             border: 2px solid #ccc;
  34.             background: #fff;
  35.             border-radius: 4px;
  36.             box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
  37.         }
  38.         /* checked mark aspect */
  39.         [type="checkbox"]:not(:checked) + label:after,
  40.         [type="checkbox"]:checked + label:after {
  41.             content: '\2713\0020';
  42.             position: absolute;
  43.             top: .15em; left: .22em;
  44.             font-size: 1.3em;
  45.             line-height: 0.8;
  46.             color: #09ad7e;
  47.             transition: all .2s;
  48.             font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
  49.         }
  50.         /* checked mark aspect changes */
  51.         [type="checkbox"]:not(:checked) + label:after {
  52.             opacity: 0;
  53.             transform: scale(0);
  54.         }
  55.         [type="checkbox"]:checked + label:after {
  56.             opacity: 1;
  57.             transform: scale(1);
  58.         }
  59.         /* disabled checkbox */
  60.         [type="checkbox"]:disabled:not(:checked) + label:before,
  61.         [type="checkbox"]:disabled:checked + label:before {
  62.             box-shadow: none;
  63.             border-color: #bbb;
  64.             background-color: #ddd;
  65.         }
  66.         [type="checkbox"]:disabled:checked + label:after {
  67.             color: #999;
  68.         }
  69.         [type="checkbox"]:disabled + label {
  70.             color: #aaa;
  71.         }
  72.   /*      !* accessibility *!
  73.         [type="checkbox"]:checked:focus + label:before,
  74.         [type="checkbox"]:not(:checked):focus + label:before {
  75.             border: 2px solid blue;
  76.         }
  77. */
  78.         /* hover style just for information */
  79.         label:hover:before {
  80.             border: 2px solid #4778d9!important;
  81.         }
  82.         .oswiadczenie {
  83.             color: black;
  84.             max-width: 520px;
  85.         }
  86. .oswiadczenie:hover {
  87.     text-decoration: underline;
  88. }
  89.         .centerForm{
  90.     margin: 0 auto;
  91.     width:800px;
  92.     }
  93.     textarea {
  94.           width: 487px;
  95.         height: 202px;
  96.         resize: none;
  97.         }
  98.     </style>
  99.     <!-- Meta -->
  100.     <meta charset="utf-8">
  101.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  102.     <meta name="description" content="">
  103.     <meta name="author" content="">
  104.     <!-- Favicon -->
  105.     <link rel="shortcut icon" href="favicon.ico">
  106.  
  107.     <!-- Web Fonts -->
  108.     <link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600&amp;subset=cyrillic,latin'>
  109.  
  110.     <!-- CSS Global Compulsory -->
  111.     <link href="<c:url value="/resources/css/bootstrap.min.css" />" rel="stylesheet">
  112.     <link href="<c:url value="/resources/css/style.css" />" rel="stylesheet">
  113.  
  114.     <!-- CSS Header and Footer -->
  115.     <link href="<c:url value="/resources/css/header.css" />" rel="stylesheet">
  116.     <link href="<c:url value="/resources/css/footer.css" />" rel="stylesheet">
  117.  
  118.     <!-- CSS Implementing Plugins -->
  119.     <link href="<c:url value="/resources/css/animate.css" />" rel="stylesheet">
  120.     <link href="<c:url value="/resources/css/line-icons.css" />" rel="stylesheet">
  121.     <link href="<c:url value="/resources/css/font-awesome.css" />" rel="stylesheet">
  122.     <link href="<c:url value="/resources/css/parallax-slider.css" />" rel="stylesheet">
  123.     <link href="<c:url value="/resources/css/owl.css" />" rel="stylesheet">
  124.  
  125.     <!-- CSS Theme -->
  126.     <link href="<c:url value="/resources/css/default.css" />" rel="stylesheet">
  127.     <link href="<c:url value="/resources/css/dark.css" />" rel="stylesheet">
  128.     <!-- JS Global Compulsory -->
  129.     <script type="text/javascript" src="<c:url value="/resources/js/jquery.min.js" />"></script>
  130.     <script type="text/javascript" src="<c:url value="/resources/js/jquery-migrate.min.js" />"></script>
  131.     <script type="text/javascript" src="<c:url value="/resources/js/bootstrap.min.js" />"></script>
  132.     <!-- JS Page Level -->
  133.  
  134. </head>
  135.     <c:set var="menu" scope="session" value="1"/>
  136.     <t:smom>
  137.     <jsp:attribute name="header">
  138.         <%@ include file="/WEB-INF/jsp/header.jsp" %>
  139.     </jsp:attribute>
  140.     <jsp:attribute name="footer">
  141.         <%@ include file="/WEB-INF/jsp/footer.jsp" %>
  142.     </jsp:attribute>
  143.         <jsp:body>
  144.  
  145. <div class="centerForm">
  146.     <center>
  147.     <c:if test="${param.error != null}">
  148.         <h2><font color="red">Niepoprawne dane użytkownika! Spróbuj ponownie.</font></h2>
  149.     </c:if>
  150.         <br/>
  151.     <h2><b>Formularz rejestracyjny</b></h2>
  152.     <h5>W celu dokonania zdalnej rejestracji w <b>e.osiedlemlodych.pl</b> wypełnij poniższe dane</h5>
  153.     <form:form action="#" method="post"  enctype="multipart/form-data"  accept-charset="ISO-8859-1" id="userRegister">
  154.         <table id="reset_pass" border="0" width="100%" >
  155.             <tr> <td> <br/></td></tr>
  156.  
  157.  
  158.             <tr>
  159.                 <td> <span  style="color:black;font-size: 15px;">Administracja</span> <span style="color: red"> *</span></td>
  160.                 <td>
  161.                     <select  id="administration" name="administration"  value="${param.administration}" style="margin-left: 20px; width: 100%; height: 32px;  transform: translate3d(0px, 0px, 0px)!important; font-size: 17px;"   >
  162.                         <option value="0" selected="selected">Osiedle Piastowskie</option>
  163.                         <option value="1">Osiedle Jagiellońskie</option>
  164.                         <option value="2">Osiedle Oświecenia</option>
  165.                         <option value="3">Osiedle Powstań Narodowych</option>
  166.                         <option value="4">Osiedle Pomet</option>
  167.                         <option value="5">Osiedle Armii Krajowej</option>
  168.                         <option value="6">Osiedle Bohaterów II Wojny Światowej</option>
  169.                         <option value="7">Osiedle Rzeczypospolitej</option>
  170.                         <option value="8">Osiedle Lecha</option>
  171.                         <option value="9">Osiedle Czecha</option>
  172.                         <option value="10">Osiedle Tysiąclecia</option>
  173.                         <option value="11">Osiedle Stare Żegrze</option>
  174.                         <option value="12">Osiedle Polan</option>
  175.                         <option value="13">Osiedle Orła Białego</option>
  176.                         <option value="14">Osiedle Rusa</option>
  177.                     </select>
  178.                 </td>
  179.             </tr>
  180.             <tr>
  181.  
  182.             <tr> <td> <br/></td></tr>
  183.  
  184.             <tr style="padding-left: 30px">
  185.                 <td> <span  style="color:black;font-size: 15px;">Imię</span> <span style="color: red"> *</span></td>
  186.                 <td>
  187.                     <input id="firstName" type="text" name="firstName" size="65" placeholder="Podaj swoje imię" class="form-control" value="${param.firstName}" style="margin-left: 20px"/>
  188.                 </td>
  189.             </tr>
  190.             <tr>
  191.                 <td></td>
  192.                 <td>
  193.                     <span class="error" style="width: 100%; height: 50px;color:red;margin-left: 20px;" >${errors.firstName}</span>
  194.                 </td>
  195.             </tr>
  196.  
  197.  
  198.             <tr>
  199.                 <td> <span  style="color:black;font-size: 15px;">Nazwisko</span> <span style="color: red"> *</span></td>
  200.                 <td>
  201.                     <input id="lastName" type="text" name="lastName" size="65" placeholder="Podaj swoje nazwisko" class="form-control" value="${param.lastName}" style="margin-left: 20px"/>
  202.                 </td>
  203.             </tr>
  204.             <tr>
  205.                 <td></td>
  206.                 <td>
  207.                     <span class="error" style="width: 100%; height: 50px;color:red;margin-left: 20px;" >${errors.lastName}</span>
  208.                 </td>
  209.             </tr>
  210.  
  211.  
  212.             <tr>
  213.                 <td> <span  style="color:black;font-size: 15px;">Adres e-mail</span> <span style="color: red"> *</span></td>
  214.                 <td>
  215.                     <input id="emailAddress" type="email" name="emailAddress" size="65" placeholder="Podaj swój adres e-mail" class="form-control" value="${param.emailAddress}" style="margin-left: 20px"/>
  216.                 </td>
  217.             </tr>
  218.             <tr>
  219.                 <td></td>
  220.                 <td>
  221.                     <span class="error" style="width: 100%; height: 50px;color:red;margin-left: 20px;" >${errors.emailAddress}</span>
  222.                 </td>
  223.             </tr>
  224.  
  225.  
  226.  
  227.             <tr>
  228.                 <td> <span  style="color:black;font-size: 15px;">Telefon kontaktowy</span> <span style="color: red"> *</span></td>
  229.                 <td>
  230.                     <input id="telephoneNo" type="text" name="telephoneNo" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  maxlength="11"  size="65" placeholder="Podaj telefon kontaktowy" class="form-control" value="${param.telephoneNo}" style="margin-left: 20px"/>
  231.                 </td>
  232.             </tr>
  233.             <tr>
  234.                 <td></td>
  235.                 <td>
  236.                     <span class="error" style="width: 100%; height: 50px;color:red;margin-left: 20px;" >${errors.telephoneNo}</span>
  237.                 </td>
  238.             </tr>
  239.  
  240.  
  241.  
  242.             <tr>
  243.                 <td> <span  style="color:black;font-size: 15px;">Telefon kontaktowy 2</span></td>
  244.                 <td>
  245.                     <input id="telephoneNo2" type="text" name="telephoneNo2" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"  maxlength="11"  size="65" placeholder="Podaj telefon kontaktowy nr 2 (opcjonalnie)" class="form-control" value="${param.telephoneNo2}" style="margin-left: 20px"/>
  246.                 </td>
  247.             </tr>
  248.  
  249.             <tr> <td> <br/></td></tr>
  250.  
  251.             <tr>
  252.                 <td> <span  style="color:black;font-size: 15px;">Indeks lokalu</span> <span style="color: red"> *</span></td>
  253.                 <td>
  254.                     <input id="localIndex" type="text" maxlength="9" name="localIndex" size="65" placeholder="Podaj indeks swojego lokalu" class="form-control" value="${param.localIndex}" style="margin-left: 20px"/>
  255.                 </td>
  256.             </tr>
  257.             <tr>
  258.                 <td></td>
  259.                 <td>
  260.                     <span class="error" style="width: 100%; height: 50px;color:red;margin-left: 20px;" >${errors.localIndex}</span>
  261.                 </td>
  262.             </tr>
  263.  
  264.  
  265.             <tr>
  266.                 <td> <span  style="color:black;font-size: 15px;">Wpłata za czynsz</span> <span style="color: red"> *</span></td>
  267.                 <td>
  268.                     <input id="lastPayment" type="number" min="1" step=".01" name="lastPayment" size="65" placeholder="Podaj swoją ostatnią wpłatę za czynsz (wymagane w celach weryfikacyjnych)" class="form-control" value="${param.lastPayment}" style="margin-left: 20px"/>
  269.  
  270.                 </td>
  271.             </tr>
  272.             <tr>
  273.                 <td></td>
  274.                 <td>
  275.                     <span class="error" style="width: 100%; height: 50px;color:red;margin-left: 20px;" >${errors.lastPayment}</span>
  276.                 </td>
  277.             </tr>
  278.  
  279.  
  280.             <tr> <td> <br/></td></tr>
  281.  
  282.             <tr>
  283.                 <td><span  style="color:black;font-size: 15px;">Załącznik </span></td>
  284.                 <td> <div rel="tooltip" style="margin-right: 320px;" data-original-title="Do wiadomości możesz opcjonalnie dodać załącznik np. w postaci zdjęcia. Jego maksymalny rozmiar nie może przekraczać 5MB.">
  285.                     <input id="attachFileObj" type="file" name="attachFileObj" size="60" value="${param.attachFileObj}"  />
  286.                 </div>
  287.             </tr>
  288.             <tr>
  289.                 <td></td>
  290.                 <td><span class="error" style="color: red;">${errors.attachFileObj}</span></td>
  291.             </tr>
  292.             <tr> <td> <br/></td></tr>
  293.             <tr> <td> <br/></td></tr>
  294.            <tr>
  295.                <td></td>
  296.                <td>Zarząd Spółdzielni Mieszkaniowej "Osiedle Młodych" w Poznaniu przypomina, że
  297.                    na stronie internetowej Spółdzielni
  298.                    <a href="http://osiedlemlodych.pl/rodo/"
  299.                      class=""
  300.                      target="_blank"><b>http://osiedlemlodych.pl/rodo/</b></a> umieszczone zostały informacje dotyczące
  301.                    zakresu i zasad przetwarzania danych osobowych członków Spółdzielni lub osób posiadających tytuł prawny
  302.                    do lokalu mieszkalnego w zasobach Spółdzielni.
  303.            </tr>
  304.             <tr >
  305.                 <td  style="width: 142px;">  <p style="margin-left: 80px;">
  306.                     <input  type="checkbox" id="agreement"  name="agreement" />
  307.                     <label for="agreement"></label>
  308.                 </p></td>
  309.                 <td><label for="agreement"  style="color:black;"><br/><span style="color: red"> *</span> Oświadczam, że zapoznałam/zapoznałem się z zasadami przetwarzania danych osobowych w
  310.                 Spółdzielni i podaję je dobrowolnie.</label>
  311.                    </td></td>
  312.             </tr>
  313.             <tr>
  314.                 <td></td>
  315.                 <td><span class="error" style="color: red;">${errors.agreement} </span></td>
  316.             </tr>
  317.             <tr> <td> <br/><br/></td></tr>
  318.             <tr>
  319.                 <td></td>
  320.                 <td>
  321.                     <input  type="submit" value="Wyślij">
  322.                 </td>
  323.             </tr>
  324.             <tr> <td> <br/></td></tr>
  325.         </table>
  326.     </form:form>
  327.     </center>
  328.     <br/><br/><br/>
  329. </div>
  330.  
  331.         </jsp:body>
  332.     </t:smom>
  333.     <%
  334.             String str = request.getParameter("message");
  335.             if(str ==null) str="";
  336.             %>
  337.  
  338.     <script type="text/javascript">document.getElementById("message").innerHTML = "<%=str%>"; </script>
  339.     <script type="text/javascript" src="<c:url value="/resources/js/back-to-top.js" />"></script>
  340.     <script type="text/javascript" src="<c:url value="/resources/js/smoothScroll.js" />"></script>
  341.     <script type="text/javascript" src="<c:url value="/resources/js/modernizer.js" />"></script>
  342.     <script type="text/javascript" src="<c:url value="/resources/js/owl.carousel.js" />"></script>
  343.     <script type="text/javascript" src="<c:url value="/resources/js/slider.js" />"></script>
  344.     <script type="text/javascript" src="<c:url value="/resources/js/smom.js" />"></script>
  345.     <script type="text/javascript" src="<c:url value="/resources/js/owl-carousel.js" />"></script>
  346.     <script type="text/javascript" src="<c:url value="/resources/js/style-switcher.js" />"></script>
  347.     <script type="text/javascript" src="<c:url value="/resources/js/parallax-slider.js" />"></script>
  348.     <script type="text/javascript">
  349.         jQuery(document).ready(function() {
  350.             App.init();
  351.             OwlCarousel.initOwlCarousel();
  352.             StyleSwitcher.initStyleSwitcher();
  353.             ParallaxSlider.initParallaxSlider();
  354.         });
  355.         $("[rel=tooltip]").tooltip({html:true});
  356.     </script>
  357. <!--[if lt IE 9]>
  358.    <script src="assets/plugins/respond.js"></script>
  359.    <script src="assets/plugins/html5shiv.js"></script>
  360.    <script src="assets/plugins/placeholder-IE-fixes.js"></script>
  361. <![endif]-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!