first commit
This commit is contained in:
108
public/lib/app/app.css
Normal file
108
public/lib/app/app.css
Normal file
@ -0,0 +1,108 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
border-radius: 100%;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.bigavatar {
|
||||
border-radius: 100%;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.navbar-brand img {
|
||||
width: 40px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
border: none;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
sidebar {
|
||||
width: 300px;
|
||||
padding: 15px;
|
||||
background-color: rgba(var(--bs-dark-rgb));
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
sidebar div {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-bottom: 1px solid var(--bs-body-color);
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
sidebar a {
|
||||
text-decoration: none;
|
||||
color: var(--bs-body-color);
|
||||
;
|
||||
opacity: 0.6;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
sidebar a:hover {
|
||||
text-decoration: none;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
content {
|
||||
flex-grow: 1;
|
||||
align-items: stretch;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
sidebar {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
sidebar i {
|
||||
font-size: 200%;
|
||||
}
|
||||
|
||||
sidebar span {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-container--bootstrap-5 .select2-selection {
|
||||
padding: 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.select2-container:not(.select2-container--open) .select2-search {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-container .select2-search__field {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
|
||||
margin-bottom: 2px;
|
||||
margin-right: 2px;
|
||||
padding: 3px;
|
||||
}
|
||||
68
public/lib/app/app.js
Normal file
68
public/lib/app/app.js
Normal file
@ -0,0 +1,68 @@
|
||||
function ModalLoad(idmodal, title, path) {
|
||||
$("#" + idmodal + " .modal-header h4").text(title);
|
||||
$("#" + idmodal + " #framemodal").attr("src", path);
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
$("#selectproject").on("change", function () {
|
||||
url = $(this).data("change");
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: url,
|
||||
data: {
|
||||
id: $(this).val()
|
||||
},
|
||||
success: function (result) {
|
||||
location.reload();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
$(document).on('select2:open', () => {
|
||||
setTimeout(() => {
|
||||
let input = document.querySelector('.select2-container--open .select2-search__field');
|
||||
if (input) input.focus();
|
||||
}, 0);
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
$('.select2').select2({
|
||||
theme: 'bootstrap-5',
|
||||
templateResult: function (data) {
|
||||
if (!data.id) return data.text;
|
||||
|
||||
const $result = $('<span>').text(data.text);
|
||||
|
||||
const customClass = $(data.element).attr('class');
|
||||
if (customClass) {
|
||||
$result.addClass(customClass);
|
||||
}
|
||||
|
||||
return $result;
|
||||
},
|
||||
templateSelection: function (data) {
|
||||
if (!data.id) return data.text;
|
||||
|
||||
const $selection = $('<span>').text(data.text);
|
||||
|
||||
const customClass = $(data.element).attr('class');
|
||||
if (customClass) {
|
||||
$selection.addClass(customClass);
|
||||
}
|
||||
|
||||
return $selection;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$(function () {
|
||||
$('[data-bs-toggle="tooltip"]').tooltip();
|
||||
});
|
||||
|
||||
|
||||
193
public/lib/app/selbg.css
Normal file
193
public/lib/app/selbg.css
Normal file
@ -0,0 +1,193 @@
|
||||
/* ==== DARK THEMES ==== */
|
||||
|
||||
.selbg-darkblue {
|
||||
background-color: #0d6efd;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkindigo {
|
||||
background-color: #6610f2;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkpurple {
|
||||
background-color: #6f42c1;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkpink {
|
||||
background-color: #d63384;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkred {
|
||||
background-color: #dc3545;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkorange {
|
||||
background-color: #fd7e14;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selbg-darkyellow {
|
||||
background-color: #ffc107;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selbg-darkgreen {
|
||||
background-color: #198754;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkteal {
|
||||
background-color: #20c997;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selbg-darkcyan {
|
||||
background-color: #0dcaf0;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.selbg-darkgray {
|
||||
background-color: #343a40;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkbrown {
|
||||
background-color: #5c4033;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darknavy {
|
||||
background-color: #001f3f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkmaroon {
|
||||
background-color: #800000;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkolive {
|
||||
background-color: #3d9970;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darksteel {
|
||||
background-color: #2f4f4f;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkcharcoal {
|
||||
background-color: #222222;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darksmoke {
|
||||
background-color: #555555;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkforest {
|
||||
background-color: #228B22;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.selbg-darkmidnight {
|
||||
background-color: #191970;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* ==== LIGHT THEMES ==== */
|
||||
|
||||
.selbg-lightblue {
|
||||
background-color: #cfe2ff;
|
||||
color: #084298;
|
||||
}
|
||||
|
||||
.selbg-lightindigo {
|
||||
background-color: #e0ccff;
|
||||
color: #52057f;
|
||||
}
|
||||
|
||||
.selbg-lightpurple {
|
||||
background-color: #e2d9f3;
|
||||
color: #4c287b;
|
||||
}
|
||||
|
||||
.selbg-lightpink {
|
||||
background-color: #f7d6e6;
|
||||
color: #6f042e;
|
||||
}
|
||||
|
||||
.selbg-lightred {
|
||||
background-color: #f8d7da;
|
||||
color: #842029;
|
||||
}
|
||||
|
||||
.selbg-lightorange {
|
||||
background-color: #ffe5b4;
|
||||
color: #7f3f00;
|
||||
}
|
||||
|
||||
.selbg-lightyellow {
|
||||
background-color: #fff3cd;
|
||||
color: #664d03;
|
||||
}
|
||||
|
||||
.selbg-lightgreen {
|
||||
background-color: #d1e7dd;
|
||||
color: #0f5132;
|
||||
}
|
||||
|
||||
.selbg-lightteal {
|
||||
background-color: #d2f4ea;
|
||||
color: #0f625d;
|
||||
}
|
||||
|
||||
.selbg-lightcyan {
|
||||
background-color: #cff4fc;
|
||||
color: #055160;
|
||||
}
|
||||
|
||||
.selbg-lightgray {
|
||||
background-color: #f8f9fa;
|
||||
color: #212529;
|
||||
}
|
||||
|
||||
.selbg-lightlinen {
|
||||
background-color: #faf0e6;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.selbg-lightbeige {
|
||||
background-color: #f5f5dc;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.selbg-lightmint {
|
||||
background-color: #e6fff5;
|
||||
color: #225e4c;
|
||||
}
|
||||
|
||||
.selbg-lightlavender {
|
||||
background-color: #e6e6fa;
|
||||
color: #3f3f7f;
|
||||
}
|
||||
|
||||
.selbg-lightsky {
|
||||
background-color: #e0f7ff;
|
||||
color: #004466;
|
||||
}
|
||||
|
||||
.selbg-lightrose {
|
||||
background-color: #ffe0e9;
|
||||
color: #75002f;
|
||||
}
|
||||
|
||||
.selbg-lightice {
|
||||
background-color: #f0ffff;
|
||||
color: #003b4d;
|
||||
}
|
||||
Reference in New Issue
Block a user