Skip to content
Snippets Groups Projects
VxFAdd.html 5.12 KiB
Newer Older
trantzas's avatar
trantzas committed
<div class="page-header" >
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h1 id="headerTitle">Add new VNF</h1>
				<h3>by user: {{vxf.owner.username}}</h3>

				<form class="form-horizontal" name="form" role="form" ng-submit="submitNewVxF()" id="addVxFForm">
					<div class="form-group">
						<label for="vxf.name" class="col-sm-2 control-label">Name</label>
						<div class="col-sm-10">
							<input type="text" class="form-control"  ng-model="vxf.name" value="" placeholder="name..." />
							<p class="help-block">The name must be exactly the same as in the VNF descriptor ID (vnfd:id) or name (vnfd:name) values. For TOSCA use the metadata:ID</p>
						</div>
					</div>
					<div class="form-group">
						<label for="vxf.version" class="col-sm-2 control-label">Version</label>
						<div class="col-sm-10">
							<input type="text" class="form-control"  ng-model="vxf.version" value="" placeholder="" />
						</div>
					</div>
					<div class="form-group">
						<label for="vxf.shortDescription" class="col-sm-2 control-label">Teaser</label>
						<div class="col-sm-10">
							<input type="text" class="form-control"  ng-model="vxf.shortDescription" value="" placeholder="" />
						</div>
					</div>
					<div class="form-group">
						<label for="vxf.longDescription" class="col-sm-2 control-label">Description</label>
						<div class="col-sm-10">
							<textarea class="form-control"   rows="5"  ng-model="vxf.longDescription" value="" placeholder="" /></textarea>
						</div>
					</div>
					<div class="form-group">
						<label for="vxf.vendor" class="col-sm-2 control-label">Vendor</label>
						<div class="col-sm-10">
							<input type="text" class="form-control"  ng-model="vxf.vendor" value="" placeholder="" />
						</div>
					</div>
					<div class="form-group">
						<label for="vxf.uploadedAppIcon" class="col-sm-2 control-label">Logo</label>
						<div class="col-sm-10">
							<input type="file" class="form-control" name="uploadedVxFIcon"  file-model="uploadedVxFIcon" placeholder="" />
							<p class="help-block">Select logo image</p>
							
						</div>
					</div>
					
					<div class="form-group">
						<label for="vxf.uploadedVxFFile" class="col-sm-2 control-label">Package File (.tar.gz)</label>
						<div class="col-sm-10">
							<input type="file" class="form-control" name="uploadedVxFFile"  file-model="uploadedVxFFile" placeholder="" />
							<p class="help-block">Select file (.tar.gz)</p>
							
						</div>
					</div>
					
				
					<div class="form-group">
						<label for="role" class="col-sm-2 control-label">Packaging format</label>
						<div class="col-sm-10">
							<select class="form-control" ng-options="opt for opt in ['OSMvTHIRTEEN', 'OSMvELEVEN', 'OSMvTEN', 'OSMvNINE','OSMvEIGHT', 'GenericSOL005']" ng-model="vxf.packagingFormat" required><option></option></select>												
trantzas's avatar
trantzas committed
						</div>
					</div>
					
					
					<div class="form-group">
						<label for="app.category" class="col-sm-2 control-label">Category ( <span ng-repeat="vxfcat in vxf.categories">{{vxfcat.name}} </span> )</label>
						<div class="col-sm-10">
							<select multiple class="form-control" ng-model="vxf.categories" ng-options="cat.name for cat in categories" >
							</select>
						</div>
					</div>
					
					
					<div class="form-group">
						<label for="vxf.termsOfUse" class="col-sm-2 control-label">Terms of Use</label>
						<div class="col-sm-10">
							<textarea  rows="5" class="form-control"  ng-model="vxf.termsOfUse" value="" placeholder="" ></textarea>
						</div>
					</div>

					
					
					<div class="form-group">
						<label for="app.category" class="col-sm-2 control-label">Supported MANO Platforms ( <span ng-repeat="supmanoplatf in vxf.supportedMANOPlatforms">{{supmanoplatf.name}} </span> )</label>
						<div class="col-sm-10">
							<select multiple class="form-control" ng-model="vxf.supportedMANOPlatforms" ng-options="sm.name for sm in MANOplatforms" >
							</select>
						</div>
					</div>
					
					
					
					
					<div class="form-group">
						<label for="vxf.extensions" class="col-sm-2 control-label">Extension variables</label>
						<div class="col-sm-10">
							<div id="tableExtensions" class="table-editable">
							    <span class="table-add glyphicon glyphicon-plus" ng-click="addExtension(vxf)"></span>
							    <table class="table" >
							      <tr>
							        <th>Name</th>
							        <th>Value</th>
							        <th></th>
							      </tr>
							      <tr class="" ng-repeat="ext in vxf.extensions">
									<td><pre contenteditable="true" ng-model="ext.name"></pre></td>
							        <td><pre contenteditable="true" ng-model="ext.value"></pre></td>
							        <td>
							          <span class="table-remove glyphicon glyphicon-remove" ng-click="removeRow(ext)"></span>
							        </td>
							       
							      </tr>
							      
							    </table>
							  </div>
						</div>
					  </div>

					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<input class="btn btn-default" type="submit" value="Save" />
						</div>
					</div>
				</form>

			</div>
		</div>
	</div>
</div>