Added Pages
This commit is contained in:
50
py_app/app/templates/create_template.html
Normal file
50
py_app/app/templates/create_template.html
Normal file
@@ -0,0 +1,50 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Create Template{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- Left Column -->
|
||||
<div class="left-column" style="flex: 1; display: flex; flex-direction: column; gap: 20px;">
|
||||
<!-- Card 1: Dimensions -->
|
||||
<div class="dashboard-card">
|
||||
<h3>Dimensions</h3>
|
||||
<p>Set the dimensions of the label template:</p>
|
||||
<form id="dimensions-form">
|
||||
<label for="label-width">Width (mm):</label>
|
||||
<input type="number" id="label-width" name="label_width" required>
|
||||
|
||||
<label for="label-height">Height (mm):</label>
|
||||
<input type="number" id="label-height" name="label_height" required>
|
||||
|
||||
<button type="button" id="set-dimensions-btn" class="btn">Set Dimensions</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Card 2: Get Database Headers -->
|
||||
<div class="dashboard-card">
|
||||
<h3>Get Database Headers</h3>
|
||||
<p>Retrieve column names from a selected database table:</p>
|
||||
<button type="button" id="get-tables-btn" class="btn">Get Database Tables</button>
|
||||
<div id="tables-container" style="margin-top: 10px;">
|
||||
<!-- Tables will be dynamically populated here -->
|
||||
</div>
|
||||
<div id="columns-container" style="margin-top: 10px;">
|
||||
<!-- Columns will be dynamically populated here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Column -->
|
||||
<div class="right-column" style="flex: 1;">
|
||||
<!-- Card 3: Interactive Label Preview -->
|
||||
<div class="dashboard-card">
|
||||
<h3>Interactive Label Preview</h3>
|
||||
<p>Preview the label with selected headers:</p>
|
||||
<div id="label-preview" style="border: 1px solid #ddd; padding: 10px; min-height: 200px;">
|
||||
<!-- Label preview will be dynamically updated here -->
|
||||
</div>
|
||||
<button type="button" id="save-template-btn" class="btn">Save Template</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
31
py_app/app/templates/label_templates.html
Normal file
31
py_app/app/templates/label_templates.html
Normal file
@@ -0,0 +1,31 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Label Templates{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="">
|
||||
<div class="card-container">
|
||||
<h1>Manage Label Templates</h1>
|
||||
<p>This page will allow users to manage and configure label templates.</p>
|
||||
|
||||
<!-- Card: List of Label Templates -->
|
||||
<div class="dashboard-card">
|
||||
<h3>List of Label Templates</h3>
|
||||
<p>Below is the list of existing label templates:</p>
|
||||
<ul id="template-list">
|
||||
<!-- Example template items -->
|
||||
<li>
|
||||
<span>Template 1</span>
|
||||
<button class="btn edit-btn">Edit</button>
|
||||
<button class="btn delete-btn">Delete</button>
|
||||
</li>
|
||||
<li>
|
||||
<span>Template 2</span>
|
||||
<button class="btn edit-btn">Edit</button>
|
||||
<button class="btn delete-btn">Delete</button>
|
||||
</li>
|
||||
</ul>
|
||||
<button id="create-template-btn" class="btn">Create New Template</button>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -6,5 +6,29 @@
|
||||
<div class="etichete-container">
|
||||
<h1>Modul Etichete</h1>
|
||||
<p>Aceasta este pagina pentru gestionarea etichetelor.</p>
|
||||
|
||||
<!-- Row of evenly distributed cards -->
|
||||
<div class="dashboard-container">
|
||||
<!-- Card 1: Upload Data -->
|
||||
<div class="dashboard-card">
|
||||
<h3>Upload Data</h3>
|
||||
<p>Upload data into the database for label management.</p>
|
||||
<a href="{{ url_for('main.upload_data') }}" class="btn">Go to Upload Data</a>
|
||||
</div>
|
||||
|
||||
<!-- Card 2: Launch Print Module -->
|
||||
<div class="dashboard-card">
|
||||
<h3>Launch Print Module</h3>
|
||||
<p>Access the print module to print labels.</p>
|
||||
<a href="{{ url_for('main.print_module') }}" class="btn">Launch Print Module</a>
|
||||
</div>
|
||||
|
||||
<!-- Card 3: Manage Label Templates -->
|
||||
<div class="dashboard-card">
|
||||
<h3>Manage Label Templates</h3>
|
||||
<p>Manage and configure label templates.</p>
|
||||
<a href="{{ url_for('main.label_templates') }}" class="btn">Manage Templates</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
10
py_app/app/templates/print_module.html
Normal file
10
py_app/app/templates/print_module.html
Normal file
@@ -0,0 +1,10 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Print Module{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="print-module-container">
|
||||
<h1>Print Module</h1>
|
||||
<p>This page will allow users to access the print module for labels.</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
10
py_app/app/templates/upload_data.html
Normal file
10
py_app/app/templates/upload_data.html
Normal file
@@ -0,0 +1,10 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Upload Data{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="upload-data-container">
|
||||
<h1>Upload Data</h1>
|
||||
<p>This page will allow users to upload data into the database.</p>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user