Skip to content
Snippets Groups Projects
ServiceSpecEdit.html 4.8 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">Edit Service Specification</h1>
				<h4>Service Specification offers characteristics to describe a type of service. Functionally, it acts as a template by which Services may be instantiated. By sharing the same specification, these services would therefore share the same set of characteristics.</h4>

				<form class="form-horizontal" name="form" role="form" ng-submit="updateSpec()" id="editSpecForm">
				
					<div class="form-group">
						<label for="spec.id" class="col-sm-2 control-label"  >Id</label>
						<div class="col-sm-10">
							<b>{{spec.id}}</b>* not editable
						</div>
					</div>
					
					<div class="form-group">
						<label for="spec.id" class="col-sm-2 control-label"  >Last update</label>
						<div class="col-sm-10">
							<b>{{spec.lastUpdate}}</b>* not editable
						</div>
					</div>

														
					<div class="form-group">
						<label for="spec.name" class="col-sm-2 control-label">Name</label>
						<div class="col-sm-10">
							<input type="text" class="form-control"  ng-model="spec.name" value="" placeholder="enter a name for your Service Specification" required/>
						</div>
					</div>
					
					<div class="form-group">
						<label for="spec.description" class="col-sm-2 control-label">Description</label>
						<div class="col-sm-10">
							<textarea class="form-control"   rows="5"  ng-model="spec.description" value="" placeholder="" "  /></textarea>
						</div>
					</div>
					
					<div class="form-group">
						<label for="spec.version" class="col-sm-2 control-label">Version</label>
						<div class="col-sm-10">
							<input type="text" class="form-control"  ng-model="spec.version" value="" placeholder="enter a version for your Service Specification" required/>
						</div>
					</div>
					
					
					<div class="form-group">
						<label for="spec.validFor" class="col-sm-2 control-label">Valid from Start Date</label>
						<div class="col-sm-10">
							 <md-datepicker ng-model="spec.validFor.startDateTime" md-placeholder="Enter date" md-date-locale ="{ msgOpenCalendar: 'Open a special calendar' }" ></md-datepicker>
						
							<select style='width:100px;float:left;' class="form-control" ng-model="spec.validFor.startDateTime.startReqHour" ng-options="option as option for option in ['00', '01', '02', '03','04', '05','06', '07','08', '09','10', '11','12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23']" required  ></select>
							<select style='width:100px;float:left;' class="form-control" ng-model="spec.validFor.startDateTime.startReqMinute" ng-options="option as option for option in minutes"  required ></select>
							<!-- ['00', '05', '10', '15', '20', '25', '30', '35', '40', '45', '50', '55'] -->
						</div>						
					</div>
					<div class="form-group">
						<label for="app.name" class="col-sm-2 control-label">Valid until End Date</label>
						<div class="col-sm-10">
							 <md-datepicker ng-model="spec.validFor.endDateTime" md-placeholder="Enter date" ></md-datepicker>
						
							<select style='width:100px;float:left;' class="form-control" ng-model="spec.validFor.endDateTime.startReqHour" ng-options="option as option for option in ['00', '01', '02', '03','04', '05','06', '07','08', '09','10', '11','12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23']" required ></select>
							<select style='width:100px;float:left;' class="form-control" ng-model="spec.validFor.endDateTime.startReqMinute" ng-options="option as option for option in minutes"  required ></select>
							<!-- ['00', '05', '10', '15', '20', '25', '30', '35', '40', '45', '50', '55'] -->
						</div>						
					</div>
					
					
					<div class="form-group" >
						<label for="name" class="col-sm-2 control-label">isBundle</label>
						<div class="col-sm-10">
							<div class="col-sm-1"><input type="checkbox" class="form-control"  ng-model="spec.isBundle" value=""  /></div>
							<div class="col-sm-9"><span></span></div>
							 
						</div>
					</div>
				
				<div class="form-group">
						<label for="role" class="col-sm-2 control-label">Lifecycle Status</label>
						<div class="col-sm-10">
							<select class="form-control" ng-model="spec.lifecycleStatus" >
							  <option>In study</option>
							  <option>In design</option>
							  <option>In test</option>
							  <option>Active</option>
							  <option>Launched</option>
							  <option>Retired</option>
							  <option>Obsolete</option>
							  <option>Rejected</option>
							</select>
						</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>