summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/ccvpn-network
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-08-13 18:29:17 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-08-13 18:29:25 +0800
commit45fe372a7b7840b3d2c207e4b29bf7028f7df58d (patch)
treeeaa4a62f7d08decc9c6c587136c175b5b4ff923e /usecaseui-portal/src/app/ccvpn-network
parent4dd1133ef94b2135fa12cbbc653c3b8669b37656 (diff)
feat: add loading for page
Change-Id: I23a0076ffb14779e60e0aa810a6c0f1fa046a3ac Issue-ID: USECASEUI-306 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/ccvpn-network')
-rw-r--r--usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.html3
-rw-r--r--usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts3
2 files changed, 5 insertions, 1 deletions
diff --git a/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.html b/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.html
index 1a1a2a46..25687f67 100644
--- a/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.html
+++ b/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.html
@@ -13,6 +13,7 @@
See the License for the specific language governing permissions and
limitations under the License.
-->
+<nz-spin [nzSpinning]="isSpinning" nzSize="large">
<div class="model">
<!--chart-->
<button nz-button nzType="primary" *ngIf="!nonetwork" style="margin-top: 2px;display: inline-block" (click)="showForm()"
@@ -148,4 +149,4 @@
<button nz-button nzType="default" nzSize="small" class="del-button" style="width: 60px;" (click)="hideForm()"> {{"i18nTextDefine_Cancel" | translate}} </button>
</div>
</div>
-
+</nz-spin>
diff --git a/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts b/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts
index 9620a977..b49b6902 100644
--- a/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts
+++ b/usecaseui-portal/src/app/ccvpn-network/ccvpn-network.component.ts
@@ -87,6 +87,7 @@ export class CcvpnNetworkComponent implements OnInit {
outCloudShow = false;
inputshow = false;
delBoxisVisible = false;
+ isSpinning = true;
d3Data = [];//D3Render the required data
logicalLinks = [];//logicalLinks Existing connection data returned by the interface
@@ -166,8 +167,10 @@ export class CcvpnNetworkComponent implements OnInit {
//Get cloud image data
getD3Data() {
+ this.isSpinning = true;
this.myhttp.getNetworkD3Data()
.subscribe((data) => {
+ this.isSpinning = false;
if (data.length == 0) {
this.addLinkDisabled = false;
this.nonetwork = true;