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

1.1       cvs         1: 
1.18      axel.gru    2: <link rel="stylesheet" href="/css/myProjects.css?v2" type="text/css">
1.20      axel.gru    3: <link rel="stylesheet" href="/css/index.css" type="text/css">
1.2       axel.gru    4: 
1.1       cvs         5: <!-- ***************** INFO/NEWS *************** -->
1.2       axel.gru    6: <a name='news'> </a>
1.1       cvs         7: <div id="infoTabs">
                      8: <div class="infoTab" id="whats-new">
                      9: <h5 class="infoHeader">What's New</h5>
                     10: <ul>
1.21    ! axel.gru   11: <li>Version <a href="version.html#1.6">1.6</a>WIP - more filter actions!</li>
        !            12: <li>Version <a href="">1.5.1</a>19/11/2012 - dragging emails from search folders </li>
        !            13: <li>Version <a href="">1.4</a>02/08/2012 - button for running filters </li>
        !            14: <li>Version <a href="">1.3</a>03/06/2012 - SeaMonkey support & improved auto-naming </li>
        !            15: <li>Version <a href="">1.2</a>23/05/2012 - error fixes, multi-cc </li>
        !            16: <li>Version <a href="">0.9</a> 15/05/2012 - support pages, filter list button </li>
        !            17: <li>Version <a href="">0.8</a> 08/05/2012 - First Release</li>
1.1       cvs        18: <li><a href=""></a></li>
                     19: </ul>
                     20: </div>
1.6       axel.gru   22: 
                     23: <!--
1.1       cvs        24: <div class="infoTab" id="other-stuff">
                     25: <h5 class="infoHeader">Other Stuff</h5>
                     26: <ul>
                     27: <li>stuff goes here</li>
                     28: <li>more stuff goes here</li>
                     29: </ul>
                     30: </div>
1.6       axel.gru   31: -->
1.1       cvs        32: 
                     33: <!-- alternative image/table base tab works better in NS4 -->
                     34: <!--
                     35: <div class="infoTab" id="whats-new-image">
1.2       axel.gru   36: <h5 class="infoHeader"><img src="" width="154" alt="What's New"></h5>
1.1       cvs        37: <div class="infoItems">
                     38: <div>News item goes here</div>
                     39: <div>More news item goes here</div>
                     40: <div><a href=""></a></div>
                     41: </div>
                     42: </div>
                     43: -->
                     44: </div>
                     45: <!-- ***************** INFO/NEWS *************** -->
                     47: <!-- MAIN CONTENT -->
1.2       axel.gru   48: 
                     50: <a name='main'></a>
1.9       axel.gru   51: <h2 class="page-header">quickFilters :: homepage</h2>
1.2       axel.gru   52: 
1.15      axel.gru   53: <p>Thanks for installing quickFilters! <br/>
                     55: This extension makes it much easier to create new mail filters, by simply dragging emails into folders and let quickFilters do the "heavy lifting" 
                     56: of filling in the sometimes complicated settings in the filter settings. Filters are usually used to move emails to other folders, automatically, so it makes
                     57: sense to show Thunderbird "what to do" by dragging one typical email manually, rather than filling in all the complicated details.
                     58: </p>
1.2       axel.gru   59: 
                     60: <a name='messageFilterAssistant'> 
                     61: <h3>The Filter Assistant</h3>
                     62: </a>
                     63: <p>
                     64: With this, it is very easy to create new filters very quickly. 
1.20      axel.gru   65: </p>
                     66: <p>It will prefill the destination folder and other relevant fields after you have dragged the email into a different folder in the tree.
1.2       axel.gru   67: </p>
                     68: <ol>
1.13      axel.gru   69:   <li> Click on the quickFilters button on the main toolbar<br/>
                     70:   <img class="screenshot" src="img/quickFilters-ToolbarButton.png" alt="main menu: filter assistant">
1.2       axel.gru   71: 
1.13      axel.gru   72:   <li>The button will change depicting a glowing wheel instead of the mail icon and there will be sliding notification:<br/>
                     73:   <img class="screenshot" src="img/quickFilters-Notification.png" alt="filter notification" title="filter notification assistant">
1.2       axel.gru   74: 
1.19      axel.gru   75:   <li>Drag an email into a folder on the left hand folder tree. This will open the Filter Assistant screen.<br/>
                     76:   <img class="screenshot" src="img/quickFilters-Assistant-1.6.png" alt="filter wizard" title="filter wizard">
1.13      axel.gru   77:   
                     78:   <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.
                     79:   See below for a detailed description.  
                     81:   <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, 
                     82:   <u>based on the email that you dragged to the folder</u>:<br/>
                     83:   <img class="screenshot" src="img/filter-Rules.png" alt="filter rules">
                     84:   <br/>Since in this case I chose "Based on Sender", it will pull all conversations from and to <i></i> into the QuickFolders folder. 
                     85:   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).
                     87:   <li>Now tweak the filter as usual and click Ok to save it (and try it out in the Filter List)
                     88:   <li>You can also click Cancel to not create the filter
                     90:   <li> in the last step Thundebird's list of filters is shown. <br/>
                     91:   <img class="screenshot" src="img/filters-List.png" alt="list of filters">
1.2       axel.gru   92: 
1.13      axel.gru   93:   <li>You can repeat the process from step 2 to create more filters
1.2       axel.gru   94: 
1.13      axel.gru   95:   <li>When you're done, click the filter button again to disable "Filter Wizard" mode.
1.2       axel.gru   96: </ol>
1.13      axel.gru   98: <a name='templates'> </a>
1.4       axel.gru   99: <h3>Filter Templates</h3>
1.13      axel.gru  100: 
1.4       axel.gru  101: <p>This section describes the different patterns used to create filters based on the dragged email. 
1.2       axel.gru  102: I will probably add more templates in future, if I get good requests from the users. 
                    103: Simply head over to the <a href="bugs.html">bugs section</a> to suggest new templates.
                    104: <br/>
1.19      axel.gru  105: <div id='templates'>
                    106:        <h4>Based on Sender (from)</h4>
                    107:        <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.
                    108:        This way a whole conversation with the sender will be moved to the new folder.
                    109:        </p>
                    110:        <h4>Based on Recipient (to)</h4>
                    111:        <p>Similar to 'Based on Sender': use this when you move an email from yourself 
                    112:        to somebody else. This will retrieve the recpient's email address and paste it into 
                    113:        the from and to filter conditions fields. This way the complete conversation with 
                    114:        the contact will be moved to the new folder.</p>
                    115:        <h4>Mailing List</h4>
                    116:        <p>
                    117:        Similar to Based on Sender, but it doesn't fill the 'to' condition field.
                    118:        </p>
                    119:        <h4>Subscriptions - By Subject [Keyword]</h4>
                    120:        <p>
                    121:        This will look for special "bracketed" expressions, e.g. [amo-editors] or {Mozilla} and create a filter condition based on these; a lot of
                    122:        mass email is set up using this pattern, so it is really easy to use.
                    123:        </p>
                    124:        <h4>By Tags</h4>
                    125:        <p>
                    126:        Uses the tags of the email and adds them as filter conditions.
                    127:        </p>
                    128: </div>
1.2       axel.gru  129: 
1.20      axel.gru  130: 
                    131: <a name='messagesAlreadyMoved'> 
                    132: <h3>Mail that's already moved</h3>
                    133: </a>
                    135: <p>What if already have moved my Mails to another folder? 
                    136: Chances are that sometimes forget switching on the filter assistant, or we have already moved a lot of mail around manually.
                    137: In this case the quickFilters version 1.6 now adds a context menu to the message list:<br/>
                    138: <img src="img/contextMenu.png" alt="Creating a filter from a moved message"/><br/>
                    139: just right-click the mail you want to choose for your filter, and then click on QuickFilters: "Create Filter from Message...". 
                    140: Alternatively, simply select the message and use the "Message" menu.
                    141: </p>
1.2       axel.gru  143: <a name='messageFilterList'> 
                    144: <h3>The Message Filter List</h3>
                    145: </a>
                    147: <p>
                    148: I also created additional functions that I added to the filter list dialog - I created these after it had
                    149: become a simple thing to create many filters (as the list became too long to handle without the search function). 
                    150: </p>
                    151: <img src="img/messageFilters-5.png" alt="Message Filters: new features"/><br/>
                    152: <p>The biggest new feature here is the addition of a Search box, which allows filtering the number of results</p>
                    153: <p>Also you can now move the filter to the top of the bottom of the list. This is actually significant as the 
                    154: order you see on screen is the same as the order in which the filters are executed. This also means, if a filter
                    155: on the top moves a message from the inbox then the filters below will not get a chance to execute on this message;
                    156: as the filters are only executed on messages in the inbox, they will simply be ignored. Therefore it is very important 
                    157: 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  158: 
                    160: <h3><a name="other">My other Extensions - highly recommended</a></h3>
                    161: <br/>
1.17      axel.gru  163: <div id='myProjects'>
                    164:        <h4 class="QuickFolders"><a href="">QuickFolders</a></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"><a href="">Zombie Keys</a></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"><a href="">QuickPasswords</a></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>
                    188: </div>
1.4       axel.gru  189: 

FreeBSD-CVSweb <>