Changeset 84502 in spip-zone


Ignore:
Timestamp:
Sep 5, 2014, 10:32:28 PM (5 years ago)
Author:
teddy.spip@…
Message:
  • On passe les colonnes de body en col-md-2 et col-md-10 ;
  • On remonte le header pour bien chapeauter la page (j'ai changé d'avis par rapport au début…)
  • On met un peu de couleurs dans ce monde de brut. Cétipamignon ?
  • Sur la page de diagnostic_iso, on ajout une classe bg-warning sur les cellules ayant des valeurs différentes ;
  • Sur la page sommaire, on affiche les infos de la personne connectée : ses commits et son 'profil' de la table auteurs ;
  • Up de y. On passe à la version 0.5.0

Bonne nuit les amis

Location:
_plugins_/info_sites/trunk
Files:
2 added
16 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/info_sites/trunk/aside/dist.html

    r84316 r84502  
    1 <div class="menu menu_pages" data-spy="affix" data-offset-top="60" data-offset-bottom="200">
     1<div class="menu menu_pages" data-spy="affix" data-offset-top="0" data-offset-bottom="0">
    22<ul class="nav nav-stacked">
    33<BOUCLE_menu (DATA) {source tableau, #CONFIG{"info_sites_menu"}}>
    4 <li[(#ENV{type-page}|=={#CLE}|oui) class="active"]><a href="#URL_PAGE{#CLE}" data-toggle="tooltip" data-placement="right" title="[(#VALEUR**{nom}|_T|attribut_html)]"[(#ENV{type-page}|=={#CLE}|oui) class="active"]><i class="#VALEUR{icone}"></i> [<span class="hidden-xs hidden-sm">(#VALEUR**{nom}|_T)</span>]</a></li>
     4<li [(#ENV{type-page}|=={#CLE}|oui) class="active"]><a href="#URL_PAGE{#CLE}" data-toggle="tooltip" data-placement="right" title="[(#VALEUR**{nom}|_T|attribut_html)]"[(#ENV{type-page}|=={#CLE}|oui) class="active"]><i class="[(#VALEUR{icone})] [(#COMPTEUR_BOUCLE|alterner{bg-violet,bg-primary,bg-orange,bg-success,bg-dark,bg-danger})]"></i> [<span class="hidden-xs hidden-sm">(#VALEUR**{nom}|_T)</span>]</a></li>
    55</BOUCLE_menu>
    66</div>
  • _plugins_/info_sites/trunk/body-diagnostic.html

    r84455 r84502  
    22    <div class="page">
    33        <div class="container-fluid">
    4 
    54            <div class="row">
    6                 <aside class="aside secondary col-md-3 col-xs-2" id="aside">
    7                     <INCLURE{fond=aside/#ENV{type-page},env} />
    8                 </aside>
    9                 <div class="content col-md-9 col-xs-10" id="content">
     5                <div class="col-md-12">
    106                    <div class="header" id="header">
    117                        <INCLURE{fond=header/#ENV{type-page},env} />
    128                    </div>
     9                </div>
     10            </div>
     11
     12
     13            <div class="row">
     14                <aside class="aside secondary col-md-2 col-xs-2" id="aside">
     15                    <INCLURE{fond=aside/#ENV{type-page},env} />
     16                </aside>
     17                <div class="content col-md-10 col-xs-10" id="content">
    1318                    <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    1419                    <div class="row">
     
    1722                        </div>
    1823                        <!-- /.col-md-9 -->
    19                         <div class="col-md-3">
     24                        <div class="col-md-3" id="extra">
    2025                            <INCLURE{fond=extra/#ENV{type-page},env} />
    2126                        </div>
  • _plugins_/info_sites/trunk/body-diagnostic_iso.html

    r84455 r84502  
    22    <div class="page">
    33        <div class="container-fluid">
    4 
    54            <div class="row">
    6                 <aside class="aside secondary col-md-3 col-xs-2" id="aside">
    7                     <INCLURE{fond=aside/#ENV{type-page},env} />
    8                 </aside>
    9                 <div class="content col-md-9 col-xs-10" id="content">
     5                <div class="col-md-12">
    106                    <div class="header" id="header">
    117                        <INCLURE{fond=header/#ENV{type-page},env} />
    128                    </div>
     9                </div>
     10            </div>
     11
     12
     13            <div class="row">
     14                <aside class="aside secondary col-md-2 col-xs-2" id="aside">
     15                    <INCLURE{fond=aside/#ENV{type-page},env} />
     16                </aside>
     17                <div class="content col-md-10 col-xs-10" id="content">
    1318                    <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    1419                    <div class="row">
  • _plugins_/info_sites/trunk/body-organisations.html

    r84455 r84502  
    22    <div class="page">
    33        <div class="container-fluid">
    4 
    54            <div class="row">
    6                 <aside class="aside secondary col-md-3 col-xs-2" id="aside">
    7                     <INCLURE{fond=aside/#ENV{type-page},env} />
    8                 </aside>
    9                 <div class="content col-md-9 col-xs-10" id="content">
     5                <div class="col-md-12">
    106                    <div class="header" id="header">
    117                        <INCLURE{fond=header/#ENV{type-page},env} />
    128                    </div>
     9                </div>
     10            </div>
     11
     12
     13            <div class="row">
     14                <aside class="aside secondary col-md-2 col-xs-2" id="aside">
     15                    <INCLURE{fond=aside/#ENV{type-page},env} />
     16                </aside>
     17                <div class="content col-md-10 col-xs-10" id="content">
    1318                    <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    1419                    <div class="row">
     
    1722                        </div>
    1823                        <!-- /.col-md-9 -->
    19                         <div class="col-md-3">
     24                        <div class="col-md-3" id="extra">
    2025                            <INCLURE{fond=extra/#ENV{type-page},env} />
    2126                        </div>
  • _plugins_/info_sites/trunk/body-projets.html

    r84455 r84502  
    22    <div class="page">
    33        <div class="container-fluid">
    4 
    54            <div class="row">
    6                 <aside class="aside secondary col-md-3 col-xs-2" id="aside">
    7                     <INCLURE{fond=aside/#ENV{type-page},env} />
    8                 </aside>
    9                 <div class="content col-md-9 col-xs-10" id="content">
     5                <div class="col-md-12">
    106                    <div class="header" id="header">
    117                        <INCLURE{fond=header/#ENV{type-page},env} />
    128                    </div>
     9                </div>
     10            </div>
     11
     12
     13            <div class="row">
     14                <aside class="aside secondary col-md-2 col-xs-2" id="aside">
     15                    <INCLURE{fond=aside/#ENV{type-page},env} />
     16                </aside>
     17                <div class="content col-md-10 col-xs-10" id="content">
    1318                    <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    1419                    <div class="row">
     
    1722                        </div>
    1823                        <!-- /.col-md-9 -->
    19                         <div class="col-md-3">
     24                        <div class="col-md-3" id="extra">
    2025                            <INCLURE{fond=extra/#ENV{type-page},env} />
    2126                        </div>
  • _plugins_/info_sites/trunk/body-projets_sites.html

    r84455 r84502  
    22    <div class="page">
    33        <div class="container-fluid">
    4 
    54            <div class="row">
    6                 <aside class="aside secondary col-md-3 col-xs-2" id="aside">
    7                     <INCLURE{fond=aside/#ENV{type-page},env} />
    8                 </aside>
    9                 <div class="content col-md-9 col-xs-10" id="content">
     5                <div class="col-md-12">
    106                    <div class="header" id="header">
    117                        <INCLURE{fond=header/#ENV{type-page},env} />
    128                    </div>
     9                </div>
     10            </div>
     11
     12
     13            <div class="row">
     14                <aside class="aside secondary col-md-2 col-xs-2" id="aside">
     15                    <INCLURE{fond=aside/#ENV{type-page},env} />
     16                </aside>
     17                <div class="content col-md-10 col-xs-10" id="content">
    1318                    <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    1419                    <div class="row">
     
    1722                        </div>
    1823                        <!-- /.col-md-9 -->
    19                         <div class="col-md-3">
     24                        <div class="col-md-3" id="extra">
    2025                            <INCLURE{fond=extra/#ENV{type-page},env} />
    2126                        </div>
  • _plugins_/info_sites/trunk/body.html

    r84455 r84502  
    22        <div class="page">
    33                <div class="container-fluid">
    4 
    54                        <div class="row">
    6                                 <aside class="aside secondary col-md-3 col-xs-2" id="aside">
    7                                         <INCLURE{fond=aside/#ENV{type-page},env} />
    8                                 </aside>
    9                                 <div class="content col-md-9 col-xs-10" id="content">
     5                                <div class="col-md-12">
    106                                        <div class="header" id="header">
    117                                                <INCLURE{fond=header/#ENV{type-page},env} />
    128                                        </div>
     9                                </div>
     10                        </div>
     11
     12                        <div class="row">
     13                                <aside class="aside secondary col-md-2 col-xs-2" id="aside">
     14                                        <INCLURE{fond=aside/#ENV{type-page},env} />
     15                                </aside>
     16                                <div class="content col-md-10 col-xs-10" id="content">
    1317                                        <INCLURE{fond=breadcrumb/#ENV{type-page},env} />
    1418                                        <div class="row">
     
    1721                                                </div>
    1822                                                <!-- /.col-md-6 -->
    19                                                 <div class="col-md-6">
     23                                                <div class="col-md-6" id="extra">
    2024                                                        <INCLURE{fond=extra/#ENV{type-page},env} />
    2125                                                </div>
  • _plugins_/info_sites/trunk/content/diagnostic_iso.html

    r84455 r84502  
    3333]
    3434    <BOUCLE_tableau (DATA) {liste id_projets_site, titre, descriptif, type_site, uniqid, webservice, logiciel_nom, logiciel_version, logiciel_revision, logiciel_plugins, auteurs_admin, auteurs_webmestres, fo_url, fo_login, fo_password, bo_url, bo_login, bo_password, serveur_nom, serveur_port, serveur_path, serveur_logiciel, serveur_surveillance, versioning_path, versioning_trac, versioning_type, sas_serveur, sas_protocole, sas_login, sas_password, sgbd_type, sgbd_version, sgbd_serveur, sgbd_port, sgbd_nom, sgbd_prefixe, sgbd_login, sgbd_password, apache_modules, php_version, php_memory, php_extensions, sso, perimetre_acces, statistiques, moteur_recherche, autres_outils, remarques, date_creation, maj}>
    35     <tr class="#VALEUR">
     35    <tr class="#VALEUR data">
    3636        <BOUCLE_cellule (DATA) {enum 0,#GET{compteur}}>
    3737        <td>
  • _plugins_/info_sites/trunk/content/sommaire.html

    r84316 r84502  
    44        </header>
    55
    6         <div class="main">
    7                 [<div id="descriptif_site_spip">(#DESCRIPTIF_SITE_SPIP)</div>]
    8         </div>
     6        [<div class="main">
     7                <div id="descriptif_site_spip">(#DESCRIPTIF_SITE_SPIP)</div>
     8        </div>]
     9
     10    [(#REM) les infos de l'auteur authentifié]
     11    <h4><:info_sites:auteur_identifie_profil:></h4>
     12    <INCLURE{fond=prive/objets/contenu/auteur,id=#SESSION{'id_auteur'},env} />
     13
     14    <div class="clearfix"></div>
     15
     16    [(#SESSION{'email'}|oui)
     17    [(#SET{email,[(#SESSION{'email'}|explode{'@'}|table_valeur{0})]})]
     18    <INCLURE{fond=prive/objets/liste/commits,titre=<:commit:vos_commits:>,where=commits.auteur LIKE '%#GET{email}%',par=date_creation,sinon=<:commit:aucun_commit_auteur_identifie:>,ajax} />]
    919
    1020</section>
  • _plugins_/info_sites/trunk/css/info_sites.less

    r84399 r84502  
    11@import "css/variables.less";
    22
    3 body {
    4         background-color: @gray-dark;
     3.bg-primary {
     4  background-color: @bg-primary;
     5  color: white;
     6}
     7
     8.bg-primary-light {
     9  background-color: @bg-primary-light;
     10  color: white;
     11}
     12
     13.bg-success {
     14  background-color: @bg-success;
     15  color: white;
     16}
     17
     18.bg-info {
     19  background-color: @bg-info;
     20  color: white;
     21}
     22
     23.bg-warning {
     24  background-color: @bg-warning;
     25  color: white;
     26}
     27
     28.bg-danger {
     29  background-color: @bg-danger;
     30  color: white;
     31}
     32
     33.bg-orange {
     34  background-color: @bg-orange;
     35  color: white;
     36}
     37
     38.bg-violet {
     39  background-color: @bg-violet;
     40  color: white;
     41}
     42
     43.bg-dark {
     44  background-color: @bg-dark;
     45  color: white;
     46}
     47
     48.bg-bright {
     49  background-color: @bg-bright;
     50  color: #767676;
     51}
     52
     53.bg-reverse {
     54  background-color: @bg-reverse;
     55  color: #767676;
     56}
     57
     58html, body {
     59        background-color: @white;
     60        height: 100%;
     61}
     62.page {
     63        background-color: @bg-success;
    564}
    665h1 {
     
    55114                > tr {
    56115                        > th, > td {
     116                        }
     117                }
     118        }
     119        tr {
     120                > td {
     121                        &.bg-warning {
     122                                background-color: @bg-warning !important;
     123                                table {
     124                                        color: @black;
     125                                }
    57126                        }
    58127                }
     
    83152// --------
    84153#header {
    85         background-color: @white;
     154        background-color: transparent;
    86155        > .row {
    87                 background-color: @white;
     156                background-color: @gray-dark;
    88157        }
    89158        header {
     159                h1 {
     160                        color: @white;
     161                        a {
     162                                color: @gray-lighter;
     163                        }
     164                }
    90165        }
    91166        .form-search {
     
    108183        }
    109184}
     185#extra {
     186        padding-bottom: 1em;
     187}
    110188#aside {
    111         background-color: @gray-dark;
     189        background-color: @gray-third;
    112190        color: @white;
    113191        a {
     
    121199                        margin-top: 1em;
    122200                        padding-top: 1px;
     201                        z-index: 1000;
    123202                        ul {
     203                                margin-bottom: 2em;
    124204                                > li {
    125205                                        font-size: 1.25em;
    126206                                        &:hover {
    127                                                 background-color: @black;
     207                                                background-color: @gray-dark;
    128208                                        }
    129209                                        a {
    130                                                 color: @gray-second;
    131                                                 &:hover, &.active {
     210                                                color: @gray-light;
     211                                                &.active {
     212                                                        color: @black;
     213                                                }
     214                                                &:hover {
    132215                                                        color: @white;
    133216                                                        background-color: transparent;
    134217                                                }
    135218                                                &.active {
    136                                                         border-left: 5px solid @brand-primary;
    137219                                                }
    138220                                                i {
    139                                                         min-width: 45px;
     221                                                        height: 45px;
     222                                                        margin: -15px 10px -15px -15px;
     223                                                        width: 55px;
     224                                                        padding: 15px;
     225                                                        text-align: center;
    140226                                                }
    141227                                        }
     
    148234#content {
    149235        background-color: @white;
    150         padding-bottom: 1em;
     236        overflow: hidden;
    151237}
    152238
     
    209295
    210296#footer {
    211         background-color: @gray-dark;
     297        background-color: @bg-success;
    212298        color: @white;
    213299        text-align: left;
    214300        padding-top: 2em;
    215301        padding-bottom: 2em;
    216         background-image: url('images/spip_forme_web.png');
     302        background-image: url('images/spip_forme_web_dark.png');
    217303        background-repeat: no-repeat;
    218304        background-position: 50% 100%;
    219305        background-size: auto 50%;
     306        a {
     307                color: @white;
     308        }
    220309        .menu_rubriques {
    221310
     
    242331
    243332// On style les inclures prive/objets/contenu/xxxx.html
    244 #wysiwyg {
    245333        .champ {
    246334                overflow: hidden;
     
    248336                padding-top: 1em;
    249337                margin-bottom: 1em;
     338                &.vide {
     339                        visibility: hidden;
     340                        display: none;
     341                }
    250342                .label {
    251343                        color: black;
     
    268360                }
    269361        }
    270 }
    271362
    272363// formulaire de liens dans le front
     
    319410// page de connexion au back office
    320411.page_login {
    321         background-color: @gray-lighter;
     412        background-color: @bg-success;
    322413        body {
    323414                background-color: @gray-lighter;
  • _plugins_/info_sites/trunk/css/variables.less

    r84316 r84502  
    1515
    1616@gray-second:           #a8a8a8;
     17@gray-third:            #efefef;
    1718
    1819@white:                 #ffffff;
     
    2425@brand-warning:         #f0ad4e;
    2526@brand-danger:          #d9534f;
     27
     28@bg-primary:            #1c7ebb;
     29@bg-primary-light:      #449dd5;
     30@bg-success:            #23ae89;
     31@bg-info:               #2ec1cc;
     32@bg-warning:            #ffb61c;
     33@bg-danger:             #e94b3b;
     34@bg-orange:             #f98e33;
     35@bg-violet:             #6a55c2;
     36@bg-dark:               #222533;
     37@bg-bright:             #fafafa;
     38@bg-reverse:            white;
    2639
    2740
  • _plugins_/info_sites/trunk/extra/sommaire.html

    r84316 r84502  
    1 [(#REM) Inscription au site ]
    2 #FORMULAIRE_INSCRIPTION
    3 
    41[(#REM) Liens des forums ]
    52<B_forums_liens>
  • _plugins_/info_sites/trunk/footer/dist.html

    r84316 r84502  
    11<div class="row">
    2         <div class="col-md-3">
     2        <div class="col-md-2">
    33                [(#REM) Menu de navigation par rubriques ]
    44                <INCLURE{fond=inclure/rubriques,id_rubrique} />
    55        </div>
    6         <div class="col-md-9">
     6        <div class="col-md-10">
    77                <p class="colophon">
    88                <BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee|!={#VAL{Y}|date}|oui)[(#DATE|annee)]]</BOUCLE_annee>-</B_annee>[(#DATE|annee) ] &mdash; #NOM_SITE_SPIP<br />
  • _plugins_/info_sites/trunk/head_js/dist.html

    r84316 r84502  
    1010                        });
    1111                };
     12
    1213                // On active les tooltips pour la sidebar.
    1314                $('#aside a').tooltip({
     
    1516                        trigger: 'hover'
    1617                });
     18
    1719                $('[type=submit]').each(function(event) {
    1820                        $(this).addClass('btn btn-default');
    1921                });
     22
    2023                $('#content .icone.s24 a').each(function(event) {
    2124                        $(this).addClass('btn btn-default');
    2225                });
     26
    2327                $('table.spip.liste').each(function(event) {
    2428                        $(this).addClass('table table-striped table-bordered');
    2529                });
     30
     31                var rows = $(".page_diagnostic_iso #content table tr.data");
     32                rows.each(function() {
     33                        var cells = $(this).find('td');
     34                        console.log(cells);
     35                        for (var i = 1; i < cells.length; i++) {
     36                                if (cells.eq(1).html() != cells.eq(i).html()) {
     37                                        cells.eq(1).addClass('bg-warning');
     38                                        cells.eq(i).addClass('bg-warning');
     39                                };
     40                        };
     41                        $(this).find("table tr td").each(function() {
     42                                $(this).removeClass('bg-warning');
     43                        });
     44                });
     45
    2646        });
    2747</script>
  • _plugins_/info_sites/trunk/lang/info_sites_fr.php

    r84455 r84502  
    77
    88$GLOBALS[$GLOBALS['idx_lang']] = array(
     9
     10    // A
     11    'auteur_identifie_informations' => 'Vos informations',
     12    'auteur_identifie_profil' => 'Votre profil',
    913
    1014    // B
  • _plugins_/info_sites/trunk/paquet.xml

    r84455 r84502  
    22    prefix="info_sites"
    33    categorie="outil"
    4     version="0.4.0"
     4    version="0.5.0"
    55    etat="dev"
    66    compatibilite="[3.0.8;3.0.*]"
Note: See TracChangeset for help on using the changeset viewer.