Uporaba vlastitog predloška za ispis dokumenata

Korištenjem vlastitih predložaka za ispis dokumenata u potpunosti možemo prilagoditi željeni izgled svih vrsta dokumenata (računa, ponuda, otpremnica, radnih naloga, ...). Predloške možemo kreirati u formatu tj. u HTML jeziku ili pomoću uređivača teksta kompatibilnog s MS Word (Word, Kingsoft office, WPS Office, ...). U nastavku je opisan postupak izrade novog predloška [2] kojim zadajemo izgled dokumenta. Umjesto izrade vlastitog predloška, preuzeti možemo osnovni izgled iz nekog već pripremljenog predloška iz postojeće galerije predložaka, a koji zatim samo prilagodimo u skladu s našim zahtjevima.

Za izradu predloška za izgled računa i ostalih vrsta dokumenata, koristiti možemo sljedeće programe:

• ako se služite HTML jezikom, predložak možete kreirati u svakom uređivaču teksta,
• uređivač MS Word, dostupan za Windows i Mac računala,
• uređivač KingsoftOffice Writer, isto tako dostupan za Windows i Mac računala, a dostupan je putem sljedeće poveznice: http://www.kingsoftstore.com/download/ . Značajke uređivača su jednostavna uporaba, potpuna kompatibilnost sa MS Word te za tvrtke povoljna cijena.
• za pripremu predložaka na računalima s operacijskim sustavom Linux koristiti možemo WPS Office for Linux, dostupan na sljedećoj poveznici http://wps-community.org/download.html.
• predloške možemo uređivati i prilagoditi uporabom programa iz paketa OpenOffice/LibreOffice, koji radi na računalima Windows, Mac i Linux. Predloške izrađene paketom LibreOffice potrebno je pohraniti u formatu MS Word.

	Slika 1: Dodavanje predloška za ispis dokumenta

Po kreiranju predloška u HTML ili Word formatu, uvozimo ga u internet aplikaciju klikom na . Otvara se prozor, u kojem u polju Oznaka: upišemo naziv predloška, pa zatim klikom na gumb potražimo predložak lokalno među svojim datotekama. Po odabiru odgovarajućeg predloška, dodamo ga klikom na gumb Uvozi podatke.

Dodati možemo više različitih predložaka, a svi preneseni predlošci nam se ispisuju dolje. Klikom u odaberemo koji ćemo predložak koristiti preuzeto za izabranu vrstu dokumenata, u izabranoj jezičnoj varijanti (i za izabrano mjesto troška, ako ih koristimo).

Za administriranje predloška na raspolaganju su nam sljedeće mogućnosti:

	Slika 2: Rad s predloškom

• Onemogući odabir predloška: Predložak ovime zadržimo na poslužitelju, ali isti nije dostupan za ispis. Ako ga želimo naknadno aktivirati, na raspolaganju je opcija Aktiviraj predložak za korisnike.

• Preuzmi predložak sa poslužitelja: Predložak možemo lokalno prenijeti na računalo za arhivu ili uređivanje. Po završenom uređivanju, predložak možemo uvoziti kao novi ili ažurirati postojeći odabirom Ažuriraj predložak.

• Ažuriraj predložak: Predložak možemo ponovno uvoziti pod istom oznakom/nazivom što znači da postojeći predložak prepišemo.

• Izbriši: Ako predložak nije vezan ni na jedan dokument, možemo ga ukloniti sa poslužitelja..

• Preimenuj predložak: Promjenimo naziv postojećeg predloška.

 

1. Kako napraviti predložak za ispis dokumenta u MS Wordu?

1.1 Postavke MS Word-a za lakše oblikovanje predložaka

Prije nego što započnete s oblikovanjem predloška za ispis dokumenata, u MS Word-u odredite označavanje mjesta s oznakama (bookmark). To učinite na slijedeći način:

1. u izborniku programa MS Word izaberite opciju |Tools |Options.
2. Kliknite na |View.
3. Označite  Show bookmarks .
4. Potvrdite klikom na gumb OK. Gledaj sliku:

   	Slika 3: Uključivanje opcije za prikaz bookmark-a u dokumentu.

U dokumentu će se na svim mjestima na kojima koristimo bookmark-e pojaviti oznake [].

1.2 Primjer oblikovanja predloška za ispis dokumenata

U MS Wordu otvorite dokument na kojem ćete oblikovati predložak za ispis računa ili drugih dokumenata. Za predložak možete upotrijebiti nov, prazan dokument. Ako ste do sada račune pisali ručno u MS Word-u, možete upotrijebiti vaš postojećii račun kao koncept, u kojem konkretne podatke zamjenjujete bookmark-om.

Za svaki dokument su na raspolaganju određeni bookmark-i [3], a koristite samo one koje želite. Pogledajmo izradu predloška na konkretnom primjeru:

• Napišite "Račun br."

• Postavite se na poziciju dokumenta, na kojoj želite imati ispisan broj dokumenta. Dodajte bookmark BrojDokumenta , kao što je vidljivo na slici dolje (bookmark-i označeni plavom bojom):

  	Slika 4: Primjer predloška računa u MS Wordu s vidljivim bookmark-ima

• Kad smo se postavili na odgovarajuće mjesto u tekstu, mišom se pomaknemo u glavni izbornik i izaberemo opciju |Insert |Bookmark....

Primjer:

• Otvara se prozor u kojem izaberete ili upišete ime bookmark-a te dodate na dokument klikom na gumb Add kao što prikazuje slika:

Postupak ponovite za sve stavke dokumenta te nakon toga predložak spremite. Oblikovani predložak možete dodati među ostale predloške. Postupak dodavanja opisan je na stranici predlošci za ispis.

Kod kasnije upotrebe predloška, program automatski zamjenjuje bookmark-e s konkretnim podacima iz izlaznog dokumenta.

 

2. Kako napraviti predložak za ispis u jeziku HTML?

2.1 Struktura datoteke s predloškom

Predložak za ispis dokumenata u formatu HTML oblikujemo kao zbir više datoteka u kompresiranom arhivu tipa ZIP.

ZIP arhiva sadrži sljedeće datoteke:

• doc_template.html - u ovoj datoteci zadajemo izgled zaglavlja (header) i cijelog sadržaja dokumenta (račun, predračun,...). Datoteka mora biti obavezno prisutna u arhivu ZIP.
• doc_template_footer.html - u ovoj datoteci zadajemo izgled podnožja dokumenta (footer). Osim podnožja, zadati možemo i poziciju i način numeriranja stranica. Ukoliko datoteka nije sadržana u arhivu, dokumenti će se ispisati bez podnožja.
• ostale datoteke (slike, CSS, itd.) - prisutnost drugih datoteka je opcijska.

2.2 Definiranje formata stranice i kvalitete ispisa

Veličinu stranice i druga svojstva PDF datoteke odredimo unutar datoteke doc_template.html na početku datoteke unutar poglavlja HEAD s atributima oznake HTML2PDF. Primjer:

<!DOCTYPE html>
<html>
<head>
    <html2pdf page-size="A4" orientation="Portrait" dpi="300" margin-bottom="30mm" margin-top="10mm" lowquality="yes" grayscale="no" zoom="0" disable-smart-shrinking="0" />
    <meta charset="utf-8" />
    ...

Format zadajemo sa sljedećim atributima:

2.3 Kako dodati bookmarke i zadati poziciju za ispis podataka

Donji primjer s bookmarkima za podatke o kupcu i zaglavlje dokumenta prikazuje kako unutar datoteke HTML zadajemo poziciju za ispis podataka i dodajemo bookmarke u datoteci HTML:

<!DOCTYPE html>
<html>
...
<body>
       ...
               <section id="podaci-glava">
                       <p id="podaci-stranka">
                               <strong><data bookmark="KupacNaziv">Ivan Horvat</data></strong>
                               <dataSection bookmark="KupacNaziv2" removeEmpty="true"><strong><br><data>Tvrtka d.o.o.</data></strong></dataSection>
                               <dataSection bookmark="KupacUlica" removeEmpty="true"><br><data>Zagrebačka 32</data></dataSection>
                               <br><data bookmark="xmlBookmarkKupecPosta">10000</data>
                               <data bookmark="xmlBookmarkKupecKraj">Zagreb</data>
                               <br><br><dataSection bookmark="KupacOibIliPdvIDBroj" removeEmpty="true">OIB / PDV ID broj: <data>123456789</data></dataSection>
                       </p>

                       <p id="podaci-racun">
                               <strong>Račun br.: <data bookmark="BrojDokumenta">01-0001-1</data></strong>
                               <br><br><data bookmark="MjestoIzdavanjaDokumenata">Zagreb</data>, dana:
                               <data bookmark="DatumIVrijemeIzdavanjaRacuna">13/03/2017 10:52</data>
                               <br>Dospijeće: <data bookmark="DatumDospijeca">27/03/2017</data>
                               <br>Datum isporuke: <data bookmark="DatumPrometa">01/03/2017</data>
                               <br><br>Način plaćanja: <data bookmark="NacinPlacanja">gotovina</data>
                               <br>TRR: <data bookmark="TRR">12345-67890</data>
                               <br>Poziv na broj: <data bookmark="PozivNaBroj">123-4567</data>
                       </p>
                       <div class="clr"></div>
               </section>
       ...

Kao što prikazuje primjer, podaci se ispisuju unutar HTML oznake data. Ime bookmarka s podacima definira atribut bookmark.

Ako želimo da se ispred podatka ispiše određeni tekst samo u slučaju postojanja podatka u bookmarku (npr tekst OIB / PDV ID broj: samo u slučaju ako je na računu iskazan taj podatak), tada cijeli odjeljak HTML upišemo unutar oznake dataSection, kojem u atributu bookmark zadamo na koji se bookmark odnosi.U slučaju potrebe za više uvjeta za ispis određenog podatka, moguće je korištenje ugnježđenih oznaka dataSection, u tom slučaju se oznake definiraju rednim brojem (dataSection, dataSection2,...); maksimalno je moguće koristiti 5 ugnježđenih atributa dataSection.

Donji primjer pokazuje kako se ispisuje država kupca ukoliko se radi o stranom kupcu/državi te da će se podatak ispisati samo ukoliko on postoji upisan u podacima o kupcu:

...
<dataSection bookmark="KupacDrzavaSamoStrane" removeEmpty="true">
       <dataSection2 bookmark="KupacDrzava" removeEmpty="true">
               <data bookmark="KupacDrzava">Austrija</data>
       </dataSection2>
</dataSection>
...

U dataSection možemo s atributom removeEmpty="true" zadati, da se odjeljak HTML unutar dataSection ispiše samo u slučaju prisutnosti podatka unutar bookmarka na kojeg se odnosi dataSection. Ukoliko podatka u bookmarku nema, tada će cijeli sadržaj dataSection biti ispušten iz konačnog dokumenta. Na ovaj način možemo određene dijelove dokumenta HTML uvjetno generirati samo u slučaju prisutnosti određenog podatka na računu.

U dataSection možemo s atributom showOnValue="podatak" zadati, da se odjeljak HTML unutar dataSection ispiše samo u slučaju da je vrijednost bookmarka podatka jednaka vrijednosti upisanoj u atributu showOnValue. Na ovaj način možemo određene dijelove dokumenta HTML uvjetno generirati samo u slučaju prisutnosti određenog podatka na računu.

Donji primjer pokazuje kako će se podatak za ukupni iznos ispisan slovima pokazati samo u slučaju da je valuta računa hrvatska kuna.

...
<dataSection bookmark="NovcanaValuta" showOnValue="HRK">
       <data bookmark="UkupnoZaPlacanjeSlovima">stopedeset</data>
</dataSection>  
...

2.4 Ispis stavki u tablici

Primjer dolje prikazuje način oblikovanja i zadavanja pozicija za ispis podataka o stavkama dokumenta. Oznaka dataTableRow predstavlja odjeljak HTML, koji se ponavlja za svaku stavku. Pri svakom ponavljanju se oznake data popune podacima sljedeće stavke dokumenta.

...
<dataTable bookmark="Stavke">
       <table>
       <tr>
               <th>Poz.</th>
               <th align="left">Vrsta robe - usluge</th>
               <th>Kol.</th>
               <th>JM</th>
               <th align="right">Cijena bez PDV-a</th>
               <th>Rab. %</th>
               <th align="left">PDV %</th>
               <th>Vrijednost bez PDV-a</th>
       </tr>

       <dataTableRow bookmark="Stavke">
               <tr>
                       <td><data bookmark="StavkePozicijaSTockom">1.</data></td>
                       <td align="left"><data bookmark="StavkeOpis">Testni artikl</data></td>
                       <td><data bookmark="StavkeKolicina">10,00</data></td>
                       <td><data bookmark="StavkeJedinicaMjere">kom</data></td>
                       <td align="right"><data bookmark="StavkeCijenaBezPDV">100,00</data></td>
                       <td><data bookmark="StavkePopust">5</data></td>
                       <td align="left"><data bookmark="StavkeStopaPDV">25</data>%</td>
                       <td><data bookmark="StavkeIznosBezPDV">1050,00</data></td>
               </tr>
       </dataTableRow>

       <dataSample>
               <tr>
                       <td>2</td>
                       <td>Drugi artikl</td>
                       <td>15</td>
                       <td>kom</td>
                       <td>114,162</td>
                       <td>19</td>
                       <td>193,687</td>
                       <td>150,471</td>
               </tr>
               <tr>
                       <td>3</td>
                       <td>Zadnji artikl u tablici</td>
                       <td>5</td>
                       <td>kom</td>
                       <td>155,450</td>
                       <td>11</td>
                       <td>131,949</td>
                       <td>100,868</td>
               </tr>
       </dataSample>
</table>
</dataTable>
...

Na primjeru je vidljiva i oznaka dataSample, koju koristimo prilikom oblikovanja HTML dokumenta. Taj dio koda unutar oznake dataSample se prilikom generiranja ispisa ignorira. Taj je dio koda namjenjen samo lakšem oblikovanju predloška i neće biti uključen u konačni dokument.

2.5 Kako uključimo slike

U predložak možemo uključiti željeni broj slika, koje koristimo za logotip ili predispisane potpise na dokumentima. Slike dodajemo korištenjem HTML oznake img te ih preko atributa src referenciramo putem relativne lokacije gledano na lokaciju datoteke doc_template.html. Slike dodajemo u arhivu ZIP kao odvojene datoteke ili ih zakodiramo u base64 i dodamo na način "inline" unutar datoteke HTML.

Ako koristite slike u zasebnim datotekama (PNG, JPEG, GIF), tada će biti uključene samo u ispis dokumenta u formatu PDF. Ukoliko želite dokumente ispisivati iizravno iz preglednika uporabom formata HTML, tada datoteke moraju biti uključene u HTML na način "embedded base64 data".

2.6 Kako uključimo ispis bar koda i slika artikala na dokument

Slike za koje postoji bookmark možemo dodati na dokument korištenjem uobičajene HTML oznake img, gdje umjesto atributa src upotrijebimo atribut bookmark i u njemu navedemo ime bookmarka sa slikom. Uporaba bookmarka za slike je prikazana na sljedećem praktičnom primjeru, koji prikazuje ispis bar koda:

...
<div id="barcode">
  <img bookmark="BarkodZaPlacanje">
</div>
...

Za popis mogućih bookmarka pogledajte poglavlje s popisom svih bookmarka [3] ili kontaktirajte našu tehničku podršku za pomoć.

2.7 Kako napraviti rekapitulaciju za strane valute?

Na donjim primjerima ćemo pokazati kako napraviti rekapitulaciju za domaću valutu i rekapitulaciju za strane valute, te kako će izgledati kod za prepoznavanje valute u kojoj je izdan račun. Obadvije tablice moraju biti u HTML predlošku, kako bi se odgovarajuća tablica mogla ispisati.

Prvi primjer je tablica rekapitulacije za domaću valutu (HRK):

<div id="total-domestic">
       <table>
               <tr>
                       <td>Kontrolna količina:</td>           
                       <td><data bookmark="KontrolnaKolicina">1,00</data></td>
               </tr>
               <tr>
                       <td>Rekapitulacija PDV-a:</td>          
                       <td>HRK</td>            
               </tr>
               <tr>
                       <td>Ukupni iznos bez PDV-a:</td>        
                       <td><data bookmark="UkupnoBezPDV">100,00</data></td>    
               </tr>
               <tr>
                       <td>Osnovica 25%:</td>          
                       <td><data bookmark="OsnovaPDV2UDomVal">100,00</data></td>       
               </tr>
               <tr>
                       <td>PDV 25%:</td>       
                       <td><data bookmark="IznosPDV2UDomVal">25,00</data></td>
               </tr>
               <tr>
                       <td>Za uplatu HRK:</td>         
                       <td><data bookmark="UkupnoZaUplatuUDomVal">125,00</data></td>   
               </tr>
       </table>
</div>

Id total-domestic ćemo koristiti za prikazivanje odnosno sakrivanje tablice rekapitulacije ovisno o valuti.

Drugi primjer je tablica rekapitulacije za strane valute:

<div id="total-foreign" style="display: none;">
       <table>
               <tr>
                       <td></td>
                       <td>HRK</td>
                       <td><data bookmark="NovcanaValuta"></data></td>
               </tr>
               <tr>
                       <td>Ukupni iznos bez PDV-a:</td>        
                       <td><data bookmark="UkupnoBezPDVUDomVal">65,02</data></td>      
                       <td><data bookmark="UkupnoBezPDV">8,77</data></td>
               </tr>
               <tr>
                       <td>Osnovica 25%:</td>          
                       <td><data bookmark="OsnovaPDV2UDomVal">65,02</data></td>
                       <td><data bookmark="OsnovaPDV2">8,77</data></td>        
               </tr>
               <tr>
                       <td>PDV 25%:</td>               
                       <td><data bookmark="IznosPDV2UDomVal">16,24</data></td>
                       <td><data bookmark="IznosPDV2">2,19</data></td>
               </tr>
               <tr>
                       <td>Za uplatu:</td>             
                       <td><data bookmark="UkupnoZaUplatuUDomVal">81,25</data></td>    
                       <td><data bookmark="UkupnoZaUplatu">10,96</data></td>
               </tr>
       </table>
</div>

Za rekapitulaciju u stranim valutama smo postavili style="display: none;", odnosno da se ta tablica po preuzetim postavkama ne prikazuje, s obzirom da je preuzeta rekapitulacija u domaćoj valuti.Za tablice se može koristiti željeni broj redova odnosno podataka, te odgovarajućih bookmarka.

Na početku oznake body ćemo dodati div oznaku s bookmarkom NovcanaValuta pomoću koje ćemo odrediti valutu računa te samim time odrediti koja tablica rekapitulacije će se ispisati.

<body onLoad="toggleTotalsRecapitulation();">
<div id="currencyPlaceHolder">
       <data bookmark="NovcanaValuta"></data>
</div>
...

Id currencyPlaceHolder koristimo za dohvaćanje valute računa, primjer kako ga koristiti unutar javascript koda je naveden u daljnjem tekstu.S obzirom da navedeni div koristimo samo za određivanje valute, te njegova prisutnost nije potrebna na računu, pomoću sljedećeg CSS koda ćemo prikazati kako ga sakriti odnosno kako da se taj podatak ne ispisuje na računu.

<html>
       <head>
               <style>
                       #currencyPlaceHolder{
                               position: absolute;
                               top: -10000px;
                               left: -10000px;
                       }
               </style>
       </head>
<body>
...

Sljedeći odjeljak javascript koda postavljamo na vrhu HTML dokumenta unutar oznake head. Unutar njega je napisana funkcija toggleTotalsRecapitulation koja pomoću već navedenoga id-a currencyPlaceHolder dohvaća valutu računa, te pomoću nje određuje koja tablica rekapitulacije će se prikazati na računu.

<head>
 
<script type="text/javascript">
       function toggleTotalsRecapitulation(){
               var currencyPlaceHolder = document.getElementById("currencyPlaceHolder");
               if(currencyPlaceHolder){
                       var totalDomestic = document.getElementById("total-domestic");
                       var totalForeign = document.getElementById("total-foreign");

                       if(currencyPlaceHolder.innerText  == "HRK"){
                               totalDomestic.style.display = "initial";

                               if(totalForeign){
                                       totalForeign.style.display = "none";
                               }
                       }
                       else{
                               totalForeign.style.display = "initial";
                               if(totalDomestic){
                                       totalDomestic.style.display = "none";
                               }
                       }
               }
       }
</script>
 
</head>

Da bi gornji odjeljak koda radio, potrebno je pozvati funkciju unutar oznake body na sljedeći način:

<body onload="toggleTotalsRecapitulation()">
 

2.8 Opće upute za oblikovanje predložaka u jeziku HTML

Prilikom oblikovanja predložaka u jeziku HTML slijedite smjernice za oblikovanje HTML dokumenata za ispis. Umjesto relativnog pozicioniranja možete koristiti apsolutno pozicioniranje i mjernu jedinicu mm (milimetar). Za zahtjevnije predloške preporučamo da posao prepustite profesionalcima.

Više smjernica za oblikovanje dokumenata HTML za ispis na pisaču pronaći ćete na internetu, npr. https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/.

 

3. Bookmark odnosno knjižne oznake za predložak

Kada želite oblikovati predložak za ispis dokumenta u MS Word-u, koristite se određenim knjižnim oznakama tj. bookmark-ima. Uporaba svih bookmark-a kod izrade jednog predloška nije obavezna.

Za ispis podataka o tvrtci, možete koristiti sljedeće bookmarke:

Za ispis tekstova, koji su pozicionarni na vrhu ili dnu dokumenta, iznad ili ispod zaračunanih stavki ili pak kao završni tekst dokumenta, koristiti možete sljedeće bookmarke:

Za ispis podataka o poslovnim partnerima (naziv, sjedište, kontaktni podaci i dr.), koristiti možete slijedeće bookmarke:

Za ispis podataka o dokumentu (broj dokumenta, datum izdavanja, podaci za plaćanje i dr.), koristiti možete sljedeće bookmarke:

Za ispis podatka na računu zahtjevanih iz naslova fiskalizacije, koristiti možete sljedeće bookmarke:

Za ispis podatka o ovjeri dokumenta, koristiti možete sljedeće bookmarke:

Uz te bookmark-e su za pojedinačne dokumente (račune [4], račune za predujam [5], knjižna odobrenja [6], ponude [7]) na raspolaganju dodatni bookmark-i.

Za tabelu stavki je potrebno izraditi naslovni redak, koji može sadržavati slijedeće bookmarke (stupce):

Ako koristite ispis dokumenta u dvije valute, na raspolaganju su sljedeći bookmark-i:

Ispod naslovnog reda je potrebno dodati prazan red te u prvo polje staviti bookmark Stavke .

Za svote stavki su na raspolaganju slijedeći bookmark-i:

Za podatke o plaćanju računa možete koristiti sljedeće bookmarke:

Ispod naslovnog reda je potrebno dodati prazan red te u prvo polje staviti bookmark ZabiljezeneUplate 

Ako koristite ispis dokumenata u dvije valute, na raspolaganju su sljedeći bookmark-i:

Za ispis specifikacije PDV-a, možete koristiti sljedeće bookmarke:

Ispod naslovnog reda je potrebno dodati prazan red te u prvo polje staviti bookmark PDVStopaSpec .

Za ispis rekapitulacije PDV-a, možete koristiti sljedeće bookmarke:

Ispod naslovnog reda je potrebno dodati prazan red te u prvo polje staviti bookmark PDVRekapitulacija .

Dodatni bookmarki za upotrebu u HTML predlošcima:

Osim gore navedenih bookmarka, koji se mogu koristiti i u Word i u HTML predlošcima, postoje određeni bookmarki koje su namijenjeni samo za upotrebu u HTML predlošcima:

Za internet trgovine koje podatak o popustu ne šalju u svojim podacima u internet trgovinu e-racuni.com, smo dodali mogućnost korištenja novih bookmarka za ispis istih:

Bookmarci kada je akcija izračunata iz najniže prodajne cijene u zadnjih 30 dana:

Bookmarci za tablicu stavki:

Bookmarci za ispis skupnih vrijednosti - rekapitulacije:

Bookmarci kada je akcija izračunata iz zadnje prodajne cijene:

Bookmarci za tablicu stavki:

Bookmarci za ispis skupnih vrijednosti - rekapitulacije:

 

4. Dodatni bookmark-i za račun

Uz osnovne znakove, koji su na raspolaganju za sve dokumente, postoje i specifični za račun:

Na predlošcima za ispis računa koji sadrže i obračunate iznose po računima za predujam, dodajte sljedeće bookmarke:

Na predlošku računa je moguće ispisati cijelu rekapitulaciju za obračunate iznose po računima za predujam. Za prikaz tablice je potrebno izraditi naslovni red koji sadrži sljedeće bookmarke (stupce):

Ispod naslovnog reda potrebno je dodati prazan red te u prvo polje staviti bookmark PDVRekapitulacijaPredujam.

Na predlošku računa je moguće ispisati i rate ako smo ih na računu upisali.

Za tablicu s prikazom rata je potrebno izraditi naslovni red, koji sadrži sljedeće bookmarke (stupce):

Ispod naslovnog reda potrebno je dodati prazan red te u prvo polje staviti bookmark Rate.

Za podatke o plaćanju računa možete koristiti sljedeće bookmarke:

Ispod naslovnog reda je potrebno dodati prazan red te u prvo polje staviti bookmark ZabiljezeneUplate 

 

5. Dodatni bookmark-i za račun za predujam

Uz osnovne oznake koje su na raspolaganju za sve dokumente, postoje i specifične koje se koriste za oblikovanje izgleda račun za predujam:

 

6. Dodatni bookmark-i za knjižno odobrenje

Uz osnovne oznake koje su na raspolaganju za sve dokumente, postoje i specifične za knjižno odobrenje:

 

7. Dodatni bookmarki za ponudu

Uz osnovne oznake, koje su na raspolaganju za sve dokumente, postoje i specifične za ponudu:

 

8. Dodatni bookmark-i za narudžbe dobavljaču i otpremnice

 

9. Dodatni bookmark-i za opomenu

Uz osnovne bookmarke koji se mogu koristiti za sve dokumente, postoje i bookmark-i koje se koriste pri pripremi predložaka za ispis opomena.

Bookmark-i za ispis pojedinačnih stavki u tabeli su:

 

10. Dodatni bookmark-i za radni nalog

Uz osnovne znakove, koji su na raspolaganju za sve dokumente, postoje i specifični za radni nalog:

Za tablicu stavki naručenih proizvoda potrebno je napraviti naslovni redak, koji može sadržavati sljedeće bookmarke (stupce):

Ispod naslovnog retka potrebno je dodati još prazni redak i u prvu čeliju staviti bookamark StavkeRNNaruceniProizvodi

Za ukupne iznose stavki tablice naručenih proizvoda mogu se koristiti sljedeći bookmark-i:

Za tablicu stavki primljenog materijala na radni nalog potrebno je napraviti naslovni redak, koji može sadržavati sljedeće bookamarke (stupce):

Ispod naslovnog retka potrebno je dodati još prazni redak i u prvu čeliju staviti bookmark StavkeRNPrimljeniMaterijal

Za ukupan iznos stavki tablice primljenog materijala na radnom nalogu može se koristiti sljedeći bookmark:

Za tablicu stavki potrošenog materijala u proizvodnji potrebno je napraviti naslovni redak koji može sadržavati sljedeće bookmarke (stupce):

Ispod naslovnog retka potrebno je dodati još prazni redak i u prvu čeliju staviti bookamark StavkeRNPotroseniMaterijal

Za ukupne iznose stavki tablice potrošenog materijala u proizvodnji moguće je korisitit sljedeće bookmarke:

Za tablicu stavki otpremljenog materijala potrebno je napraviti naslovni redak koji može sadržavati sljedeće bookmarke (stupce):

Ispod naslovnog retka potrebno je dodati još prazni redak i u prvu čeliju staviti bookmark StavkeRNOtpremljenMaterijal

Za ukupni iznos tablice otpremljenog materijala mogu se koristiti sljedeći bookamrk-i:

Za tablicu stavki obračunatih radnih sati potrebno je napraviti naslovni redak koji može sadržavati sljedeće bookmarke (stupce):

Ispod naslovnog retka potrebno je dodati još prazni redak i u prvu čeliju staviti bookmark StavkeRNRadniSati

Za ukupni iznos stavki tablice obračunatih sati mogu se koristiti sljedeći bookmark-i:

Za ukupni iznos na radnom nalogu možemo koristiti sljedeće bookmarke:

 

11. Dodatni bookmark-i za rezervacije

Uz standardne bookamarke koji su na raspolaganju za predloške, za rezervacije se mogu koristiti i sljedeći specifični bookmarki:

Podatki udeležencev:

Ispod naslovnog retka potrebno je dodati još prazan redak i u prvu čeliju staviti bookmark Sudionici.

Podaci obračunskih stavki rezervacije:

Ispod naslovnog retka potrebno je dodati još prazan redak i u prvu ćeliju staviti bookmark ObracunStavke.

 

12. Dodatni bookmark-i za narudžbu kupca

 

13. Dodatni bookmark-i za međuskladišnice

Uz osnovne bookmark-e koji su na raspolaganju za sve dokumente, na raspolaganju je i nekoliko specifičnih za ispis međuskladišnica.

Bookmark-i za ispis pojedinačnih stavki u tabeli:

 

14. Dodatni bookmark-i za nivelacije

Uz osnovne bookmark-e koji su na raspolaganju za sve dokumente, pripremili smo i nekoliko specifičnih, potrebnih za pripremu predloška za ispis nivelacije cijena.

Bookmark-i za ispis pojedinačnih stavki u tabeli:

 

15. Dodatni bookmark-i za kompenzacije

Ako želimo pripremiti predložak za ispis prijedloga međusobne kompenzacije, na raspolaganju su određeni bookmark-i, no nije zahtjevano da ih na jednom predlošku koristimo sve. Na raspolaganju su sljedeći bookmark-i:

Na međusobnoj kompenzaciji su na raspolaganju posebni bookmark-i za ispis potraživanja:

Ispod naslovnog retka potrebno je dodati prazan redak i u prvo polje ubaciti bookmark KompOtvorenoPotrazivanje .

Na međusobnoj kompenzaciji su na raspolaganju posebni bookmark-i za ispis obveza:

Ispod naslovnog retka potrebno je dodati prazan redak i u prvo polje ubaciti bookmark KompOtvoreneObveze .

 

16. Dodatni bookmarki za poklon bon

 

17. Dodatni bookmarki u preuzetim predlošcima u galeriji predložaka

Pored osnovnih bookmarka koji se mogu koristiti za dokumente, imamo također i specifične bookmarke za postavke ispisa koji se koriste u preuzetim predlošcima u modulu |Postavke |Postavke tvrtke |Postavke izgleda dokumenata:

	Slika 7: Galerija predložaka

Ti bookmarki se obično nalaze u oznaci dataSection s kojim provjeravamo da li je uvjet ispunjen, ukoliko je, zatim se podatak ispiše.

Primjer za ispis šifre artikla:

<main>
    <section id="invoice-items">
       <table class="list-table">
           <tr>
                <dataSection bookmark="ItemsShowBoolCode" showOnValue="1">
                     <th>Šifra artikla</th>
                </dataSection>
            </tr>
        ...
             <dataTableRow bookmark="Postavke">
            <tr>
                 <dataSection bookmark="ItemsShowBoolCode" showOnValue="1">
                      <td><data bookmark="PostavkeSifraArtikla">123456</data></td>
                 </dataSection>
             </tr>
        ...
        <table>
    </section>
</main>

Primjer nam pokazuje da se podatak "Šifra artikla" u tablici stavki ispisala samo ako uvjet bude ispunjen odnosno ukoliko bookmark ItemsShowBoolCode bude imao vrijednost 1, ukoliko bookmark ne bude imao vrijednost 1, zatim se stupac s podatkom šifra artikla ne bude ispisao.

18. Popis bookmarka

Bookmarki povezani s postavkama zaglavlja i podnožja dokumenta te pozicije logotipa

Bookmarki povezani s postavkama dokumenta

Bookmarki povezani s tablicom stavki

Bookmarki vezani na rekapitulaciju dokumenta:

Bookmarki za dodatne opcije

 

19. Dodatni bookmarki za prijemni list

Uz osnovne bookmarke, koji su na raspolaganju za sve dokumente, pripremili smo i nekoliko specifičnih namjenjenih pripremi predloška za ispis prijemnog lista.

Bookmark-i za ispis stavki:

Bookmark-i za svote stavki:

Bookamark-i za ispis iznosa troškova transporta, carine, itd.

Bookmarki za ispis rekapitulacije:

 

20. Dodatni bookmarki za putne naloge

Uz osnovne bookmarke koji su na raspolaganju za sve dokumente, na raspolaganju je i nekoliko specifičnih za ispis putnih naloga.

Za tablicu stavki je potrebno izraditi naslovni redak koji može sadržavati sljedeće bookmarke (stupce):

Ispod naslovnog retka je potrebno dodati prazni redak te u prvo polje postaviti bookmark TravelOrderAdvancePayments.

 

21. Dodatni bookmarki za platnu listu

Uz osnovne bookmarke koji su na raspolaganju za sve dokumente, na raspolaganju je i nekoliko specifičnih za ispis platne liste.

Za ispis podataka o zaposleniku se koriste sljedeći bookmarki:

Za tablicu stavki bruto iznosa je potrebno prvo napraviti naslovni redak koji može sadržavati sljedeće bookmarke:

Ispod naslovnog retka je potrebno dodati još jedan prazan red i u njega postaviti bookmark PaySettGrossItems.

Za tablicu stavki boniteta je potrebno prvo napraviti naslovni redak koji može sadržavati sljedeće bookmarke:

Ispod naslovnog retka je potrebno dodati još jedan prazan red i u njega postaviti bookmark xmlBookmarkPaySettBonuses.

Za tablicu stavki povrata je potrebno prvo napraviti naslovni redak koji može sadržavati sljedeće bookmarke:

Ispod naslovnog retka je potrebno dodati još jedan prazan red i u njega postaviti bookmark xmlBookmarkPaySettCompensationsItems.

Za tablicu stavki odbitaka je potrebno prvo napraviti naslovni redak koji može sadržavati sljedeće bookmarke:

Ispod naslovnog retka je potrebno dodati još jedan prazan red i u njega postaviti bookmark PaySettDeductItems.

Ostali bookmarki:

 

Primjeri HTML predložaka za ispis računa

U ovom poglavlju možete pogledati i/ili preuzeti primjere predložaka za ispis dokumenata.
Predlošci su spremni za upotrebu.

Sve što morate napraviti, ako se odlučite za konkretni predložak, je sljedeće:

• Klikom na datoteku s predloškom dokumenta, prenesite datoteku na vaše računalo.
• Ukoliko želite promijeniti predložak, raspakirajte ga, otvorite u jednom od uređivača teksta, napravite željene promjene koje nakon toga spremite te ponovno zapakirate sve datoteke u .zip format.
• Nakon toga se prijavite u program i izaberite meni: Prodaja -> Šifrarnici i postavke -> Postavke izgleda dokumenata...
• U osnovnim postavkama izaberete način ispisa: Koristi predložak.
• Predložak uvezite u kartici: Predlošci za ispis.

Primjeri predložaka su na sljedećim podstranicama ovoga poglavlja.

 

21.1. Primjeri izgleda dokumenata: Jednostavni

21.1.1 Datoteke

21.1.2 Izgled dokumenta na primjeru

Maloprodajni račun:

Veleprodajni račun:

Maloprodajni račun u dvije valute:

 

21.2. Primjeri izgleda dokumenata: Klasični

21.2.1 Datoteke

21.2.2 Izgled dokumenta na primjeru

Maloprodajni/veleprodajni račun:

Maloprodajni/veleprodajni račun u dvije valute:

Maloprodajni/veleprodajni račun sa obračunatim iznosima po računima za predujam:

 

21.3. Primjeri izgleda dokumenata: Kompleksni

21.3.1 Datoteke

21.3.2 Izgled dokumenta na primjeru

Maloprodajni/veleprodajni račun; kupac na desnoj strani:

Maloprodajni/veleprodajni račun; kupac na lijevoj strani:

Maloprodajni/veleprodajni račun u dvije valute; kupac na lijevoj strani:

 

21.4. Primjeri izgleda dokumenata: Moderni

21.4.1 Datoteke

21.4.2 Izgled dokumenta na primjeru

Veleprodajni račun (Moderni 1):

Veleprodajni račun (Moderni 2):

Maloprodajni račun (Moderni 3):

Maloprodajni račun (Moderni 4):

 

21.5. Primjeri izgleda dokumenata: POS (80mm)

21.5.1 Datoteke

21.5.2 Izgled dokumenta na primjeru

POS račun:

 

21.6. Primjer izgleda dokumenta: Prijemni list (proširena kalkulacija)

21.6.1 Datoteke

21.6.2 Izgled dokumenta na primjeru

Prijemni list (proširena kalkulacija):

 

Primjeri predložaka za ispis računa

U ovom poglavlju možete pogledati i/ili preuzeti primjere predložaka za ispis dokumenata, korištenjem programa MS Word.
Predlošci su spremni za upotrebu.

Sve što morate napraviti, ako se odlučite za konkretni predložak, je sljedeće:

• Klikom na datoteku s predloškom dokumenta, prenesite datoteku na vaše računalo.
• Predložak otvorite u programu MS Word i dopunite sa podacima vaše tvrtke.
• Nakon toga se prijavite u program i izaberite meni: Prodaja -> Šifrarnici i postavke -> Postavke izgleda dokumenata...
• U osnovnim postavkama izaberete način ispisa: Koristi predložak.
• Predložak uvezite u kartici: Predlošci za ispis.
  

Galerija predložaka dokumenata

Pogledajte slijedeće pripremljene predloške za ispis dokumenata:

• Klasični predložak:

• Kompleksni predložak

• Moderni predložak

 

21.7. Primjer izgleda dokumenata: Klasika

21.7.1 Datoteke

21.7.2 Izgled dokumenta na primjeru

 

21.8. Primjer izgleda dokumenata: Klasika

21.8.1 Datoteke

21.8.2 Izgled dokumenta na primjeru

 

21.9. Primjer izgleda dokumenata: Klasika

21.9.1 Datoteke

21.9.2 Izgled dokumenta na primjeru

 

21.10. Primjer izgleda dokumenata: Kompleks

21.10.1 Datoteke

21.10.2 Izgled dokumenta na primjeru

 

21.11. Primjer izgleda dokumenata: Kompleks

21.11.1 Datoteke

21.11.2 Izgled dokumenta na primjeru

 

21.12. Primjer izgleda dokumenata: Kompleks

21.12.1 Datoteke

21.12.2 Izgled dokumenta na primjeru

 

21.13. Primjer izgleda dokumenata: Moderna

21.13.1 Datoteke

21.13.2 Izgled dokumenta na primjeru

 

21.14. Primjer izgleda dokumenata: Moderna

21.14.1 Datoteke

21.14.2 Izgled dokumenta na primjeru

 

21.15. Primjer izgleda dokumenata: Moderna

21.15.1 Datoteke

21.15.2 Izgled dokumenta na primjeru

 

---
© E-RAČUNI d.o.o. 2003-2025