Oliver/tmp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
This commit is contained in:
oliver
2026-09-03 14:42:37 -03:00
parent b299bf3627
commit 80a52ed790
3 changed files with 151 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.js
+14 -4
View File
@@ -592,7 +592,7 @@ function showCredentialPrompt() {
</div>
</div>
<div class="form-actions">
<button type="button" class="btn-secondary" onclick="closeCredentialPrompt()">Cancel</button>
<button type="button" class="btn-secondary" id="cancelAuthBtn">Cancel</button>
<button type="submit" class="btn-primary">Connect</button>
</div>
</form>
@@ -606,13 +606,23 @@ function showCredentialPrompt() {
`;
document.body.appendChild(prompt);
document.getElementById('credentialForm').addEventListener('submit', handleCredentials);
document.querySelector('.credential-overlay').addEventListener('click', function(e) {
if (e.target === this) {
const form = document.getElementById('credentialForm');
form.addEventListener('submit', handleCredentials);
const cancelBtn = document.getElementById('cancelAuthBtn');
if (cancelBtn) {
cancelBtn.addEventListener('click', closeCredentialPrompt);
}
const overlay = document.querySelector('#credentialPrompt .credential-overlay');
if (overlay) {
overlay.addEventListener('click', function(e) {
if (e.target === overlay) {
closeCredentialPrompt();
}
});
}
}
function closeCredentialPrompt() {
const prompt = document.getElementById('credentialPrompt');
index.html
+35 -7
View File
@@ -60,12 +60,14 @@
<thead>
<tr>
<th>
Month
<div class="th-label">Month</div>
<div class="th-controls">
<input type="text"
class="column-filter"
placeholder="Filter Month"
data-column="Month"
oninput="handleColumnFilter(this)">
<div class="th-actions">
<div class="filter-indicator" onclick="toggleFilter('Month')">
<i class="fas fa-filter"></i>
</div>
@@ -73,14 +75,18 @@
<i class="fas fa-arrow-up"></i>
<i class="fas fa-arrow-down"></i>
</div>
</div>
</div>
</th>
<th>
Odoo AR Nr
<div class="th-label">Odoo AR Nr</div>
<div class="th-controls">
<input type="text"
class="column-filter"
placeholder="Filter Odoo AR Nr"
data-column="Odoo_AR_Nr"
oninput="handleColumnFilter(this)">
<div class="th-actions">
<div class="filter-indicator" onclick="toggleFilter('Odoo_AR_Nr')">
<i class="fas fa-filter"></i>
</div>
@@ -88,14 +94,18 @@
<i class="fas fa-arrow-up"></i>
<i class="fas fa-arrow-down"></i>
</div>
</div>
</div>
</th>
<th>
Order ID
<div class="th-label">Order ID</div>
<div class="th-controls">
<input type="text"
class="column-filter"
placeholder="Filter Order ID"
data-column="Order_ID"
oninput="handleColumnFilter(this)">
<div class="th-actions">
<div class="filter-indicator" onclick="toggleFilter('Order_ID')">
<i class="fas fa-filter"></i>
</div>
@@ -103,14 +113,18 @@
<i class="fas fa-arrow-up"></i>
<i class="fas fa-arrow-down"></i>
</div>
</div>
</div>
</th>
<th>
Country
<div class="th-label">Country</div>
<div class="th-controls">
<input type="text"
class="column-filter"
placeholder="Filter Country"
data-column="Country_Name"
oninput="handleColumnFilter(this)">
<div class="th-actions">
<div class="filter-indicator" onclick="toggleFilter('Country_Name')">
<i class="fas fa-filter"></i>
</div>
@@ -118,9 +132,13 @@
<i class="fas fa-arrow-up"></i>
<i class="fas fa-arrow-down"></i>
</div>
</div>
</div>
</th>
<th>
VAT
<div class="th-label">VAT</div>
<div class="th-controls">
<div class="th-actions">
<div class="filter-indicator" onclick="toggleFilter('VAT')">
<i class="fas fa-filter"></i>
</div>
@@ -128,14 +146,18 @@
<i class="fas fa-arrow-up"></i>
<i class="fas fa-arrow-down"></i>
</div>
</div>
</div>
</th>
<th>
Remark
<div class="th-label">Remark</div>
<div class="th-controls">
<input type="text"
class="column-filter"
placeholder="Filter Remark"
data-column="Remark"
oninput="handleColumnFilter(this)">
<div class="th-actions">
<div class="filter-indicator" onclick="toggleFilter('Remark')">
<i class="fas fa-filter"></i>
</div>
@@ -143,9 +165,13 @@
<i class="fas fa-arrow-up"></i>
<i class="fas fa-arrow-down"></i>
</div>
</div>
</div>
</th>
<th>
Recheck
<div class="th-label">Recheck</div>
<div class="th-controls">
<div class="th-actions">
<div class="filter-indicator" onclick="toggleFilter('recheck')">
<i class="fas fa-filter"></i>
</div>
@@ -153,6 +179,8 @@
<i class="fas fa-arrow-up"></i>
<i class="fas fa-arrow-down"></i>
</div>
</div>
</div>
</th>
</tr>
</thead>
style.css
+32 -9
View File
@@ -211,8 +211,7 @@ thead {
}
th {
padding: 0.75rem 1rem;
text-align: left;
padding: 0.5rem;
font-weight: 600;
color: var(--dark);
border-bottom: 2px solid var(--border);
@@ -220,18 +219,35 @@ th {
top: 0;
background: var(--light);
z-index: 10;
display: flex;
flex-direction: column;
gap: 0.5rem;
min-width: 130px;
vertical-align: top;
white-space: nowrap;
display: table-cell;
}
th:hover {
background: var(--hover);
th .th-controls {
display: inline-flex;
align-items: center;
gap: 0.35rem;
flex-wrap: nowrap;
flex: 1;
min-width: 0;
}
th .th-label {
font-size: 0.8rem;
font-weight: 700;
color: var(--dark);
white-space: nowrap;
display: inline-flex;
align-items: center;
margin-right: 0.35rem;
flex-shrink: 0;
}
.column-filter {
width: 100%;
padding: 0.4rem 0.6rem;
width: 90px;
padding: 0.35rem 0.5rem;
border: 1px solid var(--border);
border-radius: 4px;
font-size: 0.8rem;
@@ -254,6 +270,13 @@ th.filter-active .column-filter {
background-color: rgba(99, 102, 241, 0.05);
}
.th-actions {
display: flex;
align-items: center;
gap: 0.35rem;
flex-shrink: 0;
}
th .sort-indicator {
display: inline-flex;
flex-direction: column;