Add view classes for articles, banners, languages, menu, newsletter, containers, shop categories, clients, payment methods, products, and search
- Created Articles.php for rendering article views including full articles, miniature lists, and news sections. - Added Banners.php for handling banner displays. - Introduced Languages.php for rendering language options. - Implemented Menu.php for dynamic menu rendering. - Developed Newsletter.php for newsletter view rendering. - Created Scontainers.php for rendering specific containers. - Added ShopCategory.php for category descriptions and product listings. - Introduced ShopClient.php for managing client-related views such as address editing and order history. - Implemented ShopPaymentMethod.php for displaying payment methods in the basket. - Created ShopProduct.php for generating product URLs. - Added ShopSearch.php for rendering a simple search form. - Added .htaccess file to enhance security by restricting access to sensitive files and directories.
This commit is contained in:
180
admin/layout/style-css/table-list.css
Normal file
180
admin/layout/style-css/table-list.css
Normal file
@@ -0,0 +1,180 @@
|
||||
.table-list-table th,
|
||||
.table-list-table td {
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
.table-list-table th.text-right,
|
||||
.table-list-table td.text-right {
|
||||
display: table-cell !important;
|
||||
text-align: right !important;
|
||||
justify-content: initial !important;
|
||||
align-items: initial !important;
|
||||
}
|
||||
|
||||
.table-list-table th:first-child,
|
||||
.table-list-table td:first-child {
|
||||
width: 70px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.js-table-filters-form .js-filter-compact-select {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.table-list-table th.table-col-compact,
|
||||
.table-list-table td.table-col-compact {
|
||||
width: 120px;
|
||||
min-width: 120px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.table-list-per-page-form {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.jconfirm.table-list-confirm-dialog .jconfirm-row {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.jconfirm.table-list-confirm-dialog .jconfirm-box-container {
|
||||
width: 100%;
|
||||
max-width: 560px;
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.jconfirm.table-list-confirm-dialog .jconfirm-box {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/* --- Column visibility toggle --- */
|
||||
|
||||
.table-list-header-actions {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.table-col-toggle-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.table-col-toggle-dropdown {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 100%;
|
||||
z-index: 1050;
|
||||
min-width: 220px;
|
||||
max-height: 400px;
|
||||
overflow-y: auto;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||||
padding: 0;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.table-col-toggle-dropdown.open {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.table-col-toggle-header {
|
||||
padding: 8px 12px;
|
||||
font-weight: 600;
|
||||
font-size: 12px;
|
||||
color: #555;
|
||||
border-bottom: 1px solid #eee;
|
||||
background: #f8f8f8;
|
||||
}
|
||||
|
||||
.table-col-toggle-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 5px 12px;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.table-col-toggle-item:hover {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.table-col-toggle-footer {
|
||||
padding: 6px 12px;
|
||||
border-top: 1px solid #eee;
|
||||
background: #f8f8f8;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.table-list-table th.table-col-hidden,
|
||||
.table-list-table td.table-col-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Toggle switch */
|
||||
|
||||
.table-col-switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 34px;
|
||||
min-width: 34px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.table-col-switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.table-col-switch-slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
border-radius: 18px;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.table-col-switch-slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
left: 2px;
|
||||
bottom: 2px;
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
|
||||
.table-col-switch input:checked + .table-col-switch-slider {
|
||||
background-color: #5cb85c;
|
||||
}
|
||||
|
||||
.table-col-switch input:checked + .table-col-switch-slider:before {
|
||||
transform: translateX(16px);
|
||||
}
|
||||
Reference in New Issue
Block a user