@burh/nuxt-core 1.0.156 → 1.0.158

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 (12) hide show
  1. package/assets/images/burhCv.svg +6 -6
  2. package/assets/images/facebookCv.svg +3 -3
  3. package/assets/images/icons/historicCv.svg +3 -3
  4. package/assets/images/icons/icon3.svg +3 -3
  5. package/assets/images/icons/icon4.svg +3 -3
  6. package/assets/images/icons/notesCv.svg +3 -3
  7. package/assets/images/linkedinCv.svg +3 -3
  8. package/assets/images/webCv.svg +4 -4
  9. package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue +155 -135
  10. package/components/burh-ds/Modals/SharedModal.vue +123 -90
  11. package/components/burh-ds/Modals/WhatsappModal.vue +143 -0
  12. package/package.json +1 -1
package/assets/images/burhCv.svg CHANGED
@@ -1,6 +1,6 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <circle cx="10" cy="10" r="10" fill="#1D364B"/>
3
- <path d="M11.0648 11.2231C10.4816 11.527 9.89836 11.527 9.28443 11.2231C9.22304 11.3142 9.22304 11.4358 9.19234 11.527C8.82399 12.8945 7.68822 13.8974 6.27619 14.0797C4.25023 14.3228 2.65402 12.8945 2.40845 11.2231C2.22427 9.97709 2.56193 8.88306 3.54422 8.03215C4.00466 7.63709 4.46511 7.27241 4.92555 6.90773C5.386 6.54306 5.93853 6.33033 6.55246 6.29994C6.64455 6.29994 6.70594 6.26955 6.76733 6.20877C6.98221 5.99604 7.19708 5.78332 7.41196 5.60098C8.05658 5.02358 9.00817 5.14514 9.46861 5.87449C9.49931 5.90488 9.49931 5.93527 9.53 5.96566C9.53 6.02643 9.5914 6.02643 9.65279 5.96566C9.89836 5.8441 10.1439 5.81371 10.4202 5.87449C10.5123 5.90488 10.5737 5.93527 10.6658 5.96566C10.7579 6.02643 10.7886 6.02643 10.8193 5.93527C10.942 5.66176 11.1569 5.47942 11.4025 5.35786C11.8629 5.14514 12.2927 5.14514 12.7224 5.41864C12.9066 5.5402 13.0601 5.69215 13.2443 5.87449C13.275 5.90488 13.3057 5.93527 13.3364 5.96566C13.4284 6.05682 13.5205 6.17838 13.6433 6.26955C13.7661 6.33033 13.9196 6.29994 14.0731 6.33033C14.5335 6.39111 14.9326 6.54306 15.3009 6.81657C15.8535 7.24202 16.3753 7.66748 16.8971 8.12332C17.4804 8.60955 17.7873 9.27813 17.9408 10.0075C18.2171 11.4662 17.5111 12.9857 16.1297 13.715C14.0731 14.7787 11.5253 13.5935 11.0648 11.3446C11.0955 11.2838 11.0955 11.2535 11.0648 11.2231ZM14.5028 13.1072C15.7614 13.1072 16.805 12.0436 16.805 10.7672C16.805 9.46046 15.7921 8.39683 14.5028 8.39683C13.367 8.39683 12.2006 9.30852 12.2006 10.7672C12.2313 12.1955 13.3977 13.1072 14.5028 13.1072ZM3.54422 10.7672C3.54422 12.074 4.58789 13.1072 5.84644 13.1072C7.10499 13.1072 8.14867 12.0436 8.14867 10.7368C8.14867 9.43007 7.10499 8.39683 5.81575 8.39683C4.55719 8.39683 3.54422 9.46046 3.54422 10.7672ZM9.16165 9.67319C9.16165 10.1594 9.5914 10.5849 10.0825 10.5849C10.6044 10.5849 11.0341 10.1594 11.0341 9.67319C11.0341 9.18696 10.6044 8.7615 10.1132 8.7615C9.5914 8.73111 9.16165 9.12618 9.16165 9.67319Z" fill="#F8FAFB"/>
4
- <path d="M14.8406 9.06549C15.608 9.15666 16.222 9.88601 16.1606 10.6761C16.0992 11.5271 15.3932 12.1652 14.503 12.0741C13.6128 12.0133 13.0909 11.2232 13.1216 10.5546C13.5821 10.6458 14.0118 10.5546 14.3802 10.2507C14.7179 9.94679 14.8406 9.55173 14.8406 9.06549Z" fill="#F8FAFB"/>
5
- <path d="M6.1535 9.06549C6.70604 9.09588 7.41205 9.64289 7.47344 10.4938C7.50414 11.2232 7.013 11.8917 6.33768 12.0437C5.38609 12.2868 4.4959 11.6182 4.40381 10.6458C4.40381 10.5546 4.40381 10.5546 4.52659 10.5546C5.23261 10.6761 5.90793 10.2507 6.1228 9.58211C6.1228 9.43017 6.1535 9.24783 6.1535 9.06549Z" fill="#F8FAFB"/>
6
- </svg>
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="10" cy="10" r="10" fill="#1D364B"/>
3
+ <path d="M11.0648 11.2231C10.4816 11.527 9.89836 11.527 9.28443 11.2231C9.22304 11.3142 9.22304 11.4358 9.19234 11.527C8.82399 12.8945 7.68822 13.8974 6.27619 14.0797C4.25023 14.3228 2.65402 12.8945 2.40845 11.2231C2.22427 9.97709 2.56193 8.88306 3.54422 8.03215C4.00466 7.63709 4.46511 7.27241 4.92555 6.90773C5.386 6.54306 5.93853 6.33033 6.55246 6.29994C6.64455 6.29994 6.70594 6.26955 6.76733 6.20877C6.98221 5.99604 7.19708 5.78332 7.41196 5.60098C8.05658 5.02358 9.00817 5.14514 9.46861 5.87449C9.49931 5.90488 9.49931 5.93527 9.53 5.96566C9.53 6.02643 9.5914 6.02643 9.65279 5.96566C9.89836 5.8441 10.1439 5.81371 10.4202 5.87449C10.5123 5.90488 10.5737 5.93527 10.6658 5.96566C10.7579 6.02643 10.7886 6.02643 10.8193 5.93527C10.942 5.66176 11.1569 5.47942 11.4025 5.35786C11.8629 5.14514 12.2927 5.14514 12.7224 5.41864C12.9066 5.5402 13.0601 5.69215 13.2443 5.87449C13.275 5.90488 13.3057 5.93527 13.3364 5.96566C13.4284 6.05682 13.5205 6.17838 13.6433 6.26955C13.7661 6.33033 13.9196 6.29994 14.0731 6.33033C14.5335 6.39111 14.9326 6.54306 15.3009 6.81657C15.8535 7.24202 16.3753 7.66748 16.8971 8.12332C17.4804 8.60955 17.7873 9.27813 17.9408 10.0075C18.2171 11.4662 17.5111 12.9857 16.1297 13.715C14.0731 14.7787 11.5253 13.5935 11.0648 11.3446C11.0955 11.2838 11.0955 11.2535 11.0648 11.2231ZM14.5028 13.1072C15.7614 13.1072 16.805 12.0436 16.805 10.7672C16.805 9.46046 15.7921 8.39683 14.5028 8.39683C13.367 8.39683 12.2006 9.30852 12.2006 10.7672C12.2313 12.1955 13.3977 13.1072 14.5028 13.1072ZM3.54422 10.7672C3.54422 12.074 4.58789 13.1072 5.84644 13.1072C7.10499 13.1072 8.14867 12.0436 8.14867 10.7368C8.14867 9.43007 7.10499 8.39683 5.81575 8.39683C4.55719 8.39683 3.54422 9.46046 3.54422 10.7672ZM9.16165 9.67319C9.16165 10.1594 9.5914 10.5849 10.0825 10.5849C10.6044 10.5849 11.0341 10.1594 11.0341 9.67319C11.0341 9.18696 10.6044 8.7615 10.1132 8.7615C9.5914 8.73111 9.16165 9.12618 9.16165 9.67319Z" fill="#F8FAFB"/>
4
+ <path d="M14.8406 9.06549C15.608 9.15666 16.222 9.88601 16.1606 10.6761C16.0992 11.5271 15.3932 12.1652 14.503 12.0741C13.6128 12.0133 13.0909 11.2232 13.1216 10.5546C13.5821 10.6458 14.0118 10.5546 14.3802 10.2507C14.7179 9.94679 14.8406 9.55173 14.8406 9.06549Z" fill="#F8FAFB"/>
5
+ <path d="M6.1535 9.06549C6.70604 9.09588 7.41205 9.64289 7.47344 10.4938C7.50414 11.2232 7.013 11.8917 6.33768 12.0437C5.38609 12.2868 4.4959 11.6182 4.40381 10.6458C4.40381 10.5546 4.40381 10.5546 4.52659 10.5546C5.23261 10.6761 5.90793 10.2507 6.1228 9.58211C6.1228 9.43017 6.1535 9.24783 6.1535 9.06549Z" fill="#F8FAFB"/>
6
+ </svg>
package/assets/images/facebookCv.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M20.1222 10.0611C20.1222 4.50451 15.6177 0 10.0611 0C4.50451 0 0 4.50451 0 10.0611C0 15.0829 3.67922 19.2452 8.48906 20V12.9694H5.93448V10.0611H8.48906V7.84452C8.48906 5.32296 9.99112 3.93012 12.2893 3.93012C13.3901 3.93012 14.5415 4.12663 14.5415 4.12663V6.60261H13.2728C12.023 6.60261 11.6332 7.37814 11.6332 8.17379V10.0611H14.4235L13.9775 12.9694H11.6332V20C16.443 19.2452 20.1222 15.0829 20.1222 10.0611Z" fill="#1D364B"/>
3
- </svg>
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M20.1222 10.0611C20.1222 4.50451 15.6177 0 10.0611 0C4.50451 0 0 4.50451 0 10.0611C0 15.0829 3.67922 19.2452 8.48906 20V12.9694H5.93448V10.0611H8.48906V7.84452C8.48906 5.32296 9.99112 3.93012 12.2893 3.93012C13.3901 3.93012 14.5415 4.12663 14.5415 4.12663V6.60261H13.2728C12.023 6.60261 11.6332 7.37814 11.6332 8.17379V10.0611H14.4235L13.9775 12.9694H11.6332V20C16.443 19.2452 20.1222 15.0829 20.1222 10.0611Z" fill="#1D364B"/>
3
+ </svg>
package/assets/images/icons/historicCv.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M11.5515 0.00349014C6.46153 -0.13651 2.29153 3.95349 2.29153 9.00349H0.501534C0.0515344 9.00349 -0.168466 9.54349 0.151534 9.85349L2.94153 12.6535C3.14153 12.8535 3.45153 12.8535 3.65153 12.6535L6.44153 9.85349C6.75153 9.54349 6.53153 9.00349 6.08153 9.00349H4.29153C4.29153 5.10349 7.47153 1.95349 11.3915 2.00349C15.1115 2.05349 18.2415 5.18349 18.2915 8.90349C18.3415 12.8135 15.1915 16.0035 11.2915 16.0035C9.68153 16.0035 8.19153 15.4535 7.01153 14.5235C6.61153 14.2135 6.05153 14.2435 5.69153 14.6035C5.27153 15.0235 5.30153 15.7335 5.77153 16.0935C7.29153 17.2935 9.20153 18.0035 11.2915 18.0035C16.3415 18.0035 20.4315 13.8335 20.2915 8.74349C20.1615 4.05349 16.2415 0.13349 11.5515 0.00349014ZM11.0415 5.00349C10.6315 5.00349 10.2915 5.34349 10.2915 5.75349V9.43349C10.2915 9.78349 10.4815 10.1135 10.7815 10.2935L13.9015 12.1435C14.2615 12.3535 14.7215 12.2335 14.9315 11.8835C15.1415 11.5235 15.0215 11.0635 14.6715 10.8535L11.7915 9.14349V5.74349C11.7915 5.34349 11.4515 5.00349 11.0415 5.00349Z" fill="#C8C8C8"/>
3
- </svg>
1
+ <svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M11.5515 0.00349014C6.46153 -0.13651 2.29153 3.95349 2.29153 9.00349H0.501534C0.0515344 9.00349 -0.168466 9.54349 0.151534 9.85349L2.94153 12.6535C3.14153 12.8535 3.45153 12.8535 3.65153 12.6535L6.44153 9.85349C6.75153 9.54349 6.53153 9.00349 6.08153 9.00349H4.29153C4.29153 5.10349 7.47153 1.95349 11.3915 2.00349C15.1115 2.05349 18.2415 5.18349 18.2915 8.90349C18.3415 12.8135 15.1915 16.0035 11.2915 16.0035C9.68153 16.0035 8.19153 15.4535 7.01153 14.5235C6.61153 14.2135 6.05153 14.2435 5.69153 14.6035C5.27153 15.0235 5.30153 15.7335 5.77153 16.0935C7.29153 17.2935 9.20153 18.0035 11.2915 18.0035C16.3415 18.0035 20.4315 13.8335 20.2915 8.74349C20.1615 4.05349 16.2415 0.13349 11.5515 0.00349014ZM11.0415 5.00349C10.6315 5.00349 10.2915 5.34349 10.2915 5.75349V9.43349C10.2915 9.78349 10.4815 10.1135 10.7815 10.2935L13.9015 12.1435C14.2615 12.3535 14.7215 12.2335 14.9315 11.8835C15.1415 11.5235 15.0215 11.0635 14.6715 10.8535L11.7915 9.14349V5.74349C11.7915 5.34349 11.4515 5.00349 11.0415 5.00349Z" fill="#C8C8C8"/>
3
+ </svg>
package/assets/images/icons/icon3.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M13.869 4.869L9.522 0.522C9.189 0.189 8.73 0 8.253 0H1.8C0.81 0 0.00900021 0.81 0.00900021 1.8L0 16.2C0 17.19 0.801 18 1.791 18H12.6C13.59 18 14.4 17.19 14.4 16.2V6.147C14.4 5.67 14.211 5.211 13.869 4.869ZM5.607 13.761L3.699 11.853C3.348 11.502 3.348 10.935 3.699 10.584C4.05 10.233 4.617 10.233 4.968 10.584L6.237 11.853L9.423 8.667C9.774 8.316 10.341 8.316 10.692 8.667C11.043 9.018 11.043 9.585 10.692 9.936L6.876 13.752C6.534 14.112 5.958 14.112 5.607 13.761ZM9 6.3C8.505 6.3 8.1 5.895 8.1 5.4V1.35L13.05 6.3H9Z" fill="#C8C8C8"/>
3
- </svg>
1
+ <svg width="15" height="18" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.869 4.869L9.522 0.522C9.189 0.189 8.73 0 8.253 0H1.8C0.81 0 0.00900021 0.81 0.00900021 1.8L0 16.2C0 17.19 0.801 18 1.791 18H12.6C13.59 18 14.4 17.19 14.4 16.2V6.147C14.4 5.67 14.211 5.211 13.869 4.869ZM5.607 13.761L3.699 11.853C3.348 11.502 3.348 10.935 3.699 10.584C4.05 10.233 4.617 10.233 4.968 10.584L6.237 11.853L9.423 8.667C9.774 8.316 10.341 8.316 10.692 8.667C11.043 9.018 11.043 9.585 10.692 9.936L6.876 13.752C6.534 14.112 5.958 14.112 5.607 13.761ZM9 6.3C8.505 6.3 8.1 5.895 8.1 5.4V1.35L13.05 6.3H9Z" fill="#C8C8C8"/>
3
+ </svg>
package/assets/images/icons/icon4.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M9.52759 11.3307V17.0472C9.52759 17.5713 9.95633 18 10.4803 18H16.1969C16.7209 18 17.1497 17.5713 17.1497 17.0472V11.3307C17.1497 10.8067 16.7209 10.3779 16.1969 10.3779H10.4803C9.95633 10.3779 9.52759 10.8067 9.52759 11.3307ZM0.952759 18H6.66931C7.19333 18 7.62207 17.5713 7.62207 17.0472V11.3307C7.62207 10.8067 7.19333 10.3779 6.66931 10.3779H0.952759C0.428742 10.3779 0 10.8067 0 11.3307V17.0472C0 17.5713 0.428742 18 0.952759 18ZM0 1.8031V7.51965C0 8.04367 0.428742 8.47241 0.952759 8.47241H6.66931C7.19333 8.47241 7.62207 8.04367 7.62207 7.51965V1.8031C7.62207 1.27908 7.19333 0.850337 6.66931 0.850337H0.952759C0.428742 0.850337 0 1.27908 0 1.8031ZM12.3382 0.278682L8.289 4.31838C7.91743 4.68996 7.91743 5.29019 8.289 5.66177L12.3382 9.711C12.7098 10.0826 13.31 10.0826 13.6816 9.711L17.7308 5.66177C18.1024 5.29019 18.1024 4.68996 17.7308 4.31838L13.6911 0.278682C13.3196 -0.092894 12.7098 -0.092894 12.3382 0.278682Z" fill="#C8C8C8"/>
3
- </svg>
1
+ <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.52759 11.3307V17.0472C9.52759 17.5713 9.95633 18 10.4803 18H16.1969C16.7209 18 17.1497 17.5713 17.1497 17.0472V11.3307C17.1497 10.8067 16.7209 10.3779 16.1969 10.3779H10.4803C9.95633 10.3779 9.52759 10.8067 9.52759 11.3307ZM0.952759 18H6.66931C7.19333 18 7.62207 17.5713 7.62207 17.0472V11.3307C7.62207 10.8067 7.19333 10.3779 6.66931 10.3779H0.952759C0.428742 10.3779 0 10.8067 0 11.3307V17.0472C0 17.5713 0.428742 18 0.952759 18ZM0 1.8031V7.51965C0 8.04367 0.428742 8.47241 0.952759 8.47241H6.66931C7.19333 8.47241 7.62207 8.04367 7.62207 7.51965V1.8031C7.62207 1.27908 7.19333 0.850337 6.66931 0.850337H0.952759C0.428742 0.850337 0 1.27908 0 1.8031ZM12.3382 0.278682L8.289 4.31838C7.91743 4.68996 7.91743 5.29019 8.289 5.66177L12.3382 9.711C12.7098 10.0826 13.31 10.0826 13.6816 9.711L17.7308 5.66177C18.1024 5.29019 18.1024 4.68996 17.7308 4.31838L13.6911 0.278682C13.3196 -0.092894 12.7098 -0.092894 12.3382 0.278682Z" fill="#C8C8C8"/>
3
+ </svg>
package/assets/images/icons/notesCv.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M17.4343 0H1.94683C0.881403 0 0.00968574 0.871717 0.00968574 1.93715L0 17.0275C0 17.8896 1.04606 18.3254 1.65626 17.7152L3.8743 15.4972H17.4343C18.4998 15.4972 19.3715 14.6255 19.3715 13.56V1.93715C19.3715 0.871717 18.4998 0 17.4343 0ZM9.68574 3.8743C10.7512 3.8743 11.6229 4.74602 11.6229 5.81145C11.6229 6.87688 10.7512 7.7486 9.68574 7.7486C8.62031 7.7486 7.7486 6.87688 7.7486 5.81145C7.7486 4.74602 8.62031 3.8743 9.68574 3.8743ZM13.56 11.6229H5.81145V11.0708C5.81145 10.2863 6.27636 9.58889 6.99311 9.27894C7.8164 8.92057 8.72686 8.71717 9.68574 8.71717C10.6446 8.71717 11.5551 8.92057 12.3784 9.27894C13.0951 9.58889 13.56 10.2863 13.56 11.0708V11.6229Z" fill="#C8C8C8"/>
3
- </svg>
1
+ <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M17.4343 0H1.94683C0.881403 0 0.00968574 0.871717 0.00968574 1.93715L0 17.0275C0 17.8896 1.04606 18.3254 1.65626 17.7152L3.8743 15.4972H17.4343C18.4998 15.4972 19.3715 14.6255 19.3715 13.56V1.93715C19.3715 0.871717 18.4998 0 17.4343 0ZM9.68574 3.8743C10.7512 3.8743 11.6229 4.74602 11.6229 5.81145C11.6229 6.87688 10.7512 7.7486 9.68574 7.7486C8.62031 7.7486 7.7486 6.87688 7.7486 5.81145C7.7486 4.74602 8.62031 3.8743 9.68574 3.8743ZM13.56 11.6229H5.81145V11.0708C5.81145 10.2863 6.27636 9.58889 6.99311 9.27894C7.8164 8.92057 8.72686 8.71717 9.68574 8.71717C10.6446 8.71717 11.5551 8.92057 12.3784 9.27894C13.0951 9.58889 13.56 10.2863 13.56 11.0708V11.6229Z" fill="#C8C8C8"/>
3
+ </svg>
package/assets/images/linkedinCv.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1221 0C15.6412 0 20.1221 4.48086 20.1221 10C20.1221 15.5191 15.6412 20 10.1221 20C4.60293 20 0.12207 15.5191 0.12207 10C0.12207 4.48086 4.60293 0 10.1221 0ZM6.99563 15.62V7.81055H4.39937V15.62H6.99563ZM16.3558 15.62V11.1416C16.3558 8.74281 15.075 7.62691 13.3671 7.62691C11.99 7.62691 11.3731 8.3843 11.0277 8.91625V7.81055H8.43215C8.46656 8.54324 8.43215 15.62 8.43215 15.62H11.0277V11.2586C11.0277 11.0252 11.0445 10.7918 11.1133 10.625C11.3006 10.1588 11.728 9.67582 12.4451 9.67582C13.3839 9.67582 13.7601 10.3922 13.7601 11.4416V15.62H16.3558ZM5.71504 4.04492C4.82676 4.04492 4.24641 4.62891 4.24641 5.39434C4.24641 6.14363 4.8091 6.74371 5.68066 6.74371H5.69742C6.6027 6.74371 7.16617 6.14363 7.16617 5.39434C7.14937 4.62891 6.60273 4.04492 5.71504 4.04492Z" fill="#1D364B"/>
3
- </svg>
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.1221 0C15.6412 0 20.1221 4.48086 20.1221 10C20.1221 15.5191 15.6412 20 10.1221 20C4.60293 20 0.12207 15.5191 0.12207 10C0.12207 4.48086 4.60293 0 10.1221 0ZM6.99563 15.62V7.81055H4.39937V15.62H6.99563ZM16.3558 15.62V11.1416C16.3558 8.74281 15.075 7.62691 13.3671 7.62691C11.99 7.62691 11.3731 8.3843 11.0277 8.91625V7.81055H8.43215C8.46656 8.54324 8.43215 15.62 8.43215 15.62H11.0277V11.2586C11.0277 11.0252 11.0445 10.7918 11.1133 10.625C11.3006 10.1588 11.728 9.67582 12.4451 9.67582C13.3839 9.67582 13.7601 10.3922 13.7601 11.4416V15.62H16.3558ZM5.71504 4.04492C4.82676 4.04492 4.24641 4.62891 4.24641 5.39434C4.24641 6.14363 4.8091 6.74371 5.68066 6.74371H5.69742C6.6027 6.74371 7.16617 6.14363 7.16617 5.39434C7.14937 4.62891 6.60273 4.04492 5.71504 4.04492Z" fill="#1D364B"/>
3
+ </svg>
package/assets/images/webCv.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <circle cx="10.1221" cy="10" r="10" fill="#1D364B"/>
3
- <path d="M10.1161 4C6.80407 4 4.12207 6.688 4.12207 10C4.12207 13.312 6.80407 16 10.1161 16C13.4341 16 16.1221 13.312 16.1221 10C16.1221 6.688 13.4341 4 10.1161 4ZM14.2741 7.6H12.5041C12.3121 6.85 12.0361 6.13 11.6761 5.464C12.7801 5.842 13.6981 6.61 14.2741 7.6ZM10.1221 5.224C10.6201 5.944 11.0101 6.742 11.2681 7.6H8.97607C9.23407 6.742 9.62407 5.944 10.1221 5.224ZM5.47807 11.2C5.38207 10.816 5.32207 10.414 5.32207 10C5.32207 9.586 5.38207 9.184 5.47807 8.8H7.50607C7.45807 9.196 7.42207 9.592 7.42207 10C7.42207 10.408 7.45807 10.804 7.50607 11.2H5.47807ZM5.97007 12.4H7.74007C7.93207 13.15 8.20807 13.87 8.56807 14.536C7.46407 14.158 6.54607 13.396 5.97007 12.4ZM7.74007 7.6H5.97007C6.54607 6.604 7.46407 5.842 8.56807 5.464C8.20807 6.13 7.93207 6.85 7.74007 7.6ZM10.1221 14.776C9.62407 14.056 9.23407 13.258 8.97607 12.4H11.2681C11.0101 13.258 10.6201 14.056 10.1221 14.776ZM11.5261 11.2H8.71807C8.66407 10.804 8.62207 10.408 8.62207 10C8.62207 9.592 8.66407 9.19 8.71807 8.8H11.5261C11.5801 9.19 11.6221 9.592 11.6221 10C11.6221 10.408 11.5801 10.804 11.5261 11.2ZM11.6761 14.536C12.0361 13.87 12.3121 13.15 12.5041 12.4H14.2741C13.6981 13.39 12.7801 14.158 11.6761 14.536ZM12.7381 11.2C12.7861 10.804 12.8221 10.408 12.8221 10C12.8221 9.592 12.7861 9.196 12.7381 8.8H14.7661C14.8621 9.184 14.9221 9.586 14.9221 10C14.9221 10.414 14.8621 10.816 14.7661 11.2H12.7381Z" fill="white"/>
4
- </svg>
1
+ <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="10.1221" cy="10" r="10" fill="#1D364B"/>
3
+ <path d="M10.1161 4C6.80407 4 4.12207 6.688 4.12207 10C4.12207 13.312 6.80407 16 10.1161 16C13.4341 16 16.1221 13.312 16.1221 10C16.1221 6.688 13.4341 4 10.1161 4ZM14.2741 7.6H12.5041C12.3121 6.85 12.0361 6.13 11.6761 5.464C12.7801 5.842 13.6981 6.61 14.2741 7.6ZM10.1221 5.224C10.6201 5.944 11.0101 6.742 11.2681 7.6H8.97607C9.23407 6.742 9.62407 5.944 10.1221 5.224ZM5.47807 11.2C5.38207 10.816 5.32207 10.414 5.32207 10C5.32207 9.586 5.38207 9.184 5.47807 8.8H7.50607C7.45807 9.196 7.42207 9.592 7.42207 10C7.42207 10.408 7.45807 10.804 7.50607 11.2H5.47807ZM5.97007 12.4H7.74007C7.93207 13.15 8.20807 13.87 8.56807 14.536C7.46407 14.158 6.54607 13.396 5.97007 12.4ZM7.74007 7.6H5.97007C6.54607 6.604 7.46407 5.842 8.56807 5.464C8.20807 6.13 7.93207 6.85 7.74007 7.6ZM10.1221 14.776C9.62407 14.056 9.23407 13.258 8.97607 12.4H11.2681C11.0101 13.258 10.6201 14.056 10.1221 14.776ZM11.5261 11.2H8.71807C8.66407 10.804 8.62207 10.408 8.62207 10C8.62207 9.592 8.66407 9.19 8.71807 8.8H11.5261C11.5801 9.19 11.6221 9.592 11.6221 10C11.6221 10.408 11.5801 10.804 11.5261 11.2ZM11.6761 14.536C12.0361 13.87 12.3121 13.15 12.5041 12.4H14.2741C13.6981 13.39 12.7801 14.158 11.6761 14.536ZM12.7381 11.2C12.7861 10.804 12.8221 10.408 12.8221 10C12.8221 9.592 12.7861 9.196 12.7381 8.8H14.7661C14.8621 9.184 14.9221 9.586 14.9221 10C14.9221 10.414 14.8621 10.816 14.7661 11.2H12.7381Z" fill="white"/>
4
+ </svg>
package/components/burh-ds/Curriculum/UserCurriculum/UserCvRightSide.vue CHANGED
@@ -1,140 +1,156 @@
1
1
  <template>
2
- <div class="bg-white content-right tabs">
3
- <el-tabs :class="activeName" class="mt-3 ml-4 handle-icon-color" v-model="activeName">
4
- <el-tab-pane class="history" name="history">
5
- <span class="tab__icon" slot="label">
6
- <img class="img__icon img__icon--history" src="../../../../assets/images/icons/historicCv.svg">
7
- </span>
8
- <p class="notes-title mb-0">Histórico com sua empresa</p>
9
- <div class="line mb-3"></div>
10
-
11
- <div
12
- v-show="userData.user_applied_job.length > 0"
13
- class="mt-3"
14
- v-for="(applied, index) in userData.user_applied_job"
15
- :key="index"
16
- >
17
- <p class="history-text mb-0">
18
- Se candidatou na vaga {{ applied.job.title }}
19
- </p>
20
- <span>{{ applied.subscribe_at | convertDate }}</span>
21
- </div>
22
- <p
23
- v-show="userData.user_applied_job.length === 0"
24
- class="history-text"
25
- >
26
- Nenhuma vaga aplicada.
27
- </p>
28
- </el-tab-pane>
29
-
30
- <el-tab-pane name="notes" v-if="isNotesActived">
31
- <span class="tab__icon" slot="label">
32
- <img class="img__icon img__icon--notes" src="../../../../assets/images/icons/notesCv.svg">
33
- </span>
34
- <p class="notes-title mb-0">Notas da equipe</p>
35
- <div class="line mb-3"></div>
36
- <div
37
- v-show="notes.length > 0"
38
- v-for="(note, index) in notes"
39
- :key="index"
40
- >
41
- <div class="notes-baloon">
42
- <div class="notes-text ml-3 pt-1">
43
- <p class="mt-3">{{ note.text }}</p>
44
- </div>
45
- <div
46
- class="d-flex justify-content-end align-items-center mr-3"
47
- >
48
- <p class="notes-date">
49
- {{ note.created_at | convertDate }}
50
- </p>
51
- </div>
52
- </div>
53
- <div class="notes-owner d-flex mt-2">
54
- <img
55
- v-show="note.user.urlAvatar"
56
- :src="note.user.urlAvatar"
57
- :alt="note.user.name"
58
- />
59
- <div
60
- v-show="!note.user.urlAvatar"
61
- class="notes-avatar"
62
- ></div>
63
- <p class="ml-1">
64
- {{ note.user.name }}
65
- </p>
66
- </div>
67
- </div>
68
- <div class="notes-text pt-1" v-show="notes.length === 0">
69
- <p>Nenhuma nota criada.</p>
70
- </div>
71
-
72
- <input
73
- class="notes-new pl-4 mt-3 mb-3 form-rounded"
74
- type="text"
75
- placeholder="Escrever anotação"
76
- v-model="newNote"
77
- @change="$emit('new-note', newNote, userData.id)"
78
- v-on:change="cleatInput()"
79
- />
80
- </el-tab-pane>
81
-
82
- <el-tab-pane :disabled="true">
83
- <span class="tab__icon" slot="label">
84
- <img class="img__icon" src="../../../../assets/images/icons/icon3.svg">
85
- </span>
86
- </el-tab-pane>
87
-
88
- <el-tab-pane :disabled="true">
89
- <span class="tab__icon" slot="label">
90
- <img class="img__icon" src="../../../../assets/images/icons/icon4.svg">
91
- </span>
92
- </el-tab-pane>
93
- </el-tabs>
94
- </div>
2
+ <div class="bg-white content-right tabs">
3
+ <el-tabs
4
+ :class="activeName"
5
+ class="mt-3 ml-4 handle-icon-color"
6
+ v-model="activeName"
7
+ >
8
+ <el-tab-pane class="history" name="history">
9
+ <span class="tab__icon" slot="label">
10
+ <img
11
+ class="img__icon img__icon--history"
12
+ src="../../../../assets/images/icons/historicCv.svg"
13
+ />
14
+ </span>
15
+ <p class="notes-title mb-0">Histórico com sua empresa</p>
16
+ <div class="line mb-3"></div>
17
+
18
+ <div
19
+ v-show="userData.user_applied_job.length > 0"
20
+ class="mt-3"
21
+ v-for="(applied, index) in userData.user_applied_job"
22
+ :key="index"
23
+ >
24
+ <p class="history-text mb-0">
25
+ Se candidatou na vaga {{ applied.job.title }}
26
+ </p>
27
+ <span>{{ applied.subscribe_at | convertDate }}</span>
28
+ </div>
29
+ <p
30
+ v-show="userData.user_applied_job.length === 0"
31
+ class="history-text"
32
+ >
33
+ Nenhuma vaga aplicada.
34
+ </p>
35
+ </el-tab-pane>
36
+
37
+ <el-tab-pane name="notes" v-if="isNotesActived">
38
+ <span class="tab__icon" slot="label">
39
+ <img
40
+ class="img__icon img__icon--notes"
41
+ src="../../../../assets/images/icons/notesCv.svg"
42
+ />
43
+ </span>
44
+ <p class="notes-title mb-0">Notas da equipe</p>
45
+ <div class="line mb-3"></div>
46
+ <div
47
+ v-show="notes.length > 0"
48
+ v-for="(note, index) in notes"
49
+ :key="index"
50
+ >
51
+ <div class="notes-baloon">
52
+ <div class="notes-text ml-3 pt-1">
53
+ <p class="mt-3">{{ note.text }}</p>
54
+ </div>
55
+ <div
56
+ class="d-flex justify-content-end align-items-center mr-3"
57
+ >
58
+ <p class="notes-date">
59
+ {{ note.created_at | convertDate }}
60
+ </p>
61
+ </div>
62
+ </div>
63
+ <div class="notes-owner d-flex mt-2">
64
+ <img
65
+ v-show="note.user.urlAvatar"
66
+ :src="note.user.urlAvatar"
67
+ :alt="note.user.name"
68
+ />
69
+ <div
70
+ v-show="!note.user.urlAvatar"
71
+ class="notes-avatar"
72
+ ></div>
73
+ <p class="ml-1">
74
+ {{ note.user.name }}
75
+ </p>
76
+ </div>
77
+ </div>
78
+ <div class="notes-text" v-show="notes.length === 0">
79
+ <p>Nenhuma nota criada.</p>
80
+ </div>
81
+
82
+ <input
83
+ class="notes-new pl-4 mt-3 mb-3 form-rounded"
84
+ type="text"
85
+ placeholder="Escrever anotação"
86
+ v-model="newNote"
87
+ @change="$emit('new-note', newNote, userData.id)"
88
+ v-on:change="cleatInput()"
89
+ />
90
+ </el-tab-pane>
91
+
92
+ <el-tab-pane :disabled="true">
93
+ <span class="tab__icon cursor-disabled" slot="label">
94
+ <img
95
+ class="img__icon"
96
+ src="../../../../assets/images/icons/icon3.svg"
97
+ />
98
+ </span>
99
+ </el-tab-pane>
100
+
101
+ <el-tab-pane :disabled="true">
102
+ <span class="tab__icon cursor-disabled" slot="label">
103
+ <img
104
+ class="img__icon"
105
+ src="../../../../assets/images/icons/icon4.svg"
106
+ />
107
+ </span>
108
+ </el-tab-pane>
109
+ </el-tabs>
110
+ </div>
95
111
  </template>
96
112
 
97
113
  <script>
98
114
  import { Tabs, TabPane } from 'element-ui';
99
115
 
100
116
  export default {
101
- name: 'user-cv-left-side',
102
- filters: {
103
- convertDate(data) {
104
- let d = new Date(data);
105
- let options = { hour: '2-digit', minute: '2-digit' };
106
- return d.toLocaleDateString('pt-BR', options);
107
- }
108
- },
109
- components: {
110
- [Tabs.name]: Tabs,
111
- [TabPane.name]: TabPane
112
- },
113
- props: {
114
- userData: Object,
115
- notes: Array,
116
- activeName: String,
117
- isNotesActived: {
118
- type: Boolean,
119
- default: true
120
- }
121
- },
122
- methods: {
123
- cleatInput() {
124
- this.newNote = '';
125
- },
126
- },
127
- data() {
128
- return {
129
- newNote: '',
130
- active: this.activeName
131
- };
132
- }
117
+ name: 'user-cv-left-side',
118
+ filters: {
119
+ convertDate(data) {
120
+ let d = new Date(data);
121
+ let options = { hour: '2-digit', minute: '2-digit' };
122
+ return d.toLocaleDateString('pt-BR', options);
123
+ }
124
+ },
125
+ components: {
126
+ [Tabs.name]: Tabs,
127
+ [TabPane.name]: TabPane
128
+ },
129
+ props: {
130
+ userData: Object,
131
+ notes: Array,
132
+ activeName: String,
133
+ isNotesActived: {
134
+ type: Boolean,
135
+ default: true
136
+ }
137
+ },
138
+ methods: {
139
+ cleatInput() {
140
+ this.newNote = '';
141
+ }
142
+ },
143
+ data() {
144
+ return {
145
+ newNote: '',
146
+ active: this.activeName
147
+ };
148
+ }
133
149
  };
134
150
  </script>
135
151
 
136
152
  <style lang="scss" scoped>
137
- @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
153
+ @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
138
154
 
139
155
  .readmore {
140
156
  overflow: hidden;
@@ -144,16 +160,16 @@ export default {
144
160
  -webkit-box-orient: vertical;
145
161
  }
146
162
  .el-tabs__item {
147
- padding: 3rem;
163
+ padding: 3rem;
148
164
  }
149
165
 
150
166
  .tab__icon {
151
- .img__icon {
152
- background-color: #f5f5f5 !important;
153
- border-radius: 30%;
154
- padding: 7px;
155
- margin-bottom: 1rem;
156
- }
167
+ .img__icon {
168
+ background-color: #f5f5f5 !important;
169
+ border-radius: 30%;
170
+ padding: 7px;
171
+ margin-bottom: 1rem;
172
+ }
157
173
  }
158
174
 
159
175
  .content-right {
@@ -231,9 +247,9 @@ export default {
231
247
  }
232
248
 
233
249
  .history {
234
- margin-right: 22px;
250
+ margin-right: 22px;
235
251
  word-break: break-word;
236
-
252
+
237
253
  .history-text {
238
254
  font-size: 13px;
239
255
  color: #62778c;
@@ -246,4 +262,8 @@ export default {
246
262
  color: #8da2b5;
247
263
  }
248
264
  }
265
+
266
+ .cursor-disabled {
267
+ cursor: no-drop;
268
+ }
249
269
  </style>
package/components/burh-ds/Modals/SharedModal.vue CHANGED
@@ -1,106 +1,111 @@
1
1
  <template>
2
2
  <el-dialog
3
3
  :visible.sync="isActive"
4
- width="34%"
4
+ width="54%"
5
5
  custom-class="position-relative"
6
6
  @close="$emit('close')"
7
7
  >
8
8
  <template>
9
+ <h2 class="display-4 mt-5 ml-5">Compartilhar</h2>
9
10
  <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"
11
+ <ul class="col-12 list-inline mb-4 mt-3 ml-5">
12
+ <li
13
+ class="p list-inline-item ml-2 cursor-pointer"
14
+ @click="$emit('whatsapp-modal')"
23
15
  >
24
- <img
25
- src="../../../assets/images/icons/facebook.svg"
26
- width="70"
27
- height="70"
28
- alt=""
29
- />
30
- </a>
16
+ <base-button
17
+ icon
18
+ type="whatsapp"
19
+ class="btn--rounded mr-2"
20
+ >
21
+ <span class="btn-inner--icon"
22
+ ><i class="fab fa-whatsapp"></i
23
+ ></span>
24
+ </base-button>
25
+ <span class="btn-inner--text">Whatsapp</span>
26
+ </li>
31
27
  <a
32
- v-if="
33
- userData.user_complementary_information.twitter_url
34
- "
35
- :href="
36
- userData.user_complementary_information.twitter_url
37
- "
28
+ href="http://facebook.com"
38
29
  target="_blank"
39
30
  rel="noopener noreferrer"
40
- class="ml-3"
31
+ class="social social-link"
41
32
  >
42
- <img
43
- src="../../../assets/images/icons/twitter.svg"
44
- width="70"
45
- height="70"
46
- alt=""
47
- />
33
+ <li class="p list-inline-item ml-2 cursor-pointer">
34
+ <base-button
35
+ icon
36
+ class="btn-facebook btn--rounded mr-2"
37
+ >
38
+ <span class="btn-inner--icon"
39
+ ><i class="fab fa-facebook-f"></i
40
+ ></span>
41
+ </base-button>
42
+ <span class="btn-inner--text">Facebook</span>
43
+ </li>
48
44
  </a>
49
45
  <a
50
- v-if="
51
- userData.user_complementary_information.linkedin_url
52
- "
53
- :href="
54
- userData.user_complementary_information.linkedin_url
55
- "
46
+ href="https://twitter.com/compose/tweet"
56
47
  target="_blank"
57
48
  rel="noopener noreferrer"
58
- class="ml-3"
49
+ class="social social-link"
59
50
  >
60
- <img
61
- src="../../../assets/images/icons/linkedin.svg"
62
- width="70"
63
- height="70"
64
- alt=""
65
- />
51
+ <li class="p list-inline-item ml-2 cursor-pointer">
52
+ <base-button
53
+ icon
54
+ class="btn-twitter btn--rounded mr-2"
55
+ >
56
+ <span class="btn-inner--icon"
57
+ ><i class="fab fa-twitter"></i
58
+ ></span>
59
+ </base-button>
60
+ <span class="btn-inner--text">Twitter</span>
61
+ </li>
66
62
  </a>
67
63
  <a
68
- v-if="userData.user_contact.cellphone"
69
- :href="
70
- `https://api.whatsapp.com/send?phone=+55${userData.user_contact.cellphone}`
71
- "
64
+ href="https://linkedin.com"
72
65
  target="_blank"
73
66
  rel="noopener noreferrer"
74
- class="ml-3"
67
+ class="social social-link"
75
68
  >
76
- <img
77
- src="../../../assets/images/icons/whatsapp.svg"
78
- width="70"
79
- height="70"
80
- alt=""
81
- />
69
+ <li class="p list-inline-item ml-2 cursor-pointer">
70
+ <base-button
71
+ icon
72
+ class="btn-linkedin btn--rounded mr-2"
73
+ >
74
+ <span class="btn-inner--icon"
75
+ ><i class="fab fa-linkedin-in"></i
76
+ ></span>
77
+ </base-button>
78
+ <span class="btn-inner--text">Linkedin</span>
79
+ </li>
82
80
  </a>
83
- </div>
81
+ </ul>
84
82
  </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"
83
+
84
+ <div class="row">
85
+ <div class="col-8" @click="copyToClipboard">
86
+ <label class="ml-5 social social-label" for="linkShareModal"
87
+ >Link compartilhável</label
88
+ >
89
+ <input
90
+ v-if="userData.slug"
91
+ id="linkShareModal"
92
+ :value="`${baseUrl}/${userData.slug.slug}`"
93
+ type="text"
94
+ class="ml-5 form-control social social-input"
95
+ readonly
96
+ />
97
+ </div>
98
+
99
+ <div class="col-4 pt-1">
100
+ <base-button
100
101
  id="btnCopyLinkShare"
102
+ size="sm"
103
+ type="outline-primary"
104
+ class="mt-4"
105
+ @click="copyToClipboard"
101
106
  >
102
107
  Copiar
103
- </button>
108
+ </base-button>
104
109
  </div>
105
110
  </div>
106
111
 
@@ -126,10 +131,7 @@ export default {
126
131
  props: {
127
132
  isActive: Boolean,
128
133
  userData: Object,
129
- baseUrl: ''
130
- },
131
- mounted() {
132
- console.log(this.userData);
134
+ baseUrl: String
133
135
  },
134
136
  methods: {
135
137
  copyToClipboard() {
@@ -138,11 +140,20 @@ export default {
138
140
  text.select();
139
141
  document.execCommand('copy');
140
142
 
141
- if (btnCopy.innerText == 'Copiado') return;
142
-
143
143
  btnCopy.innerText = 'Copiado';
144
144
  btnCopy.classList.remove('btn-outline-primary');
145
145
  btnCopy.classList.add('btn-primary');
146
+
147
+ setTimeout(() => {
148
+ btnCopy.innerText = 'Copiar';
149
+ btnCopy.classList.remove('btn-primary');
150
+ btnCopy.classList.add('btn-outline-primary');
151
+ }, 3000);
152
+ }
153
+ },
154
+ watch: {
155
+ isActive(newValue) {
156
+ !newValue && this.$emit('close-modal');
146
157
  }
147
158
  }
148
159
  };
@@ -163,27 +174,29 @@ export default {
163
174
  overflow: hidden;
164
175
  border-radius: 10px;
165
176
  padding-bottom: 50px;
166
- max-width: 460px;
167
- min-width: 460px;
177
+ max-width: 725px;
178
+ min-width: 725px;
168
179
  }
169
180
 
170
181
  .social {
171
- &-items {
172
- margin-top: 5rem;
173
- }
174
-
175
- &-group {
176
- margin-top: 3rem;
182
+ &-label {
183
+ color: #8898aa;
184
+ text-transform: uppercase;
177
185
  }
178
186
 
179
187
  &-input {
180
- width: 300px;
188
+ width: 400px;
181
189
  border: none;
182
190
  border-radius: 5px;
183
191
  background: #e9ecef;
184
192
  color: #32325d;
185
193
  padding-left: 15px;
186
194
  outline: 0;
195
+ cursor: pointer;
196
+ }
197
+
198
+ &-link {
199
+ color: #606266;
187
200
  }
188
201
  }
189
202
 
@@ -212,4 +225,24 @@ export default {
212
225
  color: #fff;
213
226
  }
214
227
  }
228
+
229
+ .btn-whatsapp:hover {
230
+ color: white;
231
+ }
232
+
233
+ .btn-email {
234
+ color: white;
235
+ background-color: $primary !important;
236
+ border-color: $primary !important;
237
+ }
238
+
239
+ .btn--rounded {
240
+ font-size: 1.5rem;
241
+ margin: 0;
242
+ padding: 0;
243
+ line-height: 0;
244
+ min-width: 0;
245
+ width: 3rem;
246
+ height: 3rem;
247
+ }
215
248
  </style>
package/components/burh-ds/Modals/WhatsappModal.vue ADDED
@@ -0,0 +1,143 @@
1
+ <template>
2
+ <el-dialog
3
+ :visible.sync="isActive"
4
+ width="54%"
5
+ custom-class="position-relative"
6
+ @close="$emit('close')"
7
+ >
8
+ <template>
9
+ <div class="row mt-5">
10
+ <!-- <base-input class="col-12" label="Email" type="text" /> -->
11
+ <div class="col-12 px-3 mb-4">
12
+ <p class="lead mt-0 ml-5">
13
+ Insira aqui o número do telefone.
14
+ </p>
15
+ <base-input
16
+ class="mb-1 ml-5 mr-5"
17
+ v-model="phoneNumber"
18
+ placeholder="Ex: (15) 3342-6237"
19
+ type="text"
20
+ name="NumberCellphone"
21
+ >
22
+ </base-input>
23
+ </div>
24
+
25
+ <div class="col-12 d-flex">
26
+ <base-button
27
+ size="md"
28
+ outline
29
+ type="primary"
30
+ role="button"
31
+ class="ml-5"
32
+ @click="$emit('close-modal')"
33
+ >voltar
34
+ </base-button>
35
+ <base-button
36
+ size="md"
37
+ type="primary"
38
+ role="button"
39
+ @click="sendMessage()"
40
+ class="ml-auto mr-5"
41
+ >Enviar
42
+ </base-button>
43
+ </div>
44
+ </div>
45
+
46
+ <span class="tool tool-close" @click="$emit('close-modal')">
47
+ Fechar
48
+ <font-awesome-icon
49
+ :icon="['fas', 'times']"
50
+ class="text-white ml-1"
51
+ />
52
+ </span>
53
+ </template>
54
+ </el-dialog>
55
+ </template>
56
+
57
+ <script>
58
+ import { Dialog } from 'element-ui';
59
+
60
+ export default {
61
+ name: 'whatsapp-modal',
62
+ components: {
63
+ [Dialog.name]: Dialog
64
+ },
65
+ data() {
66
+ return {
67
+ phoneNumber: ''
68
+ };
69
+ },
70
+ props: {
71
+ isActive: Boolean,
72
+ userData: Object,
73
+ baseUrl: String
74
+ },
75
+ methods: {
76
+ sendMessage() {
77
+ let phoneNumber = this.phoneNumber
78
+ .replace('(', '')
79
+ .replace(')', '')
80
+ .replace(' ', '')
81
+ .replace('-', '');
82
+ window.open(
83
+ 'https://api.whatsapp.com/send?phone=' +
84
+ '+55' +
85
+ phoneNumber +
86
+ '&text=' +
87
+ `${this.baseUrl}/${this.userData.slug.slug}`
88
+ );
89
+ }
90
+ },
91
+ watch: {
92
+ isActive(newValue) {
93
+ !newValue && this.$emit('close-modal');
94
+ }
95
+ }
96
+ };
97
+ </script>
98
+
99
+ <style lang="scss" scoped>
100
+ @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
101
+
102
+ /deep/ .el-dialog__body {
103
+ padding: 0;
104
+ }
105
+
106
+ /deep/ .el-dialog__header {
107
+ display: none;
108
+ }
109
+
110
+ /deep/ .el-dialog {
111
+ overflow: hidden;
112
+ border-radius: 10px;
113
+ padding-bottom: 50px;
114
+ max-width: 725px;
115
+ min-width: 725px;
116
+ }
117
+
118
+ .tool {
119
+ position: absolute;
120
+ top: 1rem;
121
+ z-index: 10;
122
+ color: $primary;
123
+ cursor: pointer;
124
+
125
+ &-close {
126
+ position: absolute;
127
+ width: 88px;
128
+ height: 27px;
129
+ right: 7px;
130
+ top: 7px;
131
+ display: flex;
132
+ justify-content: center;
133
+ align-items: center;
134
+
135
+ font-size: 11px;
136
+
137
+ font-weight: 500;
138
+ background: rgba(0, 0, 0, 0.2);
139
+ border-radius: 17.5px;
140
+ color: #fff;
141
+ }
142
+ }
143
+ </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.156",
3
+ "version": "1.0.158",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {