File:  [mozdev] / quickfilters / www / index.html
Revision 1.5: download - view: text, annotated - select for diffs - revision graph
Mon May 7 19:17:44 2012 UTC (8 years, 2 months ago) by axel.grude
Branches: MAIN
CVS tags: HEAD
added quickFilters link in other projects

    2: <style type="text/css" >
    3: td.navigation-list a[href$='index.html'] {
    4: 	background-color: rgb(255,193,193); 
    5: 	background: -moz-linear-gradient(top, rgba(255,193,193,1) 0%, rgba(255,48,25,1) 28%, rgba(219,43,4,1) 75%, rgba(196,23,23,1) 100%);
    6:     border-bottom-color:  #900000 !important;
    7:     color: #FFF !important;
    8:     height: 27px !important;
    9:     font-weight: bold;
   10: }
   12: h4.QuickFolders:before {
   13: 	content: url('img/quickfolders-Icon.png');
   14: 	margin: 0.2em 0.5em 0em 0.2em;
   15: 	vertical-align: top;
   16: }
   18: h4.ZombieKeys:before {
   19: 	content: url('img/zombie-key-32.png');
   20: 	margin: 0.2em 0.5em 0em 0.2em;
   21: 	vertical-align: top;
   22: }
   24: h4.QuickPasswords:before {
   25: 	content: url('img/QuickPasswords-32x32.png');
   26: 	margin: 0.2em 0.5em 0em 0.2em;
   27: 	vertical-align: top;
   28: }
   30: </style>
   32: <!-- ***************** INFO/NEWS *************** -->
   33: <a name='news'> </a>
   34: <div id="infoTabs">
   35: <div class="infoTab" id="whats-new">
   36: <h5 class="infoHeader">What's New</h5>
   37: <ul>
   38: <li>Version <a href="">0.8</a> First Release</li>
   39: <li><a href=""></a></li>
   40: </ul>
   41: </div>
   43: <div class="infoTab" id="other-stuff">
   44: <h5 class="infoHeader">Other Stuff</h5>
   45: <ul>
   46: <li>stuff goes here</li>
   47: <li>more stuff goes here</li>
   48: </ul>
   49: </div>
   51: <!-- alternative image/table base tab works better in NS4 -->
   52: <!--
   53: <div class="infoTab" id="whats-new-image">
   54: <h5 class="infoHeader"><img src="" width="154" alt="What's New"></h5>
   55: <div class="infoItems">
   56: <div>News item goes here</div>
   57: <div>More news item goes here</div>
   58: <div><a href=""></a></div>
   59: </div>
   60: </div>
   61: -->
   62: </div>
   63: <!-- ***************** INFO/NEWS *************** -->
   65: <!-- MAIN CONTENT -->
   68: <a name='main'></a>
   69: <h2 class="page-header">QuickFilters</h2>
   71: <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. 
   72: It can be used independantly of, or in conjunction with quickFolders.</p>
   74: <a name='messageFilterAssistant'> 
   75: <h3>The Filter Assistant</h3>
   76: </a>
   77: <p>
   78: With this, it is very easy to create new filters very quickly. 
   79: </p>
   80: <p>I actually invested 2 weeks of work over the last Christmas Holidays in order to write the "Filter Wizard"; this will 
   81: prefill the destination folder for you after you have dragged the email into one of the folders in the folder tree.
   82: </p>
   83: <ol>
   84: 	<li> Click on the quickFilters button on the main toolbar<br/>
   85: 	<img class="screenshot" src="img/quickFilters-ToolbarButton.png" alt="main menu: filter assistant">
   87: 	<li>The button will change depicting a glowing wheel instead of the mail icon and there will be sliding notification:<br/>
   88: 	<img class="screenshot" src="img/quickFilters-Notification.png" alt="filter notification" title="filter notification assistant">
   90: 	<li>Drag an email into a folder on the left hand folder tree. This will trigger the Create Filter Assistant.<br/>
   91: 	<img class="screenshot" src="img/quickFilters-Assistant.png" alt="filter wizard" title="filter wizard">
   93: 	<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.
   94: 	See below for a detailed description.  
   96: 	<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, 
   97: 	<u>based on the email that you dragged to the folder</u>:<br/>
   98: 	<img class="screenshot" src="img/filter-Rules.png" alt="filter rules">
   99: 	<br/>Since in this case I chose "Based on Sender", it will pull all conversations from and to <i></i> into the QuickFolders folder. 
  100: 	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).
  102: 	<li>Now tweak the filter as usual and click Ok to save it (and try it out in the Filter List)
  103: 	<li>You can also click Cancel to not create the filter
  105: 	<li> in the last step Thundebird's list of filters is shown. <br/>
  106: 	<img class="screenshot" src="img/filters-List.png" alt="list of filters">
  108: 	<li>You can repeat the process from step 2 to create more filters
  110: 	<li>When you're done, click the filter button again to disable "Filter Wizard" mode.
  111: </ol>
  113: <a name='templates'> 
  114: <h3>Filter Templates</h3>
  115: </a>
  116: <p>This section describes the different patterns used to create filters based on the dragged email. 
  117: I will probably add more templates in future, if I get good requests from the users. 
  118: Simply head over to the <a href="bugs.html">bugs section</a> to suggest new templates.
  119: <br/>
  120: <h4>Based on Sender (from)</h4>
  121: <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.
  122: This way a whole conversation to and from the the sender will be moved to the new folder.
  123: </p>
  124: <h4>Based on Recipient (to)</h4>
  125: <p>Similar to "Based on Sender": use this when you mark an email you have sent yourself to somebody 
  126: - this will the recpient's email address and paste it into the from and to filter conditions fields.
  127: This way a whole conversation to and from the the sender will be moved to the new folder.
  128: </p>
  129: <h4>Mailing List</h4>
  130: <p>
  131: Similar to Based on Sender, but it doesn't fill the to condition field.
  132: </p>
  133: <h4>Subscriptions - By Subject [Keyword]</h4>
  134: <p>
  135: This will look for special "bracketed" expressions, e.g. [amo-editors] or {Mozilla} and create a filter condition based on these; a lot of
  136: mass email is set up using this pattern, so it is really easy to use.
  137: </p>
  138: <h4>By Tags</h4>
  139: <p>
  140: This is a little experimental, but should one day work with tags/labels set by gmail.
  141: </p>
  144: <a name='messageFilterList'> 
  145: <h3>The Message Filter List</h3>
  146: </a>
  148: <p>
  149: I also created additional functions that I added to the filter list dialog - I created these after it had
  150: become a simple thing to create many filters (as the list became too long to handle without the search function). 
  151: </p>
  152: <img src="img/messageFilters-5.png" alt="Message Filters: new features"/><br/>
  153: <p>The biggest new feature here is the addition of a Search box, which allows filtering the number of results</p>
  154: <p>Also you can now move the filter to the top of the bottom of the list. This is actually significant as the 
  155: order you see on screen is the same as the order in which the filters are executed. This also means, if a filter
  156: on the top moves a message from the inbox then the filters below will not get a chance to execute on this message;
  157: as the filters are only executed on messages in the inbox, they will simply be ignored. Therefore it is very important 
  158: that it remains easy to re-order the relative positions of the filters. This also works while the search box is active.</p>
  161: <h3><a name="other">My other Extensions - highly recommended</a></h3>
  162: <br/>
  164: <h4 class="QuickFolders">QuickFolders</h4>
  165: <p>
  166: <a href="">QuickFolders</a>
  167: (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>
  168: </p>
  170: <h4 class="ZombieKeys">Zombie Keys</h4>
  171: <p>
  172: <a href="">Zombie Keys for Firefox / SeaMonkey</a> ; 
  173: <a href="">Zombie Keys for Thunderbird / Postbox</a>
  174: <br>
  175: <p>Entering European languages (which include diacritics (accented characters, diaeresis, umlauts, etc.), ligatures, the Euro sign, etc.) 
  176: into Mozilla applications using a non-native keyboards doesn't have to be a pain any more! 
  177: </p>
  179: <h4 class="QuickPasswords">QuickPasswords</h4>
  180: <p>
  181: <a href="">QuickPasswords for Firefox / SeaMonkey</a>;
  182: <a href="">QuickPasswords for Thunderbird / Postbox</a>
  183: <br>
  184: this is a very neat and quick way to retrieve and use a growing number
  185: of passwords, without displaying them on screen or having to re-type them. 
  186: Also supports renaming of multiple passwords!
  187: </p>

FreeBSD-CVSweb <>