attachments/partials/views/packageDetails.html

    <topbar></topbar>
<div class="viewContainer row package-detail-rows">
    <div class="column-8--lap column-12--hand offset-2--lap">


        <div class="top-button">
            <a ng-click="backToSearch()"><i class="icon-left-dir"></i>Back to search results</a>
        </div>

        <div class="row toprow">
            <div class="package-label column-8--hand">Plugin ID</div>
            <div class="column-4--hand column-2--lap offset-2--lap end">
                <label class="dropdown">
                <select class="version-dropdown" ng-model="currentVersion" ng-options="key as key for (key, value) in versions">
                    <option value="{{currentVersion}}">{{currentVersion}}</option> 
                </select>
                </label>
            </div>

        </div>
        <div class="row">
            <div class="package-title column-12--hand">{{packageID}}</div>
        </div>

        <div class="row">
            <div class="column-8--hand column-10--lap">
                <div ng-show="description" class="space">
                    <div class="row">
                        <div class="package-label column-12--hand">Description</div>
                    </div>
                    <div class="row">
                        <div class="package-title column-12--hand">{{description}}</div>
                    </div>
                </div>

                <div ng-show="maintainers" class="space">
                    <div class="row">
                        <div class="package-label column-12--hand">Maintainers</div>
                    </div>
                    <div class="row">
                        <div class="column-12--hand ">
                            <span class="" ng-repeat="maintainer in maintainers">{{maintainer.name}}<span ng-show="{{maintainers.length -1 != $index}}">, &nbsp;</span></span>
                        </div>
                    </div>
                </div>

                <div class="space">
                    <div class="row">
                        <div class="package-label column-12--hand">Platforms</div>
                    </div>
                    <div class="row">
                        <div class="column-12--hand" ng-show="platforms">
                            <span class="" ng-repeat="platform in platforms">{{platform}}<span ng-show="{{platforms.length -1 != $index}}">, &nbsp;</span></span>
                        </div>
                        <div class="column-12--hand" ng-hide="platforms">
                            Not specified
                        </div>
                    </div>
                </div>

                <div ng-show="repo" class="space">
                    <div class="row">
                        <div class="package-label column-12--hand">Repository</div>
                    </div>
                    <div class="row">
                        <div class="column-12--hand"><a href="{{repo}}">{{repo}}</a></div>
                    </div>
                </div>

                <div ng-show="issue" class="space">
                    <div class="row">
                        <div class="package-label column-12--hand">Issue tracker</div>
                    </div>
                    <div class="row">
                        <div class="column-12--hand"><a href="{{issue}}">{{issue}}</a></div>
                    </div>
                </div>

                <div ng-show="keywords" class="space">
                    <div class="row">
                        <div class="package-label column-12--hand">Keywords</div>
                    </div>
                    <div class="row">
                        <div class="column-12--hand">
                            <span class="" ng-repeat="keyword in keywords"><a href="/#/search?search={{keyword}}">{{keyword}}</a><span ng-show="{{keywords.length -1 != $index}}">,&nbsp;</span></span>
                        </div>
                    </div>
                </div>

                <div class="space">
                    <div class="row">
                        <div class="package-label column-12--hand">Install {{description}} using the <a href="http://cordova.apache.org/docs/en/edge/guide_cli_index.md.html#The%20Command-line%20Interface">Cordova CLI:</a></div>
                    </div>
                    <div class="row">
                        <div class="column-12--hand">
                            cordova plugin add {{packageID}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="package-downloads column-4--hand column-2--lap">
                <div class="row">
                    <div class="package-label column-12--hand">
                        Total downloads
                    </div>
                </div>
                <div class="row">
                    <div class="column-12--hand">
                        {{downloads[packageID]}}
                    </div>
                </div>
                <div class="row">
                    <div class="package-label column-12--hand">
                        Version
                    </div>
                </div>
                <div class="row">
                    <div class="column-12--hand">
                        {{currentVersion}}
                    </div>
                </div>
                <div class="row" ng-show="lastupdated">
                    <div class="package-label column-12--hand">
                        Last Updated
                    </div>
                </div>
                <div class="row" ng-show="lastupdated">
                    <div class="column-12--hand">
                        {{lastupdated}}
                    </div>
                </div>
                <div class="row" ng-show="engines">
                    <div class="package-label column-12--hand">
                        Engine Number
                    </div>
                </div>
                <div class="row" ng-show="engines">
                    <div class="column-12--hand">
                        <span ng-repeat="engine in engines">{{engine.version}}</span>
                    </div>
                </div>
                <div class="row">
                    <div class="package-label column-12--hand">
                        License
                    </div>
                </div>
                <div class="row">
                    <div class="column-12--hand">
                        {{license}}
                    </div>
                </div>
            </div>
        </div>
        <div ng-show="readme" ng-hide="englishdoc" class="readme row">
            <div class="column-12--hand">
                <div class="package-readme">README</div>
                <div class="" ng-bind-html="readme"></div>
            </div>
        </div>
        <div ng-show="englishdoc" class="readme row">
            <div class="column-12--hand">
                <div class="package-readme">Docs</div>
                <div class="" ng-bind-html="englishdoc"></div>
            </div>
        </div>
    </div>
</div>