![](https://steemitimages.com/640x0/https://s9.postimg.cc/v5rrn18cv/ethtags_Logo_Steemit.png)
#### Repository
[
https://github.com/jtomes123/ethtags](
https://github.com/jtomes123/ethtags)
#### New Features
* Custom color selector
* Withdraw dialog
* Administrators dialog
##### Custom color selector
![Image of color selector](
![](https://steemitimages.com/640x0/https://s7.postimg.cc/fueiqktl7/Sn_mek_obrazovky_2018-05-11_v_10.58.36.png)
)
Previously I have used swatches vue library as the color selector method, however they did not really fit visually and they also scaled poorly on mobile devices. The new color selector uses input type="color" so it is compatible with most browsers and it fits with the visual style and size of other components. The best part is that it shows how strond is vue in these cases, because implementation in normal javascricpt would require many lines of code, this way I had to only use already declared variable and tell vue what to change in styles of an element.
##### Withdraw diaog
![Image of withdraw dialog](
![](https://steemitimages.com/640x0/https://s7.postimg.cc/9tgttieor/Sn_mek_obrazovky_2018-05-11_v_10.59.28.png)
)
This is a feature that was also present in the old frontend only now it is accesible in the menu, only if you are the owner of the contract, animated and much better looking. It lets the owner withdraw money from the contracts development fund. That is the fund where all donations go.
##### Administrators dialog
![Administrators dialog](
![](https://steemitimages.com/640x0/https://s7.postimg.cc/mkv0001bf/Sn_mek_obrazovky_2018-05-11_v_10.59.54.png)
)
It lets you easily promote new administrators or take administraor rights from current administrators. It is a simmilar implementation to the verification very smooth and all in a single popup. Vuetifys steppers help gratly with these dialogs.
#### Bugfixes and improvements
* I have improved scaling on mobile for all the essential components, the rest will come in the future.
![Scaling on mobile](
![](https://steemitimages.com/640x0/https://s7.postimg.cc/mkv000w6j/Sn_mek_obrazovky_2018-05-11_v_10.58.55.png)
)
* Verification, withdraw and administrators buttons are now hidden if your address does not have the admin, owner or verifier status
![Buttons as owner](
![](https://steemitimages.com/640x0/https://s7.postimg.cc/vsn8gpg3f/Sn_mek_obrazovky_2018-05-11_v_10.59.14.png)
)
* I have added comments to all methods and components and I will be generating a documentation in the future.
* An overflow error has been fixed in faq and about section
* I have merged in the faq from
@ewuoso and made slight adjustments
#### Commits
* [Scaling improvement, verification hiding, new color selector](
https://github.com/jtomes123/ethtags/commit/531a2b1805f8c15b584fb59892640cef08465d9f)
* [Comments, withdraw and administration dialogs](
https://github.com/jtomes123/ethtags/commit/f8c3b536b60ae1225b6be7bd53707ddb27474c05)
* [FAQ](
https://github.com/jtomes123/ethtags/commit/2bdc4a7948fb9ba16d55e83a785cd60987e95fbc)
* [Fix for overflow error](
https://github.com/jtomes123/ethtags/commit/3d5caf99f29426f151d3bfa511302af5539fb2e7)
Thank you for the contribution. It has been reviewed.
Good job on the code and commit comments.
Link to the Answers of the Questionnaire -
Click here
Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]
Hey @jtomes123
Thanks for contributing on Utopian.
We're already looking forward to your next contribution!
Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.
Want to chat? Join us on Discord https://discord.gg/h52nFrV.
Vote for Utopian Witness!