npm-gui/lib/public/app/builder/index.builder.html

Graphic User Interface for NPM packages/tasks for front and back -end users.

builder TODO
<hr/>
<form class="form row">

    <div class="form-group col-xs-2" ng-if="builder.binPackages.data.length">
        <select name="any"
                class="form-control"
                disabled
        >
            <option value="">Name</option>
        </select>
        <hr/>
        <input name="name"
               class="form-control"
               ng-model="builder.newTaskName"
        >
    </div>
    <div class="form-group col-xs-2" ng-if="builder.binPackages.data.length">
        <select name="any"
                class="form-control"
                disabled
        >
            <option value="">Bin packages locally</option>
        </select>
        <hr/>
        <select name="any"
                class="form-control"
                ng-model="builder.command"
                ng-options="binPackage.key as binPackage.key for binPackage in builder.binPackages.data track by binPackage.key"
                ng-change="builder.commandChanged()"
        >
            <option value="" selected>Other</option>
        </select>
    </div>
    <div class="form-group col-xs-2" ng-repeat="arg in builder.args">
        <select name="any"
                class="form-control"
                ng-model="arg.type"
                ng-options="type for type in builder.types track by type"
        >
        </select>
        <hr/>
        <input name="any"
               class="form-control"
               ng-model="arg.value"
               ng-disabled="!arg.type"
               ng-if="arg.type !== 'flag'"
        >
        <select name="any"
                class="form-control"
                ng-model="arg.value"
                ng-if="arg.type === 'flag'"
                ng-options="flag for flag in builder.flags track by flag">
            <option value="" selected>Choose</option>
        </select>
        <hr/>
        <button class="btn btn-danger btn-sm" ng-click="builder.removeArg($index)">X</button>
    </div>
    <div class="form-group col-xs-1">

        <button class="btn btn-success btn-sm" ng-click="builder.addArg()">+</button>
    </div>
</form>

<hr/>

<div class="row">
<pre>
Your command ({{builder.newTaskName}}):

node {{builder.command ? 'node_modules/.bin/' : ''}}{{builder.command}}<span
        class="" ng-repeat="arg in builder.args"> {{arg.value}}</span>
</pre>
    <button class="btn btn-info btn-lg pull-right" ng-click="builder.save()">Save</button>
</div>

<hr/>

<div class="row">
<pre>
    {{builder.packageInfo}}
</pre>
</div>