@burh/nuxt-core 1.0.340 → 1.0.341

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.
Files changed (28) hide show
  1. package/assets/sass/burh-ds/_global.scss +323 -323
  2. package/assets/sass/burh-ds/content/_interface-spa.scss +306 -306
  3. package/assets/sass/burh-ds/content/_main-content.scss +25 -25
  4. package/components/argon-core/BaseDropdown.vue +114 -114
  5. package/components/argon-core/LoadingPanel.vue +26 -26
  6. package/components/argon-core/Modal.vue +183 -183
  7. package/components/burh-ds/Cards/BaseCard.vue +190 -188
  8. package/components/burh-ds/Cards/FeatureBusinessCard.vue +74 -74
  9. package/components/burh-ds/Cards/PerformanceCard.vue +81 -81
  10. package/components/burh-ds/Cards/RecruitmentCard.vue +229 -229
  11. package/components/burh-ds/Curriculum/UserCurriculum/index.vue +245 -245
  12. package/components/burh-ds/Dropdown/JobStatusDropdown.vue +153 -146
  13. package/components/burh-ds/Filters/FilterWithDropdown.vue +228 -169
  14. package/components/burh-ds/Inputs/SearchInput.vue +64 -64
  15. package/components/burh-ds/Modals/NewUserModal.vue +87 -87
  16. package/components/burh-ds/Modals/SharedModal.vue +270 -270
  17. package/components/burh-ds/Modals/UniversityAccessModal.vue +134 -134
  18. package/components/burh-ds/Skeleton/BaseCardUniversity.vue +79 -79
  19. package/components/burh-ds/Skeleton/BaseCardUser.vue +84 -84
  20. package/components/burh-ds/Skeleton/BaseCourseInfo.vue +71 -71
  21. package/components/burh-ds/Skeleton/Cards.vue +86 -86
  22. package/components/burh-ds/Skeleton/Home.vue +100 -100
  23. package/components/burh-ds/Skeleton/RecruitmentCard.vue +169 -169
  24. package/components/burh-ds/Skeleton/SkeletonAnimate.vue +96 -96
  25. package/environment.js +221 -221
  26. package/nuxt.config.js +207 -207
  27. package/package.json +1 -1
  28. package/plugins/vClickOutside.js +4 -4
package/components/burh-ds/Skeleton/BaseCourseInfo.vue CHANGED
@@ -1,71 +1,71 @@
1
- <template>
2
- <div class="card h-100">
3
- <div class="container-fluid container-fluid--bu pt-5">
4
- <skeleton-animate :width="220" :height="20" rounded />
5
-
6
- <div class="row card-body px-0">
7
- <div
8
- class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
9
- v-for="index in 3"
10
- :key="index"
11
- >
12
- <skeleton-animate
13
- :width="80"
14
- :height="80"
15
- class="ml-3"
16
- rounded
17
- />
18
-
19
- <skeleton-animate
20
- :width="120"
21
- :height="15"
22
- rounded
23
- class="mt-2"
24
- />
25
- </div>
26
- </div>
27
- <div class="d-flex align-items-center justify-content-center" v-if="hasExtra">
28
- <skeleton-animate :width="80" :height="80" img />
29
- <skeleton-animate
30
- :width="120"
31
- :height="15"
32
- rounded
33
- class="ml-2"
34
- />
35
- </div>
36
- </div>
37
- </div>
38
- </template>
39
- <script>
40
- import SkeletonAnimate from './SkeletonAnimate.vue';
41
- export default {
42
- name: 'course-info-skeleton',
43
- components: { SkeletonAnimate },
44
- props: {
45
- hasExtra: {
46
- type: Boolean,
47
- default: false
48
- }
49
- }
50
- };
51
- </script>
52
-
53
- <style lang="scss" scoped>
54
- .card-title {
55
- font-size: 1rem;
56
- }
57
- .info-box {
58
- @media (min-width: 576px) {
59
- flex: 0 0 50%;
60
- max-width: 50%;
61
- }
62
- @media (min-width: 768px) {
63
- flex: 0 0 50%;
64
- max-width: 50%;
65
- }
66
- @media (min-width: 1024px) {
67
- flex: 0 0 33%;
68
- max-width: 33%;
69
- }
70
- }
71
- </style>
1
+ <template>
2
+ <div class="card h-100">
3
+ <div class="container-fluid container-fluid--bu pt-5">
4
+ <skeleton-animate :width="220" :height="20" rounded />
5
+
6
+ <div class="row card-body px-0">
7
+ <div
8
+ class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
9
+ v-for="index in 3"
10
+ :key="index"
11
+ >
12
+ <skeleton-animate
13
+ :width="80"
14
+ :height="80"
15
+ class="ml-3"
16
+ rounded
17
+ />
18
+
19
+ <skeleton-animate
20
+ :width="120"
21
+ :height="15"
22
+ rounded
23
+ class="mt-2"
24
+ />
25
+ </div>
26
+ </div>
27
+ <div class="d-flex align-items-center justify-content-center" v-if="hasExtra">
28
+ <skeleton-animate :width="80" :height="80" img />
29
+ <skeleton-animate
30
+ :width="120"
31
+ :height="15"
32
+ rounded
33
+ class="ml-2"
34
+ />
35
+ </div>
36
+ </div>
37
+ </div>
38
+ </template>
39
+ <script>
40
+ import SkeletonAnimate from './SkeletonAnimate.vue';
41
+ export default {
42
+ name: 'course-info-skeleton',
43
+ components: { SkeletonAnimate },
44
+ props: {
45
+ hasExtra: {
46
+ type: Boolean,
47
+ default: false
48
+ }
49
+ }
50
+ };
51
+ </script>
52
+
53
+ <style lang="scss" scoped>
54
+ .card-title {
55
+ font-size: 1rem;
56
+ }
57
+ .info-box {
58
+ @media (min-width: 576px) {
59
+ flex: 0 0 50%;
60
+ max-width: 50%;
61
+ }
62
+ @media (min-width: 768px) {
63
+ flex: 0 0 50%;
64
+ max-width: 50%;
65
+ }
66
+ @media (min-width: 1024px) {
67
+ flex: 0 0 33%;
68
+ max-width: 33%;
69
+ }
70
+ }
71
+ </style>
package/components/burh-ds/Skeleton/Cards.vue CHANGED
@@ -1,86 +1,86 @@
1
- <template>
2
- <div id="content">
3
- <div class="skeleton">
4
- <div class="skeleton-wrapper">
5
- <div class="skeleton-wrapper-inner">
6
- <div class="skeleton-wrapper-body">
7
- <skeleton-animate class="skeleton-avatar" :width="60" :height="60" img />
8
- <skeleton-animate class="skeleton-author" :width="150" :height="20" />
9
- <skeleton-animate class="skeleton-label" :width="100" :height="10" />
10
- <skeleton-animate class="skeleton-content-1" :width="500" :height="10" />
11
- <skeleton-animate class="skeleton-content-2" :width="500" :height="10" />
12
- <skeleton-animate class="skeleton-content-3" :width="500" :height="10" />
13
- </div>
14
- </div>
15
- </div>
16
- </div>
17
- </div>
18
- </template>
19
-
20
- <script>
21
- import SkeletonAnimate from './SkeletonAnimate.vue';
22
-
23
- export default {
24
- name: 'card-skeleton',
25
- components: {
26
- SkeletonAnimate
27
- }
28
- };
29
- </script>
30
-
31
- <style>
32
- #content {
33
- width: 100%;
34
- }
35
- .skeleton-wrapper {
36
- background: #fff;
37
- border-radius: 4px;
38
- -webkit-border-radius: 4px;
39
- margin: 10px 15px;
40
- box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
41
- padding: 40px 20px;
42
- border-radius: .375rem;
43
- }
44
-
45
- .skeleton-wrapper-inner {
46
- height: 150px;
47
- padding: 15px;
48
- position: relative;
49
- }
50
-
51
- .skeleton-wrapper-body div {
52
- position: absolute;
53
- right: 15px;
54
- left: 15px;
55
- top: 15px;
56
- }
57
-
58
- div.skeleton-avatar {
59
- right: auto;
60
- }
61
- div.skeleton-author {
62
- top: 20px;
63
- left: 95px;
64
- }
65
-
66
- div.skeleton-label {
67
- left: 95px;
68
- top: 50px;
69
- }
70
- div.skeleton-content-1,
71
- div.skeleton-content-2,
72
- div.skeleton-content-3 {
73
- left: 15px;
74
- right: 15px;
75
- width: 98%!important;
76
- }
77
- div.skeleton-content-1 {
78
- top: 100px;
79
- }
80
- div.skeleton-content-2 {
81
- top: 120px;
82
- }
83
- div.skeleton-content-3 {
84
- top: 140px;
85
- }
86
- </style>
1
+ <template>
2
+ <div id="content">
3
+ <div class="skeleton">
4
+ <div class="skeleton-wrapper">
5
+ <div class="skeleton-wrapper-inner">
6
+ <div class="skeleton-wrapper-body">
7
+ <skeleton-animate class="skeleton-avatar" :width="60" :height="60" img />
8
+ <skeleton-animate class="skeleton-author" :width="150" :height="20" />
9
+ <skeleton-animate class="skeleton-label" :width="100" :height="10" />
10
+ <skeleton-animate class="skeleton-content-1" :width="500" :height="10" />
11
+ <skeleton-animate class="skeleton-content-2" :width="500" :height="10" />
12
+ <skeleton-animate class="skeleton-content-3" :width="500" :height="10" />
13
+ </div>
14
+ </div>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ </template>
19
+
20
+ <script>
21
+ import SkeletonAnimate from './SkeletonAnimate.vue';
22
+
23
+ export default {
24
+ name: 'card-skeleton',
25
+ components: {
26
+ SkeletonAnimate
27
+ }
28
+ };
29
+ </script>
30
+
31
+ <style>
32
+ #content {
33
+ width: 100%;
34
+ }
35
+ .skeleton-wrapper {
36
+ background: #fff;
37
+ border-radius: 4px;
38
+ -webkit-border-radius: 4px;
39
+ margin: 10px 15px;
40
+ box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
41
+ padding: 40px 20px;
42
+ border-radius: .375rem;
43
+ }
44
+
45
+ .skeleton-wrapper-inner {
46
+ height: 150px;
47
+ padding: 15px;
48
+ position: relative;
49
+ }
50
+
51
+ .skeleton-wrapper-body div {
52
+ position: absolute;
53
+ right: 15px;
54
+ left: 15px;
55
+ top: 15px;
56
+ }
57
+
58
+ div.skeleton-avatar {
59
+ right: auto;
60
+ }
61
+ div.skeleton-author {
62
+ top: 20px;
63
+ left: 95px;
64
+ }
65
+
66
+ div.skeleton-label {
67
+ left: 95px;
68
+ top: 50px;
69
+ }
70
+ div.skeleton-content-1,
71
+ div.skeleton-content-2,
72
+ div.skeleton-content-3 {
73
+ left: 15px;
74
+ right: 15px;
75
+ width: 98%!important;
76
+ }
77
+ div.skeleton-content-1 {
78
+ top: 100px;
79
+ }
80
+ div.skeleton-content-2 {
81
+ top: 120px;
82
+ }
83
+ div.skeleton-content-3 {
84
+ top: 140px;
85
+ }
86
+ </style>
package/components/burh-ds/Skeleton/Home.vue CHANGED
@@ -1,100 +1,100 @@
1
- <template>
2
- <div class="card-body">
3
- <h4 class="aria-text">Funcionalidades</h4>
4
- <ul class="list-unstyled list line-card">
5
- <li class="functionality-item text-center cursor-pointer card-item">
6
- <skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
7
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
8
- </li>
9
- <li
10
- class="functionality-item text-center cursor-pointer border-left card-item"
11
- >
12
- <skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
13
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
14
- </li>
15
- </ul>
16
- <hr />
17
- <skeleton-animate class="functionality-item--text" :width="100" :height="20" />
18
- <ul class="list-unstyled list line-card">
19
- <li class="performance-item primary">
20
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
21
- <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
22
- </li>
23
- <li class="performance-item">
24
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
25
- <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
26
- </li>
27
- <li class="performance-item">
28
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
29
- <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
30
- </li>
31
- </ul>
32
- <skeleton-animate class="functionality-item--text top" :width="250" :height="20" />
33
- </div>
34
- </template>
35
-
36
- <script>
37
- import SkeletonAnimate from './SkeletonAnimate.vue';
38
-
39
- export default {
40
- name: 'home-skeleton',
41
- components: {
42
- SkeletonAnimate
43
- }
44
- };
45
- </script>
46
-
47
- <style lang="scss" scoped>
48
-
49
- .top {
50
- margin-top: 30px;
51
- }
52
- .functionality-item {
53
- display: flex;
54
- flex-direction: column;
55
- color: #258bf4;
56
- line-height: 2.5;
57
- align-items: center;
58
-
59
- &--icone {
60
- font-size: 1.75rem;
61
- }
62
-
63
- &--text {
64
- font-size: 1rem;
65
- }
66
- }
67
-
68
- .performance-item {
69
- display: flex;
70
- flex-direction: column;
71
- align-items: center;
72
- width: calc(100% / 3);
73
- &--title {
74
- font-size: 1rem;
75
- }
76
-
77
- &--value {
78
- font-size: 1.75rem;
79
- align-self: center;
80
- }
81
- }
82
-
83
- .list {
84
- margin: 1.8rem 0;
85
- display: flex;
86
- justify-content: space-evenly;
87
- }
88
-
89
- .line-card {
90
- ul {
91
- &:not(:first-child) {
92
- border: 2px solid #e9ecef;
93
- }
94
- }
95
- }
96
-
97
- .card-item {
98
- width: 50%;
99
- }
100
- </style>
1
+ <template>
2
+ <div class="card-body">
3
+ <h4 class="aria-text">Funcionalidades</h4>
4
+ <ul class="list-unstyled list line-card">
5
+ <li class="functionality-item text-center cursor-pointer card-item">
6
+ <skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
7
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
8
+ </li>
9
+ <li
10
+ class="functionality-item text-center cursor-pointer border-left card-item"
11
+ >
12
+ <skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
13
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
14
+ </li>
15
+ </ul>
16
+ <hr />
17
+ <skeleton-animate class="functionality-item--text" :width="100" :height="20" />
18
+ <ul class="list-unstyled list line-card">
19
+ <li class="performance-item primary">
20
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
21
+ <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
22
+ </li>
23
+ <li class="performance-item">
24
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
25
+ <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
26
+ </li>
27
+ <li class="performance-item">
28
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
29
+ <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
30
+ </li>
31
+ </ul>
32
+ <skeleton-animate class="functionality-item--text top" :width="250" :height="20" />
33
+ </div>
34
+ </template>
35
+
36
+ <script>
37
+ import SkeletonAnimate from './SkeletonAnimate.vue';
38
+
39
+ export default {
40
+ name: 'home-skeleton',
41
+ components: {
42
+ SkeletonAnimate
43
+ }
44
+ };
45
+ </script>
46
+
47
+ <style lang="scss" scoped>
48
+
49
+ .top {
50
+ margin-top: 30px;
51
+ }
52
+ .functionality-item {
53
+ display: flex;
54
+ flex-direction: column;
55
+ color: #258bf4;
56
+ line-height: 2.5;
57
+ align-items: center;
58
+
59
+ &--icone {
60
+ font-size: 1.75rem;
61
+ }
62
+
63
+ &--text {
64
+ font-size: 1rem;
65
+ }
66
+ }
67
+
68
+ .performance-item {
69
+ display: flex;
70
+ flex-direction: column;
71
+ align-items: center;
72
+ width: calc(100% / 3);
73
+ &--title {
74
+ font-size: 1rem;
75
+ }
76
+
77
+ &--value {
78
+ font-size: 1.75rem;
79
+ align-self: center;
80
+ }
81
+ }
82
+
83
+ .list {
84
+ margin: 1.8rem 0;
85
+ display: flex;
86
+ justify-content: space-evenly;
87
+ }
88
+
89
+ .line-card {
90
+ ul {
91
+ &:not(:first-child) {
92
+ border: 2px solid #e9ecef;
93
+ }
94
+ }
95
+ }
96
+
97
+ .card-item {
98
+ width: 50%;
99
+ }
100
+ </style>