Fixed some CSS and presentation style issues.

This commit is contained in:
Rooty 2024-03-04 17:15:11 +01:00
parent e1e3a16f29
commit dbad676703
6 changed files with 249 additions and 286 deletions

View File

@ -1252,6 +1252,11 @@ form#authSession.form div.input-group-prepend span i.fa{
/****************************/
/***dataTables */
/****************************/
#data div.tab-content.container-fluid div.card div.card-body div.dataTables_wrapper div.dataTables_length select {
min-width: 5rem;
max-width: 5rem;
}
#data div.tab-content.container-fluid div.card div.card-body div.dataTables_wrapper div.dataTables_paginate ul.pagination {
--bs-pagination-padding-x: 0.25rem;
--bs-pagination-padding-y: 0.05rem;

View File

@ -10,15 +10,6 @@
</ul>
<div class="tab-content container-fluid py-0 w-75 px-0">
<div class="card with-tab border-0 my-0">
<!--<mx:bloc id="BtnNodeCreate">
<form method="post" mXattribut="action:urlActionCreate">
<div class="card-header border-0 bg-white text-center">
<button type="submit" class="btn btn-outline-secondary"><mx:text id="TxtNodeAdd"/></button>
</div>
</form>
</mx:bloc id="BtnNodeCreate">-->
<form id="configNode" role="form" class="form-inline px-0 container-fluid" method="post" mXattribut="action:urlAction">
<div class="card-header"><h3><mx:text id="TxtNodeAdd"/></h3></div>
<div class="card-body form">
@ -26,7 +17,7 @@
<div class="col">
<mx:bloc id="blocName">
<div class="input-group justify-content-center">
<span class="input-group-text"><span class="fa"><mx:image id="pictoLanguage"/><span class="text-danger"> *</span></span></span><mx:formField id="nameInput"/>
<span class="input-group-text"><i class="fa fa-lg fa-file-text-o"><mx:image id="pictoLanguage"/></i></span><mx:formField id="nameInput"/>
</div>
</mx:bloc id="blocName">
</div>
@ -37,14 +28,14 @@
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:select id="listNode" id="listNode"/>
<span class="input-group-text"><i class="fa fa-lg fa-dedent"></i></span><mx:select id="listNode" id="listNode"/>
</div>
</div>
</div>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:formField id="domain"/>
<span class="input-group-text"><i class="fa fa-lg fa-globe"></i></span><mx:formField id="domain"/>
</div>
</div>
<div class="col">

View File

@ -8,19 +8,15 @@
</li>
</mx:bloc id="TabeB">
</ul>
<div class="tab-content container-fluid px-0 py-2 border w-75">
<form id="configNode" name="configNode" role="form" class="form text-center px-0" method="post" action="#">
<div class="card with-tab w-100 border-0">
<div class="card-header text-center">
<h3><mx:text id="Delete_etape1"/></h3>
</div>
<div class="card-body py-1 m-1">
<div class="row justify-content-center">
<div class="input-group col-xs-12 col-sm-8 col-lg-3">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span>
</div>
<mx:select id="NODE" id="idNode" onchange="javascript:submit();"/>
<div class="tab-content container-fluid py-0 w-75 px-0">
<div class="card with-tab border-0 my-0">
<form id="configNode" name="configNode" role="form" class="form-inline px-0 container-fluid" method="post" action="#">
<div class="card-header"><h3><mx:text id="Delete_etape1"/></h3></div>
<div class="card-body form">
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:select id="NODE" id="idNode" onchange="javascript:submit();"/>
</div>
</div>
</div>
@ -95,4 +91,5 @@
</div>
</mx:bloc id="ToHidde">
</form>
</div>
</div>

View File

@ -9,7 +9,8 @@
</mx:bloc id="TabeB">
</ul>
<div class="tab-content container-fluid px-0 py-2 border w-75">
<div class="tab-content container-fluid py-0 w-75 px-0">
<div class="card with-tab border-0 my-0">
<form id="configNode" name="configNode" role="form" class="form text-center px-0" method="post" mXattribut="action:urlAction">
<div class="card with-tab w-100 border-0">
<div class="card-header text-center">
@ -17,9 +18,9 @@
</div>
<div class="card-body py-1 m-1">
<div class="row">
<div class="input-group col-xs-12 col-sm-8 col-lg-12 justify-content-center p-0">
<div class="input-group justify-content-center p-0">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span>
<span class="input-group-text"><i class="fa fa-lg fa-dedent"></i></span>
</div>
<mx:select id="NODE" id="node_id" onchange="javascript:submit();"/>
</div>
@ -27,181 +28,152 @@
</div>
</div>
</form>
<form id="modifNode" name="modifNode" role="form" class="form-inline text-center px-0" method="post" mXattribut="action:urlAction">
<form id="modifNode" name="modifNode" role="form" class="form-inline px-0 container-fluid" method="post" mXattribut="action:urlAction">
<input type="hidden" name="node_Id1" mXattribut="value:nodeHiddenUpdate" class="hidden"/>
<mx:bloc id="ToHidde">
<div class="card w-100 border-0">
<div class="card-header text-center">
<h3><mx:text id="Update_etape2"/>"<mx:text id="NodeName"/>"</h3>
</div>
<div class="card-body">
<div class="row mb-2">
<div class="card-header"><h3><mx:text id="Update_etape2"/>"<mx:text id="NodeName"/>"</h3></div>
<div class="card-body form">
<div class="row mb-1 w-100">
<div class="col">
<mx:bloc id="blocName">
<div class="input-group col-xs-12 col-sm-8 col-lg-3 p-0 m-0">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-indent mr-2"></i><span class="fa"><span class="text-danger"> *</span></span></span>
</div>
<mx:formField id="nameInput"/>
<div class="input-group-append">
<span class="input-group-text"><mx:image id="pictoLanguage"/></span>
</div>
<div class="input-group justify-content-center">
<span class="input-group-text input-group-text-right" id="nameicon"><i class="fa fa-lg fa-indent"></i></span><mx:formField id="nameInput"/><span class="input-group-text input-group-text-right"><mx:image id="pictoLanguage" id="pictoLanguage"/></span>
</div>
</mx:bloc id="blocName">
<mx:bloc id="blocHeadValues">
<div class="input-group col-xs-12 col-sm-8 col-lg-3 p-0 m-0 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><mx:text id="txtCommHasPublicPage"/></span>
</div>
<input data-toggle="toggle" data-style="float-right" data-onstyle="success" data-offstyle="danger" data-size="mini" type="checkbox" name="node_haspublicpage"<mx:text id="node_haspublicpage_value"/>>
</div>
<div class="input-group col-xs-12 col-sm-8 col-lg-3 p-0 m-0 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><mx:text id="txtCommPublicList"/></span>
</div>
<input data-toggle="toggle" data-style="float-right" data-onstyle="success" data-offstyle="danger" data-size="mini" type="checkbox" name="node_listpublic"<mx:text id="node_listpublic_value"/>>
</div>
<div class="input-group col-xs-12 col-sm-8 col-lg-3 p-0 m-0 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><mx:text id="txtCommRegisterEnable"/></span>
</div>
<input data-toggle="toggle" data-style="float-right" data-onstyle="success" data-offstyle="danger" data-size="mini" type="checkbox" name="node_registerenable"<mx:text id="node_registerenable_value"/>>
</div>
</mx:bloc id="blocHeadValues">
</div>
<div class="row mb-2">
<div class="input-group col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
<div class="input-group-prepend">
<span class="input-group-text" id="newsicon"><i class="fa fa-lg fa-file-picture-o"></i></span>
</div>
<mx:select id="icone" onchange="javascript:imgPicto();"/>
<div class="input-group-append">
<span class="input-group-text"><mx:image id="pictoObject" id="pictoObject"/></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text input-group-text-right" id="nodeicon"><i class="fa fa-lg fa-file-picture-o"></i></span><mx:select id="icone" onchange="javascript:imgPicto();"/><span class="input-group-text input-group-text-right"><mx:image id="pictoObject" id="pictoObject"/></span>
</div>
</div>
<div class="input-group col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
<div class="col">
<div class="input-group justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span>
</div>
<mx:select id="NODE" id="NodeIn"/>
</div>
</div>
<div class="row mb-2">
<div class="form-inline col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-picture-o"></i></span>
</div>
<mx:select id="template" onchange="javascript:imgTemplate();"/>
</div>
</div>
<div class="form-inline col-xs-12 col-sm-8 col-lg-6 p-0 m-0">
<div class="input-group">
<mx:image id="screenTemplate" id="screenTemplate"/>
</div>
</div>
</div>
<mx:bloc id="blocFootValues">
<div class="row">
<div class="input-group col-xs-12 col-sm-8 col-lg-3 p-0 m-0">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span>
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:select id="COMMPROFILES" id="node_ctype"/>
</div>
<mx:select id="COMMPROFILES" id="node_ctype"/>
</div>
<div class="input-group col-xs-12 col-sm-8 col-lg-3 p-0 m-0">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:formField id="ctypereg"/>
</div>
<mx:formField id="ctypereg"/>
</div>
<div class="input-group col-xs-12 col-sm-8 col-lg-3 p-0 m-0">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span><mx:formField id="domain"/>
</div>
<mx:formField id="domain"/>
</div>
</div>
</mx:bloc id="blocFootValues">
<mx:bloc id="blocHeadValues">
<div class="row mb-1 w-100">
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommHasPublicPage"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="Actif" data-offstyle="danger fw-bold" data-off="Désactivé" data-size="small" type="checkbox" name="node_haspublicpage"<mx:text id="node_haspublicpage_value"/>>
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommPublicList"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="Actif" data-offstyle="danger fw-bold" data-off="Désactivé" data-size="small" type="checkbox" name="node_listpublic"<mx:text id="node_listpublic_value"/>>
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text large input-group-toggle"><mx:text id="txtCommRegisterEnable"/></span>
<input data-toggle="toggle" data-style="float-end" data-onstyle="success fw-bold" data-on="Actif" data-offstyle="danger fw-bold" data-off="Désactivé" data-size="small" type="checkbox" name="node_registerenable"<mx:text id="node_registerenable_value"/>>
</div>
</div>
</div>
</mx:bloc id="blocHeadValues">
<div class="row mt-5 w-100">
<div class="col"></div>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-picture-o"></i></span><mx:select id="template" onchange="javascript:imgTemplate();"/>
</div>
</div>
<div class="col">
<div class="input-group justify-content-center">
<mx:image id="screenTemplate" id="screenTemplate"/>
</div>
</div>
<div class="col"></div>
</div>
</div>
<mx:bloc id="blocSettings">
<div class="card w-100 border-0">
<div class="card-header text-center">
<h3><mx:text id="complementInformation"/></h3>
</div>
<div class="card-body">
<div class="card-header text-center"><h3><mx:text id="complementInformation"/></h3></div>
<div class="card-body form">
<div class="row mb-1 w-100">
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-envelope-o"><span class="text-danger"> *</span></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-envelope-o text-danger"></i></span><mx:formField id="node_email" id="node_email"/>
</div>
<mx:formField id="node_email" id="node_email"/>
</div>
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-gitea"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-gitea"></i></span><mx:formField id="node_git" id="node_git"/>
</div>
<mx:formField id="node_git" id="node_git"/>
</div>
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-mastodon"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-mastodon"></i></span><mx:formField id="node_mastodon" id="node_mastodon"/>
</div>
<mx:formField id="node_mastodon" id="node_mastodon"/>
</div>
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-activitypub"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-activitypub"></i></span><mx:formField id="node_mobilizon" id="node_mobilizon"/>
</div>
<mx:formField id="node_mobilizon" id="node_mobilizon"/>
</div>
</div>
<div class="row mb-1 w-100">
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-matrix-org"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-matrix-org"></i></span><mx:formField id="node_matrix" id="node_matrix"/>
</div>
<mx:formField id="node_matrix" id="node_matrix"/>
</div>
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-peertube"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-peertube"></i></span><mx:formField id="node_peertube" id="node_peertube"/>
</div>
<mx:formField id="node_peertube" id="node_peertube"/>
</div>
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-nextcloud"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-nextcloud"></i></span><mx:formField id="node_nextcloud" id="node_nextcloud"/>
</div>
<mx:formField id="node_nextcloud" id="node_nextcloud"/>
</div>
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-twitter"></i></span>
<div class="col">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-twitter"></i></span><mx:formField id="node_twitter" id="node_twitter"/>
</div>
<mx:formField id="node_twitter" id="node_twitter"/>
</div>
</div>
<div class="row mb-1 w-100">
<div class="input-group col-xs-12 col-sm-3 col-lg-3 justify-content-center">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fa fa-lg fa-facebook"></i></span>
<div class="col">
<div class="input-group">
<span class="input-group-text"><i class="fa fa-lg fa-facebook"></i></span><mx:formField id="node_facebook" id="node_facebook"/>
</div>
<mx:formField id="node_facebook" id="node_facebook"/>
</div>
</git>
</div>
</div>
</mx:bloc id="blocSettings">
<div class="card-footer border-0 bg-white center-block">
<div class="card-footer border-0 bg-white text-center">
<input type="reset" name="BtnReset" class="btn btn-outline-secondary btn-lg btn-sm" aria-pressed="true" title="<mx:text id="BtnReset"/>" value="<mx:text id="BtnReset"/>" onclick="this.form.reset();"/>
<input type="button" name="BtnReturn" class="btn btn-outline-secondary btn-lg btn-sm" aria-pressed="true" value="<mx:text id="BtnReturn"/>" onclick="history.back();"/>
<input type="submit" name="BtnValid" class="btn btn-outline-secondary btn-lg btn-sm" aria-pressed="true" MxAttribut="value:BtnValid"/>
</div>
</div>
</mx:bloc id="ToHidde">
</form>
</div>
</div>

View File

@ -87,22 +87,22 @@
<form id="FManageUser" name="FManageUser" role="form" class="form-inline container-fluid" method="post" mXattribut="action:urlAction">
<div class="card-body form">
<div class="row mb-1 w-100">
<div class="col"></div>
<!-- <div class="col w-25"></div> -->
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-group"></i></span>
<mx:select id="GROUP" id="idGroup"/>
<span class="input-group-input"><input type="submit" class="form btn btn-outline-secondary" mXattribut="onclick:urlSort" value="Valider" /></span>
</div>
</div>
<div class="col">
<div class="input-group">
<div class="input-group justify-content-center">
<span class="input-group-text"><i class="fa fa-lg fa-user-secret"></i></span>
<mx:select id="exportFormat" id="export"/>
<span class="input-group-input"><input type="submit" class="form btn btn-outline-secondary" mXattribut="onclick:urlExport" MxAttribut="value:BtnExport" /></span>
</div>
</div>
<div class="col"></div>
<!-- <div class="col w-25"></div> -->
</div>
<div class="row mt-5 mb-1 w-100">
<table class="table table-sm table-responsive-sm table-bordered table-striped table-hover" id="tabAdminUser">

View File

@ -356,9 +356,7 @@ Class AdminNode extends CoordinationObj
}
@closedir($handle);
asort($tabIcone);
// var_dump($Node->getIcone());
if ( $Node->getIcone() == "") $nodeIcone = "defaultnode.png"; else $nodeIcone = $Node->getIcone();
// var_dump($nodeIcone);
$GLOBALS['SYSTEM_TEMPLATE']->MxSelect("ToHidde".".icone", "iconeN", $nodeIcone, $tabIcone, '', '', 'id="iconeN"', "class=\"form\" title=\"".htmlspecialchars(getMessage("txtNodeIcon"), ENT_QUOTES)."\"", getMessage("txtNodeIcon"));
/* Affichage des templates */