ace dropdown widget

dropdown.html

<li id="download_basket"><a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="ace-icon fa fa-download"></i>
<span class="badge">1</span>
</a>
<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close ui-sortable" id="sortable" style="">
<li class="dropdown-header">
<i class="ace-icon fa fa-file-text-o"></i>
<span class="count">1</span>
Reports in the basket
</li>
<li class="dropdown-footer">
<div class="clear-basket">
<a class="inline download_basket_clear" title="Remove all" rel="nofollow" data-method="post" href="/report_packages/download_basket/clear">Clear</a>
</div>
<div class="download-basket">
<span>Download</span>
<a class="inline" target="_blank" title="Download as PDF file" href="/report_packages/download_basket.pdf"><i class="ace-icon fa fa-file-pdf-o fa-lg"></i>
</a><a class="inline" target="_blank" title="Download as XLSX file" href="/report_packages/download_basket.xlsx"><i class="ace-icon fa fa-file-excel-o fa-lg"></i>
</a></div>
</li>
</ul>
</li>