@burh/nuxt-core 1.0.458 → 1.0.460

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.
@@ -1,114 +1,114 @@
1
- <template>
2
- <component
3
- :is="tag"
4
- :class="[{ show: isOpen }, `drop${direction}`]"
5
- @click="toggleDropDown"
6
- v-click-outside="closeDropDown"
7
- >
8
- <slot name="title-container" :is-open="isOpen">
9
- <component
10
- :is="titleTag"
11
- class="btn-rotate"
12
- :class="[{'dropdown-toggle': hasToggle}, titleClasses]"
13
- :aria-expanded="isOpen"
14
- data-toggle="dropdown"
15
- >
16
- <slot name="title" :is-open="isOpen">
17
- <i :class="icon"></i> {{ title }}
18
- </slot>
19
- </component>
20
- </slot>
21
- <ul
22
- class="dropdown-menu"
23
- :class="[
24
- { show: isOpen },
25
- { 'dropdown-menu-right': menuOnRight },
26
- menuClasses
27
- ]"
28
- >
29
- <slot></slot>
30
- </ul>
31
- </component>
32
- </template>
33
- <script>
34
- export default {
35
- name: 'base-dropdown',
36
- props: {
37
- tag: {
38
- type: String,
39
- default: 'div',
40
- description: 'Dropdown html tag (e.g div, ul etc)'
41
- },
42
- titleTag: {
43
- type: String,
44
- default: 'button',
45
- description: 'Dropdown title (toggle) html tag'
46
- },
47
- title: {
48
- type: String,
49
- description: 'Dropdown title'
50
- },
51
- direction: {
52
- type: String,
53
- default: 'down', // up | down
54
- description: 'Dropdown menu direction (up|down)'
55
- },
56
- icon: {
57
- type: String,
58
- description: 'Dropdown icon'
59
- },
60
- titleClasses: {
61
- type: [String, Object, Array],
62
- description: 'Title css classes'
63
- },
64
- menuClasses: {
65
- type: [String, Object],
66
- description: 'Menu css classes'
67
- },
68
- menuOnRight: {
69
- type: Boolean,
70
- description: 'Whether menu should appear on the right'
71
- },
72
- hasToggle: {
73
- type: Boolean,
74
- description: 'Whether dropdown has arrow icon shown',
75
- default: true
76
- },
77
- isDropdownOpen: {
78
- type: Boolean,
79
- default: false
80
- }
81
- },
82
- data() {
83
- return {
84
- isOpen: false
85
- };
86
- },
87
- watch: {
88
- isOpen() {
89
- if (this.isOpen === false) {
90
- this.$emit('close');
91
- }
92
- },
93
- isDropdownOpen() {
94
- this.isOpen = this.isDropdownOpen;
95
- }
96
- },
97
- methods: {
98
- toggleDropDown() {
99
- this.isOpen = !this.isOpen;
100
- this.$emit('change', this.isOpen);
101
- },
102
- closeDropDown() {
103
- this.isOpen = false;
104
- this.$emit('change', false);
105
- }
106
- }
107
- };
108
- </script>
109
- <style lang="scss" scoped>
110
- .dropdown {
111
- cursor: pointer;
112
- user-select: none;
113
- }
114
- </style>
1
+ <template>
2
+ <component
3
+ :is="tag"
4
+ :class="[{ show: isOpen }, `drop${direction}`]"
5
+ @click="toggleDropDown"
6
+ v-click-outside="closeDropDown"
7
+ >
8
+ <slot name="title-container" :is-open="isOpen">
9
+ <component
10
+ :is="titleTag"
11
+ class="btn-rotate"
12
+ :class="[{'dropdown-toggle': hasToggle}, titleClasses]"
13
+ :aria-expanded="isOpen"
14
+ data-toggle="dropdown"
15
+ >
16
+ <slot name="title" :is-open="isOpen">
17
+ <i :class="icon"></i> {{ title }}
18
+ </slot>
19
+ </component>
20
+ </slot>
21
+ <ul
22
+ class="dropdown-menu"
23
+ :class="[
24
+ { show: isOpen },
25
+ { 'dropdown-menu-right': menuOnRight },
26
+ menuClasses
27
+ ]"
28
+ >
29
+ <slot></slot>
30
+ </ul>
31
+ </component>
32
+ </template>
33
+ <script>
34
+ export default {
35
+ name: 'base-dropdown',
36
+ props: {
37
+ tag: {
38
+ type: String,
39
+ default: 'div',
40
+ description: 'Dropdown html tag (e.g div, ul etc)'
41
+ },
42
+ titleTag: {
43
+ type: String,
44
+ default: 'button',
45
+ description: 'Dropdown title (toggle) html tag'
46
+ },
47
+ title: {
48
+ type: String,
49
+ description: 'Dropdown title'
50
+ },
51
+ direction: {
52
+ type: String,
53
+ default: 'down', // up | down
54
+ description: 'Dropdown menu direction (up|down)'
55
+ },
56
+ icon: {
57
+ type: String,
58
+ description: 'Dropdown icon'
59
+ },
60
+ titleClasses: {
61
+ type: [String, Object, Array],
62
+ description: 'Title css classes'
63
+ },
64
+ menuClasses: {
65
+ type: [String, Object],
66
+ description: 'Menu css classes'
67
+ },
68
+ menuOnRight: {
69
+ type: Boolean,
70
+ description: 'Whether menu should appear on the right'
71
+ },
72
+ hasToggle: {
73
+ type: Boolean,
74
+ description: 'Whether dropdown has arrow icon shown',
75
+ default: true
76
+ },
77
+ isDropdownOpen: {
78
+ type: Boolean,
79
+ default: false
80
+ }
81
+ },
82
+ data() {
83
+ return {
84
+ isOpen: false
85
+ };
86
+ },
87
+ watch: {
88
+ isOpen() {
89
+ if (this.isOpen === false) {
90
+ this.$emit('close');
91
+ }
92
+ },
93
+ isDropdownOpen() {
94
+ this.isOpen = this.isDropdownOpen;
95
+ }
96
+ },
97
+ methods: {
98
+ toggleDropDown() {
99
+ this.isOpen = !this.isOpen;
100
+ this.$emit('change', this.isOpen);
101
+ },
102
+ closeDropDown() {
103
+ this.isOpen = false;
104
+ this.$emit('change', false);
105
+ }
106
+ }
107
+ };
108
+ </script>
109
+ <style lang="scss" scoped>
110
+ .dropdown {
111
+ cursor: pointer;
112
+ user-select: none;
113
+ }
114
+ </style>
@@ -1,26 +1,26 @@
1
- <template>
2
- <div class="row" v-loading="true" id="loading"></div>
3
- </template>
4
- <script>
5
- import Vue from 'vue';
6
- import { Loading } from 'element-ui';
7
-
8
- Vue.use(Loading.directive);
9
- export default {};
10
- </script>
11
- <style>
12
- #loading {
13
- min-height: 200px;
14
- display: flex;
15
- align-items: center;
16
- }
17
-
18
- .el-loading-spinner .path {
19
- stroke: #66615b !important;
20
- }
21
-
22
- .el-loading-mask {
23
- z-index: 100!important;
24
- background: transparent !important;
25
- }
26
- </style>
1
+ <template>
2
+ <div class="row" v-loading="true" id="loading"></div>
3
+ </template>
4
+ <script>
5
+ import Vue from 'vue';
6
+ import { Loading } from 'element-ui';
7
+
8
+ Vue.use(Loading.directive);
9
+ export default {};
10
+ </script>
11
+ <style>
12
+ #loading {
13
+ min-height: 200px;
14
+ display: flex;
15
+ align-items: center;
16
+ }
17
+
18
+ .el-loading-spinner .path {
19
+ stroke: #66615b !important;
20
+ }
21
+
22
+ .el-loading-mask {
23
+ z-index: 100!important;
24
+ background: transparent !important;
25
+ }
26
+ </style>
@@ -1,74 +1,74 @@
1
- <template>
2
- <div class="feature__card">
3
- <div class="feature__card__image" :style="`--icon-bg-color: #${iconBgColor}`">
4
- <img :src="icon" :alt="title">
5
- </div>
6
- <div class="feature__card__title">
7
- <p>{{ title }}</p>
8
- </div>
9
- <div class="feature__card__description">
10
- <span>{{ description }}</span>
11
- </div>
12
- </div>
13
- </template>
14
-
15
- <script>
16
- export default {
17
- name: 'FeatureBusinessCard',
18
- props: {
19
- icon: String,
20
- iconBgColor: {
21
- type: String,
22
- default: '5983FE'
23
- },
24
- title: String,
25
- description: String,
26
- }
27
- };
28
- </script>
29
-
30
- <style lang="scss" scoped>
31
- .feature__card {
32
- background: #fff;
33
- padding: 20px;
34
- display: flex;
35
- flex-direction: column;
36
- align-items: flex-start;
37
- box-shadow: 5px 5px 50px 2px #E9EEF2;
38
- border-radius: 10px;
39
- width: 100%;
40
- min-width: 300px;
41
- margin: 0 auto;
42
- transition: transform 0.25s, box-shadow 0.5s;
43
- &__image {
44
- display: flex;
45
- align-items: center;
46
- justify-content: center;
47
- width: 45px;
48
- height: 45px;
49
- border-radius: 10px;
50
- background: var(--icon-bg-color);
51
- img {
52
- display: block;
53
- width: 25px;
54
- }
55
- }
56
- &__title {
57
- padding: 10px 0;
58
- p {
59
- font-size: 1.5625rem;
60
- font-weight: 600;
61
- margin-bottom: 0;
62
- }
63
- }
64
- &__description {
65
- text-align: left;
66
- font-weight: 400;
67
- font-size: 0.875rem;
68
- }
69
- &:hover {
70
- transform: translateY(-10px);
71
- box-shadow: 7px 15px 20px rgba(0, 0, 0, 0.05);
72
- }
73
- }
74
- </style>
1
+ <template>
2
+ <div class="feature__card">
3
+ <div class="feature__card__image" :style="`--icon-bg-color: #${iconBgColor}`">
4
+ <img :src="icon" :alt="title">
5
+ </div>
6
+ <div class="feature__card__title">
7
+ <p>{{ title }}</p>
8
+ </div>
9
+ <div class="feature__card__description">
10
+ <span>{{ description }}</span>
11
+ </div>
12
+ </div>
13
+ </template>
14
+
15
+ <script>
16
+ export default {
17
+ name: 'FeatureBusinessCard',
18
+ props: {
19
+ icon: String,
20
+ iconBgColor: {
21
+ type: String,
22
+ default: '5983FE'
23
+ },
24
+ title: String,
25
+ description: String,
26
+ }
27
+ };
28
+ </script>
29
+
30
+ <style lang="scss" scoped>
31
+ .feature__card {
32
+ background: #fff;
33
+ padding: 20px;
34
+ display: flex;
35
+ flex-direction: column;
36
+ align-items: flex-start;
37
+ box-shadow: 5px 5px 50px 2px #E9EEF2;
38
+ border-radius: 10px;
39
+ width: 100%;
40
+ min-width: 300px;
41
+ margin: 0 auto;
42
+ transition: transform 0.25s, box-shadow 0.5s;
43
+ &__image {
44
+ display: flex;
45
+ align-items: center;
46
+ justify-content: center;
47
+ width: 45px;
48
+ height: 45px;
49
+ border-radius: 10px;
50
+ background: var(--icon-bg-color);
51
+ img {
52
+ display: block;
53
+ width: 25px;
54
+ }
55
+ }
56
+ &__title {
57
+ padding: 10px 0;
58
+ p {
59
+ font-size: 1.5625rem;
60
+ font-weight: 600;
61
+ margin-bottom: 0;
62
+ }
63
+ }
64
+ &__description {
65
+ text-align: left;
66
+ font-weight: 400;
67
+ font-size: 0.875rem;
68
+ }
69
+ &:hover {
70
+ transform: translateY(-10px);
71
+ box-shadow: 7px 15px 20px rgba(0, 0, 0, 0.05);
72
+ }
73
+ }
74
+ </style>
@@ -1,81 +1,81 @@
1
- <template>
2
- <card class="card">
3
- <h4 class="aria-text">Funcionalidades</h4>
4
- <ul class="list-unstyled list line-card">
5
- <functionality-item
6
- class="cursor-pointer card-item"
7
- :icone="firstItemIcon"
8
- :text="firstItemText"
9
- @functionality-click="$emit('click-first-item')"
10
- />
11
- <functionality-item
12
- class="cursor-pointer border-left card-item"
13
- :icone="secondItemIcon"
14
- :text="secondItemText"
15
- @functionality-click="$emit('click-second-item')"
16
- />
17
- </ul>
18
- <hr />
19
- <h6 class="list-title font-weight-bold">{{ title }}</h6>
20
- <ul class="list-unstyled list line-card">
21
- <slot></slot>
22
- </ul>
23
- <p class="footer-text">{{ context }}</p>
24
- </card>
25
- </template>
26
- <script>
27
- import FunctionalityItem from './FunctionalityItem';
28
- export default {
29
- name: 'performance-card',
30
- components: {
31
- FunctionalityItem
32
- },
33
- props: {
34
- title: String,
35
- context: String,
36
- firstItemText: String,
37
- secondItemText: String,
38
- firstItemIcon: String,
39
- secondItemIcon: String,
40
- subscribers: Number,
41
- jobs: Number,
42
- visualization: Number,
43
- skeleton: {
44
- type: Boolean,
45
- default: false
46
- }
47
- }
48
- };
49
- </script>
50
- <style lang="scss" scoped>
51
- hr {
52
- border-color: #e9ecef;
53
- }
54
-
55
- .list {
56
- margin: 1.8rem 0;
57
- display: flex;
58
- justify-content: space-evenly;
59
- }
60
-
61
- .line-card {
62
- ul {
63
- &:not(:first-child) {
64
- border: 2px solid #e9ecef;
65
- }
66
- }
67
- }
68
-
69
- .card-item {
70
- width: 50%;
71
- }
72
-
73
- .footer-text {
74
- margin-left: 1rem;
75
- opacity: 0.4;
76
- font-size: smaller;
77
- }
78
- .padding-border {
79
- padding-left: 7.5rem;
80
- }
81
- </style>
1
+ <template>
2
+ <card class="card">
3
+ <h4 class="aria-text">Funcionalidades</h4>
4
+ <ul class="list-unstyled list line-card">
5
+ <functionality-item
6
+ class="cursor-pointer card-item"
7
+ :icone="firstItemIcon"
8
+ :text="firstItemText"
9
+ @functionality-click="$emit('click-first-item')"
10
+ />
11
+ <functionality-item
12
+ class="cursor-pointer border-left card-item"
13
+ :icone="secondItemIcon"
14
+ :text="secondItemText"
15
+ @functionality-click="$emit('click-second-item')"
16
+ />
17
+ </ul>
18
+ <hr />
19
+ <h6 class="list-title font-weight-bold">{{ title }}</h6>
20
+ <ul class="list-unstyled list line-card">
21
+ <slot></slot>
22
+ </ul>
23
+ <p class="footer-text">{{ context }}</p>
24
+ </card>
25
+ </template>
26
+ <script>
27
+ import FunctionalityItem from './FunctionalityItem';
28
+ export default {
29
+ name: 'performance-card',
30
+ components: {
31
+ FunctionalityItem
32
+ },
33
+ props: {
34
+ title: String,
35
+ context: String,
36
+ firstItemText: String,
37
+ secondItemText: String,
38
+ firstItemIcon: String,
39
+ secondItemIcon: String,
40
+ subscribers: Number,
41
+ jobs: Number,
42
+ visualization: Number,
43
+ skeleton: {
44
+ type: Boolean,
45
+ default: false
46
+ }
47
+ }
48
+ };
49
+ </script>
50
+ <style lang="scss" scoped>
51
+ hr {
52
+ border-color: #e9ecef;
53
+ }
54
+
55
+ .list {
56
+ margin: 1.8rem 0;
57
+ display: flex;
58
+ justify-content: space-evenly;
59
+ }
60
+
61
+ .line-card {
62
+ ul {
63
+ &:not(:first-child) {
64
+ border: 2px solid #e9ecef;
65
+ }
66
+ }
67
+ }
68
+
69
+ .card-item {
70
+ width: 50%;
71
+ }
72
+
73
+ .footer-text {
74
+ margin-left: 1rem;
75
+ opacity: 0.4;
76
+ font-size: smaller;
77
+ }
78
+ .padding-border {
79
+ padding-left: 7.5rem;
80
+ }
81
+ </style>
@@ -6,7 +6,7 @@
6
6
  class="fa fa-ellipsis-h custom"
7
7
  aria-hidden="true"
8
8
  />
9
- <li v-if="isDefault && !hasCourse && !hideItems.send" class="dropdown-item d-flex align-items-center w-100" @click="sendTest">
9
+ <li v-if="isDefault && !hasCourse && !hideItems.send" class="dropdown-item d-flex align-items-center w-100" @click="sendTest()">
10
10
  <i class="fa fa-paper-plane" aria-hidden="true" />
11
11
  <span>
12
12
  Enviar teste
@@ -108,16 +108,16 @@ export default {
108
108
  }
109
109
  },
110
110
  methods: {
111
- sendTest(e) {
111
+ sendTest() {
112
112
  this.$emit('send-test');
113
113
  },
114
- viewTest(e) {
114
+ viewTest() {
115
115
  this.$emit('view-test');
116
116
  },
117
- viewAnsweredTests(e) {
117
+ viewAnsweredTests() {
118
118
  this.$emit('answers-test');
119
119
  },
120
- copyTest(e) {
120
+ copyTest() {
121
121
  this.$emit('copy-test');
122
122
  },
123
123
  openRenameEditor() {
@@ -178,7 +178,7 @@ export default {
178
178
  padding: .25rem .5rem;
179
179
  display: none;
180
180
  &:hover {
181
-
181
+
182
182
  cursor: pointer;
183
183
  }
184
184
  }