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
id, IF(name IS NULL, file, name) AS label, filesize, high_filesize
replace
id, IF(name IS NULL, file, name) AS label, filesize, high_filesize, file, path, tn_ext
Find
$label_of_image = array(); $filesize_of_image = array(); $high_filesize_of_image = array();
add,after
$file_of_image = array(); $path_of_image = array(); $tn_ext_of_image = array();
Find
) ); $image_string = '<a href="'.$picture_url.'">'; $image_string.= '('.$line['image_id'].')'; if (isset($label_of_image[$line['image_id']])) {
replace
) ) ); ); // <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
border-radius: 6px 6px 0px 0px; /* round corners with CSS3 compliant browsers */ padding: 5px 2em 2px 2em; }
add, after
.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
Hors ligne
Nicco a écrit:
c est vrai que c ets PAS SYMPA ... on attend nous !
Comment ça " c ets PAS SYMPA" ?!
8-)
Hors ligne
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
Hors ligne
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!
Hors ligne
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!
Hors ligne
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
Hors ligne
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-)
Hors ligne
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">
<!-- the next css is used to fix khtml (Konqueror/Safari) issue
the "text/nonsense" prevents gecko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="template/yoga/fix-khtml.css">
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="template/yoga/fix-ie5-ie6.css">
<![endif]-->
<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">
<!-- no theme specific head content -->
<title>Laurence TERRAS:Administration de PhpWebGallery</title>
<script type="text/javascript" src="include/scripts.js"></script>
<!--[if lt IE 7]>
<style>
/* only because we need \{pwg_root\} otherwise use fix-ie5-ie6.css */
BODY { behavior:url("template-common/csshover.htc"); }
A IMG, .button, .icon {
behavior:url("template-common/tooltipfix.htc");
}
FORM { behavior: url("template-common/inputfix.htc"); }
</style>
<script type="text/javascript" src="include/pngfix.js"></script>
<![endif]-->
</head>
<body id="theAdminPage">
<div id="the_page">
<div id="theHeader"><h1>Administration de PhpWebGallery</h1></div>
<!-- $Id: admin.tpl 1169 2006-04-14 18:22:19Z chrisaga $ -->
<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> <!-- menubar -->
<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>
<!-- $Id: stats.tpl 1340 2006-06-04 10:15:29Z chrisaga $ -->
<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">
<!-- Please, do not remove this copyright. If you really want to,
contact us on http://phpwebgallery.net to find a solution on how
to show the origin of the script...-->
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> <!-- copyright -->
</div> <!-- the_page -->
</body>
</html>
Hors ligne
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 !
Hors ligne
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)
Hors ligne
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-)
Hors ligne
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 ;-)
Hors ligne
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
Hors ligne
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-)
Hors ligne