<div class="top-menu" ng-controller="TopMenuController as topMenu"><span npm-loading="npm-loading"></span><div class="dialog dialog-window" ng-if="shell.activeLink === 'doctor'"><div class="prompt-window-options"><img ng-show="!shell.finishedRunningDoctor" src="img/loading.svg" width="13"/><i class="fa fa-check color-primary" ng-show="shell.finishedRunningDoctor"></i><button ng-click="shell.activeLink = false">Close</button><button ng-click="shell.activeClickedLink('doctor'); shell.runDoctor()" ng-if="!shell.runningDoctor">Run again</button></div><div class="window" contenteditable="true" ng-autoscroll="ng-autoscroll"><div class="col-md-12 logs"><b>Running doctor</b></div><div class="col-md-12 logs">npm ping: <b>{{shell.doctorLog[0][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[0][2] &amp;&amp; shell.doctorLog[0][2].length &gt; 0">&#8627; {{shell.doctorLog[0][2]}}</div><div class="col-md-12 logs">npm -v: <b>{{shell.doctorLog[1][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[1][2] &amp;&amp; shell.doctorLog[1][2].length &gt; 0">&#8627; {{shell.doctorLog[1][2]}}</div><div class="col-md-12 logs">node -v: <b>{{shell.doctorLog[2][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[2][2] &amp;&amp; shell.doctorLog[2][2].length &gt; 0">&#8627; {{shell.doctorLog[2][2]}}</div><div class="col-md-12 logs">npm config get registry: <b>{{shell.doctorLog[3][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[3][2] &amp;&amp; shell.doctorLog[3][2].length &gt; 0">&#8627; {{shell.doctorLog[3][2]}}</div><div class="col-md-12 logs">which git: <b>{{shell.doctorLog[4][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[4][2] &amp;&amp; shell.doctorLog[4][2].length &gt; 0">&#8627; {{shell.doctorLog[4][2]}}</div><div class="col-md-12 logs">Perms check on cached files: <b>{{shell.doctorLog[5][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[5][2] &amp;&amp; shell.doctorLog[5][2].length &gt; 0">&#8627; {{shell.doctorLog[5][2]}}</div><div class="col-md-12 logs">Perms check on global node_modules: <b>{{shell.doctorLog[6][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[6][2] &amp;&amp; shell.doctorLog[6][2].length &gt; 0">&#8627; {{shell.doctorLog[6][2]}}</div><div class="col-md-12 logs">Perms check on local node_modules: <b>{{shell.doctorLog[7][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[7][2] &amp;&amp; shell.doctorLog[7][2].length &gt; 0">&#8627; {{shell.doctorLog[7][2]}}</div><div class="col-md-12 logs">Checksum cached files : <b>{{shell.doctorLog[8][1]}}</b></div><div class="col-md-12 logs logs-error" ng-if="shell.doctorLog[8][2] &amp;&amp; shell.doctorLog[8][2].length &gt; 0">&#8627; {{shell.doctorLog[8][2]}}</div></div></div><div class="dialog prompt" ng-if="shell.activeLink === '4'" ng-init="topMenu.versionPackageVersion = undefined"><form ng-submit="topMenu.installVersionPackage(shell.currentSelectedPackages[0], topMenu.versionPackageVersion)"><input placeholder="Package name" type="text" readonly="readonly" disabled="disabled" ng-value="shell.currentSelectedPackages[0].name"/> <input class="hide" placeholder="@version" ng-autofocus="ng-autofocus" type="text" ng-model="topMenu.versionPackageVersion" ng-value="topMenu.versionPackageVersion"/> <span class="prompt-kind"><select name="packageVersionSelect" ng-model="topMenu.pkgVersionModel" ng-change="topMenu.versionPackageVersion = topMenu.pkgVersionModel"><option value="" selected="selected">-</option><option ng-repeat="pkgVersion in shell.selectedPackageViewInfos.versions | orderBy : pkgVersion : 'reverse' track by $index" ng-value="pkgVersion">{{pkgVersion}}</option></select></span><button><span ng-show="!topMenu.installingPackageVersion">Install</span><span ng-show="topMenu.installingPackageVersion"><img src="img/loading.svg" width="13"/></span></button>  <i class="fa fa-times-circle-o button-close-prompt" ng-click="shell.activeLink = undefined;"></i></form></div><div class="dialog prompt" ng-if="shell.activeLink === '1'"><form ng-submit="topMenu.installPackage(topMenu.packageName, topMenu.newPackageKind)"><!--do not remove placeholder even if it's not an input--><div class="tags-input" ng-tag-input="ng-tag-input" ng-autofocus="ng-autofocus" ng-model="topMenu.packageName" ng-keyup="topMenu.search(topMenu.packageName[topMenu.packageName.length - 1].name)" contenteditable="true" ng-attr-disabled="{{topMenu.installingPackage ? 'disabled' : ''}}" placeholder="package&lt;@version&gt; ..."></div><!-- this input holds search keywords, do not remove it --><input ng-hide="true" ng-model="topMenu.searchKeywords" ng-bind="topMenu.packageName"/> <span class="prompt-kind"><input type="checkbox" ng-model="topMenu.newPackageKind" ng-disabled="shell.globalSelected"/>  dev </span><!--do not remove id="" from the button--><button id="install-new-packages-button" ng-class="{'disabled': topMenu.installingPackage || !topMenu.packageName}"><span ng-show="!topMenu.installingPackage">Install</span><span ng-show="topMenu.installingPackage"><img src="img/loading.svg" width="13"/></span></button>  <i class="fa fa-times-circle-o button-close-prompt" ng-click="shell.activeLink = undefined"></i></form><div class="prompt-search"><div class="prompt-search-content"><div class="prompt-search-item" ng-repeat="item in topMenu.searchResults.objects" ng-click="topMenu.searchChoosePackage(item.package.name)"><h5>{{item.package.name}}</h5><div>{{item.package.description}}</div></div><div class="prompt-search-loader" ng-show="topMenu.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="shell.activeClickedLink('1');" ng-class="{'active': shell.activeLink === '1'}"><i class="fa fa-plus-circle"></i>Add package</button><span ng-show="shell.showMenuButtons"><button class="button-uninstall" title="Uninstall" ng-click="shell.activeClickedLink('5'); topMenu.uninstallPackage(shell.currentSelectedPackages)" ng-class="{'active': shell.activeLink === '5'}"><i class="fa fa-remove"></i>Uninstall</button><button class="button-update" title="Update" ng-click="shell.activeClickedLink('2'); topMenu.updatePackage(shell.currentSelectedPackages)" ng-class="{'active': shell.activeLink === '2'}"><i class="fa fa-level-up"></i>Update</button><button class="button-latest" title="Install Latest" ng-click="shell.activeClickedLink('3'); topMenu.installLatest(shell.currentSelectedPackages)" ng-class="{'active': shell.activeLink === '3'}"><i class="fa fa-rocket"></i>Latest</button><button class="button-version" title="Install Version" ng-show="shell.currentSelectedPackages.length === 1" ng-click="shell.activeClickedLink('4'); topMenu.showPackageInstallPrompt = undefined; topMenu.showSpecificVersionPrompt = true" ng-class="{'active': shell.activeLink === '4'}"><i class="fa fa-at"></i>Version</button></span></div></div></div>