add: css-classes and implementing those

This commit is contained in:
MaxBUhe 2020-04-27 18:31:25 +02:00
parent 4fb6ea4ce3
commit 0f4ceac9ab
1 changed files with 124 additions and 49 deletions

View File

@ -3,10 +3,11 @@
<page backtop="30mm" backbottom="30mm" backleft="10mm" backright="10mm" pageset="new">
<style>
{*debug hilfe*}
.eraseBug{
border: dashed blueviolet 1px;
}
{*-----------------*}
table{
font-family: "helvetica";
}
@ -39,16 +40,81 @@
padding-bottom: 5px;
padding-top: 5px;
}
{*---------------------*}
{*pdf_header*}
.pdf_header_positioning{
position: absolute;
top: 30px;
right: 44px;
}
{*---------------------*}
{*page_footer*}
.page_footer_table{
width: 688px;
font-size: 9px;
margin: 0 30px 0 30px;
border-top: solid 1px #000;
}
{*---------------------*}
{*pdf_heading*}
.pdf_heading_table{
width: 100%;
margin-top: 8mm;
}
{* order_aritcle_costs *}
.aritcle_costs_table{
width: 100%;
border-top: solid 0.15mm #000;
}
.aritcle_costs_table_td_width50{
width: 50%;
}
.aritcle_costs_table_paddingRight{
padding-right: -3px;
}
{*order_shop_past_thank*}
.past_thank_width100{
width: 100%;
}
{*order_article_listing*}
.order_article_listing_width_amount{
width: 20px;
}
.order_article_listing_width_desc{
width: 418px;
}
.order_article_listing_width_ust{
width: 10px;
}
.order_article_listing_width_unitPrice{
width: 80px;
}
.order_article_listing_width_total_Price{
width: 90px;
}
.order_article_listing_fontSize{
font-size: 11px;
}
{* footer styling *}
.footer_parts{
width: 33.33%;
}
</style>
<page_header>
<div style="position: absolute; top: 30px; right: 44px;">
<img style="" src="[{$oViewConf->getImageUrl('Elektroversand-Schmidt_Logo_180.jpg')}]">
[{block name="pdf_header"}]
<div class="pdf_header_positioning">
<img src="[{$oViewConf->getImageUrl('Elektroversand-Schmidt_Logo_180.jpg')}]">
</div>
[{/block}]
</page_header>
<page_footer>
<table style="width: 688px; font-size: 9px; margin: 0 30px 0 30px; border-top: solid 1px #000;" cellspacing="0">
<table class="page_footer_table" style="cellspacing: 0;">
<tr>
<td style="width: 33.33%">
[{block name="shop_basic_information"}]
<td class="footer_parts">
<div>[{$shop->oxshops__oxname->value}]</div>
<div>[{$shop->oxshops__oxstreet->value}]</div>
<div>[{$shop->oxshops__oxzip->value}] [{$shop->oxshops__oxcity->value}]</div>
@ -56,22 +122,31 @@
<div>[{$shop->oxshops__oxurl->value}]</div>
<div>[{$shop->oxshops__oxinfoemail->value}]</div>
</td>
<td style="width: 33.33%; vertical-align: top;">
[{/block}]
[{block name="owner_basic_information"}]
<td class="vertical-a footer_parts">
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_MANAGINGDIRECTOR"}][{$shop->oxshops__oxfname->value}] [{$shop->oxshops__oxlname->value}]</div>
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_COURT"}] [{$shop->oxshops__oxcourt->value}]</div>
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_HRBNR"}][{$shop->oxshops__oxhrbnr->value}]</div>
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTID"}][{$shop->oxshops__oxvatnumber->value}]</div>
</td>
<td style="width: 33.33%; vertical-align: top;">
[{/block}]
[{block name="bank_basic_information"}]
<td class="vertical-a footer_parts">
<div>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_BANKVERBINDUNG"}]</div>
<div>[{$shop->oxshops__oxbankname->value}]</div>
<div>[{oxmultilang ident="ORDER_OVERVIEW_PDF_ACCOUNTNR"}][{$shop->oxshops__oxibannumber->value}]</div>
<div>[{oxmultilang ident="ORDER_OVERVIEW_PDF_BANKCODE"}][{$shop->oxshops__oxbiccode->value}]</div>
</td>
[{/block}]
</tr>
</table>
</page_footer>
<table style="width: 100%; font-size: 12px; margin-top: 8mm;" cellspacing="0">
[{* +++++ main page part +++++ *}]
[{block name="pdf_heading"}]
<table class="sizing pdf_heading_table" cellspacing="0">
[{block name="heading_owner_information"}]
<tr>
<td style="width: 65%;">
<div style="font-size: 8px;">[{$shop->oxshops__oxname->value}] - [{$shop->oxshops__oxstreet->value}] - [{$shop->oxshops__oxzip->value}] [{$shop->oxshops__oxcity->value}]</div>
@ -83,8 +158,10 @@
<div class="aligning sizing">[{$shop->oxshops__oxinfoemail->value}]</div>
</td>
</tr>
[{/block}]
[{block name="heading_order_information"}]
<tr>
<td style="width: 65%; vertical-align: top; padding-top: -5px;">
<td class="vertical-a" style="width: 65%; padding-top: -5px;">
[{if $order->oxorder__oxbillcompany->value}]
<div>[{$order->oxorder__oxbillcompany->value}]</div>
[{/if}]
@ -120,44 +197,40 @@
<div class="aligning">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTIDNR"}][{$shop->oxshops__oxvatnumber->value}]</div>
</td>
</tr>
[{/block}]
</table>
[{/block}]
[{* +++++Artikeltabelle+++++*}]
[{block name="order_article_listing"}]
<table style="margin-top: 10px;" cellspacing="0">
<tr>
<td><div style="width: 20px; padding-bottom: 5px; font-size: 11px;" class="sizing vertical-a">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_AMOUNT"}]</div></td>
<td><div style="width: 418px; padding-bottom: 5px; font-size: 11px;" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_DESCRIPTION"}]</div></td>
<td><div style="width: 10px; padding-bottom: 5px; font-size: 11px;" class="sizing aligning">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTPERCENTAGE"}]</div></td>
<td><div style="width: 80px; text-align: right; padding-bottom: 5px; font-size: 11px;" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_UNITPRICE"}]</div></td>
<td><div style="width: 90px; padding-bottom: 5px; font-size: 11px;" class="aligning sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_TOTALPRICE"}]</div></td>
<td class="border-bottom mercurius order_article_listing_width_amount"><div class="vertical-a order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_AMOUNT"}]</div></td>
<td class="border-bottom mercurius order_article_listing_width_desc"><div class="order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_DESCRIPTION"}]</div></td>
<td class="border-bottom mercurius order_article_listing_width_ust"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USTPERCENTAGE"}]</div></td>
<td class="border-bottom mercurius order_article_listing_width_unitPrice"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_UNITPRICE"}]</div></td>
<td class="border-bottom mercurius order_article_listing_width_total_Price"><div class="aligning order_article_listing_fontSize">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_TOTALPRICE"}]</div></td>
</tr>
[{* +++++auslagerbar?+++++ *}]
[{foreach from=$order->getOrderArticles(true) item=oOrderArticle}]
<tr>
<td style="width: 20px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
<td style="width: 418px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
<td style="width: 10px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
<td style="width: 80px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
<td style="width: 90px; border-top: solid 0.15mm #000; padding-bottom: 5px"></td>
</tr>
[{foreach from=$order->getOrderArticles(true) item=oOrderArticle}]
<tr>
<td style="vertical-align: top;"><div style="width: 20px; padding-bottom: 5px; padding-right: 45px; text-align: right;" class='vertical-a sizing'>[{$oOrderArticle->oxorderarticles__oxamount->value }]</div></td>
<td style="vertical-align: top;"><div style="width: 418px; padding-bottom: 5px;" class='vertical-a sizing'>
<td class="hermes vertical-a mercurius" style="width: 20px;"><div class='sizing aligning' style="padding-right: 57.3px">[{$oOrderArticle->oxorderarticles__oxamount->value }]</div></td>
<td class="hermes vertical-a mercurius" style="width: 418px"><div class='sizing'>
[{$oOrderArticle->oxorderarticles__oxtitle->getRawValue() }] [{ $oOrderArticle->oxorderarticles__oxselvariant->getRawValue() }]
<br>
<span style="font-size: 9px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ARTNR"}] [{$oOrderArticle->oxorderarticles__oxartnum->value }]</span>
</div></td>
<td style="vertical-align: top;"><div style="width: 10px; padding-bottom: 5px;" class='vertical-a sizing aligning'>[{$oOrderArticle->oxorderarticles__oxvat->value }]</div></td>
<td style="vertical-align: top;"><div style="width: 80px; padding-bottom: 5px; text-align: right;" class='vertical-a sizing'>[{$oOrderArticle->getBrutPriceFormated()}] [{$currency->name}]</div></td>
<td style="vertical-align: top;"><div style="width: 90px; padding-bottom: 5px;" class='aligning vertical-a sizing'>[{$oOrderArticle->getTotalBrutPriceFormated()}] [{$currency->name}]</div></td>
<td class="hermes vertical-a mercurius" style="width: 10px"><div class='aligning sizing'>[{$oOrderArticle->oxorderarticles__oxvat->value }]</div></td>
<td class="hermes vertical-a mercurius" style="width: 80px"><div class='aligning sizing'>[{$oOrderArticle->getBrutPriceFormated()}] [{$currency->name}]</div></td>
<td class="hermes vertical-a mercurius" style="width: 90px"><div class='aligning sizing'>[{$oOrderArticle->getTotalBrutPriceFormated()}] [{$currency->name}]</div></td>
</tr>
[{/foreach}]
[{/foreach}]
</table>
[{/block}]
<nobreak>
<table style="width: 100%; border-top: solid 0.15mm #000;" class="border-bottom">
[{block name="order_aritcle_costs"}]
<table class="aritcle_costs_table border-bottom">
<tr>
[{* ++++++Artikelzusammenfassung++++++ *}]
<td style="width: 50%; padding-right: -3px;">
<td class="aritcle_costs_table_paddingRight aritcle_costs_table_td_width50 ">
<div class="order_sum sizing border-bottom mercurius">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_SUMBRUTTO"}]</div>
[{if $order->getFormattedDiscount() != 0}]
<div class="order_sum sizing border-bottom spacing_order_info">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_DISCOUNT"}]</div>
@ -167,11 +240,11 @@
<div class="order_sum sizing border-bottom spacing_order_info">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
[{/foreach}]
<div class="order_sum sizing hermes">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_DELIVERY"}]</div>
<div class="sizing border-bottom spacing_order_info" style="text-align: right; padding-right: 65.9px; margin-left: -3px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
<div class="sizing border-bottom spacing_order_info aligning" style="padding-right: 65.9px; margin-left: -3px">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAX"}] [{$VatKey}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_PERCENTAGE"}] [{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TAXPERCVALUE"}]</div>
<div class="order_sum sizing hermes mercurius"><strong>[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_ORDERBILL_TOTALSUMBRUT"}]</strong></div>
</td>
[{* ++++++Zahlenteil der Zusammenfassung der Kosten++++++ *}]
<td style="width: 50%;">
<td class="aritcle_costs_table_td_width50">
<div class="order_sumNum aligning sizing border-bottom mercurius">[{$order->getFormattedTotalBrutSum()}] [{$currency->name}]</div>
[{if $order->getFormattedDiscount() != 0}]
<div class="spacing_order_info order_sumNum aligning sizing border-bottom">-[{$order->getFormattedDiscount()}] [{$currency->name}]</div>
@ -184,21 +257,23 @@
</td>
</tr>
</table>
<table style="width: 100%" cellspacing="0">
<tr><td style="width: 100%">&nbsp;</td></tr>
<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_PAYMENTMETHOD"}][{$payment->oxpayments__oxdesc->value}]</td></tr>
[{* +++++++Individueller Zahlungstext+++++++ *}]
[{if $order->oxorder__d3pdftextbestellbestaetigung->value}]
<tr><td style="width: 100%" class="sizing">[{$order->oxorder__d3pdftextbestellbestaetigung->value}]</td></tr>
[{else}]
<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_GREETINGSORDER"}]</td></tr>
[{/if}]
<tr><td style="width: 100%">&nbsp;</td></tr>
<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_1"}]</td></tr>
<tr><td style="width: 100%" class="sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_2"}]</td></tr>
</table>
[{/block}]
[{block name="order_shop_past_thank"}]
<table class="past_thank_width100" cellspacing="0">
<tr><td class="past_thank_width100">&nbsp;</td></tr>
<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_PAYMENTMETHOD"}][{$payment->oxpayments__oxdesc->value}]</td></tr>
[{* +++++++Individueller Zahlungstext+++++++ *}]
[{if $order->oxorder__d3pdftextbestellbestaetigung->value}]
<tr><td class="past_thank_width100 sizing">[{$order->oxorder__d3pdftextbestellbestaetigung->value}]</td></tr>
[{else}]
<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="D3_ORDER_OVERVIEW_PDF_USED_GREETINGSORDER"}]</td></tr>
[{/if}]
[{*+++++++++++*}]
<tr><td class="past_thank_width100">&nbsp;</td></tr>
<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_1"}]</td></tr>
<tr><td class="past_thank_width100 sizing">[{oxmultilang ident="ORDER_OVERVIEW_PDF_GREETINGS_AUFTRAG_2"}]</td></tr>
</table>
[{/block}]
</nobreak>
</page>