@enso-ui/how-to 4.0.2 → 4.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@enso-ui/how-to",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.7",
|
|
4
4
|
"description": "Basic how-to package",
|
|
5
5
|
"main": "src/bulma/pages/howTo/Index.vue",
|
|
6
6
|
"scripts": {
|
|
@@ -28,6 +28,8 @@
|
|
|
28
28
|
"@fortawesome/fontawesome-svg-core": "^1.2.2",
|
|
29
29
|
"@fortawesome/free-regular-svg-icons": "^5.2.0",
|
|
30
30
|
"@fortawesome/free-solid-svg-icons": "^5.2.0",
|
|
31
|
+
"@fortawesome/vue-fontawesome": "3.0.0-5",
|
|
32
|
+
"animate.css": "^4.0.0",
|
|
31
33
|
"v-tooltip": "4.0.0-alpha.1",
|
|
32
34
|
"video.js": "^7.0",
|
|
33
35
|
"vue": "^3.0",
|
|
@@ -40,8 +42,8 @@
|
|
|
40
42
|
"autoprefixer": "^9.6.1",
|
|
41
43
|
"babel-eslint": "^10.0.1",
|
|
42
44
|
"cross-env": "^6.0.0",
|
|
43
|
-
"eslint": "^7.0",
|
|
45
|
+
"eslint": "^7.0.0",
|
|
44
46
|
"eslint-import-resolver-alias": "^1.1.2",
|
|
45
|
-
"eslint-plugin-vue": "^
|
|
47
|
+
"eslint-plugin-vue": "^8.0.0"
|
|
46
48
|
}
|
|
47
49
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="columns is-reverse-mobile">
|
|
3
3
|
<div class="column is-three-quarters-desktop is-full-touch">
|
|
4
|
-
<div class="columns
|
|
4
|
+
<div class="columns animate__animated animate__fadeInDown"
|
|
5
5
|
v-if="addingVideo || editingVideo">
|
|
6
6
|
<div class="column is-narrow">
|
|
7
7
|
<div class="control">
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
24
|
<div class="column is-narrow is-flex">
|
|
25
|
-
<div class="control
|
|
25
|
+
<div class="control animate__animated animate__fadeIn"
|
|
26
26
|
v-if="video.name">
|
|
27
27
|
<uploader :url="uploadLink"
|
|
28
28
|
:params="video"
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
</span>
|
|
52
52
|
</a>
|
|
53
53
|
</div>
|
|
54
|
-
<div class="control
|
|
54
|
+
<div class="control animate__animated animate__fadeIn"
|
|
55
55
|
v-if="addingVideo || editingVideo">
|
|
56
56
|
<a class="button is-danger is-outlined"
|
|
57
57
|
@click="reset()">
|
|
@@ -170,6 +170,8 @@
|
|
|
170
170
|
</template>
|
|
171
171
|
|
|
172
172
|
<script>
|
|
173
|
+
import 'animate.css';
|
|
174
|
+
import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
|
|
173
175
|
import { library } from '@fortawesome/fontawesome-svg-core';
|
|
174
176
|
import {
|
|
175
177
|
faPlus, faUpload, faBan, faCheck, faPencilAlt, faTags,
|
|
@@ -185,7 +187,7 @@ export default {
|
|
|
185
187
|
|
|
186
188
|
directives: { focus },
|
|
187
189
|
|
|
188
|
-
components: {
|
|
190
|
+
components: { Fa, HowToVideo, Uploader, },
|
|
189
191
|
|
|
190
192
|
inject: ['canAccess', 'errorHandler', 'i18n', 'route', 'toastr'],
|
|
191
193
|
|
|
@@ -91,6 +91,7 @@
|
|
|
91
91
|
|
|
92
92
|
<script>
|
|
93
93
|
import { VTooltip } from 'v-tooltip';
|
|
94
|
+
import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
|
|
94
95
|
import { library } from '@fortawesome/fontawesome-svg-core';
|
|
95
96
|
import { faInfo, faTags, faInfoCircle } from '@fortawesome/free-solid-svg-icons';
|
|
96
97
|
import { faTrashAlt, faEdit, faImage } from '@fortawesome/free-regular-svg-icons';
|
|
@@ -115,13 +116,14 @@ export default {
|
|
|
115
116
|
Card,
|
|
116
117
|
CardControl,
|
|
117
118
|
Confirmation,
|
|
118
|
-
videoPlayer,
|
|
119
119
|
CardHeader,
|
|
120
120
|
CardCollapse,
|
|
121
121
|
CardFooter,
|
|
122
122
|
CardFooterItem,
|
|
123
123
|
CardContent,
|
|
124
|
+
Fa,
|
|
124
125
|
Uploader,
|
|
126
|
+
videoPlayer,
|
|
125
127
|
},
|
|
126
128
|
|
|
127
129
|
inject: ['canAccess', 'errorHandler', 'i18n', 'route', 'toastr'],
|