13614
| ID | 13614 |
|---|
| Data | 2024-12-09 |
|---|
| Symbol | 2024/12/09/13614 |
|---|
| Instytucja | Urząd Miasta Łodzi |
|---|
| Nazwa | Zgłoszenie dotyczące uszkodzeń, napraw oraz utrzymania czystości w Łodzi |
|---|
| Czy Aktualny | 1 |
|---|
Ustawy (1)
Pliki
Styl
<?xml version="1.0" encoding="UTF-8"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:adr="http://crd.gov.pl/xml/schematy/adres/2009/11/09/" xmlns:ds="http://www.w3.org/2000/09/xmldsig#" xmlns:inst="http://crd.gov.pl/xml/schematy/instytucja/2009/11/16/" xmlns:meta="http://crd.gov.pl/xml/schematy/meta/2009/11/16/" xmlns:oso="http://crd.gov.pl/xml/schematy/osoba/2009/11/16/" xmlns:str="http://crd.gov.pl/xml/schematy/struktura/2009/11/16/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:wnio="http://crd.gov.pl/wzor/2024/12/09/13614/" version="1.0">
<xsl:template match="/">
<xsl:for-each select="wnio:Dokument">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl">
<head>
<meta name="viewport" charset="utf-8" content="width=device-width, initial-scale=1"/>
<title>Zgłoszenie dotyczące uszkodzeń, napraw oraz utrzymania czystości w Łodzi</title>
<style type="text/css">
.du-view section {
display: block;
}
.du-view,.du-view * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.du-view {
width: 100%;
padding: 1%;
line-height: 130%;
}
.du-view .h1,.du-view h1 {
font-family: Open Sans,sans-serif;
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.du-view h2,.du-view .h2 {
font-family: Open Sans,sans-serif;
font-size: 20px;
font -weight: bold;
margin-top: 10px;
margin-bottom: 2px;
text-transform: none;
}
.du-view .h3,.du-view h3 {
font-family: Open Sans,sans-serif;
font-size: 18px;
font-weight: bold;
}
.du-view div {
font-family: Open Sans,sans-serif;
font-size: 16px;
line-height: 135%;
word-wrap: break-word;
display: inline-block;
padding: 5px 0 5px 0;
}
.Column{
display: flex;
flex-direction: column;
inline-size: 40vw;
overflow-wrap: break-word;
}
.du-bottom-line {
border-bottom: 1px solid #000;
padding-bottom: 5px;
}
.du-col-12 {
width: 100%;
padding-right: 1.1%;
}
div .du-no-mt {
margin-top: 5px!important;
padding-left: 0!important;
}
.du-bold {
font-weight: bold;
}
@media print {
.du-view {
font-size: 12px;
}
.du-view .h3,.du-view h3 {
font-size: 14px;
font-weight: 700;
margin-top: 1%;
margin-bottom: 0;
}
.du-view div {
line-height: 100%;
margin-top: 3px;
}
.du-view div {
margin-top: 3px;
}
}
@media screen and (max-width:650px) {
.du-view div {
margin-top: 3px;
line-height: 130%;
}
.du-col-12 {
width: 100%;
padding-right: 1.1%;
}
}
@media screen and (min-width:651px) and (max-width:1024px) {
.du-col-12 {
width: 100%;
padding-right: 1.1%;
}
div .du-col-12 {
width: 100%;
}
.du-view div {
margin-top: 3px;
line-height: 130%;
}
}
.span-display-block {
display: block;
}
</style>
</head>
<body>
<div class="du-view">
<section>
<div class="h1 du-col-12" style="padding-bottom: 20px;">
<h1>Zgłoszenie dotyczące uszkodzeń, napraw oraz utrzymania czystości w Łodzi</h1>
</div>
</section>
<section>
<xsl:call-template name="Urzad"/>
</section>
<section>
<xsl:call-template name="Tresc"/>
</section>
<section>
<xsl:call-template name="Odpowiedz"/>
</section>
<xsl:if test="count(wnio:TrescDokumentu/wnio:Zgody) > 0">
<section>
<xsl:call-template name="Zgoda"/>
</section>
</xsl:if>
<xsl:if test="count(wnio:TrescDokumentu/str:Zalaczniki/str:Zalacznik) > 0">
<section>
<xsl:call-template name="Zalaczniki"/>
</section>
</xsl:if>
</div>
</body>
</html>
</xsl:for-each>
</xsl:template>
<xsl:template name="Urzad">
<div class="du-col-12 du-no-mt">
<h2 class="du-bottom-line">Adresat</h2>
<div style="display: flex; flex-direction: column;">
<div class="du-col-12 du-no-mt">
<span>
<span class="du-bold">Urząd Miasta Łodzi</span><br/>
ul. Piotrkowska 104, 90-926 Łódź
</span>
</div>
</div>
</div>
</xsl:template>
<xsl:template name="Tresc">
<xsl:for-each select="wnio:TrescDokumentu/wnio:InformacjeZdarzenie">
<div class="du-col-12 du-no-mt">
<h2 class="du-h2 du-bottom-line">Treść zgłoszenia</h2>
<div style="display: flex; flex-direction: column;">
<div class="du-col-12 du-no-mt">
<span class="span-display-block du-bold">
Opis miejsca
</span>
<span>
<xsl:value-of select="wnio:OpisMiejsca"/>
</span>
</div>
<div class="du-col-12 du-no-mt">
<span class="span-display-block du-bold">
Rodzaj zdarzenia
</span>
<span>
<xsl:value-of select="wnio:RodzajZdarzenia"/>
</span>
</div>
<div class="du-col-12 du-no-mt">
<span class="span-display-block du-bold">
Opis problemu
</span>
<span>
<xsl:value-of select="wnio:OpisProblemu"/>
</span>
</div>
</div>
</div>
</xsl:for-each>
</xsl:template>
<xsl:template name="Odpowiedz">
<xsl:for-each select="wnio:TrescDokumentu/wnio:Odpowiedz">
<div class="du-col-12 du-no-mt">
<h2 class="du-h2 du-bottom-line">Odpowiedź</h2>
<div style="display: flex; flex-direction: column;">
<div class="du-col-12 du-no-mt">
<span class="span-display-block du-bold">
Zgłaszający oczekuje odpowiedzi
</span>
<span>
<xsl:value-of select="wnio:CzyChceszOdpowiedz"/>
</span>
</div>
</div>
<xsl:if test="wnio:CzyChceszOdpowiedz = 'Tak'">
<div style="display: flex; flex-direction: row; gap: 10vw;">
<div class="Column">
<div class="du-col-12 du-no-mt">
<span class="span-display-block du-bold">
Forma odpowiedzi
</span>
<span>
<xsl:value-of select="wnio:DaneKontaktowe/wnio:FormaKontaktu"/>
</span>
</div>
</div>
<div class="Column">
<div class="du-col-12 du-no-mt">
<span class="span-display-block du-bold">
<xsl:if test="wnio:DaneKontaktowe/wnio:Email">
Adres e-mail
</xsl:if>
<xsl:if test="wnio:DaneKontaktowe/wnio:ePUAP">
Adres skrzynki
</xsl:if>
</span>
<span>
<xsl:if test="wnio:DaneKontaktowe/wnio:Email"><xsl:value-of select="wnio:DaneKontaktowe/wnio:Email"/></xsl:if>
<xsl:if test="wnio:DaneKontaktowe/wnio:ePUAP"><xsl:value-of select="wnio:DaneKontaktowe/wnio:ePUAP"/></xsl:if>
</span>
</div>
</div>
</div>
</xsl:if>
</div>
</xsl:for-each>
</xsl:template>
<xsl:template name="Zgoda">
<div class="du-col-12 du-no-mt">
<h2 class="du-h2 du-bottom-line">Zgoda</h2>
<div style="display: flex; flex-direction: column;">
<div class="du-col-12 du-no-mt">
<span class="span-display-block du-bold">
Zgłaszający wyraził zgodę na przetwarzanie danych osobowych
</span>
<span>
<br/>
</span>
<span>
<xsl:value-of select="wnio:TrescDokumentu/wnio:Zgody/wnio:Zgoda/wnio:ZaznaczonaZgoda"/>
</span>
</div>
</div>
</div>
</xsl:template>
<xsl:template name="Zalaczniki">
<div class="du-col-12 du-no-mt">
<h2 class="du-h2 du-bottom-line">
Załączniki
</h2>
</div>
<div class="du-col-12">
<xsl:for-each select="wnio:TrescDokumentu/str:Zalaczniki/str:Zalacznik[@nazwaPliku != '']">
<div class="du-col-12 du-no-mt">
<span class="span-display-block">
<xsl:value-of select="position()"/>. Nazwa załącznika:
<span class="du-bold">
<xsl:value-of select="@nazwaPliku"/>
</span>
</span>
</div>
<xsl:if test="str:OpisZalacznika">
<div class="du-col-12 du-no-mt" style="margin-left: 1.1em;">
<span class="span-display-block">
Opis załącznika:
<span class="du-bold">
<xsl:if test="string-length(str:OpisZalacznika) = 0">Brak opisu</xsl:if>
<xsl:if test="string-length(str:OpisZalacznika) > 0">
<xsl:value-of select="str:OpisZalacznika"/>
</xsl:if>
</span>
</span>
</div>
</xsl:if>
</xsl:for-each>
</div>
</xsl:template>
</xsl:stylesheet>