The mailing list for listmasters using Sympa

[David Verdin <address@concealed>]

Whoopsie. I completely missed that answer...
We'll test what Robert did and try and improve the lists.tt2 file using 
your results.

Thanks for submitting your work!

Regards,

David

Le 11/02/2010 19:12, Robert Beer a écrit :
> On Feb 11, 2010, at 12:26 PM, Igor Pruchanskiy wrote:
>
>    
> > I'm guessing the screen shouldn't really look like the enclosed on Safari... 
> > note the descriptions at right and buttons at bottom...
> >
> > You need to play with style.css and overflow settings for those divs, 
> > depending on what you want. i was able to get it to work, but my .css is 
> > heavily modified because i really don't like the default skin and was not 
> > able to find anything to replace it.
> >
> > ...or like this in Firefox... with the column break in the middle of a list 
> > definition?
> >
> > I have been fighting this very problem for DAYS. I have seriously spent about 
> > 20-30 hours researching and coming up with work-arounds for this particular 
> > issue, but nothing is working right and i just cant put something like this 
> > in production, considering the fact that there will be around 300-400 
> > different lists and  6000+ users using it on daily basis.
> >
> > The list of mailing lists is generated automatically on page load by 
> > lists.tt2 and is wrapped into .columns div. columns div is set to split the 
> > list into 2 even columns, so if you have odd number of lists, one gets split, 
> > like you've noticed. This is unacceptable and would make me look bad if i put 
> > something like that into production use, so i tried to put the whole list 
> > into a table, split into 2 table cells (A-M and N-Z), this made columns 
> > un-enven height but the split list definition went away. I thought I have it 
> > fixed, until I realized that page resizing became unbearably slow to the 
> > point where it would take 5-7 seconds to re-draw the page after a window 
> > resize. After that i tried to to split the list into 2 divs. Left and Right. 
> > This worked a little better than a table, but again, was really sloooooow. I 
> > have tried wrapping each list definition into separate div, table, insert 
> > page breaks here and there but nothing would stop the damn list definitions 
> > from splittin!
> >      
>   g. I also found this page http://www.w3.org/TR/css3-multicol/  . It talks about CSS 
> multicol module and mentions a CSS3 property called "break-inside". 
> Unfortunately I was not able to make it work in any web browser currently known to men. 
> Safari/WedKit inspector does not even see that property, which leads me to believe that 
> it hasn't been implemented yet, seeing how the document is dated December 17th, 2009.
>    
> > So here I am. I actually woke up this morning, thinking i should post about 
> > it to the list, but you beat me to it. As much as I like Sympa, I may end up 
> > going back to building vhost-aware mailman, just because of the cosmetic 
> > glitches. Not that it matters to me, but this would be the first thing my 
> > boss would notice...
> >
> > Also, I realize that Sympa was developed by non-native english speakers (i am 
> > not one either), but the amount of spelling and grammar mistakes in templates 
> > is astonishing, especially in the help files and mail templates.
> >
> > Does anyone have a suggestion on how can we get this resolved?
> >      
> I modified lists.tt2 and placed it in ~sympa/etc/web_tt2 directory.  I have 
> enclosed what worked for me.  I never really did get the bottom of exactly 
> what Safari did not like.
>
>
> <!-- $Id: lists.tt2 5956 2009-07-10 08:10:56Z lumineau $ -->
>
> [% letters = 
> ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q
> ','r','s','t','u','v','w','x','y','z','others' ] %]
>
>
> [% IF action == 'search_list' %]
>   [%|loc(occurrence)%]%1 occurrence(s) found[%END%]<br /><br />
> [% ELSIF action == 'search_user' %]
>   [%|loc(email)%]<strong>%1</strong>  is subscribed to the following mailing 
> list
> s[%END%]
> [% END %]
>
> [% IF which %]
>
>
> <div class="block">
> <div class="columns">
>
> [% FOREACH letter IN letters %]
> [% IF orderedlist.$letter.0 %]
> <a name="[% letter %]" />
> [% END %]
> <div>
> [% FOREACH listname IN  orderedlist.$letter %]
> <p class="listenum">
> <ul class="listenum">
> <li class="listenum">
>   [% IF which.$listname.admin %]<a class="actionMenuLinks" href="[% path_cgi 
> %]/
> admin/[% listname %]">[%|loc%]admin[%END%]</a>[% END %]
>   <a href="[% path_cgi %]/info/[% listname %]"><strong>[% hidden_head %][% 
> list
> name %][% hidden_at %][% which.$listname.host %][% hidden_end 
> %]</strong></a><br
> />
> </li>
>   <li class="listenum" style="margin:0 0 0 1.5em">[% which.$listname.subject 
> %]<
> /li>
>
> [% IF which.$listname.admin %]
> <li class="listenum" style="margin:0 0 1.5em 1.5em">
>   <div class="admin_cmd"><a  href="[% path_cgi %]/edit_list_request/[% 
> listname
> %]">[%|loc%]Edit List Config[%END%]</a></div>
>   <div class="admin_cmd"><a  href="[% path_cgi %]/editfile/[% listname 
> %]">[%|lo
> c%]Customizing[%END%]</a></div>
>   <div class="admin_cmd"><a  href="[% path_cgi %]/review/[% listname 
> %]">[%|loc%
> ]Manage Subscribers[%END%]</a></div>
>   [% IF conf.use_blacklist != 'none' %]
>    <div class="admin_cmd"><a  href="[% path_cgi %]/blacklist/[% listname 
> %]">[%
> |loc%]Blacklist[%END%]</a></div>
>   [% END %]
>   <div class="admin_cmd"><a  href="[% path_cgi %]/reviewbouncing/[% listname 
> %]"
>    
> > [%|loc%]Bounces[%END%]</a></div>
> >      
>   [% IF is_priv || is_listmaster %]
>    <div class="admin_cmd"><a  href="[% path_cgi %]/viewlogs/[% listname 
> %]/first
> ">[%|loc%]Logs[%END%]</a></div>
>   [% END %]
> <br />
> </li>
> [% END %]
> </ul>
> </p>
> [% END %]
> </div>
>
> [% END %]
>
>
>
>
> <br />
>
> [% IF action == 'which' %]
>   [% IF ! which %]
>    &nbsp;&nbsp;<span class="color_dark">[%|loc(user.email)%]No subscriptions 
> wit
> h address<strong>%1</strong>![%END%]</span>
>    <br />
>   [% END %]
>
> [% END %]
> [% ELSE %]
> <p>[%|loc%]No mailing list available.[%END%]</p>
> [% END %]
>
> </div>
>
> </div>
>
> <!-- end lists.tt2 -->
>
>
>
> Here is a diff:
> -=-=- Begin diff -=-=-
> 24,25c24,25
> <  <ul class="listenum">
> <
> ---
>    
> > <p class="listenum">
> > <ul class="listenum">
> >      
> 30,32c30
> <
> <  </ul>
> <  <p class="listenum">[% which.$listname.subject %]</p>
> ---
>    
> >   <li class="listenum" style="margin:0 0 0 1.5em">[% which.$listname.subject 
> > %]</li>
> >      
> 35c33
> <  <div style="margin:0 0 2.5em 1.5em">
> ---
>    
> > <li class="listenum" style="margin:0 0 1.5em 1.5em">
> >      
> 40c38
> <    <div class="admin_cmd"><a  href="[% path_cgi %]/blacklist/[% listname 
> %]">[%|loc%]Blacklist[%END%]</a></div>
> ---
>    
> >    <div class="admin_cmd"><a  href="[% path_cgi %]/blacklist/[% listname 
> > %]">[%|loc%]Blacklist[%END%]</a></div>
> >      
> 44c42
> <    <div class="admin_cmd"><a  href="[% path_cgi %]/viewlogs/[% listname 
> %]/first">[%|loc%]Logs[%END%]</a></div>
> ---
>    
> >    <div class="admin_cmd"><a  href="[% path_cgi %]/viewlogs/[% listname 
> > %]/first">[%|loc%]Logs[%END%]</a></div>
> >      
> 46,47c44,45
> <  <br />
> <  </div>
> ---
>    
> > <br />
> > </li>
> >      
> 48a47,48
>    
> > </ul>
> > </p>
> >      
> 50d49
> <
> -=-=- End diff -=-=-
>
> --
> Bob Beer<address@concealed>
> Ohio Northern University, Information Technology, Ada, OH  45810
>
>
>
>
>    

--
David Verdin
Comité réseau des universités