<div class="top-menu" top-menu="top-menu" top-menu-project-path-id="{{tab}}" ng-class="{'freezed': performingAction}"><div class="dialog prompt" ng-show="showSpecificVersionPrompt &amp;&amp; currentSelectedPackages.length === 1" ng-init="versionPackageVersion = undefined"><form ng-submit="installVersionPackage(currentSelectedPackages[0], versionPackageVersion)"><input placeholder="Package name" type="text" readonly="readonly" disabled="disabled" ng-value="currentSelectedPackages[0].name"/> <input class="hide" placeholder="@version" ng-autofocus="ng-autofocus" type="text" ng-model="versionPackageVersion" ng-value="versionPackageVersion"/> <span class="prompt-kind"><select name="packageVersionSelect" ng-model="pkgVersionModel" ng-change="versionPackageVersion = pkgVersionModel"><option value="" selected="selected">-</option><option ng-repeat="pkgVersion in selectedPackageViewInfos.versions | orderBy : pkgVersion : 'reverse' track by $index" ng-value="pkgVersion">{{pkgVersion}}</option></select></span><button ng-disabled="installingPackageVersion"><span ng-show="!installingPackageVersion">Install</span><span ng-show="installingPackageVersion"><img src="img/loading.svg" width="13"/></span></button>  <button class="button-close-prompt pull-right" type="button" ng-click="hideInstallVersionPrompt();"><i class="fa fa-remove"></i></button></form></div><div class="dialog prompt" ng-show="showInstallPrompt"><form ng-submit="installPackage(packageName, newPackageKind)"><!--do not remove placeholder even if it's not an input--><div class="tags-input" ng-tag-input="ng-tag-input" tab-path-id="{{tab}}" ng-autofocus="ng-autofocus" ng-model="packageName" ng-keyup="search(packageName[packageName.length - 1].name)" contenteditable="true" ng-attr-disabled="{{installingPackage ? 'disabled' : ''}}" placeholder="package&lt;@version&gt; ..."></div><!-- this input holds search keywords, do not remove it --><input ng-hide="true" ng-model="searchKeywords" ng-bind="packageName"/> <span class="prompt-kind"><input type="checkbox" ng-model="newPackageKind" ng-disabled="tab === '&lt;global&gt;'"/>  dev </span><!--do not remove id="" from the button--><button id="install-new-packages-button" ng-disabled="installingPackage || !packageName"><span ng-show="!installingPackage">Install</span><span ng-show="installingPackage"><img src="img/loading.svg" width="13"/></span></button>  <button class="button-close-prompt pull-right" type="button" ng-click="hideInstallPrompt();"><i class="fa fa-remove"></i></button></form><div class="prompt-search" ng-hide="installingPackage"><div class="prompt-search-content"><div class="prompt-search-item" ng-repeat="item in searchResults.objects" ng-click="searchChoosePackage(item.package.name)"><h5>{{item.package.name}}</h5><div>{{item.package.description}}</div></div><div class="prompt-search-loader" ng-show="searchingNpm"><img src="img/loading.svg"/>Loading results ...</div></div></div></div><div class="row"><div class="col-xs-12"><button class="button-add-package" title="Add Packages" ng-click="showInstallPrompt = true" ng-class="{'active': showInstallPrompt}"><i class="fa fa-plus-circle"></i>Add package</button><span ng-show="showMenuButtons"><button class="button-uninstall" title="Uninstall" ng-click="activeClickedLink('5'); uninstallPackage(currentSelectedPackages)" ng-class="{'active': activeLink === '5'}"><i class="fa fa-remove"></i>Uninstall</button><button class="button-update" title="Update" ng-click="activeClickedLink('2'); updatePackage(currentSelectedPackages)" ng-class="{'active': activeLink === '2'}"><i class="fa fa-level-up"></i>Update</button><button class="button-latest" title="Install Latest" ng-click="activeClickedLink('3'); installLatest(currentSelectedPackages)" ng-class="{'active': activeLink === '3'}"><i class="fa fa-rocket"></i>Latest</button><button class="button-version" title="Install Version" ng-show="currentSelectedPackages.length === 1" ng-click="showSpecificVersionPrompt = true" ng-class="{'active': showSpecificVersionPrompt}"><i class="fa fa-at"></i>Version</button></span></div></div></div>