Initial commit from ZIP
This commit is contained in:
kusz committed
commit
378d4692a9
454 files changed
+40367
No files matched your search
+183
@@ -0,0 +1,183 @@
|
||||
{% load template_helpers %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{{ brief.model_no }}/{{ brief.name_pol }}</title>
|
||||
<link href=""/>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="header">
|
||||
<div>
|
||||
<span class="section-text color-red">
|
||||
EVG PACKAGING BRIEF
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="small-text field-description">data wygenerowania dokumentu: </span>
|
||||
<span class="small-text field-value">{% now "SHORT_DATETIME_FORMAT" %}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="project">
|
||||
<div class="section-header">
|
||||
<span class="section-text color-red">projekt: </span>
|
||||
<div class="horizontal-line border-red"></div>
|
||||
</div>
|
||||
<div class="row spaced">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<span class="field-description">Projekt ID: </span><span class="field-value">{{ brief.product.project.slug }}</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span class="field-description">Kategoria: </span><span class="field-value">{{ brief.product.project.category }}</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span class="field-description">Marka: </span><span class="field-value">{{ brief.product.project.brand }}</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<span class="field-description">Printing files: </span><span class="field-value">{{brief.product.project.printing_files_date}}</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span class="field-description">Data promocji: </span><span class="field-value">{{brief.product.project.promo_date}}</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="product">
|
||||
<div class="section-header">
|
||||
<span class="section-text color-red">produkt: </span>
|
||||
<div class="horizontal-line border-red"></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<div class="field">
|
||||
<span class="field-description">Produkt:</span><span class="field-value">{{brief.model_no}} / {{brief.name_pol}}</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span class="field-description">Model nr.:</span>
|
||||
<span class="field-value">{{ brief.model_no }}</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span class="field-description">Nr. Partii:</span>
|
||||
<span class="field-value">{{ brief.batch_no }}</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span class="field-description">Typ opakowania:</span>
|
||||
<span class="field-value">{{ brief.packaging_type }}</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span class="field-description">Języki opisów:</span>
|
||||
<span class="field-value">{{ languages|html_new_line|safe }}</span>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span class="field-description">EAN:</span>
|
||||
<span class="field-value">{{ brief.ean }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main-description">
|
||||
<div class="section-header">
|
||||
<span class="section-text color-gray">opis główny pl: </span>
|
||||
<div class="horizontal-line border-gray"></div>
|
||||
</div>
|
||||
<div class="mt-10">
|
||||
<span class="field-value">{{ brief.main_description|html_new_line|safe }}</span>
|
||||
</div>
|
||||
<div class="mt-10">
|
||||
<span class="field-value">{{ brief.extra_description|html_new_line|safe }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="extra-description">
|
||||
<div class="section-header">
|
||||
<span class="section-text color-gray">dodatkowe elementy opisu: </span>
|
||||
<div class="horizontal-line border-gray"></div>
|
||||
</div>
|
||||
{% if brief.config.material %}
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">Materiał:</span>
|
||||
<span class="field-value">{{ brief.material|html_new_line|safe }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if brief.config.country_of_origin %}
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">Kraj produkcji:</span>
|
||||
<span class="field-value">{{ brief.country_of_origin|html_new_line|safe }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if brief.config.warning %}
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">Ostrzeżenia:</span>
|
||||
<span class="field-value">{{ brief.warning|html_new_line|safe }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<div class="markings">
|
||||
<div class="section-header">
|
||||
<span class="section-text color-gray">oznaczenia: </span>
|
||||
<div class="horizontal-line border-gray"></div>
|
||||
</div>
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">certyfikaty:</span>
|
||||
<span class="field-value">{{ brief.certificate|html_new_line|safe }}</span>
|
||||
</div>
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">znaki informacyjne:</span>
|
||||
<span class="field-value">{{ brief.information_signs|html_new_line|safe }}</span>
|
||||
</div>
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">ikony kompetencji:</span>
|
||||
<span class="field-value">{{ brief.capabilities_icons|html_new_line|safe }}</span>
|
||||
</div>
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">ikony produktowe:</span>
|
||||
<span class="field-value">{{ brief.product_icons|html_new_line| safe}}</span>
|
||||
</div>
|
||||
</div>
|
||||
{% if brief.config.photobrief %}
|
||||
<div class="foto-brief">
|
||||
<div class="section-header">
|
||||
<span class="section-text color-gray">foto brief: </span>
|
||||
<div class="horizontal-line border-gray"></div>
|
||||
</div>
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">Zdjęcia aranżacyjne:</span>
|
||||
<span class="field-value">{{ brief.arrangement_photo|html_new_line|safe }}</span>
|
||||
</div>
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">Dodatkowe zdjęcia:</span>
|
||||
</div>
|
||||
{% if brief.config.extra_photo %}
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">Zdjęcia dodatkowe:</span>
|
||||
<span class="field-value">{{brief.extra_photo|html_new_line|safe }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if brief.config.clipping %}
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">Clippingi:</span>
|
||||
<span class="field-value">{{ brief.clipping|html_new_line|safe }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if brief.config.packshot %}
|
||||
<div class="sub-section">
|
||||
<span class="sub-section-text color-gray">Packshot:</span>
|
||||
<span class="field-value">{{ brief.packshot|html_new_line|safe }}</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="mt-30 border-red" style="text-align: right">
|
||||
<span style="font-size: 14px; margin-right: 20px" class="color-red">[END]</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Executable
+109
@@ -0,0 +1,109 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
.field {
|
||||
}
|
||||
|
||||
.field-description {
|
||||
color: rgb(123, 123, 123);
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.field-value {
|
||||
color: #000;
|
||||
font-size: 12px;
|
||||
margin-left: 2px;
|
||||
margin-top: 5px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100vw;
|
||||
text-align: center;
|
||||
}
|
||||
.header .section-text{
|
||||
font-weight: bold;
|
||||
}
|
||||
.small-text {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.color-red {
|
||||
color: rgb(234, 119, 118);
|
||||
}
|
||||
|
||||
.color-gray {
|
||||
color: rgb(123, 123, 123) !important;
|
||||
}
|
||||
|
||||
.section-text {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.sub-section {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sub-section-text {
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
.column:first-child {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.horizontal-line {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
.border-red {
|
||||
border-bottom: 1px solid rgb(234, 119, 118);
|
||||
}
|
||||
|
||||
.border-gray {
|
||||
border-bottom: 1px solid rgb(123, 123, 123);
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.spaced {
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.column {
|
||||
display: flex;
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.mt-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.mt-30 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
Reference in new issue
Block a user