Browse Source

Retour de la liste des sites sous spip. Présentation certainement à améliorer.

On style les formulaires aussi.
svn/root
marcimat@rezo.net 4 years ago
parent
commit
54e2481c35
8 changed files with 358 additions and 3 deletions
  1. +5
    -0
      .gitattributes
  2. +64
    -0
      content/article.html
  3. +2
    -1
      content/secteur.html
  4. +28
    -0
      formulaires/recherche_ajax.html
  5. +45
    -0
      formulaires/recherche_ajax.php
  6. +38
    -0
      inclure/petitions.html
  7. +24
    -2
      scss/galactic_theme.scss
  8. +152
    -0
      scss/theme/formulaires.scss

+ 5
- 0
.gitattributes View File

@ -6,11 +6,14 @@ aside/rubrique.html -text
aside/secteur.html -text
aside/sommaire.html -text
breadcrumb/secteur.html -text
content/article.html -text
content/mot.html -text
content/plan.html -text
content/rubrique.html -text
content/secteur.html -text
content/site.html -text
formulaires/recherche_ajax.html -text
formulaires/recherche_ajax.php -text
/galactic_spip_net_fonctions.php -text
/galactic_spip_net_options.php -text
head/mot.html -text
@ -21,6 +24,7 @@ images/titre_site_logo.svg -text
images/web_independant-logo.gif -text
inclure/head-theme.html -text
inclure/menu_lang.html -text
inclure/petitions.html -text
javascript/jquery.innerfade.js -text
lang/galactic_spip_net.xml -text
lang/galactic_spip_net_ar.php -text
@ -44,6 +48,7 @@ prive/themes/spip/images/galactic_spip_net-32.png -text
prive/themes/spip/images/galactic_spip_net-64.png -text
/rubrique.html -text
scss/galactic_theme.scss -text
scss/theme/formulaires.scss -text
scss/theme/onglets.scss -text
/secteur.html -text
/sommaire.html -text


+ 64
- 0
content/article.html View File

@ -0,0 +1,64 @@
<BOUCLE_art(ARTICLES){id_article}>
[(#PLUGIN{polyhier}|oui)
#INCLURE{fond=inclure/documentation_hierarchie_poly,id_article,id_rubrique}
]
<article>
<div class="cartouche surlignable">
[(#LOGO_ARTICLE|image_reduire{180,120})]
[<p class="#EDIT{surtitre} surtitre">(#SURTITRE)</p>]
<h1 class="#EDIT{titre} entry-title" itemprop="name">#TITRE</h1>
[<p class="#EDIT{soustitre} soustitre">(#SOUSTITRE)</p>]
</div>
<div class="surlignable">
[<div class="#EDIT{descriptif} descriptif">(#DESCRIPTIF|PtoBR)</div>]
[<div class="#EDIT{chapo} chapo" itemprop="description">(#CHAPO|image_reduire{#CONFIG{documentation/taille_redimensionnement_image,440}, 0})</div>]
[<div class="#EDIT{texte} texte" itemprop="text">(#TEXTE|image_reduire{#CONFIG{documentation/taille_redimensionnement_image,440},0})</div>]
</div>
[(#PLUGIN{a2a}|oui)
<INCLURE{fond=inclure/a2a-articles,id_article} />]
[<div class="notes surlignable"><p class="pas_surlignable"><:info_notes:></p>(#NOTES)</div>]
[(#REM) Gestion du portfolio et des documents
Le critere {env} permet de passer d'autres arguments de la page
par exemple l'id_document choisi pour un affichage complet
]
[(#INCLURE{fond=inclure/documents,env})]
[<div class="extra ps">
<div class="#EDIT{ps}">(#PS|image_reduire{120,0})</div>
</div>]
<INCLURE{fond=inclure/petitions, env, ajax} />
<div class="article__statut">
<p>[<span class="auteurs"><:auteur:>
(#LESAUTEURS)</span>]
<BOUCLE_mot(MOTS){type=Licence}{id_article}>[<span><:galactic:licence:>
<abbr class="licence"[ title="(#DESCRIPTIF|attribut_html)"]>(#TITRE)</abbr></span>]</BOUCLE_mot>
[<span class="publication"><:galactic:publie_le:>
<abbr class="published" itemprop="datePublished" title="[(#DATE|date_iso)]">(#DATE|affdate{d/m/y})</abbr></span>]
[<span><:galactic:mis_a_jour:>
<abbr class="modified updated" itemprop="dateModified" title="[(#MAJ|date_iso)]">(#DATE|affdate{d/m/y}|!={#MAJ|affdate{d/m/y}}|?{#MAJ|affdate{d/m/y}})</abbr></span>]
</p>
[<p class="traductions"><:galactic:traductions:>
(#MODELE{article_traductions})</p>]
</div>
[(#REM)
Si pas traduit dans plus d'une langue, le modele article_traductions n'affiche rien ce qui est normal
On ajoute donc juste cette meta inLanguage pour http://schema.org/Article qui sera invisible par l'utilisateur mais là
][(#MODELE{article_traductions}|non)<meta itemprop="inLanguage" content="#LANG" />]
[(#REM) Forum de l'article ]
[(#PARAMETRES_FORUM|oui)
<div class="article__forum">
<INCLURE{fond=inclure/forum}{id_article} />
#FORMULAIRE_FORUM{#SELF}
</div>]
</article>
</BOUCLE_art>

+ 2
- 1
content/secteur.html View File

@ -32,7 +32,8 @@
<BOUCLE_sites(SITES){id_rubrique}{par num nom_site, nom_site}{si #ID_RUBRIQUE|in_array{#LISTE{4}}}>
<li class="box">
<div class="#EDIT{hyperlien} box__titre">
[(#LOGO_SITE|image_reduire{50,0}|inserer_attribut{class,spip_logos}|sinon{[(#CHEMIN{images/favicon-head.png}|image_reduire{40,0}|inserer_attribut{class,spip_logos})]})]
[(#LOGO_SITE|image_reduire{50,0}|inserer_attribut{class,spip_logos}
|sinon{[(#CHEMIN{images/favicon-head.png}|image_reduire{40,0}|inserer_attribut{class,spip_logos})]})]
<a href="#URL_SITE" class="spip_out">#NOM_SITE</a>
</div>
[<p class="#EDIT{descriptif}">(#DESCRIPTIF|PtoBR)</p>]


+ 28
- 0
formulaires/recherche_ajax.html View File

@ -0,0 +1,28 @@
<div class="formulaire_spip formulaire_recherche formulaire_recherche_ajax[ (#ENV{class})]">
<form action="[(#ENV{action})]" method="get">
[(#ENV{action}|form_hidden)]
[<input type="hidden" name="lang" value="(#ENV{lang})"/>]
<label for="#ENV{_id_champ}" class="visuallyhidden">
<:info_rechercher_02:>
</label>
[(#SET{titre,#ENV{placeholder,<:info_rechercher:>}})]
[(#CHEMIN{images/icone-loupe.svg}|file_get_contents|replace{'<svg ','<svg height="16" '})]
<div class="search">
<input type="search" placeholder="[(#GET{titre}|attribut_html)]" name="recherche" id="#ENV{_id_champ}" [ value="(#ENV{recherche})" ] accesskey="4" autocapitalize="off" autocorrect="off"/>
</div>
<a class="close ajax" href="[(#ENV{action}|parametre_url{'recherche',''})]" title="Annuler la recherche">
X
</a>
<div class="submit">
<input type="submit" value="&gt;&gt;" title="[(#GET{titre}|attribut_html)]" onclick="return recherche_submit_#ENV{_id_champ}.apply(this);" />
<a class="none visuallyhidden refresh[ (#ENV{class})]" href="[(#ENV{action}|parametre_url{'recherche',''})]">[(#GET{titre})]</a>
</div>
</form>
</div>
<script type="text/javascript">/*<![CDATA[*/
function recherche_submit_#ENV{_id_champ}() {
var a = $(this).siblings('a.refresh');
var href = parametre_url(a.attr('href'), 'recherche', $(this).parents('form').find('input[type=search]').val());
a.attr('href', href).followLink();
return false;
}/*]]>*/</script>

+ 45
- 0
formulaires/recherche_ajax.php View File

@ -0,0 +1,45 @@
<?php
/***************************************************************************\
* SPIP, Systeme de publication pour l'internet *
* *
* Copyright (c) 2001-2016 *
* Arnaud Martin, Antoine Pitrou, Philippe Riviere, Emmanuel Saint-James *
* *
* Ce programme est un logiciel libre distribue sous licence GNU/GPL. *
* Pour plus de details voir le fichier COPYING.txt ou l'aide en ligne. *
\***************************************************************************/
if (!defined('_ECRIRE_INC_VERSION')) {
return;
}
/**
* chargement des valeurs par defaut des champs du `#FORMULAIRE_RECHERCHE_AJAX{#SELF}`
*
* on peut lui passer l'url de destination en premier argument
* on peut passer une deuxième chaine qui va différencier le formulaire pour pouvoir en utiliser plusieurs sur une même page
*
* @param string $lien URL amène le formulaire validé
* @param string $placeholder Pour indiquer un titre spécifique au placeholder
* @return array
*/
function formulaires_recherche_ajax_charger_dist($lien = '', $placeholder = '') {
if ($GLOBALS['spip_lang'] != $GLOBALS['meta']['langue_site']) {
$lang = $GLOBALS['spip_lang'];
} else {
$lang = '';
}
$class = 'ajax';
$action = ($lien ? $lien : generer_url_public('recherche')); # action specifique, ne passe pas par Verifier, ni Traiter
return
array(
'action' => $action,
'recherche' => _request('recherche'),
'lang' => $lang,
'class' => $class,
'placeholder' => $placeholder,
'_id_champ' => $class ? substr(md5($action . $class), 0, 4) : 'recherche'
);
}

+ 38
- 0
inclure/petitions.html View File

@ -0,0 +1,38 @@
[(#REM) Signatures de la petition : on n'affiche un site que s'il est unique ]
[(#FORMULAIRE_SIGNATURE|oui)
#FORMULAIRE_RECHERCHE_AJAX{#SELF}
[<h3><:resultats_recherche:> (#ENV{recherche})</h3>]
]
<B_signatures>
<div id="signatures" class="signatures">
#ANCRE_PAGINATION
[<p class="pagination">(#PAGINATION) | #GRAND_TOTAL <:sites_web:></p>]
<ul>
<BOUCLE_signatures(SIGNATURES) {recherche ?} {id_article} {!par date} {pagination 10}>
[<li class="box">
<div class="#EDIT{hyperlien} box__titre">
[(#SET{img,#VAL{http://www.apercite.fr/api/apercite/120x90/oui/oui/#URL_SITE}|copie_locale{modif}})]
[(#GET{img}|balise_img|inserer_attribut{alt,[(#NOM_SITE|couper{60}|attribut_html)]}|inserer_attribut{class,spip_logos})]
<div class="publication">
<h3 class="#EDIT{nom_site}">#NOM_SITE</h3>
<p class="url"><a href="#URL_SITE" class="spip_url">(#URL_SITE|unique{signatures}|couper{80})</a></p>
<p class="nom"><small>[<:par_auteur:> (#NOM), ][(#DATE|affdate)]</small></p>
</div>
</div>
[<p class="#EDIT{message} message">(#MESSAGE|PtoBR|supprimer_tags|couper{500})</p>]
</li>]
</BOUCLE_signatures>
</ul>
[<p class="pagination">(#PAGINATION) | #GRAND_TOTAL <:sites_web:></p>]
</div>
[(#REM) Signer la petition ]
<a name="signature" id="signature"></a>
[<div class="texte">
<h3 class="spip"><:proposer_site:></h3>
(#FORMULAIRE_SIGNATURE)
</div>]
</B_signatures>

+ 24
- 2
scss/galactic_theme.scss View File

@ -45,7 +45,8 @@ $couleur-nav-chapitres: $couleur-lien-hover;
}
}
.syndic > ul {
.syndic > ul,
.signatures > ul {
list-style: none;
margin-left: 0;
}
@ -67,6 +68,26 @@ $couleur-nav-chapitres: $couleur-lien-hover;
}
}
.signatures .box__titre {
display:flex;
@include vendor-prefix('flex-wrap', 'wrap');
@include vendor-prefix('flex-direction', 'row');
@include vendor-prefix('justify-content', 'space-between');
.spip_logos {
width:120px;
flex: 0 0 120px;
margin-right:1em;
@include media($bp-small) {
width:100%;
}
}
.publication {
@include vendor-prefix('flex-grow', 1);
h3 { margin-bottom: .3em;}
.url { margin-bottom:0;}
}
}
.statut p.auteurs {
display: none;
}
@ -317,4 +338,5 @@ $couleur-nav-chapitres: $couleur-lien-hover;
}
@import "scss/theme/onglets";
@import "scss/theme/onglets";
@import "scss/theme/formulaires";

+ 152
- 0
scss/theme/formulaires.scss View File

@ -0,0 +1,152 @@
/* Colorer pour rendre visible tous les formulaires */
.formulaire_spip:not(.formulaire_recherche) {
background: $couleur-gris5;
padding:1em;
}
/* Comprimer le formulaire de login */
.formulaire_login {
position:relative;
#pass_securise { float:right; }
.editer_password .details { margin-bottom:0; }
.editer_session { margin-bottom:0; }
fieldset { margin:0; }
.boutons { margin-top:0; padding:0; position:absolute; bottom:1em; right:1em; }
}
.formulaire_oubli {
padding:0 1em;
fieldset { margin:0; }
.boutons { padding:0; }
}
.formulaire_forum {
margin-top:1em;
.texte {
font-size:.9em;
}
.explication {
font-size:.8em;
}
.titre_groupe {
font-weight: normal;
display:inline-block;
}
.choix_mots {
margin-left:1em;
margin-bottom:1em;
columns:3;
@include media($bp-medium) {
columns:2;
}
@include media($bp-small) {
columns:1;
}
}
.editer_notification {
border: 1px solid #ddd;
border-radius: 5px;
background: rgba(255,255,255,.3);
padding-left: 1em;
margin-bottom: 0;
.choix label {
font-size: .9em;
}
}
fieldset.qui {
margin-top:0;
}
fieldset.commentaire {
margin-bottom: 0;
margin-top:0;
}
fieldset + fieldset.commentaire {
margin-top:1.5em;
}
}
.formulaire_spip {
fieldset.previsu {
background:white;
padding:1em 1em 0 1em;
border:3px solid #ecc218;
& > legend {
margin-top:-1.2em;
}
.comment-meta {
overflow: auto;
border-bottom: 3px solid $couleur-gris5;
padding-bottom: .5em;
.spip_logo {
float:right;
height:auto !important;
max-width:20px !important;
}
}
}
}
.formulaire_recherche_ajax {
form {
position: relative;
width: 100%;
}
svg {
display:block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: em(12px);
width: em(12px);
height: em(12px);
* {
stroke: $couleur-nav;
}
}
div.search {
width: 100%;
}
a.close {
position:absolute;
top: 50%;
transform: translateY(-50%);
right:0;
padding: em(6px) em(12px);
color:$couleur-gris4;
&:hover {
color: $couleur-lien;
}
}
div.submit {
display: none;
}
input[type="search"] {
border: 1px solid $couleur-gris4;
height: em(36px);
width: 100%;
padding-left: em(34px);
padding-right: 15%;
&:focus {
border: 1px solid $couleur-nav;
}
}
}
.formulaire_inscription {
max-width:600px;
}
.formulaire_ecrire_auteur {
padding:1em 2em;
legend {
text-transform: none;
}
fieldset:last-of-type {
margin-bottom:0;
}
.boutons {
margin-top:0;
}
.previsu .comment-meta { margin-bottom:.5em; }
}

Loading…
Cancel
Save