loviuz/openstamanager
loviuz
/
openstamanager
mirror of https://github.com/devcode-it/openstamanager.git
1
0
Fork 0
Code Issues Releases Activity

Migliorie grafiche login e preloader

This commit is contained in:
FabioL 2024-05-17 17:27:12 +02:00
parent ed2c9abba5
commit 697685e268
5 changed files with 45 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,6 +30,10 @@
url('../fonts/sourcesanspro-regular-webfont.svg') format('svg');
}
.preloader{
background-color: #f4f6f9de !important;
}
html {
font-size: 13px;
height: 100%;

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

@ -16,6 +16,11 @@
* 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").css('height', '100vh').find('img').show().removeClass('animation__shake').addClass('animation__shake');
});
// Fix multi-modal
$(document).on('hidden.bs.modal', '.modal', function () {
$(this).remove();

35
index.php
View File

@ -158,29 +158,34 @@ if (!empty(flash()->getMessage('error'))) {
echo '
<form action="?op=login" method="post" autocomplete="off">
<div class="login-box">
<div class="login-logo">
<img src="'.App::getPaths()['img'].'/logo_completo.png" alt="'.tr('OpenSTAManager, il software gestionale open source per assistenza tecnica e fatturazione elettronica').'" style="max-width: 100%; max-height: 100%;">
</div>
<div class="card card-outline card-orange">
<div class="card-header text-center">
<img src="'.App::getPaths()['img'].'/logo_completo.png" alt="'.tr('OpenSTAManager, il software gestionale open source per assistenza tecnica e fatturazione elettronica').'" class="img-fluid">
</div>
<div class="login-box-body">
<p class="login-box-msg">'.tr('Accedi con le tue credenziali').'</p>
<div class="form-group has-feedback">
<input type="text" name="username" autocomplete="username" class="form-control" placeholder="'.tr('Nome utente').'"';
<div class="card-body">
<p class="login-box-msg">'.tr('Accedi con le tue credenziali').'</p>
<div class="input-group mb-3">
<input type="text" name="username" autocomplete="username" class="form-control" placeholder="'.tr('Nome utente').'"';
if (isset($username)) {
echo ' value="'.$username.'"';
}
echo ' required>
<span class="form-control-feedback"><i class="fa fa-user"></i> </span>
</div>
<div class="input-group-append">
<div class="input-group-text">
<i class="fa fa-user"></i>
</div>
</div>
</div>
<div class="form-group has-feedback">
{[ "type": "password", "name": "password", "autocomplete": "current-password", "placeholder": "'.tr('Password').'" ]}
</div>
<div class="input-group mb-3">
{[ "type": "password", "name": "password", "autocomplete": "current-password", "placeholder": "'.tr('Password').'" ]}
</div>
<button type="submit" class="btn btn-danger btn-block btn-flat">'.tr('Accedi').'</button>
<br>
<p><a href="'.base_path().'/reset.php">'.tr('Password dimenticata?').'</a></p>';
<button type="submit" class="btn btn-danger btn-block btn-flat">'.tr('Accedi').'</button>
<br>
<p><a href="'.base_path().'/reset.php">'.tr('Password dimenticata?').'</a></p>';
if ($microsoft) {
echo '
<div class="social-auth-links text-center">

5
src/HTMLBuilder/Handler/DefaultHandler.php
View File

@ -101,6 +101,7 @@ class DefaultHandler implements HandlerInterface
*/
protected function password(&$values, &$extras)
{
$result = '
<script>
const characters ="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!$£%-()*[]";
@ -197,6 +198,10 @@ class DefaultHandler implements HandlerInterface
}
// Delega al metodo "text", per la generazione del codice HTML
$values['icon-after'] = '
<div class="input-group-text">
<span class="fa fa-eye-slash clickable" id="'.$values['id'].'_toggle" onclick="togglePassword_'.$values['id'].'();"></span>
</div>';
$result .= $this->text($values, $extras);
return $result;

17
src/HTMLBuilder/Wrapper/HTMLWrapper.php
View File

@ -39,8 +39,10 @@ class HTMLWrapper implements WrapperInterface
$values['icon-before'] = isset($values['icon-before']) ? $this->parser($values, $extras, $values['icon-before']) : null;
$values['icon-after'] = isset($values['icon-after']) ? $this->parser($values, $extras, $values['icon-after']) : null;
$result .= '
<div class="form-group '.$extra_class.'">';
if (!empty($extra_class)) {
$result .= '
<div class="'.$extra_class.'">';
}
// Generazione dell'etichetta
if (!empty($values['label'])) {
@ -71,14 +73,14 @@ class HTMLWrapper implements WrapperInterface
if (!empty($values['icon-before']) || !empty($values['icon-after']) || !empty($values['validation'])) {
if (!empty($values['icon-after'])) {
$result .= '
<span class="input-group-addon after'.(!empty($values['icon-custom']) ? ' '.$values['icon-custom'] : '').'">'.$values['icon-after'].'</span>';
<span class="input-group-append after'.(!empty($values['icon-custom']) ? ' '.$values['icon-custom'] : '').'">'.$values['icon-after'].'</span>';
}
if (!empty($values['validation'])) {
$result .= '
<span class="input-group-addon after" id="'.$pseudo_id.'_validation">
<div class="input-group-append after" id="'.$pseudo_id.'_validation">
<span class="tip" title="'.tr('Validazione').'"><i class="fa fa-question-circle "></i></span>
</span>';
</div>';
}
$result .= '
@ -102,8 +104,11 @@ class HTMLWrapper implements WrapperInterface
$result .= '
<div id="'.$values['id'].$rand.'-errors"></div>';
$result .= '
if ($values['type'] == 'checkbox') {
$result .= '
</div>';
}
if (!empty($values['label'])) {
unset($values['label']);
}