loviuz/openstamanager
loviuz/openstamanager
1
0
Fork 0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-02-19 21:10:49 +01:00
Code Issues Releases Activity

Avanzamento grafica AdminLTE3

Browse Source
This commit is contained in:
loviuz 2024-05-17 00:32:46 +02:00
parent 648fb32987
commit 448a47b5a3
10 changed files with 299 additions and 403 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
assets/src/css/style.css
View File

@ -143,8 +143,8 @@ input[type=file] {
margin: auto; margin: auto;
} }
.content { .content-wrapper {
padding: 20px 15px; padding-top: 10px;
} }
.navbar a:hover, .navbar a:hover,
@ -193,31 +193,6 @@ a:focus {
cursor: pointer; cursor: pointer;
} }
#main_loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #555;
z-index: 9999;
text-align: center;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
}
#main_loading>div {
position: relative;
top: 50%;
color: #333;
}
#main_loading>div>i {
font-size: 300px;
margin-top: -150px;
color: #e24e1e;
}
#mini-loader { #mini-loader {
position: fixed; position: fixed;
@ -231,8 +206,8 @@ a:focus {
#mini-loader>div { #mini-loader>div {
position: absolute; position: absolute;
bottom: 50%; bottom: 10%;
left: 50%; right: 10%;
width: 100px; width: 100px;
height: 100px; height: 100px;
margin-top: -50px; margin-top: -50px;
@ -331,49 +306,6 @@ span.form-control {
} }
/* Aggiustamenti per i widget */
.widget li {
margin-left: 0;
padding-top:10px;
list-style-type: none;
height: 106px;
}
.widget {
padding: 0;
margin-bottom: 0;
}
.widget.bordered {
border: 6px dashed #aaa;
margin: 10px;
min-height: 200px;
padding: 4px;
}
.close {
padding-right: 5px;
position: relative;
z-index: 1;
opacity: 0.4;
}
.close:focus,
.close:hover {
opacity: 0.8;
}
.li-widget button.close:hover,
.li-widget button.close:focus {
opacity: 0.3;
}
.li-widget button.close {
padding-right: 5px;
opacity: 0.1;
}
/* Tooltip dark */ /* Tooltip dark */
@ -900,11 +832,6 @@ input.small-width {
max-height: 20px; max-height: 20px;
} }
.brand-link {
max-width: 150px;
max-height: 100px;
}
.has-feedback .form-control { .has-feedback .form-control {
padding-right: 6px; padding-right: 6px;
} }
@ -1100,11 +1027,6 @@ table.dataTable {
margin: 2px 0px; margin: 2px 0px;
} }
.widget-user .widget-user-image>img {
-webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
}
/* /*
* Colore eventi fullcalendar * Colore eventi fullcalendar
*/ */
@ -1161,13 +1083,6 @@ kbd{
box-shadow: 0px 0px 1px black; box-shadow: 0px 0px 1px black;
} }
@media (max-width: 480px) {
#main_loading>div>i {
font-size: 160px;
margin-top: -80px;
}
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
.navbar-left { .navbar-left {
display: inline-block; display: inline-block;

10
assets/src/js/base/custom.js
View File

@ -16,16 +16,6 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>. * along with this program. If not, see <https://www.gnu.org/licenses/>.
*/ */
// Aggiunta dell'ingranaggio all'unload della pagina
$(window).on("beforeunload", function () {
$("#main_loading").show();
});
// Rimozione dell'ingranaggio al caricamento completo della pagina
$(window).on("load", function () {
$("#main_loading").fadeOut();
});
// Fix multi-modal // Fix multi-modal
$(document).on('hidden.bs.modal', '.modal', function () { $(document).on('hidden.bs.modal', '.modal', function () {
$(this).remove(); $(this).remove();

8
assets/src/js/functions/functions.js
View File

@ -58,13 +58,13 @@ function openModal(title, href) {
const content = '<div class="modal-dialog modal-lg">\ const content = '<div class="modal-dialog modal-lg">\
<div class="modal-content">\ <div class="modal-content">\
<div class="modal-header bg-light-blue">\ <div class="modal-header">\
<button type="button" class="close" data-dismiss="modal">\
<span aria-hidden="true">&times;</span><span class="sr-only">' + globals.translations.close + '</span>\
</button>\
<h4 class="modal-title">\ <h4 class="modal-title">\
<i class="fa fa-pencil"></i> ' + title + '\ <i class="fa fa-pencil"></i> ' + title + '\
</h4>\ </h4>\
<button type="button" class="close" data-dismiss="modal">\
<span aria-hidden="true">&times;</span><span class="sr-only">' + globals.translations.close + '</span>\
</button>\
</div>\ </div>\
<div class="modal-body">|data|</div>\ <div class="modal-body">|data|</div>\
</div>\ </div>\

17
assets/src/js/functions/hooks.js
View File

@ -228,7 +228,7 @@ function renderHook(hook, result) {
// Inizializzazione // Inizializzazione
var element = $("#" + element_id); var element = $("#" + element_id);
if (element.length == 0) { if (element.length == 0) {
$("#hooks").append('<li class="hook-element" id="' + element_id + '"></li>'); $("#hooks").append('<div class="dropdown-item hook-element" id="' + element_id + '"></div>');
element = $("#" + element_id); element = $("#" + element_id);
} }
@ -241,7 +241,16 @@ function renderHook(hook, result) {
} }
// Contenuto // Contenuto
var content = '<a href="' + (result.link ? result.link : "#") + '"><i class="' + result.icon + '"></i><span class="small"> ' + result.message + '</span>'; var content = '';
if (result.link) {
content += '<a href="' + result.link + '">';
} else {
content += '<div class="hooks-header">';
}
content += '<i class="' + result.icon + '"></i> <span class="small"> ' + result.message + '</span>';
if (result.progress) { if (result.progress) {
var current = result.progress.current; var current = result.progress.current;
@ -254,7 +263,11 @@ function renderHook(hook, result) {
content += '<div class="progress" style="margin-bottom: 0px;"><div class="progress-bar" role="progressbar" aria-valuenow="' + percentage + '" aria-valuemin="0" aria-valuemax="100" style="width:' + percentage + '%">' + percentage + '% (' + current + '/' + total + ')</div></div>'; content += '<div class="progress" style="margin-bottom: 0px;"><div class="progress-bar" role="progressbar" aria-valuenow="' + percentage + '" aria-valuemin="0" aria-valuemax="100" style="width:' + percentage + '%">' + percentage + '% (' + current + '/' + total + ')</div></div>';
} }
if (result.link) {
content += '</a>'; content += '</a>';
} else {
content += '</div>';
}
element.html(content); element.html(content);
} }

2
assets/src/js/functions/init.js
View File

@ -17,8 +17,6 @@
*/ */
function init() { function init() {
// Inizializzazzione dei box AdminLTE
$('.box').boxWidget();
// Modal di default // Modal di default
$('[data-href]').not('.ask, .bound').click(function () { $('[data-href]').not('.ask, .bound').click(function () {
launch_modal($(this).data('title'), $(this).data('href'), 1); launch_modal($(this).data('title'), $(this).data('href'), 1);

5
editor.php
View File

@ -491,15 +491,10 @@ if ($read_only || !empty($block_edit)) {
if(content_was_modified) { if(content_was_modified) {
var dialogText = "Uscire senza salvare?"; var dialogText = "Uscire senza salvare?";
e.returnValue = dialogText; e.returnValue = dialogText;
$("#main_loading").fadeOut();
return dialogText; return dialogText;
} }
}); });
window.addEventListener("unload", function(e) {
$("#main_loading").show();
});
<?php <?php
if (!empty($advanced_sessions)) { if (!empty($advanced_sessions)) {

4
include/bottom.php
View File

@ -21,10 +21,8 @@ include_once __DIR__.'/../core.php';
if (Auth::check()) { if (Auth::check()) {
echo ' echo '
</div>
</div><!-- /.row -->
</section><!-- /.content --> </section><!-- /.content -->
</aside><!-- /.content-wrapper --> </div><!-- /.content-wrapper -->
<footer class="main-footer"> <footer class="main-footer">
<a class="hidden-xs" href="'.tr('https://www.openstamanager.com').'" title="'.tr("Il gestionale open source per l'assistenza tecnica e la fatturazione").'." target="_blank"><strong>'.tr('OpenSTAManager').'</strong></a> <a class="hidden-xs" href="'.tr('https://www.openstamanager.com').'" title="'.tr("Il gestionale open source per l'assistenza tecnica e la fatturazione").'." target="_blank"><strong>'.tr('OpenSTAManager').'</strong></a>

4
include/init/update.php
View File

@ -144,7 +144,7 @@ if (filter('action') == 'do_update') {
echo ' echo '
<div class="card card-warning card-center-large text-center"> <div class="card card-warning card-center-large text-center">
<div class="card-header"> <div class="card-header">
<h3 class="card-title">'.(!$dbo->isInstalled() ? tr('Installazione') : tr('Aggiornamento')).'</h3> <h3 class="card-title"><i class="fa fa-refresh"></i> '.(!$dbo->isInstalled() ? tr('Installazione') : tr('Aggiornamento')).'</h3>
</div> </div>
<div class="card-body">'; <div class="card-body">';
if (!$dbo->isInstalled()) { if (!$dbo->isInstalled()) {
@ -217,7 +217,7 @@ if (filter('action') == 'do_update') {
echo ' echo '
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
$(".login-card").fadeOut(); $(".login-box").fadeOut();
count = '.count($updates).'; count = '.count($updates).';
current = 0; current = 0;

123
include/top.php
View File

@ -350,18 +350,17 @@ $hide_sidebar = Auth::check() && (setting('Nascondere la barra sinistra di defau
echo ' echo '
</head> </head>
<body class="sidebar-mini skin-'.$theme.(!empty($hide_sidebar) ? ' sidebar-collapse' : '').(!Auth::check() ? ' hold-transition login-page' : '').'"> <body class="sidebar-mini layout-fixed skin-' . $theme . (!empty($hide_sidebar) ? ' sidebar-collapse' : '') . (!Auth::check() ? ' hold-transition login-page' : '') . '">
<div class="' . (!Auth::check() ? '' : 'wrapper') . '">'; <div class="' . (!Auth::check() ? '' : 'wrapper') . '">';
if (Auth::check()) { if (Auth::check()) {
$calendar_color_label = ($_SESSION['period_start'] != date('Y').'-01-01' || $_SESSION['period_end'] != date('Y').'-12-31') ? 'danger' : 'default'; $calendar_color_label = ($_SESSION['period_start'] != date('Y') . '-01-01' || $_SESSION['period_end'] != date('Y') . '-12-31') ? 'danger' : 'secondary';
echo ' echo '
<!-- Loader principale --> <!-- Loader principale -->
<div id="main_loading"> <!-- Preloader -->
<div> <div id="main_loading" class="preloader flex-column justify-content-center align-items-center">
<i class="fa fa-cog fa-spin text-danger"></i> <img class="animation__shake" src="'.$rootdir.'/assets/dist/img/logo.png" alt="OSM" height="60" width="60">
</div>
</div> </div>
<!-- Loader secondario --> <!-- Loader secondario -->
@ -372,40 +371,32 @@ if (Auth::check()) {
<!-- Loader senza overlay --> <!-- Loader senza overlay -->
<div id="tiny-loader" style="display:none;"></div> <div id="tiny-loader" style="display:none;"></div>
<nav class="main-header navbar navbar-expand"> <!-- Navbar -->
<a href="'.tr('https://www.openstamanager.com').'" class="navbar-brand brand-link" title="'.tr("Il gestionale open source per l'assistenza tecnica e la fatturazione").'" target="_blank"> <nav class="main-header navbar navbar-expand navbar-white navbar-light">
<!-- mini logo for sidebar mini 50x50 pixels --> <ul class="navbar-nav">
<span class="brand-link-mini">'.tr('OSM').'</span> <li class="nav-item">
<!-- logo for regular state and mobile devices --> <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fa fa-bars"></i></a>
<span class="brand-link-lg">'.tr('OpenSTAManager').'</span> </li>
</a>
<!-- Header Navbar: style can be found in header.less -->
<!-- Sidebar toggle button-->
<ul class="navbar-nav"><li class="nav-item"><a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a></li></ul>
<!-- Navbar Left Menu -->
<div class="navbar-left">
<ul class="navbar-nav ml-auto">
<li class="nav-item"> <li class="nav-item">
<a href="#" id="daterange" class="nav-link" role="button"> <a href="#" id="daterange" class="nav-link" role="button">
<i class="fa fa-calendar" style="color:inherit"></i> <i class="fa fa-caret-down" style="color:inherit"></i> <i class="fa fa-calendar"></i> <i class="fa fa-caret-down"></i>
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item d-none d-sm-inline-block">
<a style="cursor:default;padding:0px;padding-right:5px;padding-left:5px;margin-top:15px;" class="badge bg-'.$calendar_color_label.'"> <a class="nav-link text-' . $calendar_color_label . '">
<'.Translator::dateToLocale($_SESSION['period_start']) . ' - ' . Translator::dateToLocale($_SESSION['period_end']).'> ' . Translator::dateToLocale($_SESSION['period_start']) . ' - ' . Translator::dateToLocale($_SESSION['period_end']) . '
</a> </a>
</li> </li>
</ul> </ul>
</div>
<!-- Navbar Right Menu --> <!-- Navbar Right Menu -->
<ul class="navbar-nav ml-auto">'; <ul class="navbar-nav ml-auto">';
// Visualizzo gli hooks solo se non sono stati disabilitati // Visualizzo gli hooks solo se non sono stati disabilitati
if (!$config['disable_hooks']) { if (!$config['disable_hooks']) {
echo ' echo '
<li class="nav-item dropdown"> <div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bell-o"></i> <i class="fa fa-bell-o"></i>
<span id="hooks-badge" class="badge badge-warning"> <span id="hooks-badge" class="badge badge-warning">
@ -415,18 +406,13 @@ if (Auth::check()) {
<span id="hooks-number" class="d-none">0</span> <span id="hooks-number" class="d-none">0</span>
</span> </span>
</a> </a>
<ul class="dropdown-menu"> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<li class="nav-item"> <a href="#" class="dropdown-item">
<ul class="menu" id="hooks">
<li class="nav-item">
<a href="#" class="nav-link">
<span class="small" id="hooks-header"></span> <span class="small" id="hooks-header"></span>
</a> </a>
</li> <div id="hooks"></div>
</ul> </div>
</li> </div>';
</ul>
</li>';
} }
echo ' echo '
@ -460,49 +446,56 @@ if (Auth::check()) {
</a> </a>
</li> </li>
</ul> </ul>
</div>
</nav> </nav>
</header> <!-- /.navbar -->
<aside class="main-sidebar sidebar-dark-primary"> <!-- Main Sidebar Container -->
<div class="sidebar os-host os-theme-light os-host-overflow os-host-overflow-y os-host-resize-disabled os-host-transition os-host-scrollbar-horizontal-hidden"> <aside class="main-sidebar sidebar-dark-primary elevation-4">
<a href="' . tr('https://www.openstamanager.com') . '" class="brand-link" title="' . tr("Il gestionale open source per l'assistenza tecnica e la fatturazione") . '" target="_blank">
<img src="' . $rootdir . '/assets/dist/img/logo_completo.png" alt="' . tr("Il gestionale open source per l'assistenza tecnica e la fatturazione") . '" class="img-fluid">
<span class="brand-text font-weight-light">&nbsp;</span>
</a>
<!-- Sidebar user panel --> <!-- Sidebar -->
<div class="user-panel mt-3 pb-3 mb-3 text-center info"> <div class="sidebar">
<div class="info">
<p><a href="'.base_path().'/modules/utenti/info.php"> <!-- Sidebar user panel (optional) -->
'.$user['username'].' <div class="user-panel mt-3 pb-3 mb-3 d-flex">
</a></p> <div class="image">';
<p id="datetime"></p>
</div>
<a class="image" href="'.base_path().'/modules/utenti/info.php">';
$user_photo = $user->photo; $user_photo = $user->photo;
if ($user_photo) { if ($user_photo) {
echo ' echo '
<img src="'.$user_photo.'" class="img-circle pull-left" alt="'.$user['username'].'" />'; <img src="' . $user_photo . '" class="img-circle elevation-2" alt="' . $user['username'] . '" />';
} else { } else {
echo ' echo '
<i class="fa fa-user-circle-o fa-3x pull-left" alt="'.tr('OpenSTAManager').'"></i>'; <i class="fa fa-user-circle-o fa-2x text-light" alt="' . tr('Utente') . '"></i>';
} }
echo ' echo '
</a>
</div> </div>
<!-- search form --> <div class="info">
<div class="sidebar-form"> <a href="' . base_path() . '/modules/utenti/info.php" class="d-block">
<div class="input-group"> ' . $user['username'] . '
<input type="text" name="q" class="form-control" id="supersearch" placeholder="'.tr('Cerca').'"/> </a>
</div>
</div>
<!-- SidebarSearch Form -->
<div class="form-inline">
<div class="input-group" data-widget="sidebar-search">
<input class="form-control form-control-sidebar" id="supersearch" type="search" placeholder="' . tr('Cerca') . '" aria-label="' . tr('Cerca') . '">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-flat" id="search-btn" name="search" type="submit"> <button class="btn btn-sidebar">
<i class="fa fa-search"></i> <i class="fa fa-search fa-fw"></i>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<!-- /.search form -->
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu">'; <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu">';
echo Modules::getMainMenu(); echo Modules::getMainMenu();
echo ' echo '
@ -595,12 +588,9 @@ if (Auth::check()) {
} }
echo ' echo '
<!-- Right side column. Contains the navbar and content of the page -->
<aside class="content-wrapper">
<!-- Main content --> <!-- Main content -->
<section class="content"> <div class="content-wrapper">
<div class="row">'; <section class="content">';
if (string_contains($_SERVER['SCRIPT_FILENAME'], 'editor.php')) { if (string_contains($_SERVER['SCRIPT_FILENAME'], 'editor.php')) {
$location = 'editor_right'; $location = 'editor_right';
@ -608,9 +598,6 @@ if (Auth::check()) {
$location = 'controller_right'; $location = 'controller_right';
} }
echo '
<div class="col-md-12">';
// Eventuale messaggio personalizzato per l'installazione corrente // Eventuale messaggio personalizzato per l'installazione corrente
$extra_file = App::filepath('include/custom/extra', 'extra.php'); $extra_file = App::filepath('include/custom/extra', 'extra.php');
if ($extra_file) { if ($extra_file) {

10
src/HTMLBuilder/Manager/WidgetManager.php
View File

@ -241,16 +241,16 @@ class WidgetManager implements ManagerInterface
// Generazione del codice HTML // Generazione del codice HTML
if (!empty($widgets)) { if (!empty($widgets)) {
$result = ' $result = '
<ul class="row widget" id="widget-'.$options['position'].'" data-class="">'; <div class="row widget" id="widget-'.$options['position'].'" data-class="">';
// Aggiungo ad uno ad uno tutti i widget // Aggiungo ad uno ad uno tutti i widget
foreach ($widgets as $widget) { foreach ($widgets as $widget) {
if ($widget['id_module'] == $database->fetchOne('SELECT `id_record` FROM `zz_modules_lang` WHERE `title` = "Stato dei servizi" AND `id_lang` = '.prepare(\Models\Locale::getDefault()->id).'')['id']) { if ($widget['id_module'] == $database->fetchOne('SELECT `id_record` FROM `zz_modules_lang` WHERE `title` = "Stato dei servizi" AND `id_lang` = '.prepare(\Models\Locale::getDefault()->id).'')['id']) {
$result .= ' $result .= '
<li class="col-sm-6 col-md-4 li-widget" id="widget_'.$widget['id'].'" style="height:100% !important;" data-id="'.$widget['id'].'">'; <div class="col-md-3 col-sm-6 col-12 li-widget" id="widget_'.$widget['id'].'" data-id="'.$widget['id'].'">';
} else { } else {
$result .= ' $result .= '
<li class="col-sm-6 '.($widget['class'] ?: setting('Dimensione widget predefinita')).' li-widget" id="widget_'.$widget['id'].'" data-id="'.$widget['id'].'">'; <div class="col-sm-6 '.($widget['class'] ?: setting('Dimensione widget predefinita')).' li-widget" id="widget_'.$widget['id'].'" data-id="'.$widget['id'].'">';
} }
$info = array_merge($options, [ $info = array_merge($options, [
'id' => $widget['id'], 'id' => $widget['id'],
@ -258,11 +258,11 @@ class WidgetManager implements ManagerInterface
$result .= $this->widget($info); $result .= $this->widget($info);
$result .= ' $result .= '
</li>'; </div>';
} }
$result .= ' $result .= '
</ul>'; </div>';
} }
return $result; return $result;