File:  [mozdev] / quickfilters / www / index.html
Revision 1.11: download - view: text, annotated - select for diffs - revision graph
Tue May 15 18:59:26 2012 UTC (8 years, 1 month ago) by axel.grude
Branches: MAIN
CVS tags: HEAD

<style type="text/css" >
td.navigation-list a[href$='index.html'] {
  background-color: rgb(203,96,179);
  background: -moz-linear-gradient(top,  rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(173,18,131,1)), color-stop(100%,rgba(222,71,172,1)));
  background: -webkit-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
  background: -o-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
  background: -ms-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
  background: linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
  border-bottom-color:  #93105A !important;
  color: #FFF !important;
  height: 27px !important;
  font-weight: normal;

h4.QuickFolders:before {
	content: url('img/quickfolders-Icon.png');
	margin: 0.2em 0.5em 0em 0.2em;
	vertical-align: top;
h4.ZombieKeys:before {
	content: url('img/zombie-key-32.png');
	margin: 0.2em 0.5em 0em 0.2em;
	vertical-align: top;

h4.QuickPasswords:before {
	content: url('img/QuickPasswords-32x32.png');
	margin: 0.2em 0.5em 0em 0.2em;
	vertical-align: top;


<!-- ***************** INFO/NEWS *************** -->
<a name='news'> </a>
<div id="infoTabs">
<div class="infoTab" id="whats-new">
<h5 class="infoHeader">What's New</h5>
<li>Version <a href="">0.9</a> 15/05/2012  </li>
<li>Version <a href="">0.8</a> 08/05/2012 First Release</li>
<li><a href=""></a></li>

<div class="infoTab" id="other-stuff">
<h5 class="infoHeader">Other Stuff</h5>
<li>stuff goes here</li>
<li>more stuff goes here</li>

<!-- alternative image/table base tab works better in NS4 -->
<div class="infoTab" id="whats-new-image">
<h5 class="infoHeader"><img src="" width="154" alt="What's New"></h5>
<div class="infoItems">
<div>News item goes here</div>
<div>More news item goes here</div>
<div><a href=""></a></div>
<!-- ***************** INFO/NEWS *************** -->


<a name='main'></a>
<h2 class="page-header">quickFilters :: homepage</h2>

<p>This is a new extension of mine that extends some of the new filter behavior already seen in QuickFolders and brings it to the folder tree. 
It can be used independantly of, or in conjunction with quickFolders.</p>

<a name='messageFilterAssistant'> 
<h3>The Filter Assistant</h3>
With this, it is very easy to create new filters very quickly. 
<p>I actually invested 2 weeks of work over the last Christmas Holidays in order to write the "Filter Wizard"; this will 
prefill the destination folder for you after you have dragged the email into one of the folders in the folder tree.
	<li> Click on the quickFilters button on the main toolbar<br/>
	<img class="screenshot" src="img/quickFilters-ToolbarButton.png" alt="main menu: filter assistant">

	<li>The button will change depicting a glowing wheel instead of the mail icon and there will be sliding notification:<br/>
	<img class="screenshot" src="img/quickFilters-Notification.png" alt="filter notification" title="filter notification assistant">

	<li>Drag an email into a folder on the left hand folder tree. This will trigger the Create Filter Assistant.<br/>
	<img class="screenshot" src="img/quickFilters-Assistant.png" alt="filter wizard" title="filter wizard">
	<li>select a template (e.g. "based on Sender") and click [Create Filter...] - in the example I have pulled an email into the QuickFolders folder.
	See below for a detailed description.  

	<li>Next, the Edit Filter dialog is displayed - as you can see it already tries to "guess" what  you want the filter to do when it should be applied, 
	<u>based on the email that you dragged to the folder</u>:<br/>
	<img class="screenshot" src="img/filter-Rules.png" alt="filter rules">
	<br/>Since in this case I chose "Based on Sender", it will pull all conversations from and to <i></i> into the QuickFolders folder. 
	No need to select the folder (as it has been done automatically) or to enter any condition (this is based on the template that you have chosen).

	<li>Now tweak the filter as usual and click Ok to save it (and try it out in the Filter List)
	<li>You can also click Cancel to not create the filter
	<li> in the last step Thundebird's list of filters is shown. <br/>
	<img class="screenshot" src="img/filters-List.png" alt="list of filters">

	<li>You can repeat the process from step 2 to create more filters

	<li>When you're done, click the filter button again to disable "Filter Wizard" mode.

<a name='templates'> 
<h3>Filter Templates</h3>
<p>This section describes the different patterns used to create filters based on the dragged email. 
I will probably add more templates in future, if I get good requests from the users. 
Simply head over to the <a href="bugs.html">bugs section</a> to suggest new templates.
<h4>Based on Sender (from)</h4>
<p>Probably the most used pattern: this will retrieve the sender's email address and paste it into the from and to filter conditions fields.
This way a whole conversation with the sender will be moved to the new folder.
<h4>Based on Recipient (to)</h4>
<p>Similar to "Based on Sender": use this when you mark an email you have sent yourself to somebody 
- this will the recpient's email address and paste it into the from and to filter conditions fields.
This way a whole conversation to and from the the sender will be moved to the new folder.
<h4>Mailing List</h4>
Similar to Based on Sender, but it doesn't fill the 'to' condition field.
<h4>Subscriptions - By Subject [Keyword]</h4>
This will look for special "bracketed" expressions, e.g. [amo-editors] or {Mozilla} and create a filter condition based on these; a lot of
mass email is set up using this pattern, so it is really easy to use.
<h4>By Tags</h4>
Uses the tags of the email and adds them as filter conditions.

<a name='messageFilterList'> 
<h3>The Message Filter List</h3>

I also created additional functions that I added to the filter list dialog - I created these after it had
become a simple thing to create many filters (as the list became too long to handle without the search function). 
<img src="img/messageFilters-5.png" alt="Message Filters: new features"/><br/>
<p>The biggest new feature here is the addition of a Search box, which allows filtering the number of results</p>
<p>Also you can now move the filter to the top of the bottom of the list. This is actually significant as the 
order you see on screen is the same as the order in which the filters are executed. This also means, if a filter
on the top moves a message from the inbox then the filters below will not get a chance to execute on this message;
as the filters are only executed on messages in the inbox, they will simply be ignored. Therefore it is very important 
that it remains easy to re-order the relative positions of the filters. This also works while the search box is active.</p>

<h3><a name="other">My other Extensions - highly recommended</a></h3>

<h4 class="QuickFolders">QuickFolders</h4>
<a href="">QuickFolders</a>
(Thunderbird / Postbox) takes the pain out of working with many mail folders; has currently 22,000 daily users and the top rated message reading extensions.<br>

<h4 class="ZombieKeys">Zombie Keys</h4>
<a href="">Zombie Keys for Firefox / SeaMonkey</a> ; 
<a href="">Zombie Keys for Thunderbird / Postbox</a>
<p>Entering European languages (which include diacritics (accented characters, diaeresis, umlauts, etc.), ligatures, the Euro sign, etc.) 
into Mozilla applications using a non-native keyboards doesn't have to be a pain any more! 

<h4 class="QuickPasswords">QuickPasswords</h4>
<a href="">QuickPasswords for Firefox / SeaMonkey</a>;
<a href="">QuickPasswords for Thunderbird / Postbox</a>
this is a very neat and quick way to retrieve and use a growing number
of passwords, without displaying them on screen or having to re-type them. 
Also supports renaming of multiple passwords!

FreeBSD-CVSweb <>