<div class="content" ng-controller="ContentController as content"><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="row home bg-ultralight" ng-show="content.tabs.length &lt;= 0"><div><div class="separator10"></div><small class="color-black">Select or drag npm projects to start</small><div class="separator10"></div><div class="separator10"></div><button class="home-button" ng-click="shell.openChooser()">Add projects</button></div></div><div class="tab" npm-tabs="npm-tabs" ng-repeat="tab in content.tabs" npm-tab-id="{{tab}}" ng-show="content.activeTab === tab &amp;&amp; tab"><div class="tab-menu"><span class="tab-button" ng-repeat="tab in content.tabs" ng-class="{'active': content.activeTab === tab}" ng-click="content.activeTab = tab"><spanner ng-if="tab === '&lt;global&gt;'"><img src="img/npm-logo-cube.svg" width="16"/>Globals</spanner><spanner ng-if="tab !== '&lt;global&gt;'">{{ tab | lastNameInPath}}</spanner><a ng-click="content.closeProjectTab(tab)"><i class="fa fa-remove"></i></a></span></div><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><div ng-show="tab"><div class="row table-header"><div class="col-xs-4 clickable" ng-click="sortTableBy('name')">Package<i class="fa" ng-class="{'fa-sort': !tableOrderBy.includes('-name') || !tableOrderBy.includes('name'), 'fa-sort-down': tableOrderBy.includes('-name'), 'fa-sort-up': tableOrderBy.includes('name')}"></i></div><div class="col-xs-2">Current</div><div class="col-xs-2">Wanted</div><div class="col-xs-2">Latest</div><div class="col-xs-2 clickable" ng-click="sortTableBy('kind')">Env<i class="fa" ng-class="{'fa-sort': !tableOrderBy.includes('-kind') || !tableOrderBy.includes('kind'), 'fa-sort-down': tableOrderBy.includes('-kind'), 'fa-sort-up': tableOrderBy.includes('kind')}"></i></div></div><div class="table-body" ng-table-keyboard="ng-table-keyboard" ng-class="{'freezed': showLoadingSelectedRow}"><div class="table-loader" ng-show="loading &amp;&amp; !loaded"><div class="table-loader-content"><img src="img/loading.svg"/>Loading packages...</div></div><!-- show disabled npm global row if in globals--><div class="row table-row disabled" ng-repeat="aPackage in packageInformations" ng-if="isGlobalProject &amp;&amp; aPackage.name === 'npm'" title="Do not perform npm global actions from here"><div class="col-xs-4">{{ aPackage.name }}</div><div class="col-xs-2"><span ng-class="{'color-positive font-light': !aPackage.wanted &amp;&amp; !aPackage.latest}">{{ aPackage.current }}</span></div><div class="col-xs-2"><i class="fa fa-check" ng-if="!aPackage.wanted &amp;&amp; !aPackage.latest"></i>{{ aPackage.wanted }}</div><div class="col-xs-2"><b ng-if="aPackage.latest">{{ aPackage.latest }}</b><i class="fa fa-check color-positive" ng-if="!aPackage.wanted &amp;&amp; !aPackage.latest"></i></div><div class="col-xs-2">{{ aPackage.kind }}</div></div><!-- show all packages except for npm global--><div class="row table-row" ng-repeat="aPackage in packageInformations | orderBy: tableOrderBy" ng-hide="!packageInformations" id="table-item-{{$index}}" ng-table-keyboard-selected-items="selectedPackages" ng-if="!isGlobalProject ||  isGlobalProject &amp;&amp; aPackage.name !== 'npm'" selection-model="selection-model" selection-model-mode="'multiple'" selection-model-selected-items="selectedPackages" ng-click="selectPackages(selectedPackages)" ng-class="{'active': selectedPackages.includes(aPackage), 'table-row-loading': currentSelectedPackages.includes(aPackage) &amp;&amp; showLoadingSelectedRow}"><div class="col-xs-4">{{ aPackage.name }}</div><div class="col-xs-2"><span ng-class="{'color-positive font-light': !aPackage.wanted &amp;&amp; !aPackage.latest}">{{ aPackage.current }}</span></div><div class="col-xs-2"><i class="fa fa-check" ng-if="!aPackage.wanted &amp;&amp; !aPackage.latest"></i>{{ aPackage.wanted }}</div><div class="col-xs-2"><b ng-if="aPackage.latest">{{ aPackage.latest }}</b><i class="fa fa-check color-positive" ng-if="!aPackage.wanted &amp;&amp; !aPackage.latest"></i></div><div class="col-xs-2">{{ aPackage.kind }}</div></div></div><div><div class="table-infos"><div class="table-infos-content"><div class="information"><b>Name:</b> {{packageViewInfos.name || '-'}}</div><div class="information" title="{{packageViewInfos.description}}"><b>Description:</b> {{packageViewInfos.description || '-' | removeHTML}}</div><div class="information" title="Package dependencies"><b>Dependencies:</b> <span ng-repeat="(dep, value) in packageViewInfos.dependencies"><a title="Open in browser" ng-click="shell.openBrowserLink('https://npmjs.com/package/' + dep)">{{ dep }}</a><span ng-if="!$last">,</span> </span><span ng-if="!packageViewInfos.dependencies || packageViewInfos.dependencies.length &lt;= 0">-</span></div><div class="information" title="Package repository url"><b>Repository:</b> {{packageViewInfos.repository.url || '-'}}</div><div class="information"><b>Issues:</b> <a title="Open in browser" ng-if="packageViewInfos.bugs.url" ng-click="shell.openBrowserLink(packageViewInfos.bugs.url)">{{packageViewInfos.bugs.url}}</a><span ng-if="!packageViewInfos.bugs || !packageViewInfos.bugs.url">-</span></div><div class="information"><b>Url:</b> <a title="Open in browser" ng-init="pkgUrlToNpmJsWebsite = 'https://npmjs.com/package/' + packageViewInfos.name" ng-if="packageViewInfos.name" ng-click="shell.openBrowserLink(pkgUrlToNpmJsWebsite)">{{ pkgUrlToNpmJsWebsite }}</a><span ng-if="!packageViewInfos.name">-</span></div><div class="information"><b>License:</b> {{packageViewInfos.license.type || packageViewInfos.license || '-'}}</div></div></div></div></div></div></div>