Browse Source

Remplacement d'espace par des tab et indentation pour être un peu plus conforme avec http://www.spip.net/fr_article3497.html#regles_codage

svn/root/tags/v6.7.6
spip.franck@lien-d-amis.net 7 years ago
parent
commit
f7becad6c9
  1. 1128
      content/foundation-test.html
  2. 15
      css/fix_spip.css
  3. 30
      formulaires/configurer_foundation_6.html
  4. 2
      formulaires/configurer_foundation_6.php
  5. 32
      foundation_6_administrations.php
  6. 10
      foundation_6_fonctions.php
  7. 4
      foundation_6_options.php
  8. 34
      foundation_6_pipelines.php
  9. 48
      inc/foundation.php
  10. 4
      inclure/css/head-foundation-app.html
  11. 4
      inclure/css/head-foundation.html
  12. 18
      inclure/head-foundation-app.html
  13. 18
      inclure/head-foundation.html
  14. 10
      inclure/reveal-close.html
  15. 2
      javascript/app.js
  16. 38
      lang/foundation_6_fr.php
  17. 6397
      lib/foundation-6/css/foundation.css
  18. 320
      lib/foundation-6/index.html
  19. 2
      lib/foundation-6/js/app.js
  20. 80
      modeles/pagination_foundation.html
  21. 52
      modeles/reveal.html
  22. 44
      paquet.xml
  23. 2
      prive/squelettes/contenu/configurer_foundation_6.html

1128
content/foundation-test.html

File diff suppressed because it is too large Load Diff

15
css/fix_spip.css

@ -1,12 +1,15 @@
html, body {
height: 100%;
/* Fix un bug des reveal modale dans SPIP */ }
height: 100%;
/* Fix un bug des reveal modale dans SPIP */
}
input.hasDatepicker {
display: inline; }
display: inline;
}
.formulaire_spip ul {
list-style-type: none;
margin-left: 0; }
list-style-type: none;
margin-left: 0;
}
/*# sourceMappingURL=fix_spip.css.map */
/*# sourceMappingURL=fix_spip.css.map */

30
formulaires/configurer_foundation_6.html

@ -1,21 +1,21 @@
<div class="formulaire_spip formulaire_configurer formulaire_#FORM">
<h3 class="titrem">
[(#CHEMIN{prive/themes/spip/images/foundation-128.png}|image_reduire{24,24}|inserer_attribut{class, cadre-icone})]
<:foundation_6:cfg_titre_parametrages:>
</h3>
<h3 class="titrem">
[(#CHEMIN{prive/themes/spip/images/foundation-128.png}|image_reduire{24,24}|inserer_attribut{class, cadre-icone})]
<:foundation_6:cfg_titre_parametrages:>
</h3>
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
<form method="post" action="#ENV{action}">
<div>
#ACTION_FORMULAIRE{#ENV{action}}
<form method="post" action="#ENV{action}">
<div>
#ACTION_FORMULAIRE{#ENV{action}}
#GENERER_SAISIES{#ENV{_saisies}}
#GENERER_SAISIES{#ENV{_saisies}}
<input type="hidden" name="_meta_casier" value="foundation" />
<p class="boutons"><span class="image_loading">&nbsp;</span><input type="submit" class="submit" value="<:bouton_enregistrer:>" /></p>
</div>
</form>
</div>
<input type="hidden" name="_meta_casier" value="foundation" />
<p class="boutons"><span class="image_loading">&nbsp;</span><input type="submit" class="submit" value="<:bouton_enregistrer:>" /></p>
</div>
</form>
</div>

2
formulaires/configurer_foundation_6.php

@ -32,4 +32,4 @@ function formulaires_configurer_foundation_6_charger() {
$config = lire_config('foundation_6');
return $config;
}
}

32
foundation_6_administrations.php

@ -18,28 +18,28 @@ if (!defined('_ECRIRE_INC_VERSION')) {
*/
function foundation_6_upgrade($nom_meta_base_version, $version_cible) {
// Création du tableau des mises à jour.
$maj = array();
// Création du tableau des mises à jour.
$maj = array();
$config_default = array(
'javascript' => '',
);
$config_default = array(
'javascript' => '',
);
// Tableau de la configuration par défaut
$maj['create'] = array(
array('ecrire_meta', 'foundation_6', serialize($config_default))
);
// Tableau de la configuration par défaut
$maj['create'] = array(
array('ecrire_meta', 'foundation_6', serialize($config_default))
);
// Maj du plugin.
include_spip('base/upgrade');
maj_plugin($nom_meta_base_version, $version_cible, $maj);
// Maj du plugin.
include_spip('base/upgrade');
maj_plugin($nom_meta_base_version, $version_cible, $maj);
}
/*
* Désintaller foundation.
*/
function foundation_6_vider_tables($nom_meta_base_version) {
// Supprimer les méta, ou oublie pas celle de la base.
effacer_meta('foundation_6_base_version');
effacer_meta('foundation_6');
}
// Supprimer les méta, ou oublie pas celle de la base.
effacer_meta('foundation_6_base_version');
effacer_meta('foundation_6');
}

10
foundation_6_fonctions.php

@ -61,7 +61,7 @@ function balise_COLONNES_dist($p) {
/**
* Generer un bouton d'action qui accepte les class de foundation
*/
function balise_BOUTON_ACTION($p){
function balise_BOUTON_ACTION($p) {
$args = array();
for ($k=1; $k<=6; $k++) {
@ -101,8 +101,8 @@ function filtre_bouton_action($libelle, $url, $class = '', $confirm = '', $title
$title = $title ? " title='$title'" : '';
if (test_espace_prive()) {
return "<form class='bouton_action_post $class' method='post' action='$url'><div>".form_hidden($url)
."<button type='submit' class='submit'$title$onclick>$libelle</button></div></form>";
return "<form class='bouton_action_post $class' method='post' action='$url'><div>".form_hidden($url)
."<button type='submit' class='submit'$title$onclick>$libelle</button></div></form>";
} else {
// Détection de la class ajax
@ -121,7 +121,7 @@ function filtre_bouton_action($libelle, $url, $class = '', $confirm = '', $title
}
return "<form class='bouton_action_post $ajax' method='post' action='$url'><div>".form_hidden($url)
."<button type='submit' class='submit $class'$title$onclick>$libelle</button></div></form>";
."<button type='submit' class='submit $class'$title$onclick>$libelle</button></div></form>";
}
}
@ -168,4 +168,4 @@ if (!function_exists('balise_LIRE_CONSTANTE_dist')) {
return $p;
}
}
}

4
foundation_6_options.php

@ -6,7 +6,7 @@ if (!defined('_ECRIRE_INC_VERSION')) {
// Utiliser la version SASS
if (!defined('_FOUNDATION_SASS')) {
define('_FOUNDATION_SASS', false);
define('_FOUNDATION_SASS', false);
}
// Animation par défaut pour les reveal modal
@ -16,4 +16,4 @@ if (!defined('_REVEAL_ANIMATION_IN')) {
if (!defined('_REVEAL_ANIMATION_OUT')) {
define('_REVEAL_ANIMATION_OUT', '');
}
}

34
foundation_6_pipelines.php

@ -10,7 +10,7 @@
*/
if (!defined('_ECRIRE_INC_VERSION')) {
return;
return;
}
/*
@ -18,14 +18,13 @@ if (!defined('_ECRIRE_INC_VERSION')) {
*/
function foundation_6_insert_head($flux) {
// Si on est en mode app, on revoie le bon squelette
if (_FOUNDATION_SASS) {
$flux .= recuperer_fond('inclure/head-foundation-app');
} else {
$flux .= recuperer_fond('inclure/head-foundation');
}
return $flux;
// Si on est en mode app, on revoie le bon squelette
if (_FOUNDATION_SASS) {
$flux .= recuperer_fond('inclure/head-foundation-app');
} else {
$flux .= recuperer_fond('inclure/head-foundation');
}
return $flux;
}
/*
@ -33,12 +32,11 @@ function foundation_6_insert_head($flux) {
*/
function foundation_6_insert_head_css($flux) {
// Si on est en mode app, on revoie le bon squelette
if (_FOUNDATION_SASS) {
$flux .= recuperer_fond('inclure/css/head-foundation-app');
} else {
$flux .= recuperer_fond('inclure/css/head-foundation');
}
return $flux;
}
// Si on est en mode app, on revoie le bon squelette
if (_FOUNDATION_SASS) {
$flux .= recuperer_fond('inclure/css/head-foundation-app');
} else {
$flux .= recuperer_fond('inclure/css/head-foundation');
}
return $flux;
}

48
inc/foundation.php

@ -13,18 +13,18 @@ if (!defined('_ECRIRE_INC_VERSION')) {
* @return string iframe encadrée
*/
function responsive($matches) {
// Dans le cas de vimeo, il faut ajouter une classe
if (strpos($matches[0], 'vimeo')) {
$vimeo = ' vimeo';
} else {
$vimeo = '';
}
// Dans le cas de vimeo, il faut ajouter une classe
if (strpos($matches[0], 'vimeo')) {
$vimeo = ' vimeo';
} else {
$vimeo = '';
}
// On inclu les filtres, au cas ou
include_spip('inc/filtres');
// On inclu les filtres, au cas ou
include_spip('inc/filtres');
// On revoie la bonne structure html d'iframe.
return wrap($matches[0], '<div class="flex-video'.$vimeo.'">');
// On revoie la bonne structure html d'iframe.
return wrap($matches[0], '<div class="flex-video'.$vimeo.'">');
}
/**
@ -36,17 +36,17 @@ function responsive($matches) {
*/
function class_grid_foundation($nombre_colonnes, $type) {
// Si la première variable est un tableau, on va le convertir en class
if (is_array($nombre_colonnes)) {
$class= '';
foreach ($nombre_colonnes as $key => $value) {
// Utiliser un tableau large => 4
if (is_numeric($value)) {
$class .= $key.'-'.$value.' ';
}
}
return $class;
} else {
return $type.'-'.$nombre_colonnes.' ';
}
}
// Si la première variable est un tableau, on va le convertir en class
if (is_array($nombre_colonnes)) {
$class= '';
foreach ($nombre_colonnes as $key => $value) {
// Utiliser un tableau large => 4
if (is_numeric($value)) {
$class .= $key.'-'.$value.' ';
}
}
return $class;
} else {
return $type.'-'.$nombre_colonnes.' ';
}
}

4
inclure/css/head-foundation-app.html

@ -1,10 +1,10 @@
[(#REM) Ajouter les icone foundation si besoin ]
[(#CONFIG{foundation_6/foundation-icons}|oui)
[<link href="(#CHEMIN{lib/foundation-icons/foundation-icons.css}|direction_css)" rel="stylesheet"/>]
[<link href="(#CHEMIN{lib/foundation-icons/foundation-icons.css}|direction_css)" rel="stylesheet"/>]
]
[(#REM) On va chercher le CSS de foundation. ]
[<link rel="stylesheet" href="(#CHEMIN{css/app.css}|direction_css)" type="text/css" media="screen" />]
[(#REM) Css qui corrige l'affichage de certain éléments propre à SPIP ]
[<link rel="stylesheet" href="(#CHEMIN{css/fix_spip.css}|direction_css)" type="text/css" media="screen" />]
[<link rel="stylesheet" href="(#CHEMIN{css/fix_spip.css}|direction_css)" type="text/css" media="screen" />]

4
inclure/css/head-foundation.html

@ -1,10 +1,10 @@
[(#REM) Ajouter les icone foundation si besoin ]
[(#CONFIG{foundation_6/foundation-icons}|oui)
[<link href="(#CHEMIN{lib/foundation-icons/foundation-icons.css}|direction_css)" rel="stylesheet"/>]
[<link href="(#CHEMIN{lib/foundation-icons/foundation-icons.css}|direction_css)" rel="stylesheet"/>]
]
[(#REM) On va chercher le CSS de foundation. ]
[<link rel="stylesheet" href="(#CHEMIN{lib/foundation-6/css/foundation.css}|direction_css)" type="text/css" media="screen" />]
[(#REM) Css qui corrige l'affichage de certain éléments propre à SPIP ]
[<link rel="stylesheet" href="(#CHEMIN{css/fix_spip.css}|direction_css)" type="text/css" media="screen" />]
[<link rel="stylesheet" href="(#CHEMIN{css/fix_spip.css}|direction_css)" type="text/css" media="screen" />]

18
inclure/head-foundation-app.html

@ -1,11 +1,11 @@
[(#REM) Inclusion des fichier Javascript si la config le permet ]
[(#CONFIG{foundation_6/javascript}|oui)
[<script src="(#CHEMIN{bower_components/foundation-sites/dist/foundation.js})" type="text/javascript"></script>]
<script type="text/javascript">
// Charger les scripts foundations
$(function () {
$.getScript("[(#CHEMIN{bower_components/what-input/what-input.min.js}|timestamp)]");
$.getScript("[(#CHEMIN{javascript/app.js}|timestamp)]");
});
</script>
]
[<script src="(#CHEMIN{bower_components/foundation-sites/dist/foundation.js})" type="text/javascript"></script>]
<script type="text/javascript">
// Charger les scripts foundations
$(function () {
$.getScript("[(#CHEMIN{bower_components/what-input/what-input.min.js}|timestamp)]");
$.getScript("[(#CHEMIN{javascript/app.js}|timestamp)]");
});
</script>
]

18
inclure/head-foundation.html

@ -1,11 +1,11 @@
[(#REM) Inclusion des fichier Javascript si la config le permet ]
[(#CONFIG{foundation_6/javascript}|oui)
[<script src="(#CHEMIN{lib/foundation-6/js/vendor/foundation.js})" type="text/javascript"></script>]
<script type="text/javascript">
// Charger les scripts foundations
$(function () {
$.getScript("[(#CHEMIN{lib/foundation-6/js/vendorwhat-input.min.js}|timestamp)]");
$.getScript("[(#CHEMIN{javascript/app.js}|timestamp)]");
});
</script>
]
[<script src="(#CHEMIN{lib/foundation-6/js/vendor/foundation.js})" type="text/javascript"></script>]
<script type="text/javascript">
// Charger les scripts foundations
$(function () {
$.getScript("[(#CHEMIN{lib/foundation-6/js/vendorwhat-input.min.js}|timestamp)]");
$.getScript("[(#CHEMIN{javascript/app.js}|timestamp)]");
});
</script>
]

10
inclure/reveal-close.html

@ -1,9 +1,9 @@
[(#REM)
Fichier pour gérer la fermeture des reveal-modal de foundation
Fichier pour gérer la fermeture des reveal-modal de foundation
]
[(#LIRE_CONSTANTE{_AJAX}|oui|ou{#ENV{content}|oui})
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">&times;</span>
</button>
]
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">&times;</span>
</button>
]

2
javascript/app.js

@ -30,4 +30,4 @@ $(".reveal-ajax").on('click', function (e) {
$(this).foundation("open");
});
});
});

38
lang/foundation_6_fr.php

@ -4,23 +4,23 @@
if (!defined('_ECRIRE_INC_VERSION')) return;
$GLOBALS[$GLOBALS['idx_lang']] = array(
'cfg_exemple' => 'Exemple',
'cfg_exemple_explication' => 'Explication de cet exemple',
'cfg_titre_parametrages' => 'Paramétrages',
'desactiver' => 'Désactiver Foundation',
'foundation_6_titre' => 'Foundation',
'titre_page_configurer_foundation' => 'Configuration de Fondation',
'foundation_3' => 'Foundation 3',
'foundation_4' => 'Foundation 4',
'foundation_5' => 'Foundation 5',
'activer_javascript' => 'Activer les javascripts de foundation ?',
'activer_javascript_explication' => "Si vous n'utilisez pas les composants javascripts de foundation il est inutile de les charger dans SPIP.",
'fichier_htc' => 'Activer le fichier boxsizing.htc ?',
'fichier_htc_explication' => '<strong>Exprimental:</strong> Ce fichier peu améliorer la gestion de foundation sous IE7. Il faudra activer les fichier .htc dans le fichier .htaccess en ajoutant "AddType text/x-component .htc".',
'version' => 'Version de foundation',
'version_explication' => "Choisir la version de foundation à utiliser dans l'espace public.",
'icons' => 'Utiliser les icones Foundation ?',
'icons_explication' => 'Ajouter les CSS pour les <a href="http://zurb.com/playground/foundation-icon-fonts-3" title="foundation icon">icones foundation</a>.',
'syntaxe_deprecie' => 'La syntaxe #ARRAY{nombre, type} est dépréciée au profit de #ARRAY{type, nombre} et sera supprimée dans les futurs versions de foundation',
'erreur_js' => "L'utilisation du squelette @squelette@ requière l'activation du javascript de foundation"
'cfg_exemple' => 'Exemple',
'cfg_exemple_explication' => 'Explication de cet exemple',
'cfg_titre_parametrages' => 'Paramétrages',
'desactiver' => 'Désactiver Foundation',
'foundation_6_titre' => 'Foundation',
'titre_page_configurer_foundation' => 'Configuration de Fondation',
'foundation_3' => 'Foundation 3',
'foundation_4' => 'Foundation 4',
'foundation_5' => 'Foundation 5',
'activer_javascript' => 'Activer les javascripts de foundation ?',
'activer_javascript_explication' => "Si vous n'utilisez pas les composants javascripts de foundation il est inutile de les charger dans SPIP.",
'fichier_htc' => 'Activer le fichier boxsizing.htc ?',
'fichier_htc_explication' => '<strong>Exprimental:</strong> Ce fichier peu améliorer la gestion de foundation sous IE7. Il faudra activer les fichier .htc dans le fichier .htaccess en ajoutant "AddType text/x-component .htc".',
'version' => 'Version de foundation',
'version_explication' => "Choisir la version de foundation à utiliser dans l'espace public.",
'icons' => 'Utiliser les icones Foundation ?',
'icons_explication' => 'Ajouter les CSS pour les <a href="http://zurb.com/playground/foundation-icon-fonts-3" title="foundation icon">icones foundation</a>.',
'syntaxe_deprecie' => 'La syntaxe #ARRAY{nombre, type} est dépréciée au profit de #ARRAY{type, nombre} et sera supprimée dans les futurs versions de foundation',
'erreur_js' => "L'utilisation du squelette @squelette@ requière l'activation du javascript de foundation"
);

6397
lib/foundation-6/css/foundation.css vendored

File diff suppressed because it is too large Load Diff

320
lib/foundation-6/index.html

@ -1,169 +1,169 @@
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foundation for Sites</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="row">
<div class="large-12 columns">
<h1>Welcome to Foundation</h1>
</div>
</div>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foundation for Sites</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="row">
<div class="large-12 columns">
<h1>Welcome to Foundation</h1>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<div class="callout">
<h3>We&rsquo;re stoked you want to try Foundation! </h3>
<p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
<p>Once you've exhausted the fun in this document, you should check out:</p>
<div class="row">
<div class="large-4 medium-4 columns">
<p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
</div>
<div class="large-4 medium-4 columns">
<p><a href="http://zurb.com/university/code-skills">Foundation Code Skills</a><br />These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.</p>
</div>
<div class="large-4 medium-4 columns">
<p><a href="http://foundation.zurb.com/forum">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowlege.</p>
</div>
</div>
<div class="row">
<div class="large-4 medium-4 medium-push-2 columns">
<p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p>
</div>
<div class="large-4 medium-4 medium-pull-2 columns">
<p><a href="https://twitter.com/ZURBfoundation">@zurbfoundation</a><br />Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<div class="callout">
<h3>We&rsquo;re stoked you want to try Foundation! </h3>
<p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
<p>Once you've exhausted the fun in this document, you should check out:</p>
<div class="row">
<div class="large-4 medium-4 columns">
<p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
</div>
<div class="large-4 medium-4 columns">
<p><a href="http://zurb.com/university/code-skills">Foundation Code Skills</a><br />These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.</p>
</div>
<div class="large-4 medium-4 columns">
<p><a href="http://foundation.zurb.com/forum">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowlege.</p>
</div>
</div>
<div class="row">
<div class="large-4 medium-4 medium-push-2 columns">
<p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p>
</div>
<div class="large-4 medium-4 medium-pull-2 columns">
<p><a href="https://twitter.com/ZURBfoundation">@zurbfoundation</a><br />Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-8 medium-8 columns">
<h5>Here&rsquo;s your basic grid:</h5>
<!-- Grid Example -->
<div class="row">
<div class="large-8 medium-8 columns">
<h5>Here&rsquo;s your basic grid:</h5>
<!-- Grid Example -->
<div class="row">
<div class="large-12 columns">
<div class="primary callout">
<p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid.</p>
</div>
</div>
</div>
<div class="row">
<div class="large-6 medium-6 columns">
<div class="primary callout">
<p>Six columns</p>
</div>
</div>
<div class="large-6 medium-6 columns">
<div class="primary callout">
<p>Six columns</p>
</div>
</div>
</div>
<div class="row">
<div class="large-4 medium-4 small-4 columns">
<div class="primary callout">
<p>Four columns</p>
</div>
</div>
<div class="large-4 medium-4 small-4 columns">
<div class="primary callout">
<p>Four columns</p>
</div>
</div>
<div class="large-4 medium-4 small-4 columns">
<div class="primary callout">
<p>Four columns</p>
</div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<div class="primary callout">
<p><strong>This is a twelve column section in a row.</strong> Each of these includes a div.callout element so you can see where the columns are - it's not required at all for the grid.</p>
</div>
</div>
</div>
<div class="row">
<div class="large-6 medium-6 columns">
<div class="primary callout">
<p>Six columns</p>
</div>
</div>
<div class="large-6 medium-6 columns">
<div class="primary callout">
<p>Six columns</p>
</div>
</div>
</div>
<div class="row">
<div class="large-4 medium-4 small-4 columns">
<div class="primary callout">
<p>Four columns</p>
</div>
</div>
<div class="large-4 medium-4 small-4 columns">
<div class="primary callout">
<p>Four columns</p>
</div>
</div>
<div class="large-4 medium-4 small-4 columns">
<div class="primary callout">
<p>Four columns</p>
</div>
</div>
</div>
<hr />
<hr />
<h5>We bet you&rsquo;ll need a form somewhere:</h5>
<form>
<div class="row">
<div class="large-12 columns">
<label>Input Label</label>
<input type="text" placeholder="large-12.columns" />
</div>
</div>
<div class="row">
<div class="large-4 medium-4 columns">
<label>Input Label</label>
<input type="text" placeholder="large-4.columns" />
</div>
<div class="large-4 medium-4 columns">
<label>Input Label</label>
<input type="text" placeholder="large-4.columns" />
</div>
<div class="large-4 medium-4 columns">
<div class="row collapse">
<label>Input Label</label>
<div class="input-group">
<input type="text" placeholder="small-9.columns" class="input-group-field" />
<span class="input-group-label">.com</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<label>Select Box</label>
<select>
<option value="husker">Husker</option>
<option value="starbuck">Starbuck</option>
<option value="hotdog">Hot Dog</option>
<option value="apollo">Apollo</option>
</select>
</div>
</div>
<div class="row">
<div class="large-6 medium-6 columns">
<label>Choose Your Favorite</label>
<input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label>
<input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label>
</div>
<div class="large-6 medium-6 columns">
<label>Check these out</label>
<input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
<input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<label>Textarea Label</label>
<textarea placeholder="small-12.columns"></textarea>
</div>
</div>
</form>
</div>
<h5>We bet you&rsquo;ll need a form somewhere:</h5>
<form>
<div class="row">
<div class="large-12 columns">
<label>Input Label</label>
<input type="text" placeholder="large-12.columns" />
</div>
</div>
<div class="row">
<div class="large-4 medium-4 columns">
<label>Input Label</label>
<input type="text" placeholder="large-4.columns" />
</div>
<div class="large-4 medium-4 columns">
<label>Input Label</label>
<input type="text" placeholder="large-4.columns" />
</div>
<div class="large-4 medium-4 columns">
<div class="row collapse">
<label>Input Label</label>
<div class="input-group">
<input type="text" placeholder="small-9.columns" class="input-group-field" />
<span class="input-group-label">.com</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<label>Select Box</label>
<select>
<option value="husker">Husker</option>
<option value="starbuck">Starbuck</option>
<option value="hotdog">Hot Dog</option>
<option value="apollo">Apollo</option>
</select>
</div>
</div>
<div class="row">
<div class="large-6 medium-6 columns">
<label>Choose Your Favorite</label>
<input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label>
<input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label>
</div>
<div class="large-6 medium-6 columns">
<label>Check these out</label>
<input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
<input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<label>Textarea Label</label>
<textarea placeholder="small-12.columns"></textarea>
</div>
</div>
</form>
</div>
<div class="large-4 medium-4 columns">
<h5>Try one of these buttons:</h5>
<p><a href="#" class="button">Simple Button</a><br/>
<a href="#" class="success button">Success Btn</a><br/>
<a href="#" class="alert button">Alert Btn</a><br/>
<a href="#" class="secondary button">Secondary Btn</a></p>
<div class="callout">
<h5>So many components, girl!</h5>
<p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p>
<a href="http://foundation.zurb.com/sites/docs/" class="small button">Go to Foundation Docs</a>
</div>
</div>
</div>
<div class="large-4 medium-4 columns">
<h5>Try one of these buttons:</h5>
<p><a href="#" class="button">Simple Button</a><br/>
<a href="#" class="success button">Success Btn</a><br/>
<a href="#" class="alert button">Alert Btn</a><br/>
<a href="#" class="secondary button">Secondary Btn</a></p>
<div class="callout">
<h5>So many components, girl!</h5>
<p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p>
<a href="http://foundation.zurb.com/sites/docs/" class="small button">Go to Foundation Docs</a>
</div>
</div>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>

2
lib/foundation-6/js/app.js

@ -1 +1 @@
$(document).foundation()
$(document).foundation()

80
modeles/pagination_foundation.html

@ -5,43 +5,43 @@
#SET{pages,#GET{premiere}|range{#GET{derniere}}}
<B_pagination_foundation>
<ul class="pagination" role="navigation" aria-label="Pagination">
[(#SET{item, #ENV{page_courante}|moins{2}|mult{#ENV{pas}} })]
<li[ class="(#ENV{page_courante}|<={1}|oui)disabled"]>
[(#ENV{page_courante}|<={1}|?{
<a href="[(#SELF|ancre_url{#ENV{ancre}})]">&laquo;</a>,
<a href="[(#ENV{url}|parametre_url{#ENV{debut},#GET{item}|?{#GET{item}}}|ancre_url{#ENV{ancre}})]">
&laquo;
</a>})]
</li>
<BOUCLE_pagination_foundation(DATA){source tableau, #GET{pages}}>
[(#SET{item, #VALEUR|moins{1}|mult{#ENV{pas}} })]
<li[ (#VALEUR|=={#ENV{page_courante}}|oui)class="current"]>
[(#VALEUR|=={#ENV{page_courante}}|oui)
<span class="show-for-sr"><:zoundation:vous_etes_page:></span> ]
[(#VALEUR|=={#ENV{page_courante}}|non)
<a href="[(#ENV{url}|parametre_url{#ENV{debut},#GET{item}|?{#GET{item}}}|ancre_url{#ENV{ancre}})]" aria-label="Page #VALEUR">]
#VALEUR
[(#VALEUR|=={#ENV{page_courante}}|non)
</a>]
</li>
</BOUCLE_pagination_foundation>
[(#SET{item, #ENV{page_courante}|mult{#ENV{pas}}})]
<li[ class="(#ENV{page_courante}|<={1}|oui)disabled"]>
[(#ENV{page_courante}|<={1}|?{
<a href="[(#SELF|ancre_url{#ENV{ancre}})]">&raquo;</a>,
<a href="[(#ENV{url}|parametre_url{#ENV{debut},#GET{item}|?{#GET{item}}}|ancre_url{#ENV{ancre}})]">
&raquo;
</a>})]
</li>
</ul>
</B_pagination_foundation>
<ul class="pagination" role="navigation" aria-label="Pagination">
[(#SET{item, #ENV{page_courante}|moins{2}|mult{#ENV{pas}} })]
<li [class="(#ENV{page_courante}|<={1}|oui)disabled"]>
[(#ENV{page_courante}|<={1}|?{
<a href="[(#SELF|ancre_url{#ENV{ancre}})]">&laquo;</a>,
<a href="[(#ENV{url}|parametre_url{#ENV{debut},#GET{item}|?{#GET{item}}}|ancre_url{#ENV{ancre}})]">
&laquo;
</a>})]
</li>
<BOUCLE_pagination_foundation(DATA){source tableau, #GET{pages}}>
[(#SET{item, #VALEUR|moins{1}|mult{#ENV{pas}} })]
<li [(#VALEUR|=={#ENV{page_courante}}|oui)class="current"]>
[(#VALEUR|=={#ENV{page_courante}}|oui)
<span class="show-for-sr"><:zoundation:vous_etes_page:></span> ]
[(#VALEUR|=={#ENV{page_courante}}|non)
<a href="[(#ENV{url}|parametre_url{#ENV{debut},#GET{item}|?{#GET{item}}}|ancre_url{#ENV{ancre}})]" aria-label="Page #VALEUR">]
#VALEUR
[(#VALEUR|=={#ENV{page_courante}}|non)
</a>]
</li>
</BOUCLE_pagination_foundation>
[(#SET{item, #ENV{page_courante}|mult{#ENV{pas}}})]
<li [class="(#ENV{page_courante}|<={1}|oui)disabled"]>
[(#ENV{page_courante}|<={1}|?{
<a href="[(#SELF|ancre_url{#ENV{ancre}})]">&raquo;</a>,
<a href="[(#ENV{url}|parametre_url{#ENV{debut},#GET{item}|?{#GET{item}}}|ancre_url{#ENV{ancre}})]">
&raquo;
</a>})]
</li>
</ul>
</B_pagination_foundation>

52
modeles/reveal.html

@ -1,45 +1,45 @@
[(#REM)
Modèle pour créer facilement des boites modale Reveal (http://foundation.zurb.com/docs/components/reveal.html)
Paramètre:
href = la page à appeler.
data-id = Identifiant unique pour la boite reveal
zajax = l'id var_zajax
titre = le titre du lien
class = la class du lien
class_reveal = la class pour la reveal (http://foundation.zurb.com/sites/docs/reveal.html#sizing)
content = contenu de la reveal. Utile si on ne charge rien via ajax
animation-in = Animation d'entrée (http://foundation.zurb.com/sites/docs/motion-ui.html)
animation-out = Animation de sortie (http://foundation.zurb.com/sites/docs/motion-ui.html)
Modèle pour créer facilement des boites modale Reveal (http://foundation.zurb.com/docs/components/reveal.html)
Paramètre:
href = la page à appeler.
data-id = Identifiant unique pour la boite reveal
zajax = l'id var_zajax
titre = le titre du lien
class = la class du lien
class_reveal = la class pour la reveal (http://foundation.zurb.com/sites/docs/reveal.html#sizing)
content = contenu de la reveal. Utile si on ne charge rien via ajax
animation-in = Animation d'entrée (http://foundation.zurb.com/sites/docs/motion-ui.html)
animation-out = Animation de sortie (http://foundation.zurb.com/sites/docs/motion-ui.html)
]
[(#CONFIG{foundation_6/javascript}|non)
<:foundation:erreur_js{squelette=#SQUELETTE}|erreur_squelette:>
<:foundation:erreur_js{squelette=#SQUELETTE}|erreur_squelette:>
]
[(#SET{data-id, [(#ENV{data-id})][(#REM|uniqid)]})]
[(#ENV{href}|oui)
[(#SET{href_zajax, [(#ENV{href}|parametre_url{var_zajax,#ENV{zajax, content}})]})]
[(#SET{href_zajax, [(#ENV{href}|parametre_url{var_zajax,#ENV{zajax, content}})]})]
]
[(#SET{animation-in, #LIRE_CONSTANTE{_REVEAL_ANIMATION_IN}|?{#LIRE_CONSTANTE{_REVEAL_ANIMATION_IN}, #ENV{animation-in}}})]
[(#SET{animation-out, #LIRE_CONSTANTE{_REVEAL_ANIMATION_OUT}|?{#LIRE_CONSTANTE{_REVEAL_ANIMATION_OUT}, #ENV{animation-out}}})]
[<a[ href="(#ENV{href})"]
[data-toggle="reveal-(#GET{data-id})"]
[(#ENV{href}|oui)data-reveal-ajax="#GET{href_zajax}"]
class="[(#ENV{href}|oui)reveal-ajax][ (#ENV{class})]">
(#ENV*{titre})
[<a [href="(#ENV{href})"]
[data-toggle="reveal-(#GET{data-id})"]
[(#ENV{href}|oui)data-reveal-ajax="#GET{href_zajax}"]
class="[(#ENV{href}|oui)reveal-ajax][ (#ENV{class})]">
(#ENV*{titre})
</a>]
<div[ id="reveal-(#GET{data-id})"]
class="reveal[ (#ENV{class_reveal, large})]"
[(#GET{animation-in}|oui)data-animation-in="#GET{animation-in}"]
[(#GET{animation-out}|oui)data-animation-out="#GET{animation-out}"]
data-reveal>
<div [id="reveal-(#GET{data-id})"]
class="reveal[ (#ENV{class_reveal, large})]"
[(#GET{animation-in}|oui)data-animation-in="#GET{animation-in}"]
[(#GET{animation-out}|oui)data-animation-out="#GET{animation-out}"]
data-reveal>
[(#ENV**{content})
<INCLURE{fond=inclure/reveal-close, content=oui} />]
</div>
</div>

44
paquet.xml

@ -1,30 +1,30 @@
<paquet
prefix="foundation_6"
categorie="outil"
version="6.0.14"
etat="stable"
compatibilite="[3.0.0;3.1.*]"
logo="prive/themes/spip/images/foundation_6-64.png"
schema="1.0"
documentation="http://contrib.spip.net/Foundation-4-Spip"
prefix="foundation_6"
categorie="outil"
version="6.0.15"
etat="stable"
compatibilite="[3.0.0;3.1.*]"
logo="prive/themes/spip/images/foundation_6-64.png"
schema="1.0"
documentation="http://contrib.spip.net/Foundation-4-Spip"
>
<nom>Foundation 6</nom>
<!-- Plugin qui intégre le framework Foundation à l'interface public de SPIP. -->
<nom>Foundation 6</nom>
<!-- Plugin qui intégre le framework Foundation à l'interface public de SPIP. -->
<auteur lien='http://p.henix.be'>Phenix</auteur>
<auteur lien='http://p.henix.be'>Phenix</auteur>
<licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GNU/GPL</licence>
<licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GNU/GPL</licence>
<!-- On active le pipeline pour modifier le header -->
<pipeline nom="insert_head" inclure="foundation_6_pipelines.php" />
<pipeline nom="insert_head_css" inclure="foundation_6_pipelines.php" />
<!-- On active le pipeline pour modifier le header -->
<pipeline nom="insert_head" inclure="foundation_6_pipelines.php" />
<pipeline nom="insert_head_css" inclure="foundation_6_pipelines.php" />
<!-- On ajoute un bouton pour la configuration -->
<!-- Bouton pour la configuration -->
<menu nom="foundation_6_titre" titre="foundation_6:foundation_6_titre" parent="menu_configuration" icone="images/foundation_6-16.png" action="configurer_foundation_6" />
<!-- On ajoute un bouton pour la configuration -->
<!-- Bouton pour la configuration -->
<menu nom="foundation_6_titre" titre="foundation_6:foundation_6_titre" parent="menu_configuration" icone="images/foundation_6-16.png" action="configurer_foundation_6" />
<!-- Les plugins indispensable -->
<necessite nom="saisies" compatibilite="[2.0.3;[" />
<necessite nom="jquery" compatibilite="[1.11.3;[" />
<!-- Les plugins indispensable -->
<necessite nom="saisies" compatibilite="[2.0.3;[" />
<necessite nom="jquery" compatibilite="[1.11.3;[" />
</paquet>
</paquet>

2
prive/squelettes/contenu/configurer_foundation_6.html

@ -4,4 +4,4 @@
<div class="ajax">
#FORMULAIRE_CONFIGURER_FOUNDATION_6
</div>
</div>
Loading…
Cancel
Save