10.2.dev28 config blocs pliables - optimisation JS à réaliser.

This commit is contained in:
Fred Tempez 2020-06-05 07:23:36 +02:00
parent c963a61389
commit 6b2c44c3fc
4 changed files with 622 additions and 400 deletions

View File

@ -39,7 +39,7 @@ class common {
const ACCESS_TIMER = 1800; const ACCESS_TIMER = 1800;
// Numéro de version // Numéro de version
const ZWII_VERSION = '10.2.00.dev27'; const ZWII_VERSION = '10.2.00.dev28';
const ZWII_UPDATE_CHANNEL = "v10"; const ZWII_UPDATE_CHANNEL = "v10";
public static $actions = []; public static $actions = [];

View File

@ -13,3 +13,35 @@
*/ */
@import url("site/data/admin.css"); @import url("site/data/admin.css");
#parameter .blockContainer,
#social .blockContainer,
#ceo .blockContainer,
#network .blockContainer,
#smtp .blockContainer,
#login .blockContainer,
#log .blockContainer ,
#script .blockContainer,
#parameter .zwiico-minus,
#social .zwiico-minus,
#ceo .zwiico-minus,
#network .zwiico-minus,
#smtp .zwiico-minus,
#login .zwiico-minus,
#log .zwiico-minus,
#script .zwiico-minus
{
display: none;
}
#info .zwiico-plus,
#version .zwiico-plus {
display: none;
}
.zwiico-minus,
.zwiico-plus {
cursor: pointer;
}

View File

@ -85,3 +85,132 @@ $("select[name=configConnectTimeout]").on("change", function() {
} }
}); });
/**
* Affichage et masquage des blocs
*/
// Informations générales
$("#info .zwiico-plus").click(function() {
$("#info .blockContainer").slideDown();
$("#info .zwiico-plus").hide();
$("#info .zwiico-minus").show();
/* var _this = $(this);
console.log(_this.parent());*/
});
$("#info .zwiico-minus").click(function() {
$("#info .blockContainer").slideUp();
$("#info .zwiico-plus").show();
$("#info .zwiico-minus").hide();
});
// Paramètres
$("#parameter .zwiico-plus").click(function() {
$("#parameter .blockContainer").slideDown();
$("#parameter .zwiico-plus").hide();
$("#parameter .zwiico-minus").show();
});
$("#parameter .zwiico-minus").click(function() {
$("#parameter .blockContainer").slideUp();
$("#parameter .zwiico-plus").show();
$("#parameter .zwiico-minus").hide();
});
// Sociaux
$("#social .zwiico-plus").click(function() {
$("#social .blockContainer").slideDown();
$("#social .zwiico-plus").hide();
$("#social .zwiico-minus").show();
});
$("#social .zwiico-minus").click(function() {
$("#social .blockContainer").slideUp();
$("#social .zwiico-plus").show();
$("#social .zwiico-minus").hide();
});
// Référencement
$("#ceo .zwiico-plus").click(function() {
$("#ceo .blockContainer").slideDown();
$("#ceo .zwiico-plus").hide();
$("#ceo .zwiico-minus").show();
});
$("#ceo .zwiico-minus").click(function() {
$("#ceo .blockContainer").slideUp();
$("#ceo .zwiico-plus").show();
$("#ceo .zwiico-minus").hide();
});
// Réseau
$("#network .zwiico-plus").click(function() {
$("#network .blockContainer").slideDown();
$("#network .zwiico-plus").hide();
$("#network .zwiico-minus").show();
});
$("#network .zwiico-minus").click(function() {
$("#network .blockContainer").slideUp();
$("#network .zwiico-plus").show();
$("#network .zwiico-minus").hide();
});
// smtp
$("#smtp .zwiico-plus").click(function() {
$("#smtp .blockContainer").slideDown();
$("#smtp .zwiico-plus").hide();
$("#smtp .zwiico-minus").show();
});
$("#smtp .zwiico-minus").click(function() {
$("#smtp .blockContainer").slideUp();
$("#smtp .zwiico-plus").show();
$("#smtp .zwiico-minus").hide();
});
// sécurité login
$("#login .zwiico-plus").click(function() {
$("#login .blockContainer").slideDown();
$("#login .zwiico-plus").hide();
$("#login .zwiico-minus").show();
});
$("#login .zwiico-minus").click(function() {
$("#login .blockContainer").slideUp();
$("#login .zwiico-plus").show();
$("#login .zwiico-minus").hide();
});
// journaux
$("#log .zwiico-plus").click(function() {
$("#log .blockContainer").slideDown();
$("#log .zwiico-plus").hide();
$("#log .zwiico-minus").show();
});
$("#log .zwiico-minus").click(function() {
$("#log .blockContainer").slideUp();
$("#log .zwiico-plus").show();
$("#log .zwiico-minus").hide();
});
// script
$("#script .zwiico-plus").click(function() {
$("#script .blockContainer").slideDown();
$("#script .zwiico-plus").hide();
$("#script .zwiico-minus").show();
});
$("#script .zwiico-minus").click(function() {
$("#script .blockContainer").slideUp();
$("#script .zwiico-plus").show();
$("#script .zwiico-minus").hide();
});
// version
$("#version .zwiico-plus").click(function() {
$("#version .blockContainer").slideDown();
$("#version .zwiico-plus").hide();
$("#version .zwiico-minus").show();
});
$("#version .zwiico-minus").click(function() {
$("#version .blockContainer").slideUp();
$("#version .zwiico-plus").show();
$("#version .zwiico-minus").hide();
});

View File

@ -28,8 +28,12 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block" id="info">
<h4>Informations générales</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Informations générales</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col4"> <div class="col4">
<?php <?php
@ -53,6 +57,8 @@
]); ?> ]); ?>
</div> </div>
</div> </div>
<div class="row">
<div class="col12">
<?php echo template::textarea('configMetaDescription', [ <?php echo template::textarea('configMetaDescription', [
'label' => 'Description du site', 'label' => 'Description du site',
'value' => $this->getData(['config', 'metaDescription']), 'value' => $this->getData(['config', 'metaDescription']),
@ -60,11 +66,18 @@
]); ?> ]); ?>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block" id="parameter">
<h4>Paramètres</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Paramètres</h4>
<div class="blockContainer">
<?php $error = helper::urlGetContents('http://zwiicms.com/update/' . common::ZWII_UPDATE_CHANNEL . '/version');?> <?php $error = helper::urlGetContents('http://zwiicms.com/update/' . common::ZWII_UPDATE_CHANNEL . '/version');?>
<?php if ($error !== false) : ?> <?php if ($error !== false) : ?>
<?php $error = true; ?> <?php $error = true; ?>
@ -157,36 +170,39 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col6"> <div class="col12">
<div class="block"> <div class="block" id="social">
<h4>Réseaux sociaux</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Réseaux sociaux</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col6"> <div class="col3">
<?php echo template::text('configSocialFacebookId', [ <?php echo template::text('configSocialFacebookId', [
'help' => 'Saisissez votre ID : https://www.facebook.com/[ID].', 'help' => 'Saisissez votre ID : https://www.facebook.com/[ID].',
'label' => 'Facebook', 'label' => 'Facebook',
'value' => $this->getData(['config', 'social', 'facebookId']) 'value' => $this->getData(['config', 'social', 'facebookId'])
]); ?> ]); ?>
</div> </div>
<div class="col6"> <div class="col3">
<?php echo template::text('configSocialInstagramId', [ <?php echo template::text('configSocialInstagramId', [
'help' => 'Saisissez votre ID : https://www.instagram.com/[ID].', 'help' => 'Saisissez votre ID : https://www.instagram.com/[ID].',
'label' => 'Instagram', 'label' => 'Instagram',
'value' => $this->getData(['config', 'social', 'instagramId']) 'value' => $this->getData(['config', 'social', 'instagramId'])
]); ?> ]); ?>
</div> </div>
</div> <div class="col3">
<div class="row">
<div class="col6">
<?php echo template::text('configSocialYoutubeId', [ <?php echo template::text('configSocialYoutubeId', [
'help' => 'ID de la chaîne : https://www.youtube.com/channel/[ID].', 'help' => 'ID de la chaîne : https://www.youtube.com/channel/[ID].',
'label' => 'Chaîne Youtube', 'label' => 'Chaîne Youtube',
'value' => $this->getData(['config', 'social', 'youtubeId']) 'value' => $this->getData(['config', 'social', 'youtubeId'])
]); ?> ]); ?>
</div> </div>
<div class="col6"> <div class="col3">
<?php echo template::text('configSocialYoutubeUserId', [ <?php echo template::text('configSocialYoutubeUserId', [
'help' => 'Saisissez votre ID Utilisateur : https://www.youtube.com/user/[ID].', 'help' => 'Saisissez votre ID Utilisateur : https://www.youtube.com/user/[ID].',
'label' => 'Youtube', 'label' => 'Youtube',
@ -195,28 +211,28 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col6"> <div class="col3">
<?php echo template::text('configSocialTwitterId', [ <?php echo template::text('configSocialTwitterId', [
'help' => 'Saisissez votre ID : https://twitter.com/[ID].', 'help' => 'Saisissez votre ID : https://twitter.com/[ID].',
'label' => 'Twitter', 'label' => 'Twitter',
'value' => $this->getData(['config', 'social', 'twitterId']) 'value' => $this->getData(['config', 'social', 'twitterId'])
]); ?> ]); ?>
</div> </div>
<div class="col6"> <div class="col3">
<?php echo template::text('configSocialPinterestId', [ <?php echo template::text('configSocialPinterestId', [
'help' => 'Saisissez votre ID : https://pinterest.com/[ID].', 'help' => 'Saisissez votre ID : https://pinterest.com/[ID].',
'label' => 'Pinterest', 'label' => 'Pinterest',
'value' => $this->getData(['config', 'social', 'pinterestId']) 'value' => $this->getData(['config', 'social', 'pinterestId'])
]); ?> ]); ?>
</div> </div>
<div class="col6"> <div class="col3">
<?php echo template::text('configSocialLinkedinId', [ <?php echo template::text('configSocialLinkedinId', [
'help' => 'Saisissez votre ID Linkedin : https://fr.linkedin.com/in/[ID].', 'help' => 'Saisissez votre ID Linkedin : https://fr.linkedin.com/in/[ID].',
'label' => 'Linkedin', 'label' => 'Linkedin',
'value' => $this->getData(['config', 'social', 'linkedinId']) 'value' => $this->getData(['config', 'social', 'linkedinId'])
]); ?> ]); ?>
</div> </div>
<div class="col6"> <div class="col3">
<?php echo template::text('configSocialGithubId', [ <?php echo template::text('configSocialGithubId', [
'help' => 'Saisissez votre ID Github : https://github.com/[ID].', 'help' => 'Saisissez votre ID Github : https://github.com/[ID].',
'label' => 'Github', 'label' => 'Github',
@ -226,18 +242,29 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col6"> </div>
<div class="block"> </div>
<h4>Référencement</h4> <div class="row">
<div class="col12">
<div class="block" id="ceo">
<h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Référencement</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col6"> <div class="col4 offset1">
<div class="row">
<div class="col12">
<?php echo template::button('configMetaImage', [ <?php echo template::button('configMetaImage', [
'href' => helper::baseUrl() . 'config/configMetaImage', 'href' => helper::baseUrl() . 'config/configMetaImage',
'value' => 'Capture Open Graph', 'value' => 'Capture Open Graph',
'ico' => 'pencil' 'ico' => 'pencil'
]); ?> ]); ?>
</div> </div>
<div class="col6"> </div>
<div class="row">
<div class="col12">
<?php echo template::button('configSiteMap', [ <?php echo template::button('configSiteMap', [
'href' => helper::baseUrl() . 'config/generateFiles', 'href' => helper::baseUrl() . 'config/generateFiles',
'value' => 'Sitemap.xml / Robots.txt', 'value' => 'Sitemap.xml / Robots.txt',
@ -245,6 +272,8 @@
]); ?> ]); ?>
</div> </div>
</div> </div>
</div>
<div class="col6 offset1">
<?php if (file_exists(self::FILE_DIR.'source/screenshot.jpg')): ?> <?php if (file_exists(self::FILE_DIR.'source/screenshot.jpg')): ?>
<div class="row"> <div class="row">
<div class="col8 offset2 textAlignCenter"> <div class="col8 offset2 textAlignCenter">
@ -254,12 +283,18 @@
<?php endif;?> <?php endif;?>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block" id="network">
<h4>Paramètres réseaux</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Paramètres réseaux</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col2"> <div class="col2">
<?php echo template::select('configProxyType', $module::$proxyType, [ <?php echo template::select('configProxyType', $module::$proxyType, [
@ -284,11 +319,16 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block" id="smtp">
<h4>Paramètres de messagerie SMTP</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Paramètres de messagerie SMTP</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<?php echo template::checkbox('configSmtpEnable', true, 'Activer SMTP', [ <?php echo template::checkbox('configSmtpEnable', true, 'Activer SMTP', [
@ -346,11 +386,16 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block" id="login">
<h4>Sécurité de la connexion</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Sécurité de la connexion</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col3"> <div class="col3">
<?php echo template::select('configConnectAttempt', $module::$connectAttempt , [ <?php echo template::select('configConnectAttempt', $module::$connectAttempt , [
@ -388,11 +433,16 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block" id="log">
<h4>Journalisation</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Journalisation</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col3 verticalAlignBottom"> <div class="col3 verticalAlignBottom">
<?php echo template::checkbox('configConnectLog', true, 'Activer la journalisation', [ <?php echo template::checkbox('configConnectLog', true, 'Activer la journalisation', [
@ -417,11 +467,16 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block" id="script">
<h4>Options de script</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Options de script</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col3"> <div class="col3">
<?php echo template::text('configAnalyticsId', [ <?php echo template::text('configAnalyticsId', [
@ -448,11 +503,16 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col12"> <div class="col12">
<div class="block"> <div class="block" id="version">
<h4>Versions système</h4> <h4><?php
echo template::ico('plus','right');
echo template::ico('minus','right');
?>Versions système</h4>
<div class="blockContainer">
<div class="row"> <div class="row">
<div class="col2"> <div class="col2">
<?php echo template::text('configVersion', [ <?php echo template::text('configVersion', [
@ -499,5 +559,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<?php echo template::formClose(); ?> <?php echo template::formClose(); ?>