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;
// Numéro de version
const ZWII_VERSION = '10.2.00.dev27';
const ZWII_VERSION = '10.2.00.dev28';
const ZWII_UPDATE_CHANNEL = "v10";
public static $actions = [];

View File

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