Annotation of quickfilters/www/index.html, revision 1.7

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

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>