summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/animates.ts
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-08-23 11:05:42 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-08-23 11:05:53 +0800
commit4e11ad92dbc929de190a6c211457bebc88636acd (patch)
tree8803e836f32d02032703b7a01c7fcd2b620a745c /usecaseui-portal/src/app/animates.ts
parentbeb1797fc10f12fcdab0147fca7223c80e41c5c6 (diff)
refactor: change the position of animates.ts to utils
Change-Id: I712d76b1b327e8803d55e90b7a153ad0e44a14c9 Issue-ID: USECASEUI-307 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/animates.ts')
-rw-r--r--usecaseui-portal/src/app/animates.ts57
1 files changed, 0 insertions, 57 deletions
diff --git a/usecaseui-portal/src/app/animates.ts b/usecaseui-portal/src/app/animates.ts
deleted file mode 100644
index d5c29b7e..00000000
--- a/usecaseui-portal/src/app/animates.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
-
- 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.
-*/
-import { trigger, state, style, animate, transition } from '@angular/animations';
-
-// Routing animation
-export const slideToRight = trigger('routerAnimate', [
- // Define void to indicate empty state
- state('void', style({ position:'fixed', zIndex:'-1' })), //I don't understand why I want to add a positioning animation to take effect.
- // * Indicates any state
- state('*', style({ })),
- // Admission animation
- transition(':enter', [
- style({transform: 'translateX(-100%)'}),
- animate('.5s ease-in-out')
- ]),
- // Opening animation
- transition(':leave', [
- animate('.5s ease-in-out', style({transform: 'translateX(100%)'}) )
- ])
-]);
-// Detail page shows hidden animation
-export const showHideAnimate = trigger('showHideAnimate', [
- state('show', style({
- transform: 'scale(1)',
- display:'block',
- })),
- state('hide', style({
- transform: 'scale(0)',
- display:'none'
- })),
- transition('show => hide', animate('300ms ease-in')),
- transition('hide => show', animate('300ms ease-out'))
-]);
-// Detail page shows hidden animation
-export const slideUpDown = trigger('slideUpDown', [
- state('down', style({
- height: "*"
- })),
- state('up', style({
- height: "0"
- })),
- transition('down => up', animate('300ms ease-in')),
- transition('up => down', animate('300ms ease-out'))
-]); \ No newline at end of file