+
@@ -29,6 +29,12 @@
position: relative;
line-height: 1;
+ .big & {
+ font-size: 32px;
+ height: 38px;
+ width: 24px;
+ }
+
&::after {
content:' ';
display: inline-block;
@@ -60,6 +66,10 @@
export default {
props: {
+ size: {
+ type: String,
+ default: () => ''
+ },
textToShow: {
type: String,
default: () => ''
@@ -68,7 +78,7 @@
type: Number,
default: () => 0
},
- size: {
+ length: {
type: Number,
},
loops: {
@@ -81,10 +91,10 @@
}
},
data() {
- const newArray = Array.apply(null, Array(this.size)).map(() => ' ');
- const newArrayAnimating = Array.apply(null, Array(this.size)).map(() => false);
+ const newArray = Array.apply(null, Array(this.length)).map(() => ' ');
+ const newArrayAnimating = Array.apply(null, Array(this.length)).map(() => false);
return {
- charsAll: ' ABCDEFGHIJKLMNÑOPQRSTUVWXYZ0123456789-:.>*',
+ charsAll: ' ABCDEFGHIJKLMNÑOPQRSTUVWXYZ0123456789-:.>*¡!¿?@#',
charsReference: _clone(newArray),
charsToShow: _clone(newArray),
isAnimating: newArrayAnimating,
@@ -93,7 +103,7 @@
computed: {
chars() {
const text = this.getText(this.textToShow);
- const chars = Array.apply(null, Array(this.size)).map(() => ' ');
+ const chars = Array.apply(null, Array(this.length)).map(() => ' ');
const offset = (this.align === 'left') ? 0 : chars.length - text.length;
for (let index = 0; index < text.length; index++) {
@@ -122,7 +132,7 @@
return this.charsAll.indexOf(letter);
},
getText(text) {
- return (text.length > this.size) ? text.substring(0, this.size) : text;
+ return (text.length > this.length) ? text.substring(0, this.length) : text;
},
async startAnimation() {
const cts = _clone(this.charsReference);
diff --git a/src/components/TableAcars.vue b/src/components/TableAcars.vue
index 791d8da..2451b1b 100644
--- a/src/components/TableAcars.vue
+++ b/src/components/TableAcars.vue
@@ -1,7 +1,4 @@
-
Pilotos activos con mas de 200 horas en ACARS
@@ -13,6 +10,15 @@
| Horas totales |
+
+
+ |
+
+
+
+ |
+
+
@@ -41,7 +47,6 @@
import moment from 'moment';
import { getWhitelist } from '../data/http/listRequest.js';
import FormatTime from './FormatTime.vue';
- import Loading from 'vue-loading-overlay';
import 'vue-loading-overlay/dist/css/index.css';
export default {
@@ -69,7 +74,6 @@
},
components: {
FormatTime,
- Loading,
}
}
\ No newline at end of file
diff --git a/src/components/TableIvao.vue b/src/components/TableIvao.vue
index 0e85ec6..7fea39d 100644
--- a/src/components/TableIvao.vue
+++ b/src/components/TableIvao.vue
@@ -1,8 +1,7 @@
-
+
Status mensual IVAO
@@ -14,6 +13,15 @@
| Último vuelo |
+
+
+ |
+
+
+
+ |
+
+
@@ -81,7 +89,11 @@
-
\ No newline at end of file
diff --git a/src/views/MapView/MapView.html b/src/views/MapView/MapView.html
new file mode 100644
index 0000000..0845775
--- /dev/null
+++ b/src/views/MapView/MapView.html
@@ -0,0 +1,8 @@
+Map
+
\ No newline at end of file
diff --git a/src/views/MapView/MapView.scss b/src/views/MapView/MapView.scss
new file mode 100644
index 0000000..6207f9b
--- /dev/null
+++ b/src/views/MapView/MapView.scss
@@ -0,0 +1,14 @@
+h1 {
+ color: green
+}
+
+.livemap-wrapper {
+ // position: absolute;
+ // bottom: 0;
+ width: 100%;
+ height: 90vh;
+}
+
+img.leaflet-marker-icon.plane {
+ opacity: 0.5 !important;
+}
\ No newline at end of file
diff --git a/src/views/MapView/MapView.vue b/src/views/MapView/MapView.vue
new file mode 100644
index 0000000..ca0e1fd
--- /dev/null
+++ b/src/views/MapView/MapView.vue
@@ -0,0 +1,97 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
| |