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

1.1       cvs         1: 
1.2     ! axel.gru    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: }
        !            11: </style>
        !            12: 
1.1       cvs        13: <!-- ***************** INFO/NEWS *************** -->
1.2     ! axel.gru   14: <a name='news'> </a>
1.1       cvs        15: <div id="infoTabs">
                     16: <div class="infoTab" id="whats-new">
                     17: <h5 class="infoHeader">What's New</h5>
                     18: <ul>
1.2     ! axel.gru   19: <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        20: <li><a href="http://www.mozdev.org/">mozdev.org</a></li>
                     21: </ul>
                     22: </div>
                     23: 
                     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>
                     31: 
                     32: <!-- alternative image/table base tab works better in NS4 -->
                     33: <!--
                     34: <div class="infoTab" id="whats-new-image">
1.2     ! axel.gru   35: <h5 class="infoHeader"><img src="http://www.mozdev.org/sharedimg/whatsnew_top.gif" width="154" alt="What's New"></h5>
1.1       cvs        36: <div class="infoItems">
                     37: <div>News item goes here</div>
                     38: <div>More news item goes here</div>
                     39: <div><a href="http://mozdev.org/">mozdev.org</a></div>
                     40: </div>
                     41: </div>
                     42: -->
                     43: </div>
                     44: <!-- ***************** INFO/NEWS *************** -->
                     45: 
                     46: <!-- MAIN CONTENT -->
1.2     ! axel.gru   47: 
        !            48: 
        !            49: <a name='main'></a>
        !            50: <h2 class="page-header">QuickFilters</h2>
        !            51: 
        !            52: <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. 
        !            53: It can be used independantly of, or in conjunction with quickFolders.</p>
        !            54: 
        !            55: <a name='messageFilterAssistant'> 
        !            56: <h3>The Filter Assistant</h3>
        !            57: </a>
        !            58: <p>
        !            59: With this, it is very easy to create new filters very quickly. 
        !            60: </p>
        !            61: <p>I actually invested 2 weeks of work over the last Christmas Holidays in order to write the "Filter Wizard"; this will 
        !            62: prefill the destination folder for you after you have dragged the email into one of the folders in the folder tree.
        !            63: </p>
        !            64: <ol>
        !            65:        <li> Click on the quickFilters button on the main toolbar<br/>
        !            66:        <img class="screenshot" src="img/filters/quickFilters-ToolbarButton.png" alt="main menu: filter assistant">
        !            67: 
        !            68:        <li>The button will change depicting a glowing wheel instead of the mail icon and there will be sliding notification:<br/>
        !            69:        <img class="screenshot" src="img/filters/quickFilters-Notification.png" alt="filter notification" title="filter notification assistant">
        !            70: 
        !            71:        <li>Drag an email into a folder on the left hand folder tree. This will trigger the Create Filter Assistant.<br/>
        !            72:        <img class="screenshot" src="img/filters/quickFilters-Assistant.png" alt="filter wizard" title="filter wizard">
        !            73:        
        !            74:        <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.
        !            75:        See below for a detailed description.  
        !            76: 
        !            77:        <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, 
        !            78:        <u>based on the email that you dragged to the folder</u>:<br/>
        !            79:        <img class="screenshot" src="img/filters/filter-Rules.png" alt="filter rules">
        !            80:        <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. 
        !            81:        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).
        !            82: 
        !            83:        <li>Now tweak the filter as usual and click Ok to save it (and try it out in the Filter List)
        !            84:        <li>You can also click Cancel to not create the filter
        !            85:        
        !            86:        <li> in the last step Thundebird's list of filters is shown. <br/>
        !            87:        <img class="screenshot" src="img/filters/filters-List.png" alt="list of filters">
        !            88: 
        !            89:        <li>You can repeat the process from step 2 to create more filters
        !            90: 
        !            91:        <li>When you're done, click the filter button again to disable "Filter Wizard" mode.
        !            92: </ol>
        !            93: 
        !            94: <a name='templates'> 
        !            95: <h3>Filter Templates</h4>
        !            96: </a>
        !            97: <p>This sectino describes the different patterns used to create filters based on the dragged email. 
        !            98: I will probably add more templates in future, if I get good requests from the users. 
        !            99: Simply head over to the <a href="bugs.html">bugs section</a> to suggest new templates.
        !           100: <br/>
        !           101: <h4>Based on Sender (from)</h4>
        !           102: <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.
        !           103: This way a whole conversation to and from the the sender will be moved to the new folder.
        !           104: </p>
        !           105: <h4>Based on Recipient (to)</h4>
        !           106: <p>Similar to "Based on Sender": use this when you mark an email you have sent yourself to somebody 
        !           107: - this will the recpient's email address and paste it into the from and to filter conditions fields.
        !           108: This way a whole conversation to and from the the sender will be moved to the new folder.
        !           109: </p>
        !           110: <h4>Mailing List</h4>
        !           111: <p>
        !           112: Similar to Based on Sender, but it doesn't fill the to condition field.
        !           113: </p>
        !           114: <h4>Subscriptions - By Subject [Keyword]</h4>
        !           115: <p>
        !           116: This will look for special "bracketed" expressions, e.g. [amo-editors] or {Mozilla} and create a filter condition based on these; a lot of
        !           117: mass email is set up using this pattern, so it is really easy to use.
        !           118: </p>
        !           119: <h4>By Tags</h4>
        !           120: <p>
        !           121: This is a little experimental, but should one day work with tags/labels set by gmail.
        !           122: </p>
        !           123: 
        !           124: 
        !           125: 
        !           126: 
        !           127: <a name='messageFilterList'> 
        !           128: <h3>The Message Filter List</h3>
        !           129: </a>
        !           130: 
        !           131: <p>
        !           132: I also created additional functions that I added to the filter list dialog - I created these after it had
        !           133: become a simple thing to create many filters (as the list became too long to handle without the search function). 
        !           134: </p>
        !           135: <img src="img/messageFilters-5.png" alt="Message Filters: new features"/><br/>
        !           136: <p>The biggest new feature here is the addition of a Search box, which allows filtering the number of results</p>
        !           137: <p>Also you can now move the filter to the top of the bottom of the list. This is actually significant as the 
        !           138: order you see on screen is the same as the order in which the filters are executed. This also means, if a filter
        !           139: on the top moves a message from the inbox then the filters below will not get a chance to execute on this message;
        !           140: as the filters are only executed on messages in the inbox, they will simply be ignored. Therefore it is very important 
        !           141: that it remains easy to re-order the relative positions of the filters. This also works while the search box is active.</p>

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