Initial OpenECOMP SDC commit

Change-Id: I0924d5a6ae9cdc161ae17c68d3689a30d10f407b
Signed-off-by: Michael Lando <ml636r@att.com>

1 files changed, 106 insertions, 0 deletions

diff --git a/catalog-ui/app/scripts/view-models/dashboard/dashboard-view.html b/catalog-ui/app/scripts/view-models/dashboard/dashboard-view.html
new file mode 100644
index 0000000000..0aef4e19c6
--- /dev/null
+++ b/catalog-ui/app/scripts/view-models/dashboard/dashboard-view.html
@@ -0,0 +1,106 @@
+<div class="sdc-catalog-container">
+    <loader data-display="isLoading"></loader>
+
+    <!-- HEADER -->
+<!--
+    <ecomp-header menu-data="menuItems" version="{{version}}"></ecomp-header>
+-->
+
+    <div class="w-sdc-main-container">
+
+        <perfect-scrollbar include-padding="true" class="w-sdc-main-right-container">
+
+            <!-- ADD Component -->
+            <div ng-if="user.role === 'DESIGNER' || user.role === 'PRODUCT_MANAGER'" class="w-sdc-dashboard-card-new"
+                 data-ng-mouseleave="displayActions = false"
+                 data-ng-mouseover="displayActions = true"
+                 data-ng-init="displayActions = false">
+                <div class="w-sdc-dashboard-card-new-content" data-tests-id="AddButtonsArea">
+                    <div class="w-sdc-dashboard-card-new-content-plus" data-ng-show="!displayActions"></div>
+                    <div class="sdc-dashboard-create-element-container" data-ng-show="displayActions">
+                        <button data-ng-if="roles[user.role].dashboard.showCreateNewProduct" class="tlv-btn outline blue" data-ng-click="openCreateModal('PRODUCT')">Create Product</button>
+                        <button data-ng-if="roles[user.role].dashboard.showCreateNew" data-tests-id="createResourceButton" class="tlv-btn outline blue" data-ng-click="openCreateModal('RESOURCE')">Add VF</button>
+                        <button data-ng-if="roles[user.role].dashboard.showCreateNew" data-tests-id="createServiceButton" class="tlv-btn outline blue" data-ng-click="openCreateModal('SERVICE')">Add Service</button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Import Component -->
+            <div ng-if="user.role === 'DESIGNER'" class="w-sdc-dashboard-card-new"
+                 data-ng-mouseleave="displayActions = false"
+                 data-ng-mouseover="displayActions = true"
+                 data-ng-init="displayActions = false">
+                <div class="w-sdc-dashboard-card-new-content" data-tests-id="importButtonsArea"  >
+                    <div class="w-sdc-dashboard-card-import-content-plus" data-ng-show="!displayActions"></div>
+                    <div class="sdc-dashboard-import-element-container" data-ng-show="displayActions">
+                        <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue">Import VFC
+                            <file-opener on-file-upload="onImportVfc(file)" data-tests-id="importVFCbutton" extensions="{{sdcConfig.toscaFileExtension}}" data-ng-click="displayActions=false"></file-opener>
+                        </div>
+                        <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue" data-ng-click="notificationIconCallback()">Import VSP</div>
+                        <div data-ng-if="roles[user.role].dashboard.showCreateNew" class="tlv-btn outline blue import-dcae">Import DCAE asset
+                            <file-opener on-file-upload="onImportVf(file)" data-tests-id="importVFbutton" extensions="{{sdcConfig.csarFileExtension}}" data-ng-click="displayActions=false"></file-opener>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div
+                data-ng-class="{'sdc-hide-popover': hidePopover,'resource' : component.isResource(),'service' : component.isService()}"
+                class="w-sdc-dashboard-card"
+                data-ng-repeat="component in components | entityFilter:checkboxesFilter | filter:search"
+                >
+                <div class="w-sdc-dashboard-card-body" data-tests-id="dashboard-Elements" data-ng-click="goToComponent(component)">
+                    <!--<div class="w-sdc-dashboard-card-description">{{entity.description}}</div>-->
+                    <div class="w-sdc-dashboard-card-avatar"><span data-tests-id="asset-type" class="{{component.getComponentSubType()}}"></span></div>
+                    <!--<div class="w-sdc-dashboard-card-edit" data-ng-class="component.lifecycleState" data-tests-id="{{component.lifecycleState}}"></div>-->
+                    <div class="w-sdc-dashboard-card-schema-image {{component.iconSprite}} {{component.icon}}"
+                         data-ng-class="{'sprite-resource-icons': component.isResource(), 'sprite-services-icons': component.isService()}"
+                         data-tests-id="{{component.name}}"></div>
+                    <div class="w-sdc-dashboard-card-info-name-container">
+                            <span class="w-sdc-dashboard-card-info-name" tooltips
+                                  tooltip-content="{{component.name | resourceName}}"> {{component.name | resourceName}}</span>
+                    </div>
+                </div>
+                <div class="w-sdc-dashboard-card-footer">
+
+                    <div class="w-sdc-dashboard-card-info">
+                        <div class="w-sdc-dashboard-card-info-lifecycleState">
+                            <span class="w-sdc-dashboard-card-info-lifecycleState" tooltips
+                                  tooltip-content="{{component.getStatus(sdcMenu)}}"> {{component.getStatus(sdcMenu)}}</span>
+                        </div>
+                        <div class="w-sdc-dashboard-card-info-user"data-tests-id="{{component.name}}Version">V {{component.version}}</div>
+                    </div>
+                    <!--<div class="w-sdc-dashboard-card-info-lifecycleState-icon sprite-new {{sdcMenu.LifeCycleStatuses[component.lifecycleState].icon}}"></div>-->
+                </div>
+            </div>
+
+        </perfect-scrollbar>
+
+        <div class="w-sdc-left-sidebar">
+            <div class="i-sdc-left-sidebar-item "
+                 data-ng-repeat="folder in folders.getFolders()"
+                 data-ng-class="{'category-title': folder.isGroup(), 'selectedLink': folder.isSelected()}"
+                 >
+                <span data-ng-if="folder.isGroup()">{{folder.text}}</span>
+
+                <sdc-checkbox data-ng-if="!folder.isGroup() && !folder.dist"
+                              elem-id="checkbox-{{folder.text | lowercase | clearWhiteSpaces}}"
+                              sdc-checklist-model="checkboxesFilter.selectedStatuses"
+                              sdc-checklist-value="folder.state"
+                              text="{{folder.text}}"></sdc-checkbox>
+
+                <sdc-checkbox data-ng-if="!folder.isGroup() && folder.dist"
+                              elem-id="checkbox-{{folder.text | lowercase | clearWhiteSpaces}}"
+                              sdc-checklist-model="checkboxesFilter.distributed"
+                              sdc-checklist-value="folder.dist"
+                              text="{{folder.text}}"></sdc-checkbox>
+                <span class="i-sdc-left-sidebar-item-state-count">{{entitiesCount(folder)}}</span>
+            </div>
+        </div>
+
+    </div>
+
+    <top-nav top-lvl-selected-index="0" version="{{version}}" search-bind="search.filterTerm" notification-icon-callback="notificationIconCallback" version="{{version}}"></top-nav>
+
+</div>
+<div data-ui-view=""></div>