@burh/nuxt-core 1.0.150 → 1.0.152

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 (7) hide show
  1. package/assets/images/icons/facebook.svg +15 -0
  2. package/assets/images/icons/linkedin.svg +15 -0
  3. package/assets/images/icons/twitter.svg +15 -0
  4. package/assets/images/icons/whatsapp.svg +15 -0
  5. package/components/burh-ds/Loadings/NewLoading.vue +42 -46
  6. package/components/burh-ds/Modals/SharedModal.vue +215 -0
  7. package/package.json +1 -1
package/assets/images/icons/facebook.svg ADDED
@@ -0,0 +1,15 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Facebook</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <g id="Social-Icons---Circle" transform="translate(-152.000000, -43.000000)">
9
+ <g id="Facebook" transform="translate(152.000000, 43.000000)">
10
+ <rect id="Oval" fill="#4460A0" x="0" y="0" width="72" height="72" rx="8"></rect>
11
+ <path d="M60.4641463,13.4173171 L60.4641463,22.7278049 L54.9382927,22.7421951 C50.6068293,22.7421951 49.7721951,24.8 49.7721951,27.807561 L49.7721951,34.4702439 L60.09,34.4702439 L58.7517073,44.8887805 L49.7721951,44.8887805 L49.7721951,72 L39.0097317,72 L39.0097317,44.8887805 L30,44.8887805 L30,34.4702439 L39.0097317,34.4702439 L39.0097317,26.7858537 C39.0097317,17.8639024 44.4478049,13 52.42,13 C56.2204634,13 59.5,13.2878049 60.4641463,13.4173171 Z" fill="#FFFFFF"></path>
12
+ </g>
13
+ </g>
14
+ </g>
15
+ </svg>
package/assets/images/icons/linkedin.svg ADDED
@@ -0,0 +1,15 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Linkedin</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <g id="Social-Icons---Rounded" transform="translate(-376.000000, -267.000000)">
9
+ <g id="Linkedin" transform="translate(376.000000, 267.000000)">
10
+ <path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" id="Rounded" fill="#007EBB"></path>
11
+ <path d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z" fill="#FFFFFF"></path>
12
+ </g>
13
+ </g>
14
+ </g>
15
+ </svg>
package/assets/images/icons/twitter.svg ADDED
@@ -0,0 +1,15 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Twitter</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <g id="Social-Icons---Rounded" transform="translate(-264.000000, -43.000000)">
9
+ <g id="Twitter" transform="translate(264.000000, 43.000000)">
10
+ <path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" id="Rounded" fill="#4DC8F1"></path>
11
+ <path d="M55.0865399,25.7148754 C55.7080938,39.5659738 45.3799204,55.0092879 27.0953855,55.0092879 C21.5344243,55.0092879 16.3579537,53.3781513 12,50.5841073 C17.2236474,51.1997641 22.4390388,49.7514374 26.5787999,46.505676 C22.2703818,46.4266549 18.6330532,43.5795371 17.3805101,39.6674038 C18.9231903,39.9622586 20.4411028,39.876161 21.8269202,39.4999263 C17.090373,38.5469556 13.8222026,34.2809966 13.9283503,29.7190034 C15.2563762,30.4561404 16.7754681,30.8996019 18.3900929,30.9491375 C14.0038331,28.0194604 12.7619048,22.2285125 15.3424738,17.8021524 C20.1981424,23.7605779 27.4539289,27.6809671 35.6390977,28.0925844 C34.2037447,21.9312988 38.8766033,16 45.232493,16 C48.0654578,16 50.6247973,17.1947516 52.4198732,19.1089488 C54.6631284,18.6678461 56.7707504,17.8481498 58.6731535,16.7194457 C57.9383754,19.019313 56.3768244,20.9500221 54.3435058,22.1671827 C56.3355447,21.9301194 58.2332301,21.4005602 60,20.6174259 C58.68023,22.592953 57.0101725,24.3266991 55.0865399,25.7148754" fill="#FFFFFF"></path>
12
+ </g>
13
+ </g>
14
+ </g>
15
+ </svg>
package/assets/images/icons/whatsapp.svg ADDED
@@ -0,0 +1,15 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch -->
4
+ <title>Whatsapp</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <defs></defs>
7
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
8
+ <g id="Social-Icons---Rounded" transform="translate(-376.000000, -379.000000)">
9
+ <g id="Whatsapp" transform="translate(376.000000, 379.000000)">
10
+ <path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" id="Rounded" fill="#01E675"></path>
11
+ <path d="M35.9930335,12 L35.9930335,12.0003982 L36.0069665,12.0003982 C49.2377485,12.0003982 60,22.7656853 60,36.0001991 C60,49.2343147 49.2377485,60 36.0069665,60 C31.1264337,60 26.598605,58.5469749 22.8044486,56.0355392 L13.5796047,58.9837983 L16.5700258,50.0669471 C13.6926611,46.116025 12,41.2484508 12,35.9998009 C12,22.7652871 22.7622515,12 35.9930335,12 Z M29.2928502,24.1908365 C28.8274878,23.0762798 28.4747837,23.0340708 27.7697737,23.0054006 C27.5297279,22.9914636 27.2622142,22.9775267 26.9656402,22.9775267 C26.0484504,22.9775267 25.0894615,23.245514 24.5110427,23.8380329 C23.8060327,24.557577 22.0568433,26.2363804 22.0568433,29.6792016 C22.0568433,33.1220228 24.5675709,36.4517558 24.9059439,36.9176476 C25.258648,37.3827431 29.8008078,44.5503098 36.8532971,47.4714915 C42.3683787,49.7571489 44.0049097,49.5453075 45.2600745,49.2773201 C47.093658,48.8823076 49.393002,47.5272392 49.9714208,45.891043 C50.5498395,44.2540504 50.5498395,42.8571713 50.3802549,42.5609119 C50.2110684,42.2646524 49.745308,42.0958164 49.0402979,41.7426147 C48.3352878,41.3898111 44.9073704,39.6966726 44.2584904,39.4708942 C43.6235435,39.2311789 43.0172587,39.3159951 42.5379633,39.9933302 C41.8608192,40.9386526 41.1980063,41.8983101 40.6617846,42.4764939 C40.2386193,42.9280506 39.5471441,42.9845947 38.9691235,42.7444812 C38.1932541,42.4203479 36.0212976,41.6577985 33.3409854,39.2733879 C31.2673561,37.4253503 29.8569379,35.125756 29.4481037,34.434484 C29.0388714,33.729275 29.4059066,33.3195291 29.7299485,32.9388517 C30.0826526,32.5012319 30.4210256,32.1910356 30.7737296,31.7816879 C31.1264337,31.3727384 31.3238843,31.1608969 31.549599,30.6810682 C31.7896448,30.2155745 31.6200602,29.7357458 31.4508737,29.3829422 C31.2816872,29.0301386 29.871269,25.5873174 29.2928502,24.1908365 Z" fill="#FFFFFF"></path>
12
+ </g>
13
+ </g>
14
+ </g>
15
+ </svg>
package/components/burh-ds/Loadings/NewLoading.vue CHANGED
@@ -1,57 +1,53 @@
1
1
  <template lang="">
2
- <div v-if='isShowing' class="fullpage-loading">
3
- <span class="loader-wrapper">
4
- <div>
5
- <div :class="'mb-5 product-item--avatar bg-' + color">
6
- <img :src="productImage" alt="" />
7
- </div>
8
- <div class="d-flex justify-content-center align-items-center">
9
- <i
10
- :class="
11
- 'fas fa-3x fa-circle-notch fa-spin text-' + color
12
- "
13
- ></i>
14
- </div>
15
- </div>
16
- </span>
17
- </div>
2
+ <div v-if='isShowing' class="fullpage-loading">
3
+ <span class="loader-wrapper">
4
+ <div>
5
+ <div :class="'mb-5 product-item--avatar bg-' + color">
6
+ <img :src="productImage" alt="" />
7
+ </div>
8
+ <div class="d-flex justify-content-center align-items-center">
9
+ <i
10
+ :class="
11
+ 'fas fa-3x fa-circle-notch fa-spin text-' + color
12
+ "
13
+ ></i>
14
+ </div>
15
+ </div>
16
+ </span>
17
+ </div>
18
18
  </template>
19
19
 
20
20
  <script>
21
21
  export default {
22
- name: 'new-loading',
23
- props: {
24
- isLoading: {
25
- type: Boolean,
26
- default: false,
27
- description: 'If the parent screen is loading'
28
- },
29
- productImage: String,
30
- color: String
31
- },
22
+ name: 'new-loading',
23
+ props: {
24
+ isLoading: {
25
+ type: Boolean,
26
+ default: false,
27
+ description: 'If the parent screen is loading'
28
+ },
29
+ productImage: String,
30
+ color: String
31
+ },
32
32
 
33
- data() {
34
- return {
35
- isShowing: true
36
- };
37
- },
33
+ data() {
34
+ return {
35
+ isShowing: true
36
+ };
37
+ },
38
38
 
39
- mounted(){
39
+ mounted(){
40
40
 
41
- const currentPage = window.location.pathname.split('/')[1];
42
- if (sessionStorage.getItem('lastPage') != currentPage ){
43
- sessionStorage.setItem('lastPage', currentPage);
44
- }else{
45
- this.isShowing = false;
46
- }
47
- },
48
- // beforeDestroy() {
49
- // const HomePage = window.location.pathname.split('');
50
-
51
- // if(HomePage == ''){
52
- // sessionStorage.removeItem('lastPage');
53
- // }
54
- // },
41
+ const currentPage = window.location.pathname.split('/')[1];
42
+ if (sessionStorage.getItem('lastPage') != currentPage ){
43
+ sessionStorage.setItem('lastPage', currentPage);
44
+ }else{
45
+ this.isShowing = false;
46
+ }
47
+ },
48
+ // beforeDestroy() {
49
+ // sessionStorage.removeItem('lastPage');
50
+ // },
55
51
  };
56
52
  </script>
57
53
 
package/components/burh-ds/Modals/SharedModal.vue ADDED
@@ -0,0 +1,215 @@
1
+ <template>
2
+ <el-dialog
3
+ :visible.sync="isActive"
4
+ width="34%"
5
+ custom-class="position-relative"
6
+ @close="$emit('close')"
7
+ >
8
+ <template>
9
+ <div class="d-flex justify-content-center align-items-center">
10
+ <div
11
+ v-if="userData.user_complementary_information"
12
+ class="social social-items"
13
+ >
14
+ <a
15
+ v-if="
16
+ userData.user_complementary_information.facebook_url
17
+ "
18
+ :href="
19
+ userData.user_complementary_information.facebook_url
20
+ "
21
+ target="_blank"
22
+ rel="noopener noreferrer"
23
+ >
24
+ <img
25
+ src="../../../assets/images/icons/facebook.svg"
26
+ width="70"
27
+ height="70"
28
+ alt=""
29
+ />
30
+ </a>
31
+ <a
32
+ v-if="
33
+ userData.user_complementary_information.twitter_url
34
+ "
35
+ :href="
36
+ userData.user_complementary_information.twitter_url
37
+ "
38
+ target="_blank"
39
+ rel="noopener noreferrer"
40
+ class="ml-3"
41
+ >
42
+ <img
43
+ src="../../../assets/images/icons/twitter.svg"
44
+ width="70"
45
+ height="70"
46
+ alt=""
47
+ />
48
+ </a>
49
+ <a
50
+ v-if="
51
+ userData.user_complementary_information.linkedin_url
52
+ "
53
+ :href="
54
+ userData.user_complementary_information.linkedin_url
55
+ "
56
+ target="_blank"
57
+ rel="noopener noreferrer"
58
+ class="ml-3"
59
+ >
60
+ <img
61
+ src="../../../assets/images/icons/linkedin.svg"
62
+ width="70"
63
+ height="70"
64
+ alt=""
65
+ />
66
+ </a>
67
+ <a
68
+ v-if="userData.user_contact.cellphone"
69
+ :href="
70
+ `https://api.whatsapp.com/send?phone=+55${userData.user_contact.cellphone}`
71
+ "
72
+ target="_blank"
73
+ rel="noopener noreferrer"
74
+ class="ml-3"
75
+ >
76
+ <img
77
+ src="../../../assets/images/icons/whatsapp.svg"
78
+ width="70"
79
+ height="70"
80
+ alt=""
81
+ />
82
+ </a>
83
+ </div>
84
+ </div>
85
+ <div
86
+ class="input-group d-flex justify-content-center social social-group"
87
+ v-if="userData.slug"
88
+ @click="copyToClipboard"
89
+ >
90
+ <input
91
+ id="linkShareModal"
92
+ type="text"
93
+ readonly
94
+ class="social social-input pointer"
95
+ :value="`${baseUrl}/${userData.slug.slug}`"
96
+ />
97
+ <div class="input-group-prepend">
98
+ <button
99
+ class="btn btn-outline-primary custom-copy my-0 px-2"
100
+ id="btnCopyLinkShare"
101
+ >
102
+ Copiar
103
+ </button>
104
+ </div>
105
+ </div>
106
+
107
+ <span class="tool tool-close" @click="$emit('close-modal')">
108
+ Fechar
109
+ <font-awesome-icon
110
+ :icon="['fas', 'times']"
111
+ class="text-white ml-1"
112
+ />
113
+ </span>
114
+ </template>
115
+ </el-dialog>
116
+ </template>
117
+
118
+ <script>
119
+ import { Dialog } from 'element-ui';
120
+
121
+ export default {
122
+ name: 'shared-modal',
123
+ components: {
124
+ [Dialog.name]: Dialog
125
+ },
126
+ props: {
127
+ isActive: Boolean,
128
+ userData: Object,
129
+ baseUrl: ''
130
+ },
131
+ mounted() {
132
+ console.log(this.userData);
133
+ },
134
+ methods: {
135
+ copyToClipboard() {
136
+ let text = document.getElementById('linkShareModal');
137
+ let btnCopy = document.getElementById('btnCopyLinkShare');
138
+ text.select();
139
+ document.execCommand('copy');
140
+
141
+ if (btnCopy.innerText == 'Copiado') return;
142
+
143
+ btnCopy.innerText = 'Copiado';
144
+ btnCopy.classList.remove('btn-outline-primary');
145
+ btnCopy.classList.add('btn-primary');
146
+ }
147
+ }
148
+ };
149
+ </script>
150
+
151
+ <style lang="scss" scoped>
152
+ @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
153
+
154
+ /deep/ .el-dialog__body {
155
+ padding: 0;
156
+ }
157
+
158
+ /deep/ .el-dialog__header {
159
+ display: none;
160
+ }
161
+
162
+ /deep/ .el-dialog {
163
+ overflow: hidden;
164
+ border-radius: 10px;
165
+ padding-bottom: 50px;
166
+ max-width: 460px;
167
+ min-width: 460px;
168
+ }
169
+
170
+ .social {
171
+ &-items {
172
+ margin-top: 5rem;
173
+ }
174
+
175
+ &-group {
176
+ margin-top: 3rem;
177
+ }
178
+
179
+ &-input {
180
+ width: 300px;
181
+ border: none;
182
+ border-radius: 5px;
183
+ background: #e9ecef;
184
+ color: #32325d;
185
+ padding-left: 15px;
186
+ outline: 0;
187
+ }
188
+ }
189
+
190
+ .tool {
191
+ position: absolute;
192
+ top: 1rem;
193
+ z-index: 10;
194
+ color: $primary;
195
+ cursor: pointer;
196
+
197
+ &-close {
198
+ position: absolute;
199
+ width: 88px;
200
+ height: 27px;
201
+ right: 7px;
202
+ top: 7px;
203
+ display: flex;
204
+ justify-content: center;
205
+ align-items: center;
206
+
207
+ font-size: 11px;
208
+
209
+ font-weight: 500;
210
+ background: rgba(0, 0, 0, 0.2);
211
+ border-radius: 17.5px;
212
+ color: #fff;
213
+ }
214
+ }
215
+ </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.150",
3
+ "version": "1.0.152",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {