From 80b299e8c4f290e3b16f35eea922cac989b6e767 Mon Sep 17 00:00:00 2001
From: seshukm <seshu.kumar.m@huawei.com>
Date: Wed, 8 Mar 2017 11:54:56 +0530
Subject: VnfMarket place refactor

IssueId : CLIENT-4

Change-Id: Ia1b076400f9c3bedf9db714099a608ece392aa59
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
---
 .../home/serviceDetails/serviceDetails.html        | 101 +++++++++++++++++++++
 1 file changed, 101 insertions(+)
 create mode 100644 vnfmarket/src/main/webapp/app/modules/home/serviceDetails/serviceDetails.html

(limited to 'vnfmarket/src/main/webapp/app/modules/home/serviceDetails/serviceDetails.html')

diff --git a/vnfmarket/src/main/webapp/app/modules/home/serviceDetails/serviceDetails.html b/vnfmarket/src/main/webapp/app/modules/home/serviceDetails/serviceDetails.html
new file mode 100644
index 00000000..446a5cd5
--- /dev/null
+++ b/vnfmarket/src/main/webapp/app/modules/home/serviceDetails/serviceDetails.html
@@ -0,0 +1,101 @@
+<!--
+  Copyright 2017 Huawei Technologies Co., Ltd.
+ 
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+ 
+      http://www.apache.org/licenses/LICENSE-2.0
+ 
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+<md-card>
+    <main class="mdl-layout__content service-details-page">
+        <div class="mdl-grid">
+            <!-- Start Top Description -->
+            <div class="mdl-card mdl-cell mdl-cell--12-col page-header-container">
+                <div class="mdl-card__title">
+                    <h1 class="mdl-card__title-text">
+                        {{'module.marketplace.serviceDetails.title' | translate}} {{vm.service.name}}
+                    </h1>
+                    <div class="mdl-layout-spacer"></div>
+                    <!-- <a href="testFile.txt" download="testFile" class="show-install mdl-button mdl-js-button mdl-button--primary"><i class="material-icons">get_app</i>Download</a> -->
+                    <button class="show-deploy mdl-button mdl-js-button mdl-button--primary" data-toggle="modal" data-target="#upload-service" data-uplsubmitbtn="update" ng-click="vm.downloadService(vm.service.csarId)">
+              <md-tooltip md-direction="top">{{'common.actions.download' | translate}} </md-tooltip>
+              <i class="material-icons">{{'common.actions.getApp' | translate}}</i>{{'common.actions.download' | translate}}</button>
+                    <button class="show-deploy mdl-button mdl-js-button mdl-button--primary" data-toggle="modal" data-target="#upload-service" data-uplsubmitbtn="update">
+              <md-tooltip md-direction="top">{{'common.actions.update' | translate}}</md-tooltip>
+              <i class="material-icons">{{'common.actions.fileUpload' | translate}}</i>{{'common.actions.update' | translate}}</button>
+                    <button id="delete-service-button" class="show-deploy mdl-button mdl-js-button mdl-button--primary" data-toggle="modal" data-target="#delete-service-modal" ng-click="vm.serviceDelete(vm.service)">
+              <md-tooltip md-direction="top">{{'common.actions.delete' | translate}}</md-tooltip>
+              <i class="fa fa-times serviceDelete"></i>{{'common.actions.delete' | translate}}</button>
+                </div>
+                <div class="mdl-card__supporting-text service-details-page-header-text">
+                    <div class="row service-actions">
+                        <div class="col-md-6">
+                            <div class="panel panel-default">
+                                <div class="panel-heading">{{'module.marketplace.serviceDetails.info.details' | translate}}</div>
+                                <div class="panel-body ng-binding">{{vm.service.details}}</div>
+                            </div>
+                            <div class="panel panel-default">
+                                <div class="panel-heading">{{'module.marketplace.serviceDetails.info.remarks' | translate}}</div>
+                                <div class="panel-body ng-binding">{{vm.service.remarks}}</div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="panel panel-default">
+                                        <div class="panel-heading ng-binding">{{'module.marketplace.serviceDetails.info.provider' | translate}}</div>
+                                        <div class="panel-body">{{vm.service.provider}}</div>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="panel panel-default">
+                                        <div class="panel-heading ng-binding">{{'module.marketplace.serviceDetails.info.serviceType' | translate}}</div>
+                                        <div class="panel-body">{{vm.service.type}}</div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="panel panel-default">
+                                        <div class="panel-heading ng-binding">{{'module.marketplace.serviceDetails.info.csarId' | translate}}</div>
+                                        <div class="panel-body">{{vm.service.csarId}}</div>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="panel panel-default">
+                                        <div class="panel-heading ng-binding">{{'module.marketplace.serviceDetails.info.fileSize' | translate}}</div>
+                                        <div class="panel-body">{{vm.service.size}}</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row service-actions">
+                        <div class="col-md-6">
+                            <div class="panel panel-default">
+                                <div class="panel-heading">{{'module.marketplace.serviceDetails.info.funcTestReport' | translate}}</div>
+                                <div class="panel-body ng-binding">
+                                    <a href="{{vm.service.funcTestReportUrl}}" target="_blank">{{'common.actions.clickHere' | translate}}</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- End top Description -->
+        <div class="mdl-layout__tab-panel is-active" id="overview">
+
+        </div>
+
+    </main>
+    <!-- main ends -->
+</md-card>
\ No newline at end of file
-- 
cgit 1.2.3-korg