summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps')
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step1.html213
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step2.html26
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step3.html34
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step4.html47
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step5.html172
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step6.html34
-rw-r--r--ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step7.html16
7 files changed, 542 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step1.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step1.html
new file mode 100644
index 00000000..a9baadf8
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step1.html
@@ -0,0 +1,213 @@
+<h1 class="heading-page">Step 1 - Report Definition</h1>
+
+<div ng-show="showLoader" class="span loader-container">
+ <i class="icon-primary-spinner" role="img"
+ aria-label="Please wait while we load your content"></i>
+</div>
+
+<div class="span6" ng-hide="showLoader">
+
+ <div class="form-row" ng-if="isEdit">
+ <label for="textinputID-2a">Report ID</label>
+ <div class="field-group">
+ <input id="textinputID-2a" ddh-reset="" class="span12" type="text" data-ng-model="definitionData.reportId" ng-disabled="true">
+ </div>
+ </div>
+
+ <div class="form-row" >
+ <label for="textinputID-2a">Report Name</label>
+ <div class="field-group">
+ <input id="reportName" ddh-reset="" class="span12" type="text" data-ng-model="definitionData.reportName">
+ </div>
+ </div>
+ <br>
+ <div class="form-row" >
+ <label for="textinputID-2a">Report Description</label>
+ <div class="field-group">
+ <textarea b2b-reset b2b-reset-textarea ng-model="definitionData.reportDescr" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" class="span12" id="textareaID1Tooltip1" ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
+ </div>
+ </div>
+ <div class="form-row" >
+ <label for="textinputID-2a">Report Type</label>
+ <div class="field-group">
+ <input id="reportType" ddh-reset="" class="span12" type="text" data-ng-model="definitionData.reportType" ng-disabled="true">
+ </div>
+ </div>
+ <div class="form-row" >
+ <label for="textinputID-2a">Data Source</label>
+ <div class="field-group">
+ <input id="dataSrc" ddh-reset="" class="span12" type="text" data-ng-model="definitionData.dbInfo" ng-disabled="true">
+ </div>
+ </div>
+ <div class="form-row" >
+ <label for="textinputID-2a">Form Help Text</label>
+ <div class="field-group">
+ <textarea b2b-reset b2b-reset-textarea ng-model="definitionData.formHelpTxt" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" class="span12" id="textareaID1Tooltip1" ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
+ </div>
+ </div>
+ <div class="form-row" >
+ <label for="textinputID-2a">Report Definition</label>
+ <div class="field-group">
+ <input id="reportType" ddh-reset="" class="span12" type="text" data-ng-model="definitionData.repDefType" ng-disabled="true">
+ </div>
+ </div>
+ <div class="form-row" >
+ <label for="pageSizeDD">Page Size</label>
+ <select id="pageSizeDD" name="pageSizeDD" aria-describedby="pageSizeDropdown" b2b-dropdown placeholder-text="Select Page Size" ng-model="definitionData.pageSize">
+ <option b2b-dropdown-list option-repeat="d in pageSizeOptions" value="{{d.value}}">{{d.text}}</option>
+ </select>
+ </div>
+ <div class="form-row">
+ <div class="listbox-container">
+ <label id="pageSizeDD">Display Area</label>
+ <div class="listbox-list" tabindex="-1">
+ <b2b-list-box current-index="currentIndex1" listbox-data="definitionData.displayArea">
+ <div tabindex="-1" data-index="{{$index}}" b2b-accessibility-click="13,32" ng-repeat="displayArea in definitionData.displayArea" role="option" class="b2b-list-box-item" ng-class="{'b2b-list-box-item--selected' : displayArea.selected}" ng-bind-html="displayArea.name | unsafe"></div>
+ </b2b-list-box>
+ </div>
+ </div>
+ </div>
+ <div class="form-row">
+ <label for="hideFormFieldsRun" class="checkbox">
+ <input id="hideFormFieldsRun" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" /><i class="skin"></i><span>Hide Form fields after run?</span>
+ </label>
+ </div>
+ <div class="form-row" >
+ <label for="maxRowDD">Max Rows in Excel/CSV Download</label>
+ <select id="maxRowDD" name="maxRowDD" aria-describedby="maxRowOptions" b2b-dropdown placeholder-text="Select Max Row" ng-model="definitionData.maxRowsInExcelCSVDownload">
+ <option b2b-dropdown-list option-repeat="d in maxRowOptions" value="{{d.value}}">{{d.text}}</option>
+ </select>
+ </div>
+ <div class="form-row" >
+ <label for="frozenColDD">Columns to be Frozen</label>
+ <select id="frozenColDD" name="frozenColDD" aria-describedby="Columns to be Frozen" b2b-dropdown placeholder-text="Select Columns to be Frozen" ng-model="definitionData.frozenColumns">
+ <option b2b-dropdown-list option-repeat="d in frozenColOptions" value="{{d.value}}">{{d.text}}</option>
+ </select>
+ </div>
+ <div class="form-row" >
+ <label for="dataGridAlignDD">Data Grid Align</label>
+ <select id="dataGridAlignDD" name="dataGridAlignDD" aria-describedby="Data Grid Align" b2b-dropdown placeholder-text="Select Data Grid Align" ng-model="definitionData.dataGridAlign">
+ <option b2b-dropdown-list option-repeat="d in dataGridAlignOptions" value="{{d.value}}">{{d.text}}</option>
+ </select>
+ </div>
+ <div class="form-row" >
+ <label for="textinputID-2a">Empty message</label>
+ <div class="field-group">
+ <input id="emptyMessage" ddh-reset="" class="span12" type="text" data-ng-model="definitionData.emptyMessage">
+ </div>
+ </div>
+
+ <div class="form-row" >
+ <label for="highDataContainerDD">Height of the Data Container(%)</label>
+ <select id="highDataContainerDD" name="highDataContainerDD" aria-describedby="Height of the Data Container" b2b-dropdown placeholder-text="Select Height of the Data Container" ng-model="definitionData.dataContainerHeight">
+ <option b2b-dropdown-list option-repeat="d in dataContainerOptions" value="{{d.value}}">{{d.text}}</option>
+ </select>
+ </div>
+ <div class="form-row" >
+ <label for="widDataContainerDD">Width of the Data Container(%)</label>
+ <select id="widDataContainerDD" name="widDataContainerDD" aria-describedby="Width of the Data Container" b2b-dropdown placeholder-text="Select Width of the Data Container" ng-model="definitionData.dataContainerWidth">
+ <option b2b-dropdown-list option-repeat="d in dataContainerOptions" value="{{d.value}}">{{d.text}}</option>
+ </select>
+ </div>
+ <div class="form-row">
+ <label for="aScheduler" class="checkbox">
+ <input id="aScheduler" type="checkbox" ng-model="definitionData.allowScheduler" /><i class="skin"></i><span>Allow Scheduler</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="sizeByContent" class="checkbox">
+ <input id="sizeByContent" type="checkbox" ng-model="definitionData.sizedByContent" /><i class="skin"></i><span>Sized By Content</span>
+ </label>
+ </div>
+ <br>
+ <label id="pageSizeDD">Display Options:</label>
+ <br>
+ <div class="form-row">
+ <label for="hideFormField" class="checkbox">
+ <input id="hideFormField" type="checkbox" ng-model="displayOptions.hideFormFields" /><i class="skin"></i><span>Hide Form Fields</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="hideCart" class="checkbox">
+ <input id="hideCart" type="checkbox" checked ng-model="displayOptions.hideChart" /><i class="skin"></i><span>Hide Chart</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="hideReportData" class="checkbox">
+ <input id="hideReportData" type="checkbox" checked ng-model="displayOptions.hideReportData" /><i class="skin"></i><span>Hide Report Data</span>
+ </label>
+ </div>
+
+ <div class="form-row">
+ <label for="hideExcel" class="checkbox">
+ <input id="hideExcel" type="checkbox" checked ng-model="displayOptions.hideExcel" /><i class="skin"></i><span>Hide Excel</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="hidePDF" class="checkbox">
+ <input id="hidePDF" type="checkbox" checked ng-model="displayOptions.hidePdf" /><i class="skin"></i><span>Hide PDF</span>
+ </label>
+ </div>
+
+ <div class="form-row">
+ <label for="sortColRun" class="checkbox">
+ <input id="sortColRun" type="checkbox" checked ng-model="definitionData.runtimeColSortDisabled" /><i class="skin"></i><span>Disable column sort at runtime?</span>
+ </label>
+ </div>
+ <div class="form-row" >
+ <label for="runTimeFormNumDD">Run-time Form Number Columns</label>
+ <select id="runTimeFormNumDD" name="runTimeFormNumDD" aria-describedby="Run-time Form Number Columns" b2b-dropdown placeholder-text="Select Run-time Form Number Columns" ng-model="definitionData.numFormCols">
+ <option b2b-dropdown-list option-repeat="d in runTimeFormNumOptions" value="{{d.value}}">{{d.text}}</option>
+ </select>
+ </div>
+ <div class="form-row" >
+ <label for="reportTitle">Report Title (if blank, the Report Name will be displayed)</label>
+ <div class="field-group">
+ <textarea b2b-reset b2b-reset-textarea ng-model="definitionData.reportTitle" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" class="span12" id="reportTitle" ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
+ </div>
+ </div>
+ <div class="form-row" >
+ <label for="reportSubTitle">Report Sub-Title</label>
+ <div class="field-group">
+ <textarea b2b-reset b2b-reset-textarea ng-model="definitionData.reportSubTitle" ng-disabled="disabled" ng-trim="false" placeholder="{{placeholderText}}" rows="{{textAreaRows}}" maxlength="{{textAreaMaxlength}}" class="span12" id="reportSubTitle" ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
+ </div>
+ </div>
+ <div class="form-row">
+ <label for="oneTime" class="checkbox">
+ <input id="oneTime" type="checkbox" ng-model="definitionData.oneTimeRec" /><i class="skin"></i><span>One Time</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="hourly" class="checkbox">
+ <input id="hourly" type="checkbox" checked ng-model="definitionData.hourlyRec" /><i class="skin"></i><span>Hourly</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="daily" class="checkbox">
+ <input id="daily" type="checkbox" ng-model="definitionData.dailyRec" /><i class="skin"></i><span>Daily</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="dailyMF" class="checkbox">
+ <input id="dailyMF" type="checkbox" checked ng-model="definitionData.dailyMFRec" /><i class="skin"></i><span>Daily Monday - Friday</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="weekly" class="checkbox">
+ <input id="weekly" type="checkbox" ng-model="definitionData.weeklyRec" /><i class="skin"></i><span>Weekly</span>
+ </label>
+ </div>
+ <div class="form-row">
+ <label for="monthly" class="checkbox">
+ <input id="monthly" type="checkbox" checked ng-model="definitionData.monthlyRec" /><i class="skin"></i><span>Monthly</span>
+ </label>
+ </div>
+ <br>
+
+ <div class="form-row">
+<!-- <button class="btn btn-alt btn-small" type="button" ng-click="createDefinition()" ng-if="!isEdit">Save</button>
+ --> <button class="btn btn-alt btn-small" type="button" ng-click="updateDef()" >Save</button>
+<!-- <button class="btn btn-alt btn-small" type="button" ng-click="next()" ng-show="$scope.isEdit" >Next</button>
+ --> </div>
+
+</div> \ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step2.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step2.html
new file mode 100644
index 00000000..e21af0c8
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step2.html
@@ -0,0 +1,26 @@
+<h1 class="heading-page">Step 2 - Report SQL</h1>
+
+<div ng-show="showLoader" class="span loader-container">
+ <i class="icon-primary-spinner" role="img"
+ aria-label="Please wait while we load your content"></i>
+</div>
+<h2 ng-show="pageisCreating">{{pageMsg}}</h2>
+<div class="" ng-hide="showLoader">
+ <div class="form-row" >
+ <label for="textinputID-2a">Report SQL</label>
+ <div class="field-group" align="center">
+ <textarea b2b-reset b2b-reset-textarea ng-model="sqlScript.value" ng-trim="false" placeholder="{{placeholderText}}" rows="25" class="span12" id="textareaID1Tooltip1" ng-focus='showTooltip1=true' ng-blur='showTooltip1=false' aria-describedby="textareaID1TooltipContent1"></textarea>
+ </div>
+ </div>
+ <div class="form-row" align="right">
+ <button class="btn btn-alt btn-small" type="button" ng-click="testRunSql()" >Validate & Test Run SQL</button>
+ </div>
+ <div class="form-row">
+<!-- <button class="btn btn-alt btn-small" type="button" ng-click="previous()" >Previous</button>
+ --> <button class="btn btn-alt btn-small" type="button" ng-click="updateDef()" >Save</button>
+<!-- <button class="btn btn-alt btn-small" type="button" ng-click="next()" >Next</button>
+ --> </div>
+
+</div>
+
+
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step3.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step3.html
new file mode 100644
index 00000000..e1f02a1c
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step3.html
@@ -0,0 +1,34 @@
+<h1 class="heading-page">Step 3 - Report Columns</h1>
+<div ng-show="showLoader" class="span loader-container">
+ <i class="icon-primary-spinner" role="img"
+ aria-label="Please wait while we load your content"></i>
+</div>
+<div class="" ng-hide="showLoader">
+ <div class="form-row" >
+ <table class="striped">
+ <thead>
+ <tr>
+ <th>No</th>
+ <th key="id" sortable="true">ID</th>
+ <th>Display Name</th>
+ <th>Edit</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr ng-repeat = "rowData in colTableRowData">
+ <td>{{$index+1}}</td>
+ <td>{{rowData.id}}</td>
+ <td>{{rowData.name}}</td>
+ <td><a ng-click="openColumnPopup(rowData)" class="icon-misc-pen"></a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+<!-- <div class="form-row">
+ <button class="btn btn-alt btn-small" type="button" ng-click="previous()" >Previous</button>
+ <button class="btn btn-alt btn-small" type="button" ng-click="next()" >Next</button>
+ </div> -->
+
+</div>
+
+
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step4.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step4.html
new file mode 100644
index 00000000..dc3be5c8
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step4.html
@@ -0,0 +1,47 @@
+<h1 class="heading-page">Step 4 - Report Form Fields</h1>
+<div ng-show="showLoader" class="span loader-container">
+ <i class="icon-primary-spinner" role="img"
+ aria-label="Please wait while we load your content"></i>
+</div>
+<div ng-hide="showLoader">
+ <div class="form-row" >
+ <h2>Report Form Fields 4</h2>
+ <table class="striped">
+ <thead>
+ <tr>
+ <th default-sort="a" sortable="true" >Order Number</th>
+ <th>Field Name</th>
+ <th>Edit</th>
+ <th>Order</th>
+ <th>Delete</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr ng-repeat = "rowData in formFieldData">
+ <td>{{rowData.orderSeq}}</td>
+ <td>{{rowData.name}}[{{rowData.id}}]</td>
+ <td><a ng-click="openFormFieldPopup(rowData,'edit')" class="icon-misc-pen"></a></td>
+ <td>
+ <span ng-if="!$first">
+ <a ng-click="formFieldReOrder(rowData.id, formFieldData[$index-1].id)" class="icon-controls-upPRIMARY"></a>
+ </span>
+ <span ng-if="!$last">
+ <a ng-click="formFieldReOrder(formFieldData[$index+1].id, rowData.id)" class="icon-controls-down"></a>
+ </span>
+ </td>
+ <td><a ng-click="deleteFormField(rowData)" class="icon-misc-trash"></a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div align="right">
+ <button class="btn btn-alt btn-small" type="button" ng-click="addFormField()">Add</button>
+ </div>
+<!-- <div class="form-row">
+ <button class="btn btn-alt btn-small" type="button" ng-click="previous()" >Previous</button>
+ <button class="btn btn-alt btn-small" type="button" ng-click="next()" >Next</button>
+ </div> -->
+
+</div>
+
+
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step5.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step5.html
new file mode 100644
index 00000000..13278029
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step5.html
@@ -0,0 +1,172 @@
+<style>
+#stepView table tbody td {
+ border: none;
+}
+
+#stepView table tbody tr {
+ border: none;
+}
+
+.noTableBorder table tbody td {
+ border: none;
+}
+
+.noTableBorder table tbody tr {
+ border: none;
+}
+</style>
+<h1 class="heading-page">Step 5 - Report Security</h1>
+
+<div ng-show="showLoader" class="span loader-container">
+ <i class="icon-primary-spinner" role="img"
+ aria-label="Please wait while we load your content"></i>
+</div>
+<div class="" ng-hide="showLoader">
+ <div class="form-row">
+ <div id="stepViewSecurity">
+ <div class="noTableBorder">
+ <table class="striped">
+ <tbody>
+ <tr>
+ <td>Created By: {{reportSecurityInfo.createdUser}}</td>
+ <td>Created Date: {{reportSecurityInfo.createdDate}}</td>
+ <tr />
+ <tr>
+ <td>Last Updated By: {{reportSecurityInfo.updateUser}}</td>
+ <td>Last Updated: {{reportSecurityInfo.updatedDate}}</td>
+ <tr />
+ <tr>
+ <td>Report Owner: <select name="reportOwner" b2b-dropdown
+ ng-model="reportSecurityInfo.ownerId">
+ <option b2b-dropdown-list option-repeat="d in reportOwnerList"
+ value="{{d.id}}">{{d.name}}</option>
+ </select>
+
+ </td>
+ <td>Public? (All users can run the report): <select
+ name="isPublic" b2b-dropdown
+ ng-model="reportSecurityInfo.isPublic">
+ <option b2b-dropdown-list option-repeat="d in ynOptions"
+ value="{{d.value}}">{{d.text}}</option>
+ </select>
+ </td>
+ <tr />
+ </tbody>
+ </table>
+ </div>
+
+ <div style="margin-top: 20px;">
+ <h1 style="margin-bottom: 5px;">Report Users</h1>
+ <table class="striped">
+ <thead>
+ <tr>
+ <th width="10%">No</th>
+ <th width="45%">User Name</th>
+ <th width="15%">Run Access</th>
+ <th width="15%">Edit Access</th>
+ <th width="15%">Remove</th>
+ <tr />
+ </thead>
+ <tbody>
+ <tr ng-repeat="reportUser in reportSecurityUsers">
+ <td>{{$index+1}}</td>
+ <td>{{reportUser.name}}</td>
+ <td>
+ <label for="switch{{$index+1}}runAccess"
+ class="btn-switch-label"> <input type="checkbox"
+ role="switch" id="switch{{$index+1}}runAccess" b2b-switches
+ ng-model="reportUser.runAccess" ng-disabled=true aria-disabled=true aria-label="">
+ </label>
+ </td>
+ <td><label for="switch{{$index+1}}" class="btn-switch-label">
+ <input type="checkbox" role="switch" id="switch{{$index+1}}"
+ b2b-switches ng-model="reportUser.accessAllowed"
+ ng-click="toggleUserEditAccessActive(reportUser)"
+ ng-disabled=false aria-disabled=false aria-label="">
+ </label></td>
+ <td><a class="icon-misc-trash" style="font-size: 22px;"
+ ng-click="removeReportSecurityUser(reportUser)"> </a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <div>
+ <h2>Grant Access To:</h2>
+ <div>
+ <select id="reportUser" name="reportUser" b2b-dropdown
+ ng-model="addReportUserId.id" placeholder-text="Select a User">
+ <option b2b-dropdown-list option-repeat="d in reportOwnerList"
+ value="{{d.id}}">{{d.name}}</option>
+ </select>
+ </div>
+ <div>
+ <button class="btn btn-alt btn-small" type="button"
+ ng-click="addReportSecurityUser(addReportUserId.id)">Add</button>
+ </div>
+ </div>
+
+ <div style="margin-top: 20px;">
+ <h1>Report Roles</h1>
+ <table class="striped">
+ <thead>
+ <tr>
+ <th width="10%">No</th>
+ <th width="45%">Role Name</th>
+ <th width="15%">Run Access</th>
+ <th width="15%">Edit Access</th>
+ <th width="15%">Remove</th>
+ <tr />
+ </thead>
+ <tbody>
+ <tr ng-repeat="reportRole in reportSecurityRoles">
+ <td>{{$index+1}}</td>
+ <td>{{reportRole.name}}</td>
+ <td>
+ <label for="switch{{$index+1}}RoleRunAccess"
+ class="btn-switch-label"> <input type="checkbox"
+ role="switch" id="switch{{$index+1}}RoleRunAccess" b2b-switches
+ ng-model="reportRole.runAccess" ng-disabled=true aria-disabled=true aria-label="">
+ </label>
+ </td>
+ <td><label for="switch{{$index+1}}RoleEditAccess"
+ class="btn-switch-label"> <input type="checkbox"
+ role="switch" id="switch{{$index+1}}RoleEditAccess"
+ b2b-switches ng-model="reportRole.accessAllowed"
+ ng-click="toggleRoleEditAccessActive(reportRole)"
+ ng-disabled=false aria-disabled=false aria-label="">
+ </label></td>
+ <td><a class="icon-misc-trash"
+ ng-click="removeReportSecurityRole(reportRole)"
+ style="font-size: 22px;"> </a></td>
+ </tr>
+ </tbody>
+ </table>
+ <div>
+ <h2 colspan="2">Grant Access To:</h2>
+ <div colspan="2">
+ <select name="reportOwner" b2b-dropdown
+ ng-model="addReportRoleId.id" placeholder-text="Select a Role">
+ <option b2b-dropdown-list option-repeat="d in reportRoleList"
+ value="{{d.id}}">{{d.name}}</option>
+ </select>
+ </div>
+ <div>
+ <button class="btn btn-alt btn-small" type="button"
+ ng-click="addReportSecurityRole(addReportRoleId.id)">Add</button>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ <div class="form-row">
+<!-- <button class="btn btn-alt btn-small" type="button"
+ ng-click="previous()">Previous</button> -->
+ <button class="btn btn-alt btn-small" type="button"
+ ng-click="saveReportSecurityInfo()">Save</button>
+<!-- <button class="btn btn-alt btn-small" type="button" ng-click="next()">Next</button>
+ --> </div>
+
+</div>
+
+
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step6.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step6.html
new file mode 100644
index 00000000..4849190a
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step6.html
@@ -0,0 +1,34 @@
+<h1 class="heading-page">Step 6 - Report Log</h1>
+
+<div ng-show="showLoader" class="span loader-container">
+ <i class="icon-primary-spinner" role="img"
+ aria-label="Please wait while we load your content"></i>
+</div>
+<div ng-hide="showLoader">
+ <div class="form-row" >
+ <h2 for="textinputID-2a">Report Logs</h2>
+ <table class="striped" ng-cloak>
+ <thead>
+ <tr>
+ <th>No</th>
+ <th>User Name</th>
+ <th>Log Time</th>
+ <th>Action</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr ng-repeat = "rowData in logs">
+ <td>{{$index+1}}</td>
+ <td>{{rowData.userName}}</td>
+ <td>{{rowData.logTime}}</td>
+ <td>{{rowData.action}}</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+<!-- <div class="form-row">
+ <button class="btn btn-alt btn-small" type="button" ng-click="previous()" >Previous</button>
+ <button class="btn btn-alt btn-small" type="button" ng-click="next()" >Next</button>
+ </div> -->
+
+</div> \ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step7.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step7.html
new file mode 100644
index 00000000..298cce8f
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/steps/step7.html
@@ -0,0 +1,16 @@
+<h1 class="heading-page">Step 7 - Report Run</h1>
+
+<div ng-show="showLoader" class="span loader-container">
+ <i class="icon-primary-spinner" role="img"
+ aria-label="Please wait while we load your content"></i>
+</div>
+<div class="" ng-hide="showLoader">
+ <div class="form-row" >
+ <button class="btn btn-alt btn-small" type="button" ng-click="runReport()" >Run Report</button>
+ </div>
+<!-- <div class="form-row">
+ <button class="btn btn-alt btn-small" type="button" ng-click="previous()" >Previous</button>
+ </div> -->
+</div>
+
+