- cleaned some code.

- routing offline
- pushNotification

src/components/offline/index.ts

@@ -0,0 +1 @@
+export {default as Offline} from './offline.vue'

src/components/offline/offline.scss

@@ -0,0 +1,29 @@
+.svgclass{
+  color: white;
+  transform: translateY(0px);
+
+}
+
+.svgclass_animate {
+  transform: translateY(-70px);
+  color: red;
+}
+
+#sun {
+  animation: gravity 5s infinite;
+
+}
+
+@keyframes gravity{
+  0%{
+    transform: rotateY(0deg);
+  }
+  100%{
+    transform: rotateY(360deg);
+  }
+}
+
+#smile{
+  opacity: 0.1 !important;
+  fill: red;
+}

src/components/offline/offline.ts

@@ -0,0 +1,53 @@
+import Vue from 'vue'
+import { Component } from 'vue-property-decorator'
+
+import { TimelineLite, Back } from 'gsap'
+
+import $ from 'jquery'
+import Timeout = NodeJS.Timeout
+
+@Component({
+
+})
+export default class Offline extends Vue {
+  logoimg: string = ''
+
+  created() {
+    this.logoimg = 'statics/images/' + process.env.LOGO_REG
+    this.animate()
+  }
+
+  animate () {
+    const timeline = new TimelineLite()
+
+    /*
+
+    let mysmile = $('#smile')
+
+    mysmile.attr('class', 'smile_hide')
+
+    setTimeout(() => {
+      mysmile.removeClass('smilevisible')
+      mysmile.addClass('smile_hide')
+    }, 1000)
+
+
+    setTimeout(() => {
+      mysmile.addClass('smilevisible')
+      mysmile.removeClass('smile_hide')
+    }, 10000)
+
+    */
+
+
+    /*
+    timeline.to('#smile', 5, {
+      cy: 20,
+      cx: 60,
+      ease: Back.easeInOut // Specify an ease
+    })
+    */
+
+  }
+
+}

src/components/offline/offline.vue

@@ -0,0 +1,11 @@
+<template>
+    <div id="offline">
+        Offline Page !
+    </div>
+</template>
+<script lang="ts" src="./offline.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './offline.scss';
+</style>