@burh/nuxt-core 1.0.220 → 1.0.222

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,134 +1,134 @@
1
- <template>
2
- <el-dialog
3
- :visible.sync="isActive"
4
- width="80%"
5
- custom-class="position-relative"
6
- @close="$emit('close')"
7
- class="test-radius"
8
- >
9
- <template>
10
- <div class="row d-flex justify-content-between mx-0 user-pdf">
11
- <img v-show="coverPhoto" :src="coverPhoto" alt="" />
12
- <div v-show="!coverPhoto" class="no-cover-photo"></div>
13
- <slot name="content"></slot>
14
- </div>
15
- <slot></slot>
16
- <!-- <el-tooltip placement="top" :content="!showTools ? 'Exibir Ferramentas' : 'Esconder Ferramentas'">
17
- <span class="tool tool-show--tools">
18
- <font-awesome-icon :icon="['fas', !showTools ? 'expand-alt' : 'compress-alt']" class="h3 text-primary"
19
- @click="showTools = !showTools"/>
20
- </span>
21
- </el-tooltip> -->
22
- <span class="tool tool-close" @click="$emit('close')">
23
- Fechar
24
- <font-awesome-icon
25
- :icon="['fas', 'times']"
26
- class="text-white ml-1"
27
- />
28
- </span>
29
- </template>
30
- </el-dialog>
31
- </template>
32
-
33
- <script>
34
- import { Dialog } from 'element-ui';
35
-
36
- export default {
37
- name: 'user-curriculum',
38
- components: {
39
- [Dialog.name]: Dialog
40
- },
41
- props: {
42
- show: {
43
- type: Boolean,
44
- default: false
45
- },
46
- tools: {
47
- type: Array,
48
- default: () => []
49
- },
50
- cover: String
51
- },
52
- data() {
53
- return {
54
- isActive: this.show,
55
- showTools: false,
56
- coverPhoto: this.cover
57
- };
58
- },
59
- watch: {
60
- show(value) {
61
- this.isActive = value;
62
- },
63
- cover(value) {
64
- this.coverPhoto = value;
65
- }
66
- }
67
- };
68
- </script>
69
-
70
- <style lang="scss" scoped>
71
- @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
72
-
73
- /deep/ .el-dialog__body {
74
- padding: 0;
75
- }
76
-
77
- /deep/ .el-dialog__header {
78
- display: none;
79
- }
80
-
81
- /deep/ .el-dialog {
82
- overflow: hidden;
83
- border-radius: 10px;
84
- padding-bottom: 50px;
85
- max-width: 1360px;
86
- margin-top: 5vh!important;
87
- }
88
-
89
- .test-radius {
90
- border-radius: 10px;
91
- }
92
-
93
- .tool {
94
- position: absolute;
95
- top: 1rem;
96
- z-index: 10;
97
- color: $primary;
98
- cursor: pointer;
99
-
100
- &-show--tools {
101
- right: 1.5rem;
102
- }
103
-
104
- &-close {
105
- position: absolute;
106
- width: 104.93px;
107
- height: 28px;
108
- right: 1.5rem;
109
- display: flex;
110
- justify-content: center;
111
- align-items: center;
112
-
113
- font-weight: 600;
114
- background: rgba(0, 0, 0, 0.2);
115
- border-radius: 17.5px;
116
- color: #fff;
117
- }
118
- }
119
-
120
- .user-pdf {
121
- background-color: #fff;
122
- img {
123
- width: 100%;
124
- height: 150px;
125
- object-fit: cover;
126
- }
127
-
128
- .no-cover-photo {
129
- background: $primary;
130
- width: 100%;
131
- height: 150px;
132
- }
133
- }
134
- </style>
1
+ <template>
2
+ <el-dialog
3
+ :visible.sync="isActive"
4
+ width="80%"
5
+ custom-class="position-relative"
6
+ @close="$emit('close')"
7
+ class="test-radius"
8
+ >
9
+ <template>
10
+ <div class="row d-flex justify-content-between mx-0 user-pdf">
11
+ <img v-show="coverPhoto" :src="coverPhoto" alt="" />
12
+ <div v-show="!coverPhoto" class="no-cover-photo"></div>
13
+ <slot name="content"></slot>
14
+ </div>
15
+ <slot></slot>
16
+ <!-- <el-tooltip placement="top" :content="!showTools ? 'Exibir Ferramentas' : 'Esconder Ferramentas'">
17
+ <span class="tool tool-show--tools">
18
+ <font-awesome-icon :icon="['fas', !showTools ? 'expand-alt' : 'compress-alt']" class="h3 text-primary"
19
+ @click="showTools = !showTools"/>
20
+ </span>
21
+ </el-tooltip> -->
22
+ <span class="tool tool-close" @click="$emit('close')">
23
+ Fechar
24
+ <font-awesome-icon
25
+ :icon="['fas', 'times']"
26
+ class="text-white ml-1"
27
+ />
28
+ </span>
29
+ </template>
30
+ </el-dialog>
31
+ </template>
32
+
33
+ <script>
34
+ import { Dialog } from 'element-ui';
35
+
36
+ export default {
37
+ name: 'user-curriculum',
38
+ components: {
39
+ [Dialog.name]: Dialog
40
+ },
41
+ props: {
42
+ show: {
43
+ type: Boolean,
44
+ default: false
45
+ },
46
+ tools: {
47
+ type: Array,
48
+ default: () => []
49
+ },
50
+ cover: String
51
+ },
52
+ data() {
53
+ return {
54
+ isActive: this.show,
55
+ showTools: false,
56
+ coverPhoto: this.cover
57
+ };
58
+ },
59
+ watch: {
60
+ show(value) {
61
+ this.isActive = value;
62
+ },
63
+ cover(value) {
64
+ this.coverPhoto = value;
65
+ }
66
+ }
67
+ };
68
+ </script>
69
+
70
+ <style lang="scss" scoped>
71
+ @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
72
+
73
+ /deep/ .el-dialog__body {
74
+ padding: 0;
75
+ }
76
+
77
+ /deep/ .el-dialog__header {
78
+ display: none;
79
+ }
80
+
81
+ /deep/ .el-dialog {
82
+ overflow: hidden;
83
+ border-radius: 10px;
84
+ padding-bottom: 50px;
85
+ max-width: 1360px;
86
+ margin-top: 5vh!important;
87
+ }
88
+
89
+ .test-radius {
90
+ border-radius: 10px;
91
+ }
92
+
93
+ .tool {
94
+ position: absolute;
95
+ top: 1rem;
96
+ z-index: 10;
97
+ color: $primary;
98
+ cursor: pointer;
99
+
100
+ &-show--tools {
101
+ right: 1.5rem;
102
+ }
103
+
104
+ &-close {
105
+ position: absolute;
106
+ width: 104.93px;
107
+ height: 28px;
108
+ right: 1.5rem;
109
+ display: flex;
110
+ justify-content: center;
111
+ align-items: center;
112
+
113
+ font-weight: 600;
114
+ background: rgba(0, 0, 0, 0.2);
115
+ border-radius: 17.5px;
116
+ color: #fff;
117
+ }
118
+ }
119
+
120
+ .user-pdf {
121
+ background-color: #fff;
122
+ img {
123
+ width: 100%;
124
+ height: 150px;
125
+ object-fit: cover;
126
+ }
127
+
128
+ .no-cover-photo {
129
+ background: $primary;
130
+ width: 100%;
131
+ height: 150px;
132
+ }
133
+ }
134
+ </style>
@@ -1,138 +1,138 @@
1
- <template>
2
- <base-header class="app-header" :type="'white'">
3
- <div class="row justify-content-center">
4
- <div
5
- :class="{ 'images__container': images.length }"
6
- class="col-6 my-auto header__container"
7
- >
8
- <slot name="header-top" />
9
-
10
- <div class="header__content">
11
- <h2 class="font-weight-bold display-3">{{name}}</h2>
12
- <div class="images" v-if="images.length">
13
- <el-tooltip
14
- v-for="(image, index) in images"
15
- :key="index"
16
- placement="top"
17
- :content="image.name"
18
- >
19
- <img
20
- :src="image.src"
21
- :alt="image.name"
22
- >
23
- </el-tooltip>
24
- </div>
25
- </div>
26
-
27
- <span id="credits-amount" v-if="subheader">
28
- {{ subheader }} Créditos
29
- </span>
30
-
31
- <slot name="header-bottom" />
32
- </div>
33
-
34
- <div class="col-6 d-flex justify-content-end align-items-center">
35
- <el-tooltip v-for="(item, index) in icons" :key="index"
36
- v-show="!item.disabled"
37
- class="item" effect="dark" :content="item.title" placement="top">
38
- <base-button size="md" type="link" class="text-primary px-2 w-auto"
39
- @click="$emit(item.event, item)">
40
- <font-awesome-icon :icon="item.icon" class="mr-2" />
41
- </base-button>
42
- </el-tooltip>
43
-
44
- <slot name="buttons" />
45
- </div>
46
-
47
- <slot/>
48
- </div>
49
- </base-header>
50
- </template>
51
- <script>
52
- export default {
53
- data(){
54
- return{
55
- default: ''
56
- };
57
- },
58
- props:{
59
- icons:{
60
- type: Array,
61
- default: () =>[{ event: 'view', icon: ['fas', 'eye'], disabled: false, title: 'Visualizar' }, { event: 'config', icon: ['fas', 'cog'], disabled: false, title: 'Editar' } ]
62
- },
63
- name: {
64
- type: String,
65
- default: 'Teste de matematica'
66
- },
67
- subheader: {
68
- type: Number,
69
- default: null
70
- },
71
- images: {
72
- type: Array,
73
- default: () => []
74
- }
75
- },
76
- };
77
- </script>
78
- <style lang="scss" scoped>
79
- #credits-amount {
80
- margin: 0!important;
81
- min-width: 8em;
82
- margin: 1rem 1rem 1rem 0;
83
- padding: 0.25em 1em;
84
- font-size: 0.85rem;
85
- line-height: 1.4em;
86
- border-radius: 23rem;
87
- font-weight: 400;
88
- text-align: center;
89
- background-color: rgba(29, 161, 241, 0.1);
90
- color: #1da1f1;
91
- }
92
- </style>
93
- <style lang="scss">
94
-
95
- .app-header {
96
- width: 100%;
97
- padding-top: 1.25rem;
98
- box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
99
- }
100
-
101
- .header__container {
102
- display: flex;
103
- flex-direction: column;
104
- justify-content: center;
105
- align-items: flex-start;
106
- }
107
-
108
- .images__container {
109
- display: flex;
110
- align-items: flex-start;
111
- justify-content: center;
112
- .header__content {
113
- display: flex;
114
- flex-direction: row;
115
- h2 {
116
- margin-bottom: 0;
117
- }
118
- .images {
119
- margin-left: 10px;
120
- display: flex;
121
- align-items: center;
122
- user-select: none;
123
- img {
124
- $size: 32px;
125
- display: block;
126
- width: $size;
127
- height: $size;
128
- object-fit: cover;
129
- border-radius: 100px;
130
- border: 2px solid #fff;
131
- &:not(:first-child) {
132
- margin-left: -10px;
133
- }
134
- }
135
- }
136
- }
137
- }
138
- </style>
1
+ <template>
2
+ <base-header class="app-header" :type="'white'">
3
+ <div class="row justify-content-center">
4
+ <div
5
+ :class="{ 'images__container': images.length }"
6
+ class="col-6 my-auto header__container"
7
+ >
8
+ <slot name="header-top" />
9
+
10
+ <div class="header__content">
11
+ <h2 class="font-weight-bold display-3">{{name}}</h2>
12
+ <div class="images" v-if="images.length">
13
+ <el-tooltip
14
+ v-for="(image, index) in images"
15
+ :key="index"
16
+ placement="top"
17
+ :content="image.name"
18
+ >
19
+ <img
20
+ :src="image.src"
21
+ :alt="image.name"
22
+ >
23
+ </el-tooltip>
24
+ </div>
25
+ </div>
26
+
27
+ <span id="credits-amount" v-if="subheader">
28
+ {{ subheader }} Créditos
29
+ </span>
30
+
31
+ <slot name="header-bottom" />
32
+ </div>
33
+
34
+ <div class="col-6 d-flex justify-content-end align-items-center">
35
+ <el-tooltip v-for="(item, index) in icons" :key="index"
36
+ v-show="!item.disabled"
37
+ class="item" effect="dark" :content="item.title" placement="top">
38
+ <base-button size="md" type="link" class="text-primary px-2 w-auto"
39
+ @click="$emit(item.event, item)">
40
+ <font-awesome-icon :icon="item.icon" class="mr-2" />
41
+ </base-button>
42
+ </el-tooltip>
43
+
44
+ <slot name="buttons" />
45
+ </div>
46
+
47
+ <slot/>
48
+ </div>
49
+ </base-header>
50
+ </template>
51
+ <script>
52
+ export default {
53
+ data(){
54
+ return{
55
+ default: ''
56
+ };
57
+ },
58
+ props:{
59
+ icons:{
60
+ type: Array,
61
+ default: () =>[{ event: 'view', icon: ['fas', 'eye'], disabled: false, title: 'Visualizar' }, { event: 'config', icon: ['fas', 'cog'], disabled: false, title: 'Editar' } ]
62
+ },
63
+ name: {
64
+ type: String,
65
+ default: 'Teste de matematica'
66
+ },
67
+ subheader: {
68
+ type: Number,
69
+ default: null
70
+ },
71
+ images: {
72
+ type: Array,
73
+ default: () => []
74
+ }
75
+ },
76
+ };
77
+ </script>
78
+ <style lang="scss" scoped>
79
+ #credits-amount {
80
+ margin: 0!important;
81
+ min-width: 8em;
82
+ margin: 1rem 1rem 1rem 0;
83
+ padding: 0.25em 1em;
84
+ font-size: 0.85rem;
85
+ line-height: 1.4em;
86
+ border-radius: 23rem;
87
+ font-weight: 400;
88
+ text-align: center;
89
+ background-color: rgba(29, 161, 241, 0.1);
90
+ color: #1da1f1;
91
+ }
92
+ </style>
93
+ <style lang="scss">
94
+
95
+ .app-header {
96
+ width: 100%;
97
+ padding-top: 1.25rem;
98
+ box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
99
+ }
100
+
101
+ .header__container {
102
+ display: flex;
103
+ flex-direction: column;
104
+ justify-content: center;
105
+ align-items: flex-start;
106
+ }
107
+
108
+ .images__container {
109
+ display: flex;
110
+ align-items: flex-start;
111
+ justify-content: center;
112
+ .header__content {
113
+ display: flex;
114
+ flex-direction: row;
115
+ h2 {
116
+ margin-bottom: 0;
117
+ }
118
+ .images {
119
+ margin-left: 10px;
120
+ display: flex;
121
+ align-items: center;
122
+ user-select: none;
123
+ img {
124
+ $size: 32px;
125
+ display: block;
126
+ width: $size;
127
+ height: $size;
128
+ object-fit: cover;
129
+ border-radius: 100px;
130
+ border: 2px solid #fff;
131
+ &:not(:first-child) {
132
+ margin-left: -10px;
133
+ }
134
+ }
135
+ }
136
+ }
137
+ }
138
+ </style>
@@ -132,8 +132,12 @@ export default {
132
132
  label: 'Aumento de quadro'
133
133
  },
134
134
  {
135
- value: 'Outra coisa que não sei ainda',
136
- label: 'Outra coisa que não sei ainda'
135
+ value: 'Substituição de Profissional',
136
+ label: 'Substituição de Profissional'
137
+ },
138
+ {
139
+ value: 'Aumento de Demanda - Temporário',
140
+ label: 'Aumento de Demanda - Temporário'
137
141
  }
138
142
  ]
139
143
  };