mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-19 15:48:04 +01:00
Redesign: Subscribe/Buy Gems modal style (#9038)
* feat(gems): User menu Gems prompt * feat(purchases): Gems modal * feat(purchasing): Subscription side of modal * fix(modals): analytics and dropdown styling
This commit is contained in:
Sabe Jones
GitHub
BIN
website/client/assets/images/amazon-payments.png
Normal file
BIN
website/client/assets/images/amazon-payments.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
BIN
website/client/assets/images/gem-rain.png
Normal file
BIN
website/client/assets/images/gem-rain.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
website/client/assets/images/gemfall.png
Normal file
BIN
website/client/assets/images/gemfall.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
website/client/assets/images/gold-rain.png
Normal file
BIN
website/client/assets/images/gold-rain.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
website/client/assets/images/paypal.png
Normal file
BIN
website/client/assets/images/paypal.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
37
website/client/assets/svg/21-gems.svg
Normal file
37
website/client/assets/svg/21-gems.svg
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="55" viewBox="0 0 48 55">
|
||||||
|
<defs>
|
||||||
|
<path id="a" d="M3.42.25H.24v11.463h3.18V.25z"/>
|
||||||
|
</defs>
|
||||||
|
<g fill="none" fill-rule="evenodd">
|
||||||
|
<path fill="#2995CD" d="M14.61 19.602l6.297-1.158-2.144 6.017-2.143 6.017-4.154-4.86-4.153-4.859z"/>
|
||||||
|
<path fill="#2995CD" d="M27.203 17.287l6.297-1.158-2.143 6.017-2.143 6.017-4.154-4.86-4.154-4.859z"/>
|
||||||
|
<path fill="#A9DCF6" d="M35.51 27.006l-6.296 1.157 2.143-6.017L33.5 16.13l4.154 4.86 4.153 4.86z"/>
|
||||||
|
<path fill="#50B5E9" d="M22.917 29.32l-6.297 1.158 2.143-6.017 2.144-6.017 4.153 4.86 4.154 4.86z"/>
|
||||||
|
<path fill="#46A7D9" d="M10.323 31.636l-6.297 1.157 2.144-6.017 2.143-6.017 4.154 4.86 4.153 4.86z"/>
|
||||||
|
<path fill="#50B5E9" d="M4.027 32.793l22.19 14.86-9.597-17.175z"/>
|
||||||
|
<path fill="#2995CD" d="M41.821 25.846L26.217 47.654l3.01-19.493z"/>
|
||||||
|
<path fill="#A9DCF6" d="M16.62 30.478l9.598 17.176 2.996-19.49z"/>
|
||||||
|
<g transform="translate(20.668 .112)">
|
||||||
|
<mask id="b" fill="#fff">
|
||||||
|
<use xlink:href="#a"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#50B5E9" d="M1.83 11.713c-.878 0-1.59-.71-1.59-1.586V1.836C.24.959.951.249 1.83.249c.878 0 1.59.71 1.59 1.587v8.29c0 .877-.712 1.587-1.59 1.587" mask="url(#b)"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#A9DCF6" d="M37.147 14.07a1.583 1.583 0 0 1-.723-2.65l5.852-5.89a1.594 1.594 0 0 1 2.25-.01c.623.617.628 1.622.01 2.244l-5.853 5.889c-.415.417-1.005.557-1.536.417"/>
|
||||||
|
<path fill="#2995CD" d="M7.85 14.07a1.583 1.583 0 0 0 .723-2.65L2.72 5.53a1.594 1.594 0 0 0-2.25-.01 1.583 1.583 0 0 0-.009 2.244l5.852 5.889c.415.417 1.005.557 1.536.417"/>
|
||||||
|
<path fill="#53C9E5" d="M42.34 37.184l-3.032-.715.896 2.976.895 2.975 2.136-2.261 2.136-2.261zM36.277 35.755l-3.032-.714.896 2.976.895 2.975 2.136-2.261 2.136-2.261z"/>
|
||||||
|
<path fill="#C1ECF6" d="M32.005 40.278l3.031.714-.896-2.975-.895-2.976-2.136 2.261-2.136 2.261z"/>
|
||||||
|
<path fill="#7ED7EC" d="M38.068 41.706l3.031.714-.896-2.975-.895-2.975-2.136 2.26-2.136 2.262z"/>
|
||||||
|
<path fill="#6FD2E9" d="M44.13 43.134l3.032.714-.895-2.975-.896-2.975-2.136 2.26L41.1 42.42z"/>
|
||||||
|
<path fill="#7ED7EC" d="M47.162 43.848L36.02 50.534l5.08-8.114z"/>
|
||||||
|
<path fill="#53C9E5" d="M28.966 39.562l7.054 10.972-.99-9.544z"/>
|
||||||
|
<path fill="#C1ECF6" d="M41.1 42.42l-5.08 8.114-.984-9.542z"/>
|
||||||
|
<path fill="#5296E8" d="M14.629 34.179l-4.017 1.57 3.371 2.684 3.372 2.684.646-4.254.645-4.254zM6.595 37.318l-4.018 1.57 3.372 2.684 3.372 2.685.645-4.255.646-4.254z"/>
|
||||||
|
<path fill="#C1D9F7" d="M5.304 45.826l4.017-1.57-3.372-2.684-3.371-2.684-.646 4.254-.646 4.254z"/>
|
||||||
|
<path fill="#7DB0EE" d="M13.338 42.687l4.017-1.57-3.372-2.684-3.371-2.685-.646 4.255-.645 4.254z"/>
|
||||||
|
<path fill="#6EA7EC" d="M21.372 39.548l4.017-1.57-3.371-2.684-3.372-2.685L18 36.863l-.645 4.255z"/>
|
||||||
|
<path fill="#7DB0EE" d="M25.39 37.978l-7.407 16.374-.628-13.235z"/>
|
||||||
|
<path fill="#5296E8" d="M1.277 47.4l16.706 6.952L9.312 44.26z"/>
|
||||||
|
<path fill="#C1D9F7" d="M17.355 41.117l.628 13.235-8.662-10.096z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
28
website/client/assets/svg/4-gems.svg
Normal file
28
website/client/assets/svg/4-gems.svg
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="53" viewBox="0 0 50 53">
|
||||||
|
<defs>
|
||||||
|
<path id="a" d="M3.736.266H.261V12.89h3.475V.266z"/>
|
||||||
|
<path id="c" d="M.36 20.706h21.324V.351H.36v20.355z"/>
|
||||||
|
</defs>
|
||||||
|
<g fill="none" fill-rule="evenodd">
|
||||||
|
<g transform="translate(22.572 .132)">
|
||||||
|
<mask id="b" fill="#fff">
|
||||||
|
<use xlink:href="#a"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#50B5E9" d="M1.999 12.89c-.96 0-1.738-.782-1.738-1.747v-9.13C.261 1.048 1.04.266 2 .266s1.737.782 1.737 1.747v9.13c0 .965-.778 1.747-1.737 1.747" mask="url(#b)"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#A9DCF6" d="M40.57 15.494a1.725 1.725 0 0 1-.78-.448 1.754 1.754 0 0 1-.01-2.47l6.39-6.485a1.73 1.73 0 0 1 2.457-.012c.681.68.687 1.786.011 2.47l-6.391 6.486c-.453.46-1.097.613-1.678.46"/>
|
||||||
|
<path fill="#2995CD" d="M18.038 20.163l6.991-.153-3.363 6.164-3.363 6.165-3.628-6.011-3.628-6.012zM32.02 19.856l6.991-.153-3.363 6.164-3.363 6.165-3.628-6.01-3.628-6.012z"/>
|
||||||
|
<path fill="#A9DCF6" d="M39.276 31.879l-6.991.153 3.363-6.164 3.364-6.165 3.627 6.011 3.628 6.012z"/>
|
||||||
|
<path fill="#50B5E9" d="M25.294 32.186l-6.991.153 3.363-6.164 3.363-6.165 3.628 6.01 3.628 6.012z"/>
|
||||||
|
<path fill="#46A7D9" d="M11.311 32.492l-6.99.154 3.363-6.165 3.363-6.165 3.628 6.011 3.627 6.012z"/>
|
||||||
|
<g transform="translate(3.96 31.988)">
|
||||||
|
<mask id="d" fill="#fff">
|
||||||
|
<use xlink:href="#c"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#50B5E9" d="M.36.658l21.324 20.049L14.342.35z" mask="url(#d)"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#2995CD" d="M46.283 31.725l-20.639 20.97 6.657-20.663z"/>
|
||||||
|
<path fill="#A9DCF6" d="M18.303 32.34l7.341 20.354 6.64-20.662z"/>
|
||||||
|
<path fill="#2995CD" d="M8.572 15.494c.285-.075.555-.225.78-.448a1.754 1.754 0 0 0 .01-2.47L2.971 6.09a1.73 1.73 0 0 0-2.457-.012 1.754 1.754 0 0 0-.01 2.47l6.39 6.486a1.73 1.73 0 0 0 1.678.46"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.9 KiB |
97
website/client/assets/svg/42-gems.svg
Normal file
97
website/client/assets/svg/42-gems.svg
Normal file
@@ -0,0 +1,97 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="47" height="49" viewBox="0 0 47 49">
|
||||||
|
<defs>
|
||||||
|
<path id="a" d="M3.36.059H.18v11.388H3.36V.059z"/>
|
||||||
|
<path id="c" d="M0 .03v2.715h2.369V.03H0z"/>
|
||||||
|
<path id="e" d="M0 .028v2.46h2.148V.029H0z"/>
|
||||||
|
</defs>
|
||||||
|
<g fill="none" fill-rule="evenodd">
|
||||||
|
<path fill="#2995CD" d="M21.33 17.371l5.085.906-3.333 3.908-3.334 3.909-1.751-4.814-1.75-4.814zM31.5 19.182l5.085.905-3.334 3.909-3.334 3.909-1.75-4.814-1.752-4.814z"/>
|
||||||
|
<path fill="#A9DCF6" d="M35.002 28.81l-5.085-.905 3.334-3.91 3.334-3.908 1.75 4.814 1.751 4.814z"/>
|
||||||
|
<path fill="#50B5E9" d="M24.832 27l-5.084-.906 3.334-3.909 3.333-3.908 1.751 4.813 1.75 4.814z"/>
|
||||||
|
<path fill="#46A7D9" d="M14.663 25.189l-5.085-.906 3.334-3.908 3.334-3.909 1.75 4.814 1.752 4.814z"/>
|
||||||
|
<path fill="#50B5E9" d="M9.578 24.283l12.52 17.394-2.35-15.583z"/>
|
||||||
|
<path fill="#2995CD" d="M40.098 29.717l-18 11.96 7.83-13.77z"/>
|
||||||
|
<path fill="#A9DCF6" d="M19.748 26.094l2.35 15.583 7.819-13.773z"/>
|
||||||
|
<g transform="translate(22.142 .3)">
|
||||||
|
<mask id="b" fill="#fff">
|
||||||
|
<use xlink:href="#a"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#50B5E9" d="M1.77 11.447A1.584 1.584 0 0 1 .179 9.87V1.634C.179.764.89.058 1.769.058c.88 0 1.592.706 1.592 1.576v8.237c0 .87-.713 1.576-1.591 1.576" mask="url(#b)"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#A9DCF6" d="M38.565 13.978a1.586 1.586 0 0 1-.713-.405 1.565 1.565 0 0 1-.01-2.228l5.853-5.85a1.602 1.602 0 0 1 2.25-.01c.624.612.629 1.61.01 2.228l-5.854 5.85a1.6 1.6 0 0 1-1.536.415"/>
|
||||||
|
<path fill="#2995CD" d="M9.26 13.978c.26-.068.507-.203.713-.405.624-.612.629-1.61.01-2.228l-5.854-5.85a1.602 1.602 0 0 0-2.25-.01 1.565 1.565 0 0 0-.01 2.228l5.854 5.85c.415.415 1.005.553 1.536.415"/>
|
||||||
|
<path fill="#53C9E5" d="M11.258 28.377L8.09 29.99l2.973 1.909 2.973 1.908.195-3.52.194-3.52zM4.923 31.6l-3.168 1.612 2.973 1.91 2.973 1.908.195-3.52.194-3.52z"/>
|
||||||
|
<path fill="#C1ECF6" d="M4.534 38.641L7.7 37.03l-2.973-1.91-2.973-1.908-.194 3.521-.195 3.52z"/>
|
||||||
|
<path fill="#7ED7EC" d="M10.869 35.418l3.167-1.612-2.973-1.909L8.09 29.99l-.194 3.52-.195 3.52z"/>
|
||||||
|
<path fill="#6FD2E9" d="M17.204 32.194l3.167-1.611-2.973-1.909-2.973-1.908-.194 3.52-.195 3.52z"/>
|
||||||
|
<path fill="#7ED7EC" d="M20.371 30.583l-4.78 13.956-1.555-10.733z"/>
|
||||||
|
<path fill="#53C9E5" d="M1.359 40.257l14.232 4.282-7.897-7.506z"/>
|
||||||
|
<path fill="#C1ECF6" d="M14.036 33.806l1.555 10.733-7.89-7.51z"/>
|
||||||
|
<g>
|
||||||
|
<path fill="#5296E8" d="M15.456 40.732l-1.638.635 1.375 1.088 1.375 1.087.263-1.723.264-1.723zM12.18 42.003l-1.639.636 1.375 1.087 1.376 1.088.263-1.723.263-1.724z"/>
|
||||||
|
<path fill="#C1D9F7" d="M11.653 45.45l1.638-.636-1.375-1.088-1.375-1.087-.263 1.723-.263 1.723z"/>
|
||||||
|
<path fill="#7DB0EE" d="M14.93 44.178l1.638-.636-1.375-1.087-1.375-1.088-.263 1.724-.263 1.723z"/>
|
||||||
|
<path fill="#6EA7EC" d="M18.207 42.906l1.638-.635-1.375-1.088-1.375-1.087-.263 1.723-.264 1.723z"/>
|
||||||
|
<path fill="#7DB0EE" d="M19.845 42.27l-3.02 6.633-.257-5.36z"/>
|
||||||
|
<path fill="#5296E8" d="M10.011 46.087l6.814 2.816-3.537-4.088z"/>
|
||||||
|
<path fill="#C1D9F7" d="M16.568 43.542l.256 5.36-3.533-4.088z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#5296E8" d="M41.353 33.512l-2.984-.88.834 3.007.834 3.007 2.15-2.127 2.15-2.128zM35.384 31.753l-2.984-.88.834 3.007.834 3.007 2.15-2.127 2.15-2.128z"/>
|
||||||
|
<path fill="#C1D9F7" d="M31.084 36.008l2.984.88-.834-3.008-.834-3.007-2.15 2.128-2.15 2.127z"/>
|
||||||
|
<path fill="#7DB0EE" d="M37.053 37.767l2.984.88-.834-3.008-.834-3.007-2.15 2.128-2.15 2.127z"/>
|
||||||
|
<path fill="#6EA7EC" d="M43.022 39.526l2.984.88-.834-3.008-.834-3.007-2.15 2.128-2.15 2.127z"/>
|
||||||
|
<path fill="#7DB0EE" d="M46.006 40.406l-11.13 6.02 5.161-7.78z"/>
|
||||||
|
<path fill="#5296E8" d="M28.093 35.126l6.784 11.3-.815-9.54z"/>
|
||||||
|
<path fill="#C1D9F7" d="M40.037 38.646l-5.16 7.78-.809-9.538z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#24CC8F" d="M43.27 41.811l.85.95-1.241.29-1.242.291.39-1.24.392-1.242zM43.73 44.002l-.391 1.241 1.241-.29 1.242-.29-.85-.95-.852-.951z"/>
|
||||||
|
<path fill="#A6FFDF" d="M44.58 44.953l-1.241.29.85.951.851.95.391-1.24.391-1.241z"/>
|
||||||
|
<path fill="#5AE4B2" d="M42.488 44.293l-.851-.95 1.242-.291 1.241-.29-.39 1.24-.391 1.241z"/>
|
||||||
|
<path fill="#3FDAA2" d="M40.786 42.392l-.851-.951 1.242-.29 1.242-.29-.391 1.24-.391 1.241z"/>
|
||||||
|
<path fill="#5AE4B2" d="M39.935 41.44l-.209 5.419 1.91-3.517z"/>
|
||||||
|
<path fill="#24CC8F" d="M45.042 47.147l-5.316-.288 3.614-1.613z"/>
|
||||||
|
<path fill="#A6FFDF" d="M41.637 43.342l-1.91 3.517 3.612-1.616z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#24CC8F" d="M22.27 35.768l2.379.873-1.908 1.668-1.907 1.667-.472-2.541-.471-2.541zM25.12 39.182l.472 2.541 1.907-1.666 1.908-1.668-2.38-.874-2.378-.874z"/>
|
||||||
|
<path fill="#A6FFDF" d="M27.5 40.056l-1.908 1.668 2.379.873 2.379.874-.472-2.54-.471-2.542z"/>
|
||||||
|
<path fill="#5AE4B2" d="M23.213 40.85l-2.38-.874 1.908-1.667 1.908-1.668.471 2.542.472 2.54z"/>
|
||||||
|
<path fill="#3FDAA2" d="M18.455 39.102l-2.38-.874 1.908-1.667 1.908-1.667.471 2.541.472 2.541z"/>
|
||||||
|
<path fill="#5AE4B2" d="M16.076 38.228l4.686 9.698.072-7.95z"/>
|
||||||
|
<path fill="#24CC8F" d="M30.355 43.473l-9.593 4.453 4.835-6.2z"/>
|
||||||
|
<path fill="#A6FFDF" d="M20.834 39.976l-.071 7.95 4.829-6.202z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#FFA623" d="M1.692 42.948l.991-.92.299 1.325.298 1.325-1.29-.406-1.29-.406z"/>
|
||||||
|
<path fill="#FFA623" d="M3.675 41.11l.992-.919.298 1.325.298 1.324-1.29-.406-1.29-.405z"/>
|
||||||
|
<path fill="#FFD9A0" d="M6.255 41.921l-.992.919-.298-1.325-.298-1.324 1.29.406 1.29.405z"/>
|
||||||
|
<path fill="#FFBE5D" d="M4.272 43.759l-.992.919-.298-1.325-.299-1.324 1.29.405 1.29.406z"/>
|
||||||
|
<g transform="rotate(-14 178.89 19.35)">
|
||||||
|
<mask id="d" fill="#fff">
|
||||||
|
<use xlink:href="#c"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#FFB445" d="M1.184 2.093L0 2.745l.031-1.357L.061.03l1.154.706 1.154.706z" mask="url(#d)"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#FFBE5D" d="M1.297 46.515l5.636.17-3.653-2.007z"/>
|
||||||
|
<path fill="#FFA623" d="M7.249 41l-.316 5.685-1.667-3.847z"/>
|
||||||
|
<path fill="#FFD9A0" d="M3.28 44.678l3.653 2.007-1.67-3.845z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#FFA623" d="M29.403 41.49l1.167-.375-.262 1.203-.262 1.202-.905-.827-.905-.828z"/>
|
||||||
|
<path fill="#FFA623" d="M31.737 40.74l1.167-.375-.262 1.203-.263 1.202-.904-.827-.905-.828z"/>
|
||||||
|
<path fill="#FFD9A0" d="M33.546 42.395l-1.167.375.263-1.202.262-1.203.905.828.904.827z"/>
|
||||||
|
<path fill="#FFBE5D" d="M31.213 43.145l-1.167.375.262-1.202.262-1.203.905.828.905.827z"/>
|
||||||
|
<g transform="rotate(11 -203.105 167.278)">
|
||||||
|
<mask id="f" fill="#fff">
|
||||||
|
<use xlink:href="#e"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#FFB445" d="M1.074 1.898L0 2.488l.028-1.23.028-1.23 1.046.64 1.046.64z" mask="url(#f)"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#FFBE5D" d="M27.712 44.27l4.566 2.3-2.232-3.05z"/>
|
||||||
|
<path fill="#FFA623" d="M34.716 42.02l-2.438 4.55.104-3.8z"/>
|
||||||
|
<path fill="#FFD9A0" d="M30.046 43.52l2.232 3.05.101-3.8z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 7.3 KiB |
119
website/client/assets/svg/84-gems.svg
Normal file
119
website/client/assets/svg/84-gems.svg
Normal file
@@ -0,0 +1,119 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65" height="64" viewBox="0 0 65 64">
|
||||||
|
<defs>
|
||||||
|
<path id="a" d="M0 .11v9.836h8.584V.11H0z"/>
|
||||||
|
<path id="c" d="M.169 6.905h10.056V.139H.169z"/>
|
||||||
|
<path id="e" d="M.105 10.175h5.426V.165H.105v10.01z"/>
|
||||||
|
<path id="g" d="M.268 8.722h5.158V.334H.268z"/>
|
||||||
|
<path id="i" d="M0 .03v2.705h2.5V.03H0z"/>
|
||||||
|
</defs>
|
||||||
|
<g fill="none" fill-rule="evenodd">
|
||||||
|
<path fill="#2995CD" d="M23.52 19.395l6.38-.14-3.07 5.626-3.07 5.627-3.31-5.486-3.31-5.487zM36.28 19.116l6.381-.14-3.07 5.625-3.07 5.627-3.31-5.486-3.31-5.487z"/>
|
||||||
|
<path fill="#A9DCF6" d="M42.902 30.088l-6.38.14 3.07-5.626 3.07-5.626 3.31 5.485 3.31 5.487z"/>
|
||||||
|
<path fill="#50B5E9" d="M30.141 30.368l-6.38.14 3.07-5.626 3.07-5.626 3.31 5.485 3.31 5.487z"/>
|
||||||
|
<path fill="#46A7D9" d="M17.38 30.647l-6.38.14 3.07-5.625 3.07-5.627 3.31 5.486 3.31 5.487z"/>
|
||||||
|
<path fill="#50B5E9" d="M11 30.787l19.461 18.297-6.7-18.576z"/>
|
||||||
|
<path fill="#2995CD" d="M49.297 29.947L30.461 49.084l6.075-18.857z"/>
|
||||||
|
<path fill="#A9DCF6" d="M23.761 30.507l6.7 18.577 6.06-18.856z"/>
|
||||||
|
<path fill="#50B5E9" d="M30.141 11.884a1.59 1.59 0 0 1-1.585-1.594V1.958c0-.88.71-1.595 1.585-1.595a1.59 1.59 0 0 1 1.586 1.595v8.332c0 .88-.71 1.594-1.586 1.594"/>
|
||||||
|
<path fill="#FFBE5D" d="M44.742 14.14a1.574 1.574 0 0 1-.71-.409 1.6 1.6 0 0 1-.01-2.254l5.833-5.919a1.58 1.58 0 0 1 2.242-.01 1.6 1.6 0 0 1 .01 2.255l-5.834 5.918c-.413.42-1 .56-1.53.42"/>
|
||||||
|
<path fill="#3FDAA2" d="M15.54 14.14c.26-.068.507-.205.711-.409a1.6 1.6 0 0 0 .01-2.254l-5.833-5.919a1.58 1.58 0 0 0-2.242-.01 1.6 1.6 0 0 0-.01 2.255l5.833 5.918c.414.42 1.001.56 1.531.42"/>
|
||||||
|
<path fill="#FFA623" d="M4.516 36.059l4.293-2.362-.113 4.918-.112 4.918-4.18-2.556-4.18-2.557z"/>
|
||||||
|
<path fill="#FFA623" d="M13.1 31.336l4.293-2.361-.113 4.918-.112 4.918-4.18-2.557-4.18-2.557z"/>
|
||||||
|
<path fill="#FFD9A0" d="M21.46 36.45l-4.292 2.36.112-4.918.112-4.917 4.18 2.556 4.18 2.557z"/>
|
||||||
|
<path fill="#FFBE5D" d="M12.876 41.172l-4.292 2.361.112-4.918.112-4.918 4.18 2.557 4.18 2.557z"/>
|
||||||
|
<g transform="translate(0 38.31)">
|
||||||
|
<mask id="b" fill="#fff">
|
||||||
|
<use xlink:href="#a"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#FFB445" d="M4.292 7.585L0 9.946l.112-4.918L.224.11l4.18 2.557 4.18 2.557z" mask="url(#b)"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#FFBE5D" d="M0 48.256l19.669 5.537-11.085-10.26z"/>
|
||||||
|
<path fill="#FFA623" d="M25.762 34.083l-6.093 19.71-2.491-14.988z"/>
|
||||||
|
<path fill="#FFD9A0" d="M8.584 43.533l11.085 10.26-2.501-14.982z"/>
|
||||||
|
<g>
|
||||||
|
<path fill="#5296E8" d="M61.616 36.292l-3.042-2.561-.608 3.938-.609 3.937 3.65-1.376 3.65-1.376zM55.533 31.17l-3.042-2.561-.608 3.937-.609 3.938 3.65-1.376 3.65-1.377z"/>
|
||||||
|
<path fill="#C1D9F7" d="M48.233 33.923l3.041 2.561.609-3.938.608-3.937-3.65 1.376-3.65 1.377z"/>
|
||||||
|
<path fill="#7DB0EE" d="M54.316 39.045l3.041 2.562.609-3.938.608-3.938-3.65 1.376-3.65 1.377z"/>
|
||||||
|
<path fill="#6EA7EC" d="M60.399 44.168l3.041 2.561.609-3.938.608-3.937-3.65 1.376-3.65 1.377z"/>
|
||||||
|
<path fill="#7DB0EE" d="M63.44 46.73l-16.255 1.3 10.172-6.423z"/>
|
||||||
|
<path fill="#5296E8" d="M45.184 31.356l2.001 16.674 4.083-11.552z"/>
|
||||||
|
<path fill="#C1D9F7" d="M57.357 41.607L47.185 48.03l4.09-11.546z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#24CC8F" d="M38.963 31.777l4.67.795-3.003 3.662-3.003 3.663-1.667-4.457-1.667-4.458z"/>
|
||||||
|
<path fill="#24CC8F" d="M45.299 37.029l1.667 4.457 3.002-3.662 3.003-3.663-4.67-.795-4.669-.794z"/>
|
||||||
|
<path fill="#A6FFDF" d="M49.968 37.824l-3.002 3.662 4.67.795 4.669.795-1.667-4.458-1.667-4.457z"/>
|
||||||
|
<path fill="#5AE4B2" d="M42.297 40.692l-4.67-.795 3.003-3.662 3.002-3.663 1.667 4.457 1.667 4.457z"/>
|
||||||
|
<path fill="#3FDAA2" d="M32.958 39.102l-4.67-.794 3.003-3.663 3.002-3.663 1.667 4.458 1.667 4.457z"/>
|
||||||
|
<path fill="#5AE4B2" d="M28.288 38.308l11.696 16.048-2.357-14.459z"/>
|
||||||
|
<path fill="#24CC8F" d="M56.315 43.077l-16.331 11.28 6.992-12.869z"/>
|
||||||
|
<path fill="#A6FFDF" d="M37.627 39.897l2.357 14.46 6.982-12.87z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#20B2BF" d="M26.7 44.313l2.58-.812-.592 2.652-.591 2.652-1.989-1.841-1.988-1.84z"/>
|
||||||
|
<path fill="#20B2BF" d="M31.858 42.69l2.58-.81-.592 2.651-.59 2.652-1.989-1.84-1.988-1.841z"/>
|
||||||
|
<path fill="#A5F7FF" d="M35.835 46.372l-2.58.81.591-2.65.592-2.652 1.988 1.84 1.988 1.84z"/>
|
||||||
|
<path fill="#5EDDE9" d="M30.676 47.994l-2.58.81.592-2.65.591-2.652 1.988 1.84 1.988 1.84z"/>
|
||||||
|
<path fill="#3BCAD7" d="M25.517 49.616l-2.58.81.592-2.651.591-2.651 1.989 1.84 1.988 1.84z"/>
|
||||||
|
<g transform="translate(22.769 48.665)">
|
||||||
|
<mask id="d" fill="#fff">
|
||||||
|
<use xlink:href="#c"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#5EDDE9" d="M.169 1.761l10.056 5.144L5.327.139z" mask="url(#d)"/>
|
||||||
|
</g>
|
||||||
|
<g transform="translate(32.889 45.395)">
|
||||||
|
<mask id="f" fill="#fff">
|
||||||
|
<use xlink:href="#e"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#20B2BF" d="M5.531.164L.105 10.175l.268-8.389z" mask="url(#f)"/>
|
||||||
|
</g>
|
||||||
|
<g transform="translate(27.829 46.848)">
|
||||||
|
<mask id="h" fill="#fff">
|
||||||
|
<use xlink:href="#g"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#A5F7FF" d="M.268 1.956l4.897 6.766.261-8.388z" mask="url(#h)"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#6FD2E9" d="M45.591 57.977l1.435.265-.459-1.314-.46-1.314-.975 1.05-.975 1.048z"/>
|
||||||
|
<path fill="#53C9E5" d="M44.673 55.349l-1.435-.265.46 1.314.458 1.314.976-1.049.976-1.05zM41.803 54.82l-1.435-.265.46 1.314.459 1.314.975-1.05.976-1.049z"/>
|
||||||
|
<path fill="#C1ECF6" d="M39.852 56.918l1.434.265-.459-1.314-.459-1.315-.976 1.05-.975 1.05z"/>
|
||||||
|
<path fill="#7ED7EC" d="M42.721 57.448l1.435.264-.459-1.314-.459-1.314-.976 1.05-.975 1.049zM47.026 58.242l-5.155 3.19 2.285-3.72z"/>
|
||||||
|
<path fill="#53C9E5" d="M38.413 56.653l3.458 4.779-.588-4.25z"/>
|
||||||
|
<path fill="#C1ECF6" d="M44.156 57.712l-2.285 3.72-.585-4.25z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#2995CD" d="M8.881 48.824l1.473 1.059-1.644.718-1.643.718.171-1.777.17-1.778z"/>
|
||||||
|
<path fill="#2995CD" d="M11.826 50.942l1.473 1.06-1.644.717-1.643.718.171-1.777.17-1.777z"/>
|
||||||
|
<path fill="#A9DCF6" d="M11.484 54.496l-1.472-1.059 1.643-.718 1.644-.717-.171 1.777-.171 1.777z"/>
|
||||||
|
<path fill="#50B5E9" d="M8.54 52.378l-1.473-1.06 1.643-.717 1.644-.718-.171 1.777-.171 1.777z"/>
|
||||||
|
<path fill="#46A7D9" d="M5.594 50.26L4.122 49.2l1.643-.718 1.644-.717-.171 1.777-.171 1.777z"/>
|
||||||
|
<path fill="#50B5E9" d="M4.122 49.2l1.342 7.365 1.603-5.246z"/>
|
||||||
|
<path fill="#2995CD" d="M12.96 55.558l-7.496 1.007 4.551-3.125z"/>
|
||||||
|
<path fill="#A9DCF6" d="M7.067 51.319l-1.603 5.246 4.548-3.128z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#24CC8F" d="M20.235 56.645l1.587-.873.004 1.81.005 1.81-1.59-.937-1.592-.937zM23.413 56.709l1.59.936-.004-1.81-.005-1.81-1.586.874-1.586.873z"/>
|
||||||
|
<path fill="#A6FFDF" d="M24.999 55.836l.005 1.81 1.586-.874 1.586-.873-1.591-.936-1.591-.937z"/>
|
||||||
|
<path fill="#5AE4B2" d="M23.418 58.519l-1.587.873-.005-1.81-.005-1.81 1.592.937 1.59.936z"/>
|
||||||
|
<path fill="#3FDAA2" d="M20.245 60.265l-1.586.873-.005-1.81-.005-1.81 1.591.937 1.591.937z"/>
|
||||||
|
<path fill="#5AE4B2" d="M18.66 61.138l7.424 2.018-4.253-3.764z"/>
|
||||||
|
<path fill="#24CC8F" d="M28.18 55.897l-2.096 7.259-1.077-5.512z"/>
|
||||||
|
<path fill="#A6FFDF" d="M21.831 59.392l4.253 3.764-1.08-5.51z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<path fill="#FFA623" d="M57.174 51.365l1.004.988-1.297.387-1.296.387.292-1.375.293-1.375zM59.182 53.34l1.004.989-1.297.387-1.296.387.292-1.375.293-1.375z"/>
|
||||||
|
<path fill="#FFD9A0" d="M58.596 56.09l-1.003-.987 1.296-.387 1.296-.387-.292 1.375-.293 1.375z"/>
|
||||||
|
<path fill="#FFBE5D" d="M56.589 54.115l-1.004-.988 1.296-.387 1.297-.387-.293 1.375-.292 1.375z"/>
|
||||||
|
<g transform="rotate(72 -6.53 63.814)">
|
||||||
|
<mask id="j" fill="#fff">
|
||||||
|
<use xlink:href="#i"/>
|
||||||
|
</mask>
|
||||||
|
<path fill="#FFB445" d="M1.25 2.086L0 2.736l.033-1.353L.065.03l1.217.703 1.218.704z" mask="url(#j)"/>
|
||||||
|
</g>
|
||||||
|
<path fill="#FFBE5D" d="M53.577 51.15l.322 5.918 1.686-3.941z"/>
|
||||||
|
<path fill="#FFA623" d="M59.603 57.08l-5.704-.012 3.696-1.963z"/>
|
||||||
|
<path fill="#FFD9A0" d="M55.585 53.127l-1.686 3.941 3.694-1.965z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 8.6 KiB |
15
website/client/assets/svg/credit-card.svg
Normal file
15
website/client/assets/svg/credit-card.svg
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="158" height="52" viewBox="0 0 158 52">
|
||||||
|
<g fill="none" fill-rule="evenodd" opacity=".64">
|
||||||
|
<g fill="#A5A1AC">
|
||||||
|
<path d="M79.337 48.628h-1.16l.898-2.216-1.787-4.509h1.226l1.122 3.069 1.132-3.069h1.226l-2.657 6.725zm-4.453-1.936c-.402 0-.815-.149-1.188-.44v.328h-1.197v-6.726h1.197v2.367c.373-.28.786-.43 1.188-.43 1.253 0 2.113 1.01 2.113 2.45 0 1.44-.86 2.451-2.113 2.451zm-.253-3.872c-.327 0-.655.14-.935.42v2.003c.28.28.608.42.935.42.674 0 1.141-.58 1.141-1.421 0-.842-.467-1.422-1.14-1.422zm-6.98 3.432c-.364.291-.775.44-1.187.44-1.244 0-2.114-1.01-2.114-2.45 0-1.441.87-2.45 2.114-2.45.412 0 .823.148 1.188.43v-2.368h1.207v6.726h-1.207v-.328zm0-3.011c-.27-.281-.598-.421-.925-.421-.683 0-1.15.58-1.15 1.422s.467 1.421 1.15 1.421c.327 0 .654-.14.926-.42V43.24zm-7.127 1.328c.074.711.636 1.197 1.42 1.197.432 0 .908-.159 1.395-.44v1.002a3.82 3.82 0 0 1-1.59.364c-1.413 0-2.404-1.029-2.404-2.488 0-1.412.972-2.413 2.31-2.413 1.226 0 2.058.964 2.058 2.338 0 .131 0 .28-.019.44h-3.17zm1.085-1.853c-.58 0-1.03.432-1.085 1.077h2.039c-.038-.637-.42-1.077-.954-1.077zm-4.238.74v3.124h-1.198v-4.677h1.198v.468c.337-.375.748-.58 1.15-.58.131 0 .262.009.393.046v1.067a1.573 1.573 0 0 0-.42-.056c-.394 0-.815.215-1.123.608zm-5.342 1.113c.075.711.636 1.197 1.422 1.197.43 0 .907-.159 1.393-.44v1.002a3.827 3.827 0 0 1-1.59.364c-1.412 0-2.403-1.029-2.403-2.488 0-1.412.972-2.413 2.31-2.413 1.225 0 2.058.964 2.058 2.338 0 .131 0 .28-.019.44h-3.17zm1.085-1.853c-.58 0-1.029.432-1.085 1.077h2.04c-.038-.637-.422-1.077-.955-1.077zm-5.267 3.864l-.955-3.18-.944 3.18h-1.076l-1.609-4.677h1.197l.945 3.18.945-3.18h1.085l.945 3.18.944-3.18h1.198l-1.6 4.677h-1.075zm-7.316.112c-1.413 0-2.414-1.02-2.414-2.45 0-1.441 1.001-2.45 2.414-2.45 1.412 0 2.404 1.009 2.404 2.45 0 1.43-.992 2.45-2.404 2.45zm0-3.9c-.702 0-1.188.59-1.188 1.45s.486 1.45 1.188 1.45c.692 0 1.178-.59 1.178-1.45s-.486-1.45-1.178-1.45zm-5.258 1.477h-1.076v2.311H33v-6.436h2.273c1.31 0 2.245.852 2.245 2.068 0 1.216-.935 2.057-2.245 2.057zm-.168-3.152h-.908v2.18h.908c.692 0 1.179-.44 1.179-1.085 0-.655-.487-1.095-1.18-1.095zM124.151 44.73h-4.941c.113 1.183.98 1.531 1.963 1.531 1.002 0 1.791-.211 2.48-.558v2.033c-.686.38-1.592.654-2.798.654-2.459 0-4.181-1.54-4.181-4.583 0-2.57 1.461-4.611 3.862-4.611 2.397 0 3.649 2.04 3.649 4.624 0 .245-.022.774-.034.91zm-3.631-3.477c-.631 0-1.332.477-1.332 1.614h2.61c0-1.136-.658-1.614-1.278-1.614zm-7.932 7.137c-.883 0-1.423-.372-1.785-.638l-.006 2.856-2.523.537-.001-11.781h2.222l.132.623a2.827 2.827 0 0 1 1.977-.791c1.772 0 3.441 1.596 3.441 4.535 0 3.207-1.651 4.66-3.457 4.66zM112 41.431c-.579 0-.942.212-1.205.5l.015 3.75c.245.267.598.48 1.19.48.933 0 1.56-1.016 1.56-2.375 0-1.32-.636-2.355-1.56-2.355zm-7.375-2.067h2.533v8.846h-2.533v-8.846zm0-2.825l2.533-.539v2.056l-2.533.539v-2.056zm-2.701 5.673v5.998H99.4v-8.846h2.182l.158.745c.591-1.086 1.771-.865 2.107-.745v2.32c-.32-.104-1.328-.255-1.924.528zm-5.41 2.895c0 1.487 1.593 1.024 1.915.895v2.054c-.336.185-.945.334-1.77.334-1.498 0-2.623-1.103-2.623-2.597l.012-8.097 2.464-.524.002 2.192h1.916v2.152h-1.916v3.59zm-3.146.43c0 1.817-1.446 2.853-3.545 2.853-.87 0-1.821-.169-2.76-.572v-2.41c.847.46 1.926.806 2.763.806.562 0 .968-.15.968-.618 0-1.204-3.837-.75-3.837-3.544 0-1.787 1.365-2.856 3.412-2.856.836 0 1.672.128 2.508.46v2.379c-.768-.415-1.743-.65-2.51-.65-.529 0-.858.153-.858.547 0 1.136 3.859.595 3.859 3.605z"/>
|
||||||
|
</g>
|
||||||
|
<g fill="#4E4A57">
|
||||||
|
<text font-family="RobotoCondensed-Bold, Roboto Condensed" font-size="24" font-style="condensed" font-weight="bold" transform="translate(0 -4)">
|
||||||
|
<tspan x="50.096" y="22">Credit Card</tspan>
|
||||||
|
</text>
|
||||||
|
<g fill-rule="nonzero">
|
||||||
|
<path d="M0 20.776c0 1.646 1.182 2.98 2.641 2.98H31.11c1.459 0 2.641-1.333 2.641-2.98V8.818H0v11.958zM31.109.244H2.64C1.182.244 0 1.577 0 3.224v.892h33.75v-.892c0-1.647-1.182-2.98-2.641-2.98z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.9 KiB |
@@ -56,7 +56,7 @@ div
|
|||||||
.svg-icon(v-html="icons.hourglasses")
|
.svg-icon(v-html="icons.hourglasses")
|
||||||
span {{ userHourglasses }}
|
span {{ userHourglasses }}
|
||||||
.item-with-icon
|
.item-with-icon
|
||||||
.svg-icon.gem(v-html="icons.gem", @click='showBuyGemsModal()')
|
.svg-icon.gem(v-html="icons.gem", @click='showBuyGemsModal("gems")')
|
||||||
span {{userGems | roundBigNumber}}
|
span {{userGems | roundBigNumber}}
|
||||||
.item-with-icon
|
.item-with-icon
|
||||||
.svg-icon(v-html="icons.gold")
|
.svg-icon(v-html="icons.gold")
|
||||||
@@ -68,15 +68,22 @@ div
|
|||||||
a.dropdown-item.edit-avatar.dropdown-separated(@click='showAvatar()')
|
a.dropdown-item.edit-avatar.dropdown-separated(@click='showAvatar()')
|
||||||
h3 {{ user.profile.name }}
|
h3 {{ user.profile.name }}
|
||||||
span.small-text {{ $t('editAvatar') }}
|
span.small-text {{ $t('editAvatar') }}
|
||||||
a.nav-link.dropdown-item(@click.prevent='showInbox()')
|
a.nav-link.dropdown-item.dropdown-separated(@click.prevent='showInbox()')
|
||||||
| {{ $t('messages') }}
|
| {{ $t('messages') }}
|
||||||
span.message-count(v-if='user.inbox.newMessages > 0') {{user.inbox.newMessages}}
|
span.message-count(v-if='user.inbox.newMessages > 0') {{user.inbox.newMessages}}
|
||||||
a.dropdown-item(@click='showAvatar("backgrounds", "2017")') {{ $t('backgrounds') }}
|
a.dropdown-item(@click='showAvatar("backgrounds", "2017")') {{ $t('backgrounds') }}
|
||||||
a.dropdown-item(@click='showProfile("stats")') {{ $t('stats') }}
|
a.dropdown-item(@click='showProfile("stats")') {{ $t('stats') }}
|
||||||
a.dropdown-item(@click='showProfile("achievements")') {{ $t('achievements') }}
|
a.dropdown-item(@click='showProfile("achievements")') {{ $t('achievements') }}
|
||||||
a.dropdown-item(@click='showProfile("profile")') {{ $t('profile') }}
|
a.dropdown-item.dropdown-separated(@click='showProfile("profile")') {{ $t('profile') }}
|
||||||
router-link.dropdown-item(:to="{name: 'site'}") {{ $t('settings') }}
|
router-link.dropdown-item.dropdown-separated(:to="{name: 'site'}") {{ $t('settings') }}
|
||||||
a.nav-link.dropdown-item(to="/", @click.prevent='logout()') {{ $t('logout') }}
|
a.nav-link.dropdown-item.dropdown-separated(to="/", @click.prevent='logout()') {{ $t('logout') }}
|
||||||
|
li(v-if='!this.user.purchased.plan.customerId', @click='showBuyGemsModal("subscribe")')
|
||||||
|
.dropdown-item.text-center
|
||||||
|
h3.purple {{ $t('needMoreGems') }}
|
||||||
|
span.small-text {{ $t('needMoreGemsInfo') }}
|
||||||
|
img.float-left.align-self-end(src='~assets/images/gem-rain.png')
|
||||||
|
button.btn.btn-primary.btn-lg.learn-button Learn More
|
||||||
|
img.float-right.align-self-end(src='~assets/images/gold-rain.png')
|
||||||
b-nav-toggle(target='nav_collapse')
|
b-nav-toggle(target='nav_collapse')
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -179,6 +186,25 @@ div
|
|||||||
border-bottom: 1px solid $gray-500;
|
border-bottom: 1px solid $gray-500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.user-dropdown {
|
||||||
|
width: 14.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.learn-button {
|
||||||
|
margin: 0.75em 0.75em 0.75em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.purple {
|
||||||
|
color: $purple-200;
|
||||||
|
}
|
||||||
|
|
||||||
|
.small-text {
|
||||||
|
color: $gray-200;
|
||||||
|
font-style: normal;
|
||||||
|
display: block;
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
.dropdown-menu:not(.user-dropdown) {
|
.dropdown-menu:not(.user-dropdown) {
|
||||||
background: $purple-200;
|
background: $purple-200;
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
@@ -250,12 +276,6 @@ div
|
|||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.small-text {
|
|
||||||
color: $gray-200;
|
|
||||||
font-style: normal;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
}
|
}
|
||||||
@@ -353,14 +373,17 @@ export default {
|
|||||||
openPartyModal () {
|
openPartyModal () {
|
||||||
this.$root.$emit('show::modal', 'create-party-modal');
|
this.$root.$emit('show::modal', 'create-party-modal');
|
||||||
},
|
},
|
||||||
showBuyGemsModal () {
|
showBuyGemsModal (startingPage) {
|
||||||
|
this.$store.state.gemModalOptions.startingPage = startingPage;
|
||||||
|
|
||||||
Analytics.track({
|
Analytics.track({
|
||||||
hitType: 'event',
|
hitType: 'event',
|
||||||
eventCategory: 'button',
|
eventCategory: 'button',
|
||||||
eventAction: 'click',
|
eventAction: 'click',
|
||||||
eventLabel: 'Gems > Toolbar',
|
eventLabel: 'Gems > Toolbar',
|
||||||
});
|
});
|
||||||
this.$root.$emit('show::modal', 'buy-gems');
|
|
||||||
|
this.$root.$emit('show::modal', 'buy-gems', {alreadyTracked: true});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,124 +1,378 @@
|
|||||||
<template lang="pug">
|
<template lang="pug">
|
||||||
div(v-if='user')
|
mixin featureBullet (text)
|
||||||
|
.row
|
||||||
|
.col-md-2.offset-1
|
||||||
|
.bubble.mx-auto
|
||||||
|
.svg-icon.check(v-html='icons.check')
|
||||||
|
.col-md-8.align-self-center
|
||||||
|
p=text
|
||||||
|
div(v-if='user')
|
||||||
amazon-payments-modal(:amazon-payments='amazonPayments')
|
amazon-payments-modal(:amazon-payments='amazonPayments')
|
||||||
b-modal#buy-gems(title="Buy Gems", :hide-footer="true", size='lg')
|
b-modal(:hide-footer='true', :hide-header='true', :id='"buy-gems"', size='lg')
|
||||||
.modal-body
|
.container-fluid.purple-gradient
|
||||||
div(v-if='userReachedGemCap')
|
.gemfall
|
||||||
h2 {{ $t('buyGemsGold') }}
|
.row
|
||||||
p {{ $t('maxBuyGems') }}
|
h2.text-invert.mx-auto {{ $t('support') }}
|
||||||
|
.row
|
||||||
.row(v-if='!userReachedGemCap')
|
.logo.svg-icon.mx-auto(v-html="icons.logo")
|
||||||
.col-12
|
|
||||||
h2 {{ $t('buyGemsGold') }}
|
|
||||||
p {{ $t('subGemPop') }}
|
|
||||||
|
|
||||||
.col-4
|
|
||||||
button.btn.btn-primary(@click='purchase({type: "gems", key: "gem"})')
|
|
||||||
| Buy Gems for 20 Gold each
|
|
||||||
span.Pet_Currency_Gem.inline-gems
|
|
||||||
.badge.badge-success.stack-count {{planGemLimits.convCap + user.purchased.plan.consecutive.gemCapExtra - user.purchased.plan.gemsBought}}
|
|
||||||
.col-8
|
|
||||||
p {{ $t('buyGemsAllow1') }}
|
|
||||||
| {{planGemLimits.convCap + user.purchased.plan.consecutive.gemCapExtra - user.purchased.plan.gemsBought}}
|
|
||||||
| {{ $t('buyGemsAllow2') }}
|
|
||||||
.col-12
|
|
||||||
p(v-html="$t('seeSubscriptionDetails')")
|
|
||||||
|
|
||||||
.row(v-if='user.purchased.plan.customerId')
|
|
||||||
.col-12
|
|
||||||
h2 {{ $t('purchaseGemsSeparately') }}
|
|
||||||
.col-12.alert.alert-info
|
|
||||||
| $5 {{ $t('USD') }} = +20
|
|
||||||
.col-12
|
|
||||||
h3 {{ $t('paymentMethods') }}
|
|
||||||
.row.text-center
|
|
||||||
.col-md-4
|
|
||||||
button.purchase.btn.btn-primary(@click='showStripe({})') {{ $t('card') }}
|
|
||||||
.col-md-4
|
|
||||||
a.purchase(:href='paypalCheckoutLink', target='_blank')
|
|
||||||
img(src='https://www.paypalobjects.com/webstatic/en_US/i/buttons/pp-acceptance-small.png', :alt="$t('paypal')")
|
|
||||||
.col-md-4
|
|
||||||
a.purchase(@click="amazonPaymentsInit({type: 'single'})")
|
|
||||||
img(src='https://payments.amazon.com/gp/cba/button', :alt="$t('amazonPayments')")
|
|
||||||
|
|
||||||
.row(v-if='!user.purchased.plan.customerId')
|
|
||||||
.col-12
|
|
||||||
h2 {{ $t('purchaseGems') }}
|
|
||||||
.small
|
|
||||||
span.dashed-underline(popover="$t('donateText3')", popover-trigger='mouseenter', popover-placement='bottom')
|
|
||||||
| $5 {{ $t('USD') }}
|
|
||||||
span#TotalGemPrice.dashed-underline(popover="$t('donateText1')",
|
|
||||||
popover-trigger='mouseenter', ement='bottom')
|
|
||||||
| +20
|
|
||||||
span(class="Pet_Currency_Gem1x inline-gems")
|
|
||||||
.container-fluid
|
.container-fluid
|
||||||
.subscribe-pay
|
.row
|
||||||
h3 {{ $t('paymentMethods') }}
|
.col-6.offset-3.nav
|
||||||
|
.nav-item(@click='selectedPage = "subscribe"', :class="{active: selectedPage === 'subscribe'}") {{ $t('subscribe') }}
|
||||||
|
.nav-item(@click='selectedPage = "gems"', :class="{active: selectedPage === 'gems'}") {{ $t('buyGems') }}
|
||||||
|
div(v-show='selectedPage === "gems"')
|
||||||
.row.text-center
|
.row.text-center
|
||||||
.col-md-4
|
h2.mx-auto.text-leadin {{ $t('gemBenefitLeadin') }}
|
||||||
button.purchase.btn.btn-primary(@click='showStripe({})') {{ $t('card') }}
|
.row
|
||||||
.col-md-4
|
.col
|
||||||
a.purchase(:href='paypalCheckoutLink', target='_blank')
|
+featureBullet("{{ $t('gemBenefit1') }}")
|
||||||
img(src='https://www.paypalobjects.com/webstatic/en_US/i/buttons/pp-acceptance-small.png', :alt="$t('paypal')")
|
+featureBullet("{{ $t('gemBenefit1') }}")
|
||||||
.col-md-4
|
.col
|
||||||
a.purchase(@click="amazonPaymentsInit({type: 'single'})")
|
+featureBullet("{{ $t('gemBenefit1') }}")
|
||||||
img(src='https://payments.amazon.com/gp/cba/button', :alt="$t('amazonPayments')")
|
+featureBullet("{{ $t('gemBenefit1') }}")
|
||||||
|
.card-deck
|
||||||
|
.card.text-center
|
||||||
|
.card-img-top
|
||||||
|
.mx-auto(v-html='icons.fourGems', style='"height: 53px; width: 49.5px; margin-top: 2em;"')
|
||||||
|
.card-body
|
||||||
|
.gem-count 4
|
||||||
|
.gem-text {{ $t('gems') }}
|
||||||
|
.divider
|
||||||
|
button.btn.btn-primary $.99
|
||||||
|
.card.text-center
|
||||||
|
.card-img-top
|
||||||
|
.mx-auto(v-html='icons.twentyOneGems', style='"height: 55px; width: 47.5px; margin-top: 1.85em;"')
|
||||||
|
.card-body
|
||||||
|
.gem-count 21
|
||||||
|
.gem-text {{ $t('gems') }}
|
||||||
|
.divider
|
||||||
|
button.btn.btn-primary $4.99
|
||||||
|
.card.text-center
|
||||||
|
.card-img-top
|
||||||
|
.mx-auto(v-html='icons.fortyTwoGems', style='"height: 49.5px; width: 51px; margin-top: 1.9em;"')
|
||||||
|
.card-body
|
||||||
|
.gem-count 42
|
||||||
|
.gem-text {{ $t('gems') }}
|
||||||
|
.divider
|
||||||
|
button.btn.btn-primary $9.99
|
||||||
|
.card.text-center
|
||||||
|
.card-img-top
|
||||||
|
.mx-auto(v-html='icons.eightyFourGems', style='"height: 65px; width: 67px; margin-top: 1em;"')
|
||||||
|
.card-body
|
||||||
|
.gem-count 84
|
||||||
|
.gem-text {{ $t('gems') }}
|
||||||
|
.divider
|
||||||
|
button.btn.btn-primary $19.99
|
||||||
|
.row.text-center
|
||||||
|
h2.mx-auto.text-payment {{ $t('choosePaymentMethod') }}
|
||||||
|
.card-deck
|
||||||
|
.card.text-center.payment-method(@click='showStripe({})')
|
||||||
|
.card-body
|
||||||
|
.mx-auto(v-html='icons.creditCard', style='"height: 56px; width: 159px; margin-top: 1em;"')
|
||||||
|
.card.text-center.payment-method
|
||||||
|
a.card-body.paypal(:href='paypalCheckoutLink', target='_blank')
|
||||||
|
img(src='~assets/images/paypal.png')
|
||||||
|
.card.text-center.payment-method(@click="amazonPaymentsInit({type: 'single'})")
|
||||||
|
.card-body.amazon
|
||||||
|
img(src='~assets/images/amazon-payments.png')
|
||||||
|
.row.text-center
|
||||||
|
.svg-icon.mx-auto(v-html='icons.heart', style='"height: 24px; width: 24px;"')
|
||||||
|
.row.text-center.text-outtro
|
||||||
|
.col-6.offset-3 {{ $t('buyGemsSupportsDevs') }}
|
||||||
|
|
||||||
.container-fluid
|
div(v-show='selectedPage === "subscribe"')
|
||||||
h2 {{ $t('freeGemsTitle') }}
|
.row.text-center
|
||||||
p {{ $t('subFreeGemsHow') }}
|
h2.mx-auto.text-leadin {{ $t('subscriptionBenefitLeadin') }}
|
||||||
|
.row
|
||||||
.well
|
.col
|
||||||
h3
|
+featureBullet("{{ $t('subscriptionBenefit1') }}")
|
||||||
.small {{ $t('buyGemsGoldTitle') }}
|
+featureBullet("{{ $t('subscriptionBenefit2') }}")
|
||||||
h3 {{ $t('becomeSubscriber') }}
|
+featureBullet("{{ $t('subscriptionBenefit3') }}")
|
||||||
|
.col
|
||||||
.row(v-if='user.purchased.plan.customerId')
|
+featureBullet("{{ $t('subscriptionBenefit4') }}")
|
||||||
.col-12
|
+featureBullet("{{ $t('subscriptionBenefit5') }}")
|
||||||
p(v-html="$t('seeSubscriptionDetails')")
|
+featureBullet("{{ $t('subscriptionBenefit6') }}")
|
||||||
.modal-footer
|
.card-deck
|
||||||
.col-12.text-center
|
.card.text-center
|
||||||
button.btn.btn-secondary(@click='close()') {{ $t('close') }}
|
.card-body
|
||||||
|
.subscription-price
|
||||||
|
span.superscript $
|
||||||
|
span 4
|
||||||
|
span.superscript.muted .99
|
||||||
|
.small {{ $t('everyMonth') }}
|
||||||
|
.divider
|
||||||
|
p.benefits(v-markdown='$t("earnGemsMonthly", {cap:25})')
|
||||||
|
.spacer
|
||||||
|
button.btn.btn-primary {{ $t('select') }}
|
||||||
|
.card.text-center
|
||||||
|
.card-body
|
||||||
|
.subscription-price
|
||||||
|
span.superscript $
|
||||||
|
span 14
|
||||||
|
span.superscript.muted .99
|
||||||
|
.small {{ $t('everyXMonths', {interval: 3}) }}
|
||||||
|
.divider
|
||||||
|
p.benefits(v-markdown='$t("earnGemsMonthly", {cap:30})')
|
||||||
|
p.benefits(v-markdown='$t("receiveMysticHourglass")')
|
||||||
|
button.btn.btn-primary {{ $t('select') }}
|
||||||
|
.card.text-center
|
||||||
|
.card-body
|
||||||
|
.subscription-price
|
||||||
|
span.superscript $
|
||||||
|
span 29
|
||||||
|
span.superscript.muted .99
|
||||||
|
.small {{ $t('everyXMonths', {interval: 6}) }}
|
||||||
|
.divider
|
||||||
|
p.benefits(v-markdown='$t("earnGemsMonthly", {cap:35})')
|
||||||
|
p.benefits(v-markdown='$t("receiveMysticHourglasses", {amount:2})')
|
||||||
|
button.btn.btn-primary {{ $t('select') }}
|
||||||
|
.card.text-center
|
||||||
|
.card-body
|
||||||
|
.subscription-price
|
||||||
|
span.superscript $
|
||||||
|
span 47
|
||||||
|
span.superscript.muted .99
|
||||||
|
.small {{ $t('everyYear') }}
|
||||||
|
.divider
|
||||||
|
p.benefits(v-markdown='$t("earnGemsMonthly", {cap:45})')
|
||||||
|
p.benefits(v-markdown='$t("receiveMysticHourglasses", {amount:4})')
|
||||||
|
button.btn.btn-primary {{ $t('select') }}
|
||||||
|
.row.text-center
|
||||||
|
h2.mx-auto.text-payment {{ $t('choosePaymentMethod') }}
|
||||||
|
.row.text-center
|
||||||
|
a.mx-auto {{ $t('haveCouponCode') }}
|
||||||
|
.card-deck
|
||||||
|
.card.text-center.payment-method
|
||||||
|
.card-body(@click='showStripe({})')
|
||||||
|
.mx-auto(v-html='icons.creditCard', style='"height: 56px; width: 159px; margin-top: 1em;"')
|
||||||
|
.card.text-center.payment-method
|
||||||
|
a.card-body.paypal(:href='paypalCheckoutLink', target='_blank')
|
||||||
|
img(src='~assets/images/paypal.png')
|
||||||
|
.card.text-center.payment-method
|
||||||
|
.card-body.amazon(@click="amazonPaymentsInit({type: 'single'})")
|
||||||
|
img(src='~assets/images/amazon-payments.png')
|
||||||
|
.row.text-center
|
||||||
|
.svg-icon.mx-auto(v-html='icons.heart', style='"height: 24px; width: 24px;"')
|
||||||
|
.row.text-center.text-outtro
|
||||||
|
.col-6.offset-3 {{ $t('subscribeSupportsDevs') }}
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<style lang="scss">
|
||||||
import bModal from 'bootstrap-vue/lib/components/modal';
|
#buy-gems__BV_body_ {
|
||||||
import { mapState } from 'client/libs/store';
|
padding: 0;
|
||||||
import planGemLimits from '../../../common/script/libs/planGemLimits';
|
}
|
||||||
import paymentsMixin from '../../mixins/payments';
|
</style>
|
||||||
import amazonPaymentsModal from '../payments/amazonModal';
|
|
||||||
|
|
||||||
export default {
|
<style lang="scss" scoped>
|
||||||
|
a.mx-auto {
|
||||||
|
color: #2995cd;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.amazon {
|
||||||
|
padding-top: 1.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.benefits {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bubble {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 1000px;
|
||||||
|
border: solid 2px #e1e0e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
margin: 1em;
|
||||||
|
border-radius: 2px;
|
||||||
|
box-shadow: 0 2px 2px 0 rgba(26, 24, 29, 0.16), 0 1px 4px 0 rgba(26, 24, 29, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.divider {
|
||||||
|
width: 80%;
|
||||||
|
height: 1px;
|
||||||
|
background-color: #e1e0e3;
|
||||||
|
margin: 1em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gem-count {
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #2995cd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gem-text {
|
||||||
|
font-family: Roboto;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #a5a1ac;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gemfall {
|
||||||
|
background: url(~assets/images/gemfall.png) center repeat-y;
|
||||||
|
height: 14em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
width: 256px;
|
||||||
|
height: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.muted {
|
||||||
|
color: #c3c0c7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
font-weight: bold;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 16px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-item:hover, .nav-item.active {
|
||||||
|
color: #4f2a93;
|
||||||
|
border-bottom: 2px solid #4f2a93;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.payment-method {
|
||||||
|
background-color: #e1e0e3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.paypal {
|
||||||
|
padding-top: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.purple-gradient {
|
||||||
|
background-image: linear-gradient(74deg, #4f2a93, #6133b4);
|
||||||
|
height: 14em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spacer {
|
||||||
|
height: 4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subscription-price {
|
||||||
|
font-family: Roboto Condensed;
|
||||||
|
font-size: 48px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1ca372;
|
||||||
|
}
|
||||||
|
|
||||||
|
.superscript {
|
||||||
|
font-size: 24px;
|
||||||
|
vertical-align: super;
|
||||||
|
}
|
||||||
|
|
||||||
|
.svg-icon.check {
|
||||||
|
color: #bda8ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-invert {
|
||||||
|
margin: 1.6em;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-family: Roboto;
|
||||||
|
font-weight: normal;
|
||||||
|
letter-spacing: 0.18em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-leadin {
|
||||||
|
margin: 1.6em;
|
||||||
|
font-weight: normal;
|
||||||
|
color: #4f2a93;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-outtro {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
color: #a5a1ac;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-payment {
|
||||||
|
color: #4e4a57;
|
||||||
|
font-size: 24px;
|
||||||
|
margin: 1em;
|
||||||
|
opacity: 0.64;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import bModal from 'bootstrap-vue/lib/components/modal';
|
||||||
|
import { mapState } from 'client/libs/store';
|
||||||
|
import markdown from 'client/directives/markdown';
|
||||||
|
import planGemLimits from 'common/script/libs/planGemLimits';
|
||||||
|
import paymentsMixin from 'client/mixins/payments';
|
||||||
|
import amazonPaymentsModal from './amazonModal';
|
||||||
|
|
||||||
|
import checkIcon from 'assets/svg/check.svg';
|
||||||
|
import creditCard from 'assets/svg/credit-card.svg';
|
||||||
|
import heart from 'assets/svg/health.svg';
|
||||||
|
import logo from 'assets/svg/habitica-logo.svg';
|
||||||
|
|
||||||
|
import fourGems from 'assets/svg/4-gems.svg';
|
||||||
|
import twentyOneGems from 'assets/svg/21-gems.svg';
|
||||||
|
import fortyTwoGems from 'assets/svg/42-gems.svg';
|
||||||
|
import eightyFourGems from 'assets/svg/84-gems.svg';
|
||||||
|
|
||||||
|
export default {
|
||||||
mixins: [paymentsMixin],
|
mixins: [paymentsMixin],
|
||||||
components: {
|
components: {
|
||||||
bModal,
|
bModal,
|
||||||
amazonPaymentsModal,
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
amazonPayments: {},
|
|
||||||
planGemLimits,
|
planGemLimits,
|
||||||
};
|
amazonPaymentsModal,
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapState({user: 'user.data'}),
|
...mapState({user: 'user.data'}),
|
||||||
|
startingPageOption () {
|
||||||
|
return this.$store.state.gemModalOptions.startingPage;
|
||||||
|
},
|
||||||
userReachedGemCap () {
|
userReachedGemCap () {
|
||||||
return this.user.purchased.plan.customerId && this.user.purchased.plan.gemsBought >= this.user.purchased.plan.consecutive.gemCapExtra + this.planGemLimits.convCap;
|
return this.user.purchased.plan.customerId && this.user.purchased.plan.gemsBought >= this.user.purchased.plan.consecutive.gemCapExtra + this.planGemLimits.convCap;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
directives: {
|
||||||
|
markdown,
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
icons: Object.freeze({
|
||||||
|
logo,
|
||||||
|
check: checkIcon,
|
||||||
|
creditCard,
|
||||||
|
fourGems,
|
||||||
|
heart,
|
||||||
|
twentyOneGems,
|
||||||
|
fortyTwoGems,
|
||||||
|
eightyFourGems,
|
||||||
|
}),
|
||||||
|
selectedPage: 'subscribe',
|
||||||
|
amazonPayments: {},
|
||||||
|
planGemLimits,
|
||||||
|
};
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
close () {
|
close () {
|
||||||
this.$root.$emit('hide::modal', 'buy-gems');
|
this.$root.$emit('hide::modal', 'buy-gems');
|
||||||
},
|
},
|
||||||
purchase (params) {
|
},
|
||||||
try {
|
watch: {
|
||||||
this.$store.dispatch('shops:purchase', params);
|
startingPageOption () {
|
||||||
} catch (e) {
|
this.selectedPage = this.$store.state.gemModalOptions.startingPage;
|
||||||
alert(e.message);
|
|
||||||
} finally {
|
|
||||||
this.$root.$emit('playSound', 'Reward');
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -114,6 +114,9 @@ export default function () {
|
|||||||
profileOptions: {
|
profileOptions: {
|
||||||
startingPage: '',
|
startingPage: '',
|
||||||
},
|
},
|
||||||
|
gemModalOptions: {
|
||||||
|
startingPage: '',
|
||||||
|
},
|
||||||
profileUser: {},
|
profileUser: {},
|
||||||
upgradingGroup: {},
|
upgradingGroup: {},
|
||||||
notificationStore: [],
|
notificationStore: [],
|
||||||
|
|||||||
@@ -90,6 +90,8 @@
|
|||||||
"gemsPopoverTitle": "Gems",
|
"gemsPopoverTitle": "Gems",
|
||||||
"gems": "Gems",
|
"gems": "Gems",
|
||||||
"gemButton": "You have <%= number %> Gems.",
|
"gemButton": "You have <%= number %> Gems.",
|
||||||
|
"needMoreGems": "Need More Gems?",
|
||||||
|
"needMoreGemsInfo": "Purchase Gems now, or become a subscriber to buy Gems with Gold, get monthly mystery items, enjoy increased drop caps and more!",
|
||||||
"moreInfo": "More Info",
|
"moreInfo": "More Info",
|
||||||
"moreInfoChallengesURL": "http://habitica.wikia.com/wiki/Challenges",
|
"moreInfoChallengesURL": "http://habitica.wikia.com/wiki/Challenges",
|
||||||
"moreInfoTagsURL": "http://habitica.wikia.com/wiki/Tags",
|
"moreInfoTagsURL": "http://habitica.wikia.com/wiki/Tags",
|
||||||
|
|||||||
@@ -175,5 +175,28 @@
|
|||||||
"missingCustomerId": "Missing req.query.customerId",
|
"missingCustomerId": "Missing req.query.customerId",
|
||||||
"missingPaypalBlock": "Missing req.session.paypalBlock",
|
"missingPaypalBlock": "Missing req.session.paypalBlock",
|
||||||
"missingSubKey": "Missing req.query.sub",
|
"missingSubKey": "Missing req.query.sub",
|
||||||
"paypalCanceled": "Your subscription has been canceled"
|
"paypalCanceled": "Your subscription has been canceled",
|
||||||
|
"earnGemsMonthly": "Earn up to **<%= cap %> Gems** per month",
|
||||||
|
"receiveMysticHourglass": "Receive a Mystic Hourglass!",
|
||||||
|
"receiveMysticHourglasses": "Receive **<%= amount %> Mystic Hourglasses**!",
|
||||||
|
"everyMonth": "Every Month",
|
||||||
|
"everyXMonths": "Every <%= interval %> Months",
|
||||||
|
"everyYear": "Every Year",
|
||||||
|
"choosePaymentMethod": "Choose your payment method",
|
||||||
|
"subscribeSupportsDevs": "Subscribing supports the developers and helps keep Habitica running",
|
||||||
|
"buyGemsSupportsDevs": "Purchasing Gems supports the developers and helps keep Habitica running",
|
||||||
|
"support": "SUPPORT",
|
||||||
|
"gemBenefitLeadin": "Gems allow you to buy fun extras for your account, including:",
|
||||||
|
"gemBenefit1": "Unique and fashionable costumes for your avatar.",
|
||||||
|
"gemBenefit2": "Backgrounds to immerse your avatar in the world of Habitica!",
|
||||||
|
"gemBenefit3": "Exciting Quest chains that drop pet eggs.",
|
||||||
|
"gemBenefit4": "Reset your avatar's attribute points and change its Class.",
|
||||||
|
"subscriptionBenefitLeadin": "Support Habitica by becoming a subscriber and you’ll receive these useful benefits!",
|
||||||
|
"subscriptionBenefit1": "Alexander the Merchant will sell you Gems, for 20 Gold each!",
|
||||||
|
"subscriptionBenefit2": "Completed To-Dos and task history are available for longer.",
|
||||||
|
"subscriptionBenefit3": "Discover more items in Habitica with a doubled daily drop cap.",
|
||||||
|
"subscriptionBenefit4": "Unique cosmetic items for your avatar each month.",
|
||||||
|
"subscriptionBenefit5": "Receive the exclusive Royal Purple Jackalope pet!",
|
||||||
|
"subscriptionBenefit6": "Earn Mystic Hourglasses for use in the Time Travelers' Shop!",
|
||||||
|
"haveCouponCode": "Do you have a coupon code?"
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user