The mailing list for listmasters using Sympa

[Robert Beer <address@concealed>]

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 splitting. 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