app-odoo/app_purchase_superbar/static/description/index.html

<section class="oe_container">
    <div class="oe_row oe_spaced" style="max-width: 95%;">
        <h2 class="oe_slogan" style="color:#875A7B;">Purchase App Super Sidebar for Advance Search with Parent Children Tree</h2>
        <h1>!This moduld Do Need extra paid Apps
        <a href="http://www.odoo.com/apps/modules/13.0/app_web_superbar/" target="_blank">
        <i class="fa fa-download text-warning"></i>Click to download.
        </a> </h1>
        <h3 class="oe_slogan">Advance Search, Filter with Parent Children Tree.</h3>
            <h3 class="oe_slogan">Easy to navigator and browse any data. Support list, kanban, pivot, graph view. </h3>
        <h2>Online demo <i class="fa fa-user text-primary"></i>  user/password: demo/demo
                        <a href="http://demo.erpapp.cn/web?#view_type=list&model=sale.order&menu_id=168&action=265" target="_blank">
                        <i class="fa fa-arrow-right text-warning"></i>Click to get demo.
                        </a> </h2>
    </div>
</section>
<section class="oe_container">
    <div class="oe_row">
        <div class="oe_span12">
            <img class="oe_demo oe_screenshot" src="banner.png">
        </div>
        <div class="oe_span12 oe_spaced">
            <div class="alert alert-info" style="padding:8px;font-weight: 300; font-size: 20px;">
                <i class="fa fa-hand-o-right"></i><b> Key features: </b>
                <ul class="list-unstyled">
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        Easy to show parent children tree for tree, kanban, pivot, graph view.(Note that there would be little different in UI between odoo12,11,10)
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        Product navigate by category or type is ready.
                        <a href="http://www.odoo.com/apps/modules/13.0/app_product_superbar/" target="_blank">
                        <i class="fa fa-download text-warning"></i>Click to download.
                        </a>
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        Pos navigate by category or store is ready.
                        <a href="http://www.odoo.com/apps/modules/13.0/app_pos_superbar/" target="_blank">
                        <i class="fa fa-download text-warning"></i>Click to download.
                        </a>
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        Account chart navigate by type is ready.
                        <a href="http://www.odoo.com/apps/modules/13.0/app_account_superbar/" target="_blank">
                        <i class="fa fa-download text-warning"></i>Click to download.
                        </a>
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        Contacts navigate by company is ready.
                        <a href="http://www.odoo.com/apps/modules/13.0/app_contacts_superbar/" target="_blank">
                        <i class="fa fa-download text-warning"></i>Click to download.
                        </a>
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        Sale order navigate by partner and channel is ready.
                        <a href="http://www.odoo.com/apps/modules/13.0/app_sale_superbar/" target="_blank">
                        <i class="fa fa-download text-warning"></i>Click to download.
                        </a>
                    </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        Purchase order navigate by partner is ready.
                        <a href="http://www.odoo.com/apps/modules/13.0/app_purchase_superbar/" target="_blank">
                        <i class="fa fa-download text-warning"></i>Click to download.
                        </a>
                    </li><li>                         <i class="fa fa-check-square-o text-primary"></i>                         HR employee navigate by department is ready.                         <a href="http://www.odoo.com/apps/modules/13.0/app_hr_superbar/" target="_blank">                         <i class="fa fa-download text-warning"></i>Click to download.                         </a>                     </li>
                    <li>
                        <i class="fa fa-check-square-o text-primary"></i>
                        It is so easy to customize, you can use it in anywhere in odoo(Extra pay for support).
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h1>&nbsp;</h1>
        <h1 class="text-danger text-center">So Easy to navigator and search any data.</h1>
        <h4 class="oe_slogan">Product by category or type in kanban view</h4>
        <div class="oe_demo oe_screenshot">
            <img oe_demo oe_screenshot src="https://www.odoo.com/apps/modules/13.0/app_web_superbar/superbar.gif"/>
        </div>
    </div>
</section>
<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h4 class="oe_slogan">Free to Use in product category.</h4>
        <div class="oe_demo oe_screenshot">
            <img src="product1.jpg">
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h4 class="oe_slogan">Free to Use in POS point of sale.</h4>
        <div class="oe_demo oe_screenshot">
            <img src="pos1.jpg">
        </div>
        <h4 class="oe_slogan">POS product and order.</h4>
        <div class="oe_demo oe_screenshot">
            <img src="pos2.jpg">
        </div>
        <h4 class="oe_slogan">POS report.</h4>
        <div class="oe_demo oe_screenshot">
            <img src="pos3.jpg">
        </div>
    </div>
</section>
<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h4 class="oe_slogan">Use in Account.</h4>
        <div class="oe_demo oe_screenshot">
            <img src="account1.jpg">
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h4 class="oe_slogan">Use in Sale.</h4>
        <div class="oe_demo oe_screenshot">
            <img src="sale1.jpg">
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h4 class="oe_slogan">Use in purchase.</h4>
        <div class="oe_demo oe_screenshot">
            <img src="purchase1.jpg">
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h4 class="oe_slogan">Use in contacts.</h4>
        <div class="oe_demo oe_screenshot">
            <img src="contacts1.jpg">
        </div>
    </div>
</section>

<section class="oe_container">
    <div class="oe_row oe_spaced">
        <h1>&nbsp;</h1>
        <h1 class="text-danger text-center">How to use! This app do need extra module. The price already included</h1>
        <div class="oe_span12">
            <h4 class="oe_slogan oe_spaced">1. Buy and Install zTree widget.
                <a href="http://www.odoo.com/apps/modules/13.0/app_web_widget_ztree/" target="_blank">
                    <i class="fa fa-download text-warning"></i>Click to download.
                </a>
            </h4>
        </div>
        <div class="oe_span12">
            <h4 class="oe_slogan oe_spaced">2. Buy and Install <a href="http://www.odoo.com/apps/modules/13.0/app_web_superbar/" target="_blank">app_web_superbar. </a> <span class="text-warning">Important! Reboot odoo after installed.</span>
            </h4>
        </div>
        <div class="oe_span12">
            <h4 class="oe_slogan oe_spaced">3. Easy use of superbar</h4>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Show superbar in list view.</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="use7.jpg">
                </div>
            </div>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Show superbar in kanban view.</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="use8.jpg">
                </div>
            </div>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Show superbar in pivot view.</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="use9.jpg">
                </div>
            </div>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Show superbar in graph view.</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="usea.jpg">
                </div>
            </div>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Click switch to show or hide superbar.</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="use1.jpg">
                </div>
            </div>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Click checkbox to set whether to show child nodes data.</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="use2.jpg">
                </div>
            </div>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Press Ctrl(Windows) / Cmd(Mac) to Select Multi Nodes</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="use3.jpg">
                </div>
            </div>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Set multi field to search or filter</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="use4.jpg">
                </div>
            </div>
            <div class="oe_span12 oe_spaced">
                <h4 class="oe_slogan">Set super bar position, left or right.</h4>
            </div>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="use5.jpg">
                </div>
            </div>
        </div>
        <div class="oe_span12">
            <h4 class="oe_slogan oe_spaced">4. If you want to customize, Use follow param to setup widget(Extra pay for support):</h4>
            <div class="oe_span12">
                <div class="oe_demo oe_screenshot">
                    <img src="superbar_use.gif">
                </div>
                <ul class="oe_spaced" style="padding:8px;font-weight: 300; font-size: 20px;">
                    <li>In search view xml, Write the &lt;superbar&gt; tag,</li>
                    <li>position: [left, right]</li>
                    <li>view_mode: [kanban,tree, pivot, graph view.]</li>
                    <li>parent_key: key field name of parent child relation. leave blank would auto set.</li>
                    <li>level: how many level to expend the tree for initialize. Default is 2</li>
                    <li>limit: how many record to show ztree. Default is 16</li>
                    <li>order: the field name to order by</li>
                    <li>domain: set the domain for data, eg: [[('is_company', '=', 1)]]</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="oe_container oe_dark">
    <div class="oe_row oe_spaced text-center">
        <div class="oe_span12">
            <h2 class="oe_slogan">Technical Help & Support</h2>
        </div>
        <div class="col-md-12 pad0">
            <div class="oe_mt16">
                <p><h4>
                For any type of technical help & support requests, Feel free to contact us</h4></p>
                <a style="background: #002e5a  none repeat scroll 0% 0%; color: rgb(255, 255, 255);position: relative; overflow: hidden;"
                   class="btn btn-warning btn-lg" rel="nofollow" href="mailto:guohuadeng@hotmail.com"><span
                        style="height: 354px; width: 354px; top: -147.433px; left: -6.93335px;" class="o_ripple"></span>
                    <i class="fa fa-envelope"></i> guohuadeng@hotmail.com</a>
                <p><h4>
                Via QQ: 300883</h4></p>
                <a style="background: #002e5a  none repeat scroll 0% 0%; color: rgb(255, 255, 255);position: relative; overflow: hidden;"
                   class="btn btn-warning btn-lg" rel="nofollow" href="mailto:300883@qq.com"><span
                        style="height: 354px; width: 354px; top: -147.433px; left: -6.93335px;" class="o_ripple"></span>
                    <i class="fa fa-envelope"></i> 300883@qq.com</a>
            </div>
            <div class="oe_mt16">
                <p><h4>
                Visit our website for more support.</h4></p>
                <a style="background: #002e5a  none repeat scroll 0% 0%; color: rgb(255, 255, 255);position: relative; overflow: hidden;"
                   class="btn btn-warning btn-lg" rel="nofollow" href="https://www.sunpop.cn" target="_blank"><span
                        style="height: 354px; width: 354px; top: -147.433px; left: -6.93335px;" class="o_ripple"></span>
                    <i class="fa fa-web"></i>https://www.sunpop.cn</a>
            </div>
        </div>
    </div>
</section>