From 9015d0d86d23a83e578ded1bd95485d467515208 Mon Sep 17 00:00:00 2001
From: "Christopher Lott (cl778h)" <clott@research.att.com>
Date: Thu, 17 Aug 2017 14:52:44 -0400
Subject: Publish seed code for the OOM Dashboard

First open-source release of the ONAP Operations Manager Dashboard web application.

Issue: CCSDK-61
Change-Id: I902f789692d76ee583aa967682e39f03b6578fe9
Signed-off-by: Christopher Lott (cl778h) <clott@research.att.com>
---
 .../app/ecdapp/cloudify/blueprint_popups.html      | 187 +++++++++++++++++++++
 1 file changed, 187 insertions(+)
 create mode 100644 ecd-app-overlay/src/main/webapp/app/ecdapp/cloudify/blueprint_popups.html

(limited to 'ecd-app-overlay/src/main/webapp/app/ecdapp/cloudify/blueprint_popups.html')

diff --git a/ecd-app-overlay/src/main/webapp/app/ecdapp/cloudify/blueprint_popups.html b/ecd-app-overlay/src/main/webapp/app/ecdapp/cloudify/blueprint_popups.html
new file mode 100644
index 0000000..ee92d84
--- /dev/null
+++ b/ecd-app-overlay/src/main/webapp/app/ecdapp/cloudify/blueprint_popups.html
@@ -0,0 +1,187 @@
+<script type="text/ng-template" id="blueprint_upload_popup.html">
+
+	<div class="b2b-modal-header ng-scope">
+		<h2 id="myModalLabel" modal-title="">{{ecdapp.label}}</h2>
+		<div class="corner-button in">
+			<button type="button" class="close" aria-label="Close"
+				ng-click="$dismiss('cancel')"></button>
+		</div>
+	</div>
+
+	<div class="b2b-modal-body ng-scope ng-isolate-scope" tabindex="0"
+		role="region" aria-label="Modal body content">
+
+		<div class="row-nowrap">
+			<div class="span12">
+				<div class="form-row">
+					<label for="blueprintId">*Blueprint ID</label>
+					<div class="field-group">
+						<!--autofocus is HTML5 attribute; doesn't work in Firefox-->
+						<input id="blueprintId" class="span12" type="text" data-ng-model="ecdapp.editBlueprint.blueprint_id" autofocus>
+					</div>
+				</div>
+			</div> 
+		</div>			
+			
+		<div class="row-nowrap">
+			<div class="span12">
+				<div class="form-row">
+					<label for="blueprintFileName">*File Name</label>
+					<div class="field-group">
+						<input id="blueprintFileName" class="span12" type="text" data-ng-model="ecdapp.editBlueprint.blueprint_filename">
+					</div>
+				</div>			
+			</div>
+		</div>
+
+		<div class="row-nowrap">
+			<div class="span12">
+				<div class="form-row">
+					<label for="zipFileUrl">*Zip File URL</label>
+					<div class="field-group">
+						<input id="zipFileUrl" class="span12" type="text" data-ng-model="ecdapp.editBlueprint.zip_url">
+					</div>
+				</div>			
+			</div>
+		</div>
+
+	</div>
+
+	<div class="b2b-modal-footer ng-scope ng-isolate-scope">
+		<div class="cta-button-group in">
+			<button class="btn btn-alt btn-small" type="button"
+					ng-click="ecdapp.uploadBlueprint(ecdapp.editBlueprint);">
+				Save
+			</button>
+			<button class="btn btn-small" type="button"
+				ng-click="$dismiss('cancel')">
+				Cancel
+			</button>
+		</div>
+	</div>
+
+</script>
+
+<script type="text/ng-template" id="blueprint_view_popup.html">
+
+	<div class="b2b-modal-header ng-scope">
+		<h2 id="myModalLabel" modal-title="">{{ecdapp.label}}</h2>
+		<div class="corner-button in">
+			<button type="button" class="close" aria-label="Close"
+				ng-click="$dismiss('cancel')"></button>
+		</div>
+	</div>
+
+	<div class="b2b-modal-body ng-scope ng-isolate-scope" tabindex="0"
+		role="region" aria-label="Modal body content">
+
+	 	<!-- show progress indicator -->
+		<div ng-show="ecdapp.isDataLoading">
+			<div class="span" style="margin-bottom:20px;">
+    			<i class="icon-primary-spinner small" role="img" aria-label="Please wait while the content loads"></i>
+	    		Please wait while the content loads.
+	    	</div>
+		</div>
+
+		<div ng-show="ecdapp.errMsg">
+			<span class="ecd-error-message">{{ecdapp.errMsg}}</span>
+		</div>
+	
+		<div ng-hide="ecdapp.errMsg">
+			<pre>{{ecdapp.blueprint}}</pre>
+		</div>
+
+	</div>
+
+	<div class="b2b-modal-footer ng-scope ng-isolate-scope">
+		<div class="cta-button-group in">
+			<button class="btn btn-alt btn-small" type="button"
+					ng-click="$dismiss('cancel');">
+				Close
+			</button>
+		</div>
+	</div>
+
+</script>
+
+<script type="text/ng-template" id="blueprint_deploy_popup.html">
+
+	<style>
+	.ecd-parameter-table
+	{
+	    border:   1px;
+    	overflow: auto;
+	}
+	.ecd-parameter-table th 
+	{
+		font-size: 1.4rem;
+	}
+	</style>
+
+	<div class="b2b-modal-header ng-scope">
+		<h2 id="myModalLabel" modal-title="">{{ecdapp.label}}</h2>
+		<div class="corner-button in">
+			<button type="button" class="close" aria-label="Close"
+				ng-click="$dismiss('cancel')"></button>
+		</div>
+	</div>
+
+	<div class="b2b-modal-body ng-scope ng-isolate-scope" tabindex="0"
+		role="region" aria-label="Modal body content">
+ 
+		<div class="row-nowrap">
+			<div class="span12">
+				<label for="blueprintFileName">*Deployment ID</label>
+				<!--autofocus is HTML5 attribute; doesn't work in Firefox-->
+				<input id="blueprintFileName" class="span12" type="text" data-ng-model="ecdapp.editRequest.deployment_id" autofocus/>
+			</div>
+			<div class="span12">
+				<label for="blueprintId">Blueprint ID</label>
+				<!--not editable-->
+				<input id="blueprintId" class="span12" type="text" disabled="disabled" data-ng-model="ecdapp.editRequest.blueprint_id"/>
+			</div> 
+		</div>			
+			
+		<div class="row-nowrap">
+			<div class="span12">
+				<div class="form-row">
+					<label for="parameters">*Parameters</label>
+   					<div b2b-file-drop file-model="ecdapp.editRequest.fileModel" on-drop="handleFileSelect()" align="center">
+    						<span b2b-file-link file-model="ecdapp.editRequest.fileModel" on-file-select="handleFileSelect()" >
+    						Drag &amp; drop a parameters YAML file here, or click to browse.
+   							</span>
+			        </div>
+		        </div>
+				<div class="ecd-parameter-table">
+					<table id="parameters">
+						<tr id="ecd-table-header">
+							<th width="40%">Name</th>
+							<th width="60%">Value</th>
+						</tr>
+	            		<tbody ng-repeat="(pkey, pval) in ecdapp.editRequest.parmFileDict">
+							<tr id="tr-rowData">
+								<td ng-bind="pkey"/>
+								<td ng-bind="pval"/>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+			</div>
+		</div>
+
+	</div>
+
+	<div class="b2b-modal-footer ng-scope ng-isolate-scope">
+		<div class="cta-button-group in">
+			<button class="btn btn-alt btn-small" type="button"
+					ng-click="ecdapp.deployBlueprint(ecdapp.editRequest);">
+				Save
+			</button>
+			<button class="btn btn-small" type="button"
+				ng-click="$dismiss('cancel')">
+				Cancel
+			</button>
+		</div>
+	</div>
+
+</script>
-- 
cgit 1.2.3-korg