Piwigo.org

VDigital · 2007-05-01 07:41:31

MOD Pour 1.7 (Si quelqu'un le moment venu veut le publier dans les extensions (respectant la forme, etc... pas de problème).
8-)

DONC PhpWebGallery 1.7

PhpWebGallery 1.7, d'accord? 8-)

SVN:1991

Dans ./admin/history.php
Find

Code:

     id,
     IF(name IS NULL, file, name) AS label,
     filesize,
     high_filesize

replace

Code:

     id,
     IF(name IS NULL, file, name) AS label,
     filesize,
     high_filesize,
     file,
     path,
     tn_ext

Find

Code:

     $label_of_image = array();
     $filesize_of_image = array();
     $high_filesize_of_image = array();

add,after

Code:

     $file_of_image = array();
     $path_of_image = array();
     $tn_ext_of_image = array();

Find

Code:

           )        
         );        
     
       $image_string = '<a href="'.$picture_url.'">';   
       $image_string.= '('.$line['image_id'].')';      
     
       if (isset($label_of_image[$line['image_id']]))
       {

replace

Code:

           )              )
         );            );
     
           // <a class="thumbnail" href="#thumb">(1258)<span><img src="./galleries/category/thumbnail/th-dsc1258.png"></span></a>
           $element = array(
                'id' => $line['image_id'],
                'file' => $file_of_image[$line['image_id']],
                'path' => $path_of_image[$line['image_id']],
                'tn_ext' => $tn_ext_of_image[$line['image_id']],
                );
           $image_string = '';
           if (!isset($conf['history_no_thumb']) or $conf['history_no_thumb']) {
             $thumb_mode = "over";
             if (isset($conf['history_no_hover']) and $conf['history_no_hover']) {
               $thumb_mode = "thumbnail";
             }
             $image_string = '<a class="'.$thumb_mode.'" href="#thumb">'
                           .'('.$line['image_id'].') <span><img src="'
                           . get_thumbnail_url( $element )
                           .'"></span></a><a href="'.$picture_url.'">';
           }
           else {
                     $image_string = '<a href="'.$picture_url.'">';       
                     $image_string.= '('.$line['image_id'].')';          
           }
     
       if (isset($label_of_image[$line['image_id']]))       
       {

dans ./template/yoga/admin/default-layout.css

Find

Code:

  border-radius: 6px 6px 0px 0px; /* round corners with CSS3 compliant browsers */
  padding: 5px 2em 2px 2em;      
}

add, after

Code:

.over{
position: relative;
z-index: 0;
}

.over:hover{
background-color: transparent;
z-index: 50;
}

.over span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eee;
padding: 5px;
left: -1000px;
border: 1px solid #69c;
visibility: hidden;
color: black;
text-decoration: none;
}

.over span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.over:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

Ce n'est pas trop compliqué, c'est en plus clair:
SVN:1991

VDigital · 2007-05-01 07:42:11

Nicco a écrit:
c est vrai que c ets PAS SYMPA ... on attend nous !

Comment ça " c ets PAS SYMPA" ?!
8-)

Nicco · 2007-05-01 12:28:32

t inquietes Vdigital c etait pour rire biensur CAR vous savez ce que je pense de la team !!!
trop balaise

et encore une fois merci pour tout ca

rub · 2007-05-01 15:54:47

La suite des modifs ici.

Et pour ceux qui sont en admin/adviser sur mon site de démo, vous pouvez aller voir le résultat!

rub · 2007-05-01 17:24:02

2 petites remarques:

1- Il faudra peut-être revoir l'emplacement de la combo et/ou du bouton valider.

2- J'ai mis un panel pour l'affichage car j'ai bien envie de rajouter des tris par colonnes (comme les liens permanents) et les colonnes à afficher!

lterras · 2007-05-02 19:29:57

Bonjour à tous!

Je peux y mettre mon grain de sel?
J'y avais pas pensé à vous le proposer mais j'ai fais un truc en ce sens:
mon photographe préféré trouvait ça lourd de faire un copier coller dans la recherche pour savoir de quelle image il s'agissait lorsqu'il regardait son historique.... j'ai donc fait une modification:
au survol du nom du fichier, l'image s'affiche... j'affiche pas les miniatures d'un coup car sinon: page lourde à charge je pense...

La modif est faite pour une version 1.6.2....

pas encore fait de mod, mais si vous voulez, je vous en fait un....

Si cela correspond à la façon dont vous aviez vu la chose...

Laurence

VDigital · 2007-05-02 20:50:18

Laurence,

Merci de ta proposition.
Avant de te faire gratter...
Pourrais-tu faire un copier coller ici du généré html uniquement sur la partie qui permet cet affichage que je comprenne si de grandes différences existent?
Merci d'avance.
Si d'autres ont réellement besoin du MOD. Tu restes seule juge de ce que tu veux proposer.

8-)

lterras · 2007-05-02 21:05:14

Pas de problèmes!
Voici ! :
---------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" type="image/x-icon" href="template-common/favicon.ico">
<link rel="stylesheet" type="text/css" href="template/yoga/layout.css">

<link rel="stylesheet" type="text/nonsense" href="template/yoga/fix-khtml.css">

<link rel="stylesheet" type="text/css" media="print" href="template/yoga/print.css">
<link rel="stylesheet" type="text/css" href="template/yoga/default-colors.css">
<link rel="stylesheet" type="text/css" href="template/yoga/theme/darkbrown/theme.css">

<title>Laurence TERRAS:Administration de PhpWebGallery</title>
<script type="text/javascript" src="include/scripts.js"></script>


</head>

<body id="theAdminPage">
<div id="the_page">
<div id="theHeader"><h1>Administration de PhpWebGallery</h1></div>


<div id="menubar">
<dl>
<dt>Liens</dt>
<dd>

<ul>
<li><a href="index.php?/categories">Accueil</a></li>
<li><a href="./admin.php" title="disponible uniquement pour les administrateurs">Administration</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>Général</dt>

<dd>
<ul>
<li><a href="./admin.php?page=help">Instructions</a></li>
<li><a href="./admin.php?page=site_manager">Gestionnaire des sites</a></li>
<li><a href="./admin.php?page=stats">Historique</a></li>
<li><a href="./admin.php?page=site_update&site=1">Synchroniser</a></li>
<li><a href="./admin.php?page=maintenance">Maintenance</a></li>

<li><a href="./admin.php?page=notification_by_mail">Notification</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>Configuration</dt>
<dd>

[..]

<dd>
<ul>
<li><a href="./admin.php?page=user_list">Utilisateurs</a></li>
<li><a href="./admin.php?page=group_list">Groupes</a></li>
</ul>
</dd>
</dl>
</div> 

<div id="content">

<script type="text/javascript" src="include/mousetool.js"></script>

<div id="picturediv" style="position : absolute; left= 0; top = 0;">
<img name="pictureview" src="">
</div>


<h2>Historique</h2>

<h3>Statistiques journalières : 1 Mai 2007</h3>
<img class="image" src="./admin/images/daily_stats.img.php?year=2007&month=5&day=1" alt="Pages vues par mois" />

<h3><a href=./admin.php?page=stats>Statistiques journalières</a></h3>
<table class="table2" id="dailyStats">
<tr class="throw">
<th>Jour</th>
<th>Pages vues</th>
<th>Visiteurs</th>

<th>images</th>
</tr>
<tr class="row2">
<td><a href="./admin.php?page=stats&year=2007&month=5&day=1">1 (Mardi)</a></td>
<td class="number">16</td>
<td class="number">7</td>
<td class="number">1</td>

</tr>
<tr class="row1">
<td><a href="./admin.php?page=stats&year=2007&month=5&day=2">2 (Mercredi)</a></td>
<td class="number">63</td>
<td class="number">8</td>
<td class="number">46</td>
</tr>

</table>

<h3>1 Mai 2007</h3>
<table class="table2" id="detailedStats">
<tr class="throw">
<th>Heure</th>
<th>Identifiant</th>
<th>Adresse IP</th>
<th>Catégorie</th>

<th>Fichier</th>
<th>Image</th>
</tr>
<tr class="row2">
<td class="hour">23:04:19</td>
<td>guest</td>
<td>65.55.209.140</td>

<td>Random pictures</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row1">
<td class="hour">22:35:23</td>

<td>guest</td>
<td>65.55.209.132</td>
<td>Home</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>

<tr class="row2">
<td class="hour">21:55:27</td>
<td>guest</td>
<td>65.55.209.134</td>
<td>Home</td>
<td>category</td>

<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row1">
<td class="hour">21:53:01</td>
<td>guest</td>
<td>65.55.209.134</td>

<td>Home</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row2">
<td class="hour">21:46:36</td>

<td>guest</td>
<td>65.55.209.133</td>
<td>Tag floraison</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>

<tr class="row1">
<td class="hour">21:11:58</td>
<td>guest</td>
<td>65.55.209.133</td>
<td>Tag blanches</td>
<td>category</td>

<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row2">
<td class="hour">20:12:24</td>
<td>guest</td>
<td>65.55.209.141</td>

<td>Régions / France / Hautes Alpes</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row1">
<td class="hour">18:24:52</td>

<td>guest</td>
<td>82.243.15.155</td>
<td>Lumière</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>

<tr class="row2">
<td class="hour">18:24:40</td>
<td>guest</td>
<td>82.243.15.155</td>
<td>La vie</td>
<td>category</td>

<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row1">
<td class="hour">18:24:32</td>
<td>guest</td>
<td>82.243.15.155</td>

<td>Home</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row2">
<td class="hour">04:02:13</td>

<td>guest</td>
<td>66.249.65.142</td>
<td>Tag rochers</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>

<tr class="row1">
<td class="hour">04:00:44</td>
<td>guest</td>
<td>66.249.65.142</td>
<td>La vie</td>
<td>picture</td>

<td><a onmouseover="javascript:show_img_history(event,'./galleries/sources/2007/thumbnail/2007.03.28_d80_2894b.JPG')" onmouseout="javascript:hide_img_history()" href="#">2007.03.28_d80_2894b.JPG</a>
</td>
</tr>
<tr class="row2">
<td class="hour">03:57:15</td>
<td>guest</td>
<td>66.249.65.142</td>

<td>Plantes et Fleurs</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row1">
<td class="hour">03:57:12</td>

<td>guest</td>
<td>66.249.65.142</td>
<td>Favorites</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>

<tr class="row2">
<td class="hour">03:57:08</td>
<td>guest</td>
<td>66.249.65.142</td>
<td>La vie</td>
<td>category</td>

<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
<tr class="row1">
<td class="hour">00:06:21</td>
<td>guest</td>
<td>66.249.65.142</td>

<td>15 Most visited</td>
<td>category</td>
<td><a onmouseover="javascript:show_img_history(event,'')" onmouseout="javascript:hide_img_history()" href="#"></a>
</td>
</tr>
</table>

<div class="admin">

</div>

</div>

<div id="copyright">



Propulsé par <a href="http://www.phpwebgallery.net" class="back">PhpWebGallery</a>
& <a href="http://laurenceterras.chez-alice.fr/">Laurence TERRAS</a>

- Contacter
<a href="mailto:laurence.terras2@freesbee.fr?subject=Un+commentaire+sur+le+site">Webmestre</a>

</div> 
</div> 

</body>
</html>

sakkhho · 2007-05-02 21:17:24

lterras a écrit:
Bonjour à tous!

Je peux y mettre mon grain de sel?
J'y avais pas pensé à vous le proposer mais j'ai fais un truc en ce sens:
mon photographe préféré trouvait ça lourd de faire un copier coller dans la recherche pour savoir de quelle image il s'agissait lorsqu'il regardait son historique.... j'ai donc fait une modification:
au survol du nom du fichier, l'image s'affiche... j'affiche pas les miniatures d'un coup car sinon: page lourde à charge je pense...

La modif est faite pour une version 1.6.2....

pas encore fait de mod, mais si vous voulez, je vous en fait un....

Si cela correspond à la façon dont vous aviez vu la chose...

Laurence

si tu as le tps laurence j'aimerai bien cette modif. Ca m'interrese bcp cette fonction.
merci d'avance !

lterras · 2007-05-02 21:19:56

J'avais même pas vu le code pour la 1.7 !!! J'ai lu trop vite le fil, que le début en fait...!
Effectivement, c'est peut être pas bien au top le mien...
il sera pour la 1.6.2 quoi...
Hop la!... mon code est court.... il y est !

Laurence

Dernière modification par lterras (2007-05-02 21:29:16)

VDigital · 2007-05-02 21:45:17

Ton code est sans doute meilleur en terme de perf.

Il faut que je réfléchisse:
1 - faire un test de pref de ta solution.
2 - faire un variante basée sur les deux solutions.

pourquoi est-ce bon à priori:
1 - Les miniatures ne sont pas préchargées.
2 - Le javascript est à éviter pour l'interface publique mais pour l'interface d'Admin, il n'y a aucun problème.
3 - Le mixage des deux solutions permet de répondre à l'affichage direct (besoin de rub), ta solution étant pour le survol uniquement.

Je verrai ça peut être le we prochain.
Merci en tout cas.
8-)

rub · 2007-05-02 23:45:26

lterras a écrit:
mon photographe préféré trouvait ça lourd de faire un copier coller dans la recherche pour savoir de quelle image il s'agissait lorsqu'il regardait son historique.... j'ai donc fait une modification:
au survol du nom du fichier, l'image s'affiche... j'affiche pas les miniatures d'un coup car sinon: page lourde à charge je pense...

Quand tout va bien, la page n'est trop lourde à charger. (Pour l'avoir tester en BSF).

Par contre, le survol, c'est aussi très agréable à utiliser.

Après utilisation de ce qu'a fait VDigital, mon constat est le suivant:
o les miniatures dans l'historique, c'est vraiment indispensable!
o les 2 modes sont nécessaires et complémentaires
> survol permet une visu discrète, un affichage réduit
> toutes les miniatures visibles permettent d'avoir une bonne vue d'ensemble
J'utilise les 2 à moitié/moitié.

Techniquement, on va laisser VDigital tester et on va faire le meilleur rapport rapidité/maintenance_du_code.
En coup cas, merci pour ton code.

Si tu veux voir ce qui a été fait pour l'instant pour la 1.8, inscris-toi sur mon site de demo (cf signature), je te mettrais les droits admin/adviser pour voir l'historique.
Tu pourras nous faire partager ton avis, ce que tu aimes, aimes pas et tes idées ;-)

Nicco · 2007-05-03 00:43:14

mais c est genial ca ...

bon Laurence ! maintenant tu as un probleme ... c est qu il faut que tu nous publies ton MOD car c est ta modif :o)
comme ca
1 = tout le monde va enfin pouvoir avoir ca en 1.6.2
2 = encore un nouveau MOD qui enrichi PWG 1.6.2
3 = un nouvel auteur

merci d avance Laurence

lterras · 2007-05-03 06:56:09

Bonjour,

Le mod est pas dispo en ligne? je l'ai mis hier sir il me semble?

Lolo

VDigital · 2007-05-03 06:59:46

Nicco a écrit:
mais c est genial ca ...

bon Laurence ! maintenant tu as un probleme ... c est qu il faut que tu nous publies ton MOD car c est ta modif :o)
comme ca
1 = tout le monde va enfin pouvoir avoir ca en 1.6.2
2 = encore un nouveau MOD qui enrichi PWG 1.6.2
3 = un nouvel auteur

merci d avance Laurence

Bis avec Laurence, ci-dessus.
On se réveille mon ami.
Le MOD a été publié avant ton post : Thumbnail in history, revision 1
et
Laurence est un auteur d'extension très productif avec entre autres:
XML_Synchro, revision 1
welcome page
Fixed navigation bar

Et je ne parle pas de ses templates ...

Pas grave, c'est encore la faute au tapis...
8-)

Piwigo.org

Annonce

#16 2007-05-01 07:41:31

Re: Historique - Affichage des images

Code:

Code:

Code:

Code:

Code:

Code:

Code:

Code:

#17 2007-05-01 07:42:11

Re: Historique - Affichage des images

Nicco a écrit:

#18 2007-05-01 12:28:32

Re: Historique - Affichage des images

#19 2007-05-01 15:54:47

Re: Historique - Affichage des images

#20 2007-05-01 17:24:02

Re: Historique - Affichage des images

#21 2007-05-02 19:29:57

Re: Historique - Affichage des images

#22 2007-05-02 20:50:18

Re: Historique - Affichage des images

#23 2007-05-02 21:05:14

Re: Historique - Affichage des images

#24 2007-05-02 21:17:24

Re: Historique - Affichage des images

lterras a écrit:

#25 2007-05-02 21:19:56

Re: Historique - Affichage des images

#26 2007-05-02 21:45:17

Re: Historique - Affichage des images

#27 2007-05-02 23:45:26

Re: Historique - Affichage des images

lterras a écrit:

#28 2007-05-03 00:43:14

Re: Historique - Affichage des images

#29 2007-05-03 06:56:09

Re: Historique - Affichage des images

#30 2007-05-03 06:59:46

Re: Historique - Affichage des images

Nicco a écrit:

Pied de page des forums