create account

Steemiteva - Link, Url-Input, Webapp and Multisort by cuby

View this thread on: hive.blogpeakd.comecency.com
· @cuby · (edited)
$48.13
Steemiteva - Link, Url-Input, Webapp and Multisort
<center>![SteemitEva-Titel-02.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520240894/ikbvkjrach5xxvemokdw.jpg)</center>

Another update on SteemitEva, yeah! In the new version there are some new features helping to use the evaluation tool SteemitEva. So let's get started!

## Link to the evaluation
After the evaluation of a post, the user is shown a button. The button contains the link to this evaluation. Till now the settings aren't included in the link. It is something for future development.

<center>![steemiteva-link-to-evaluation.png](https://res.cloudinary.com/hpiynhbhq/image/upload/w_350/v1520252679/hxs4psxscnstfr0yardc.png)</center>

The link contains the author and permlink of the post. On visiting the link Steemiteva checks if there are the GET-Parameters `author` and `link`. When they are both existing, the evaluation starts.

+ [Commit](https://github.com/CTeipen/SteemitEva/commit/e13a33cfcde204fe5c59573dfde9fbc8e66542db)

## Web app features
Steemiteva is available as a web app. I was only able to test it for iOS on my iPhone 6. If there are some bugs on other devices, please document them in the [issue section](https://github.com/CTeipen/SteemitEva/issues) of the GitHub project.

The following icon is set as the image, which will be displayed if the user saves the website as a web app on his home screen.

<center>![touch-icon-iphone.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520252387/pb4k3szvor2jz5xm1x5j.png)</center>

Additionally I put some meta settings in the html-file. Those made the look and feel of the web app a bit smoother. 

The viewport is set fix to 100% scale. If the users types something in the input fields, the site won't zoom in.

The title of the web app is set to *SteemitEva*. There is no browser frame around the site and the status bar is colored black. The *apple-touch-icon* is the one shown before.

```
<meta name="viewport" content="initial-scale=1, maximum-scale=1">

<meta name="apple-mobile-web-app-title" content="SteemitEva">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="apple-touch-icon" href="img/touch-icon-iphone.png">
```

Till now there is no link, which points to a other side than http://steemiteva.cteipen.de itself. Never the less I put a script on the site. It allows the call of links in the web app, but the users stays in the app instead of switching to the smartphone browser.

```
<script>
    (function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")
</script>
```

Here are some screenshots I made:

<center>
![steemiteva-webapp- - 1.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/w_300/v1520254937/ek6mslktpr4oacwatc6t.jpg) ![steemiteva-webapp- - 2.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/w_300/v1520254937/ptio8zcsjflszugnimmm.jpg)</center>

<center>![steemiteva-webapp- - 4.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/w_300/v1520254937/upq06crio2pyah2dznbn.jpg) ![steemiteva-webapp- - 5.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/w_300/v1520254937/mxt4noibywklzz1zunbb.jpg)</center>

+ [Commit](https://github.com/CTeipen/SteemitEva/commit/63cd6845a9cf617db5698f9fa2c32edacf89a1bb)

## Added input for post url
Cause there are some lazy steemians out there (@dehenne) and they only want to paste the post url into a input field instead of typing their username and the permlink of their post, I included a url input field to the ui. Here is an example of @yoo1900's post:

<center>![steemiteva-url-input.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520255407/ugtxhl8k46yez6v6jmcj.png)</center>

Till now it is only displayed on devices with a large screen. The reason why I did that is, that the web app can't handle the event of pasting something into the input field. When I have found a solution for this problem (maybe you know some sort of fix for this :) ) it will be available in the web app too.

+ [Commit](https://github.com/CTeipen/SteemitEva/commit/adc0f3673598e64e7b42823391d4cfba03c1a471)

## Added multiple sort feature
In the last post I have already shown the select feature per column. Of course it is possible to sort multiple columns with it, but it could be a bit unhandy to do it with that. So I added a multiple sort button.

<center>![steemiteva-multisort.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520256267/may7gnceynd47bdve0td.png)</center>

After clicking it a interface is shown, which allows to add and delete sort criteria for the table.

<center>![steemiteva-webapp- - 7.jpg](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520256107/pbwgwybg7pyiith6klcd.jpg)</center>

+ [Commit](https://github.com/CTeipen/SteemitEva/commit/84e052c63d9021d516f636934067ebf970877df2)

## Changed boolean output
The last version display `true` and `false` for *Follower* and *Resteem* with pictograms. As an effect of this, the excel export didn't work probably anymore. So I changed it into "Ja" and "Nein".

+ [Commit](https://github.com/CTeipen/SteemitEva/commit/1b65f15b9245ac91ccc38546ff94ed028b26da0f)

## Added weight to Upvote
Because I wanted to calculate the value of an upvote in the future I added the weight to the displayed data.

+ [Commit](https://github.com/CTeipen/SteemitEva/commit/513b2e48f42c9faa14040c236fa3cf92bf56e7ac)

## Clean up
After I realized that my project folder and the code isn't really clean, I tidied up both of them. Old code, unneeded files were optimized or removed.

+ [Commit #1](https://github.com/CTeipen/SteemitEva/commit/c83ce6063c1120252412126f68bf0042ab105a09)
+ [Commit #2](https://github.com/CTeipen/SteemitEva/commit/4112ccd62cadb24e8541a347075198d0bae14000)
+ [Commit #3](https://github.com/CTeipen/SteemitEva/commit/d270929a6c325c3fe5a4c2cf0792c083b942d435)
+ [Commit #4](https://github.com/CTeipen/SteemitEva/commit/4b96fb0462e539d8b5d1267fa0e911ff177d3404)
+ [Commit #5](https://github.com/CTeipen/SteemitEva/commit/ec2a77efb86bce342d91ddb1e513b2ec482b7b0a)


## Thank you
@detlev is a steemit user. He provides a challenge about the most delicious drink in the world: beer. With the tag #BeerSaturday he creates every week new post for other users to take part at this challenge. 

@dehenne develops SteemPunk. He sends me good advices and got nice ideas to improve SteemitEva.

***
<br>
Thank you for your attention,

CuBy

PS: Errors on grammar are used as a stilistic method and were deliberately placed by the author. :-D

***
<br>
+ GitHub Project: [CTeipen/SteemitEva](https://github.com/CTeipen/SteemitEva)
+ SteemitEva: [Link](http://steemiteva.cteipen.de/)

    

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@cuby/steemiteva-link-url-input-webapp-and-multisort">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
๐Ÿ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
๐Ÿ‘Ž  , , , , , , ,
properties (23)
authorcuby
permlinksteemiteva-link-url-input-webapp-and-multisort
categoryutopian-io
json_metadata"{"community":"utopian","app":"utopian/1.0.0","format":"markdown","repository":{"id":122115850,"name":"SteemitEva","full_name":"CTeipen/SteemitEva","html_url":"https://github.com/CTeipen/SteemitEva","fork":false,"owner":{"login":"CTeipen"}},"pullRequests":[],"platform":"github","type":"development","tags":["utopian-io","steemiteva","steemit","dev","community"],"users":["dehenne","yoo1900","detlev"],"links":["https://github.com/CTeipen/SteemitEva/commit/e13a33cfcde204fe5c59573dfde9fbc8e66542db","https://github.com/CTeipen/SteemitEva/issues","http://steemiteva.cteipen.de","https://github.com/CTeipen/SteemitEva/commit/63cd6845a9cf617db5698f9fa2c32edacf89a1bb","https://github.com/CTeipen/SteemitEva/commit/adc0f3673598e64e7b42823391d4cfba03c1a471","https://github.com/CTeipen/SteemitEva/commit/84e052c63d9021d516f636934067ebf970877df2","https://github.com/CTeipen/SteemitEva/commit/1b65f15b9245ac91ccc38546ff94ed028b26da0f","https://github.com/CTeipen/SteemitEva/commit/513b2e48f42c9faa14040c236fa3cf92bf56e7ac","https://github.com/CTeipen/SteemitEva/commit/c83ce6063c1120252412126f68bf0042ab105a09","https://github.com/CTeipen/SteemitEva/commit/4112ccd62cadb24e8541a347075198d0bae14000","https://github.com/CTeipen/SteemitEva/commit/d270929a6c325c3fe5a4c2cf0792c083b942d435","https://github.com/CTeipen/SteemitEva/commit/4b96fb0462e539d8b5d1267fa0e911ff177d3404","https://github.com/CTeipen/SteemitEva/commit/ec2a77efb86bce342d91ddb1e513b2ec482b7b0a","https://github.com/CTeipen/SteemitEva","http://steemiteva.cteipen.de/","https://utopian.io/utopian-io/@cuby/steemiteva-link-url-input-webapp-and-multisort"],"image":["https://res.cloudinary.com/hpiynhbhq/image/upload/v1520240894/ikbvkjrach5xxvemokdw.jpg","https://res.cloudinary.com/hpiynhbhq/image/upload/w_350/v1520252679/hxs4psxscnstfr0yardc.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1520252387/pb4k3szvor2jz5xm1x5j.png","https://res.cloudinary.com/hpiynhbhq/image/upload/w_300/v1520254937/ek6mslktpr4oacwatc6t.jpg","https://res.cloudinary.com/hpiynhbhq/image/upload/w_300/v1520254937/ptio8zcsjflszugnimmm.jpg","https://res.cloudinary.com/hpiynhbhq/image/upload/w_300/v1520254937/upq06crio2pyah2dznbn.jpg","https://res.cloudinary.com/hpiynhbhq/image/upload/w_300/v1520254937/mxt4noibywklzz1zunbb.jpg","https://res.cloudinary.com/hpiynhbhq/image/upload/v1520255407/ugtxhl8k46yez6v6jmcj.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1520256267/may7gnceynd47bdve0td.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1520256107/pbwgwybg7pyiith6klcd.jpg"],"moderator":{"account":"vladimir-simovic","time":"2018-03-06T14:54:06.347Z","reviewed":true,"pending":false,"flagged":false},"questions":[{"question":"Is the project description formal?","answers":[{"value":"Yes itโ€™s straight to the point","selected":true,"score":10},{"value":"Need more description ","selected":false,"score":5},{"value":"Not too descriptive","selected":false,"score":0}],"selected":0},{"question":"Is the language / grammar correct?","answers":[{"value":"Yes","selected":true,"score":20},{"value":"A few mistakes","selected":false,"score":10},{"value":"It's pretty bad","selected":false,"score":0}],"selected":0},{"question":"Was the template followed?","answers":[{"value":"Yes","selected":true,"score":10},{"value":"Partially","selected":false,"score":5},{"value":"No","selected":false,"score":0}],"selected":0},{"question":"How do you rate the amount of work?","answers":[{"value":"Very High","selected":true,"score":20},{"value":"High","selected":false,"score":16},{"value":"Medium","selected":false,"score":12},{"value":"Low","selected":false,"score":7},{"value":"Very Low","selected":false,"score":3}],"selected":0},{"question":"How do you rate the impact on the Project?","answers":[{"value":"Very High","selected":true,"score":20},{"value":"High","selected":false,"score":16},{"value":"Medium","selected":false,"score":12},{"value":"Low","selected":false,"score":7},{"value":"Very Low","selected":false,"score":3}],"selected":0}],"score":81}"
created2018-03-05 14:08:45
last_update2018-03-06 14:54:09
depth0
children9
last_payout2018-03-12 14:08:45
cashout_time1969-12-31 23:59:59
total_payout_value33.629 HBD
curator_payout_value14.496 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length7,061
author_reputation1,134,108,301,318
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries
0.
accountutopian.pay
weight2,500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,388,095
net_rshares14,536,471,800,727
author_curate_reward""
vote details (40)
@cuby ·
@me-do vielleicht auch was fรผr deine Bundesliga Aktion? :)
properties (22)
authorcuby
permlinkre-cuby-steemiteva-link-url-input-webapp-and-multisort-20180305t143113670z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["me-do"],"app":"steemit/0.1"}
created2018-03-05 14:31:12
last_update2018-03-05 14:31:12
depth1
children0
last_payout2018-03-12 14:31:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length58
author_reputation1,134,108,301,318
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,392,865
net_rshares0
@detlev ·
Hey, das Tool wird Cool!

_Toll wie Du Dich da reinhรคngst!_
๐Ÿ‘  ,
properties (23)
authordetlev
permlinkre-cuby-steemiteva-link-url-input-webapp-and-multisort-20180306t201242221z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-03-06 20:12:42
last_update2018-03-06 20:12:42
depth1
children0
last_payout2018-03-13 20:12:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length59
author_reputation1,750,579,483,532,401
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,701,390
net_rshares4,606,723,163
author_curate_reward""
vote details (2)
@speedvoter ·
<p>This post has received a 0.06 % upvote from @speedvoter thanks to: @chriddi.</p>
properties (22)
authorspeedvoter
permlinkre-cuby-steemiteva-link-url-input-webapp-and-multisort-20180305t184742273z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"drotto/0.0.4"}
created2018-03-05 18:47:42
last_update2018-03-05 18:47:42
depth1
children1
last_payout2018-03-12 18:47:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length84
author_reputation900,449,763,381
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,442,045
net_rshares0
@cuby ·
Danke @chriddi ๐Ÿ˜
properties (22)
authorcuby
permlinkre-speedvoter-re-cuby-steemiteva-link-url-input-webapp-and-multisort-20180305t185035446z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"users":["chriddi"],"app":"steemit/0.1"}
created2018-03-05 18:50:36
last_update2018-03-05 18:50:36
depth2
children0
last_payout2018-03-12 18:50:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length16
author_reputation1,134,108,301,318
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,442,574
net_rshares0
@steemitboard ·
Congratulations @cuby! You received a personal award!

<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@cuby/birthday1.png</td><td>1 Year on Steemit</td></tr></table>

<sub>_[Click here to view your Board](https://steemitboard.com/@cuby)_</sub>


**Do not miss the last post from @steemitboard:**
<table><tr><td><a href="https://steemit.com/steem/@steemitboard/steemwhales-has-officially-moved-to-steemitboard-ranking"><img src="https://steemitimages.com/64x128/https://cdn.steemitimages.com/DQmfRVpHQhLDhnjDtqck8GPv9NPvNKPfMsDaAFDE1D9Er2Z/header_ranking.png"></a></td><td><a href="https://steemit.com/steem/@steemitboard/steemwhales-has-officially-moved-to-steemitboard-ranking">SteemWhales has officially moved to SteemitBoard Ranking</a></td></tr><tr><td><a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-witness-update-2019-01-07"><img src="https://steemitimages.com/64x128/http://i.cubeupload.com/7CiQEO.png"></a></td><td><a href="https://steemit.com/steemitboard/@steemitboard/steemitboard-witness-update-2019-01-07">SteemitBoard - Witness Update</a></td></tr></table>

> Support [SteemitBoard's project](https://steemit.com/@steemitboard)! **[Vote for its witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1)** and **get one more award**!
properties (22)
authorsteemitboard
permlinksteemitboard-notify-cuby-20190108t170823000z
categoryutopian-io
json_metadata{"image":["https://steemitboard.com/img/notify.png"]}
created2019-01-08 17:08:24
last_update2019-01-08 17:08:24
depth1
children0
last_payout2019-01-15 17:08:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,329
author_reputation38,975,615,169,260
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id78,083,969
net_rshares0
@steemitboard ·
Congratulations @cuby! You received a personal award!

<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@cuby/birthday2.png</td><td>Happy Birthday! - You are on the Steem blockchain for 2 years!</td></tr></table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@cuby) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=cuby)_</sub>


###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!
properties (22)
authorsteemitboard
permlinksteemitboard-notify-cuby-20200108t173332000z
categoryutopian-io
json_metadata{"image":["https://steemitboard.com/img/notify.png"]}
created2020-01-08 17:33:33
last_update2020-01-08 17:33:33
depth1
children0
last_payout2020-01-15 17:33:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length604
author_reputation38,975,615,169,260
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id94,193,421
net_rshares0
@steemitstats ·
@cuby, Contribution to open source project, I like you and upvote.
๐Ÿ‘  
properties (23)
authorsteemitstats
permlink20180305t141028634z-post
categoryutopian-io
json_metadata{"tags":["utopian-io"]}
created2018-03-05 14:10:33
last_update2018-03-05 14:10:33
depth1
children0
last_payout2018-03-12 14:10:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length66
author_reputation351,882,871,185
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,388,461
net_rshares1,022,206,992
author_curate_reward""
vote details (1)
@vladimir-simovic ·
$0.83
Thank you for the contribution. It has been approved.

You can contact us on [Discord](https://discord.gg/uTyJkNm).
**[[utopian-moderator]](https://utopian.io/moderators)**
๐Ÿ‘  
properties (23)
authorvladimir-simovic
permlinkre-cuby-steemiteva-link-url-input-webapp-and-multisort-20180306t145425449z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2018-03-06 14:54:27
last_update2018-03-06 14:54:27
depth1
children1
last_payout2018-03-13 14:54:27
cashout_time1969-12-31 23:59:59
total_payout_value0.624 HBD
curator_payout_value0.205 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length172
author_reputation56,930,790,558,862
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,643,626
net_rshares204,591,493,100
author_curate_reward""
vote details (1)
@utopian.tip ·
Hey @vladimir-simovic, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!
properties (22)
authorutopian.tip
permlinkre-re-cuby-steemiteva-link-url-input-webapp-and-multisort-20180306t145425449z-20180307t121837
categoryutopian-io
json_metadata""
created2018-03-07 12:18:39
last_update2018-03-07 12:18:39
depth2
children0
last_payout2018-03-14 12:18:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length166
author_reputation238,310,597,885
root_title"Steemiteva - Link, Url-Input, Webapp and Multisort"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id42,858,839
net_rshares0