Upload Monitor function code

Change-Id: I33ad76221b4cb771a298ff240245fc24be664efb
Issue-Id: USECASEUI-6
Signed-off-by: shentao <shentao@chinamobile.com>

10 files changed, 600 insertions, 0 deletions

diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-del-confirm.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-del-confirm.html
new file mode 100644
index 00000000..da255bbf
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-del-confirm.html
@@ -0,0 +1,26 @@
+<div style="height:400px">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">Remove Report</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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>
+			
+			<div class="form-row input-emphasized-field">
+				<label class="span12 input-emphasized" for="textinputID-2a">The selected report will be removed. Do you want to continue</label>
+			</div>
+						
+					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+					<button class="btn btn-alt btn-small" type="button"  ng-click="ok()">OK</button>
+			<button class="btn btn-alt btn-small" type="button"
+				ng-click="cancel()">Cancel</button>
+		</div>
+	</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-formfield-del-confirm.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-formfield-del-confirm.html
new file mode 100644
index 00000000..7bdf5a29
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-formfield-del-confirm.html
@@ -0,0 +1,26 @@
+<div style="height:400px">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">Remove Formfield</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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>
+			
+			<div class="form-row input-emphasized-field">
+				<label class="span12 input-emphasized" for="textinputID-2a">The selected formfield {{tempFieldId}} will be removed. Do you want to continue</label>
+			</div>
+						
+					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+					<button class="btn btn-alt btn-small" type="button"  ng-click="ok()">OK</button>
+			<button class="btn btn-alt btn-small" type="button"
+				ng-click="cancel()">Cancel</button>
+		</div>
+	</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-security-role-del-confirm.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-security-role-del-confirm.html
new file mode 100644
index 00000000..01d1e609
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-security-role-del-confirm.html
@@ -0,0 +1,26 @@
+<div style="height:300px">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">Remove Report Role</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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>
+			
+			<div class="form-row input-emphasized-field">
+				<label class="span12 input-emphasized" for="textinputID-2a">{{securityRoleName}} will be removed. Would you want to continue?</label>
+			</div>
+						
+					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+					<button class="btn btn-alt btn-small" type="button"  ng-click="ok()">OK</button>
+			<button class="btn btn-alt btn-small" type="button"
+				ng-click="cancel()">Cancel</button>
+		</div>
+	</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-security-user-del-confirm.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-security-user-del-confirm.html
new file mode 100644
index 00000000..6620fe7c
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-security-user-del-confirm.html
@@ -0,0 +1,26 @@
+<div style="height:300px">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">Remove Report User</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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>
+			
+			<div class="form-row input-emphasized-field">
+				<label class="span12 input-emphasized" for="textinputID-2a">{{securityUserName}} will be removed. Would you want to continue?</label>
+			</div>
+						
+					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+					<button class="btn btn-alt btn-small" type="button"  ng-click="ok()">OK</button>
+			<button class="btn btn-alt btn-small" type="button"
+				ng-click="cancel()">Cancel</button>
+		</div>
+	</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-user-role-confirm-toggle.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-user-role-confirm-toggle.html
new file mode 100644
index 00000000..21bb046f
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-user-role-confirm-toggle.html
@@ -0,0 +1,23 @@
+<div>
+	<div class="b2b-modal-header ng-scope in">
+		<h1><i class="icon-primary-alert"></i></h1>
+		<h2 id="myModalLabel" modal-title="">Confirm</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 in" tabindex="0"
+		role="region" aria-label="Modal header text content"
+		style="height: 55px;">
+		You are about to {{rowData.accessAllowed?"grant":"revoke"}} {{rowData.name}} edit access. Would you like to continue?
+	</div>
+	<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+			<button class="btn btn-alt btn-medium" type="button"
+				ng-click="toggleEditAccessStatus(rowData);">Ok</button>
+			<button class="btn btn-clear btn-medium" type="button"
+				ng-click="cancelEditAccessToggle(rowData);">Cancel</button>
+		</div>
+	</div>
+</div>
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-col-edit.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-col-edit.html
new file mode 100644
index 00000000..e74f89a8
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-col-edit.html
@@ -0,0 +1,130 @@
+<style>
+#columnEditTable table tbody td {
+    border: none;
+}
+
+#columnEditTable table tbody tr {
+    border: none;
+}
+
+.colTableLeftColumn {
+	width: 45%;
+	text-align: right;
+	vertical-align:middle;
+}
+
+.colTableInput {
+	width:220px;
+}
+
+#columnEditTable .selectWrap{
+	width:220px;
+}
+
+
+#drilldownOption .selectWrap{
+	width:450px;
+}
+</style>
+
+<div style="height: 700px;">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">Report Column - Edit </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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>
+			
+<!-- 			<div class="form-row input-emphasized-field">
+				<label class="span12 input-emphasized" for="textinputID-2a">The selected report will be removed. Do you want to continue</label>
+			</div> -->
+	<div id="columnEditTable">
+    <table class="striped">
+<!--         <caption><span>Table caption</span></caption> -->
+<!--         <thead>
+            <tr>
+                <th>Column ID:</th>
+                <th>Name</th>
+                <th>ID</th>
+                <th>Edit</th>
+            </tr>
+        </thead> -->
+        <tbody>
+            <tr>
+                <td class="colTableLeftColumn">Column ID:</td>
+                <td>{{columnEditData.colId}}</td>
+            </tr>
+
+            <tr>
+                <td class="colTableLeftColumn">Display Name:</td>
+                <td><input type="text" name="displayName" ng-model="colName.value" class="colTableInput"></td>
+            </tr>
+
+<!--             <tr>
+                <td class="colTableLeftColumn">Display Width (px):</td>
+				<td><input type="text" name="displayWidth" ng-model="displayWidth" class="colTableInput"></td>            
+			</tr> -->
+            
+            <tr>
+                <td class="colTableLeftColumn">Display Alignment: </td>
+				<td>
+					<select name="displayAlignment" b2b-dropdown ng-model="selectedDisplayAlignment.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in displayAlignmentOptions" value="{{d.value}}">{{d.text}}</option>
+                    </select>
+				</td>
+            </tr>
+            
+            <tr>
+                <td class="colTableLeftColumn">Display Header Alignment:</td>
+				<td>
+					<select name="displayHeaderAlignment" b2b-dropdown ng-model="selectedDisplayHeaderAlignment.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in displayAlignmentOptions" value="{{d.value}}">{{d.text}}</option>
+                    </select>
+				</td>
+            </tr>                        
+
+            <tr>
+                <td class="colTableLeftColumn">Sortable:</td>
+				<td>
+					<select name="sortable" b2b-dropdown ng-model="sortable.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in ynOptions" value="{{d.value}}">{{d.text}}</option>
+                    </select>
+				</td>
+            </tr>                        
+
+            <tr>
+                <td class="colTableLeftColumn">Visible:</td>
+				<td>
+					<select name="visible" b2b-dropdown ng-model="visible.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in ynOptions" value="{{d.value}}">{{d.text}}</option>
+                    </select>
+				</td>
+            </tr>                        
+
+             <tr>
+                <td class="colTableLeftColumn" style="width:350px;">Drill-down Link:</td>
+				<td id="drilldownOption">
+					<select name="drillDown" b2b-dropdown ng-model="selectedDrillDownReport.value" placeholder-text="Select">
+						<option  b2b-dropdown-list option-repeat="d in drilldownReports" value="{{d.id}}">{{d.name}}</option>
+                    </select>
+				</td>
+            </tr>                         
+
+
+        </tbody>
+      </table>
+      </div>				
+					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+					<button class="btn btn-alt btn-small" type="button"  ng-click="save()">Save</button>
+			<button class="btn btn-alt btn-small" type="button"
+				ng-click="cancel()">Cancel</button>
+		</div>
+	</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-drilldown-edit.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-drilldown-edit.html
new file mode 100644
index 00000000..6b98ac78
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-drilldown-edit.html
@@ -0,0 +1,112 @@
+<style>
+#columnEditTable table tbody td {
+    border: none;
+}
+
+#columnEditTable table tbody tr {
+    border: none;
+}
+
+.colTableLeftColumn {
+	width: 45%;
+	vertical-align:center;
+}
+
+.colTableInput {
+	width:220px;
+}
+
+#columnEditTable .selectWrap{
+	width:220px;
+}
+
+</style>
+
+<div style="height: 700px;">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">Drill-down Parameters Configuration</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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>
+			
+	<div id="columnEditTable" ng-repeat="drillDownOption in drillDownOptionList">
+    <table class="striped">
+        <tbody>
+        <fieldset role="radiogroup" radio-group-accessibility>
+            <tr ng-show="childReportFF.length>0||childReportCol.length>0">	
+            	<td colspan="2">
+            		<h2>{{drillDownOption.name}}</h2>
+            	</td>       
+			</tr>            
+			
+            
+            <tr ng-show="childReportFF.length>0||childReportCol.length>0">	
+                <td>
+                	<div class="form-row" role="radio" style="margin-top:0px;">
+			            <label for="optionsRadios2{{$index}}" class="radio">
+			                <input type="radio" ng-model="drillDownOption.selectedvalueradioGroup.name" id="optionsRadios2{{$index}}" name="optionsRadio2{{$index}}" value="fixedValue">
+			                <i class="skin"></i>
+			                <span>Fixed Value</span>
+			            </label>
+			        </div>             
+                </td>
+                <td><input type="text" name="defaultValue" ng-model="drillDownOption.fixedValue.value" class="colTableInput"></td>                
+            </tr>
+            
+                                    
+            <tr ng-show="childReportCol.length>0">	
+                <td>
+                	<div class="form-row" role="radio" style="margin-top:0px;">
+			            <label for="optionsRadios3{{$index}}" class="radio">
+			                <input type="radio" ng-model="drillDownOption.selectedvalueradioGroup.name" id="optionsRadios3{{$index}}" name="optionsRadio3{{$index}}" value="reportCol">
+			                <i class="skin"></i>
+			                <span>Value of Column</span>
+			        </div>
+                </td>
+				<td>
+					<select name="childReportColumn" b2b-dropdown ng-model="drillDownOption.selectedChildReportColumn.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in childReportCol" value="{{d.id}}">{{d.name}}</option>
+                    </select>
+				</td>
+                
+            </tr>
+            
+            <tr ng-show="childReportFF.length>0">	
+                <td>
+                	<div class="form-row" role="radio" style="margin-top:0px;">
+                		<label for="optionsRadios4{{$index}}" class="radio">
+                			<input type="radio" ng-model="drillDownOption.selectedvalueradioGroup.name" id="optionsRadios4{{$index}}" name="optionsRadio4{{$index}}" value="reportFF">
+                			<i class="skin"></i>
+                		<span>Value of Form Field</span>
+        			</div>
+                </td>
+				<td>
+					<select name="childReportFormField" b2b-dropdown ng-model="drillDownOption.selectedChildReportFormField.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in childReportFF" value="{{d.id}}">{{d.name}}</option>
+                    </select>
+				</td>
+            </tr> 
+
+
+                       
+             </fieldset>
+
+
+        </tbody>
+      </table>
+      </div>				
+					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+			<button class="btn btn-alt btn-small" type="button"
+				ng-click="complete()">Complete</button>
+		</div>
+		
+	</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-formfield-edit.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-formfield-edit.html
new file mode 100644
index 00000000..c88eb596
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-formfield-edit.html
@@ -0,0 +1,149 @@
+<style>
+#columnEditTable table tbody td {
+    border: none;
+}
+
+#columnEditTable table tbody tr {
+    border: none;
+}
+
+.colTableLeftColumn {
+	width: 45%;
+	text-align: right;
+	vertical-align:middle;
+}
+
+.colTableInput {
+	width:220px;
+}
+
+#columnEditTable .selectWrap{
+	width:220px;
+}
+</style>
+
+<div style="height: 700px;">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">Report Form Field - Edit</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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>
+			
+<!-- 			<div class="form-row input-emphasized-field">
+				<label class="span12 input-emphasized" for="textinputID-2a">The selected report will be removed. Do you want to continue</label>
+			</div> -->
+	<div id="columnEditTable">
+    <table class="striped">
+<!--         <caption><span>Table caption</span></caption> -->
+<!--         <thead>
+            <tr>
+                <th>Column ID:</th>
+                <th>Name</th>
+                <th>ID</th>
+                <th>Edit</th>
+            </tr>
+        </thead> -->
+        <tbody>
+<!--             <tr>
+                <td class="colTableLeftColumn">Field ID:</td>
+                <td>{{formFieldEditData.fieldId}}</td>
+            </tr> -->
+
+            <tr>
+                <td class="colTableLeftColumn">Field Name:</td>
+                <td><input type="text" name="displayName" ng-model="fieldName.value" class="colTableInput"></td>
+            </tr>
+            
+            <tr>
+                <td class="colTableLeftColumn">Field Type: </td>
+				<td>
+					<select name="displayAlignment" b2b-dropdown ng-model="selectedFieldType.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in fieldTypeOptions" value="{{d.value}}">{{d.text}}</option>
+                    </select>
+				</td>
+            </tr>
+            
+            <tr>
+                <td class="colTableLeftColumn">Visible:</td>
+				<td>
+					<select name="displayHeaderAlignment" b2b-dropdown ng-model="selectedVisible.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in ynOptions" value="{{d.value}}">{{d.text}}</option>
+                    </select>
+				</td>
+            </tr>
+            
+            <tr>
+                <td class="colTableLeftColumn">SQL as Default Value:</td>
+				<td>
+	                <label for="checkbox1" class="checkbox">
+	                    <input id="checkbox1" type="checkbox" ng-model="sqlDefaultValueSelected.value" /><i class="skin"></i><span></span>
+	                </label>
+				</td>
+            </tr>
+                                    
+            <tr ng-hide="sqlDefaultValueSelected.value">	
+                <td class="colTableLeftColumn">Default Value:</td>
+                <td><input type="text" name="defaultValue" ng-model="defaultValue.value" class="colTableInput"></td>
+            </tr>
+
+
+            <tr ng-show="sqlDefaultValueSelected.value">
+                <td class="colTableLeftColumn">Default SQL:</td>
+                <td>
+                <textarea b2b-reset b2b-dragon-input b2b-reset-textarea ng-model="fieldDefaultSQL.value" style="height:80px">
+                </textarea>                
+                </td>
+                <td>
+                <p><button ng-click="formFieldVerifySQL(fieldDefaultSQL.value)" class="btn btn-alt btn-small">Verify</button></p>
+                </td>
+            </tr>
+            
+<!--             <tr>
+                <td class="colTableLeftColumn">Verify Field Value As: </td>
+				<td>
+					<select name="displayAlignment" b2b-dropdown ng-model="selectedVerifyFieldValue.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in verifyFieldValueOptions" value="{{d.value}}">{{d.text}}</option>
+                    </select>
+				</td>
+            </tr> -->
+            
+            <tr>
+                <td class="colTableLeftColumn">SQL Generating Custom List of Values:</td>
+                <td>
+                <textarea b2b-reset b2b-dragon-input b2b-reset-textarea ng-model="fieldSqlContent.value" style="height:80px">
+                </textarea>                
+                </td>
+                <td>
+                <p><button ng-click="formFieldVerifySQL(fieldSqlContent.value)" class="btn btn-alt btn-small">Verify</button></p>
+                </td>
+            </tr>
+
+<!--             <tr>
+                <td class="colTableLeftColumn">Drill-down Link:</td>
+				<td>
+					<select name="drillDown" b2b-dropdown ng-model="selectedDrillDownLink.value" placeholder-text="Select">
+						<option b2b-dropdown-list option-repeat="d in drillDownOptions" value="{{d.value}}">{{d.text}}</option>
+                    </select>
+				</td>
+            </tr>                         -->
+
+
+        </tbody>
+      </table>
+      </div>				
+					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+					<button class="btn btn-alt btn-small" type="button"  ng-click="save()">Save</button>
+			<button class="btn btn-alt btn-small" type="button"
+				ng-click="cancel()">Cancel</button>
+		</div>
+		
+	</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-report-name-validation.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-report-name-validation.html
new file mode 100644
index 00000000..50132ecf
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-report-name-validation.html
@@ -0,0 +1,20 @@
+<div style="height: 220px;">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">Warning</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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>			
+				<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+				<p>Please enter the missing report name.</p>
+
+					<button class="btn btn-alt btn-small" type="button"
+						ng-click="close()">close</button>
+			</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file
diff --git a/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-test-run-sql.html b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-test-run-sql.html
new file mode 100644
index 00000000..a7955cad
--- /dev/null
+++ b/usecaseui-common/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-wizard-test-run-sql.html
@@ -0,0 +1,62 @@
+<style>
+.colTableLeftColumn {
+	width: 45%;
+	text-align: right;
+	vertical-align:middle;
+}
+
+.colTableInput {
+	width:220px;
+}
+
+#columnEditTable .selectWrap{
+	width:220px;
+}
+</style>
+
+<div style="height: 700px;">
+    <div class="b2b-modal-header ng-scope in">
+        <h2 id="myModalLabel" modal-title="">SQL Test Run - {{isError?'Failed':'Executed'}}</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 in"  style="margin-bottom: -50px;">
+		<form name="workflowForm" class="css-form" novalidate>
+<!-- 			<div class="form-row input-emphasized-field">
+				<label class="span12 input-emphasized" for="textinputID-2a">The selected report will be removed. Do you want to continue</label>
+			</div> -->
+	<div>
+	
+	<div ng-show="isError">
+	<h2>Error Message:</h2><br>
+	<p>{{errormessage}}</p>
+	<h2>Stack Trace:</h2><br>
+	<p>{{stacktrace}}</p>
+
+	</div>
+    <table class="striped">
+         <thead>
+            <tr>
+                <th ng-repeat="colName in queryData.reportDataColumns">{{colName}}</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr ng-repeat="rowData in queryData.reportDataRows">
+                <td ng-repeat="keyName in queryData.reportDataColumns">{{rowData[keyName]}}</td>
+            </tr>
+
+        </tbody>
+      </table>
+      </div>				
+					<div class="b2b-modal-footer ng-scope ng-isolate-scope in">
+		<div class="cta-button-group in">
+			<button class="btn btn-alt btn-small" type="button"
+				ng-click="close()">Close</button>
+		</div>
+	</div>
+		</form>
+		<br />
+	</div>
+</div>
\ No newline at end of file