# Homey.ink on a tablet/desktop

**URL:** <https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443>\
**Category:** Developers\
**Tags:** app\
**Created:** [April 29, 2019, 3:55pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443 "2019-04-29T15:55:21Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![DaneedeKruyff](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/daneedekruyff/32/964_2.png) [@DaneedeKruyff](https://community.homey.app/u/DaneedeKruyff)\
**Post date:** [May 6, 2019, 1:31pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/41 "2019-05-06T13:31:11Z")

</div>

With such devices I mean the e-readers, not iPads. Don’t worry, those I use plenty 🙂 (and is the main target for homey. ~~ink~~ homey.ipad 😉 )

---

<div class="post-metadata">

**Author:** ![Marcel\_Visser](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/marcel_visser/32/66024_2.png) [@Marcel\_Visser](https://community.homey.app/u/Marcel_Visser)\
**Post date:** [May 6, 2019, 2:06pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/42 "2019-05-06T14:06:11Z")

</div>

Is there allready an web address where we can try your work?

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 6, 2019, 2:15pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/43 "2019-05-06T14:15:17Z")

</div>

In post no 23 there is an adress to the files from @DaneedeKruyff .

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [May 6, 2019, 3:30pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/44 "2019-05-06T15:30:48Z")

</div>

I have got it working but now I want to add temperatures and more. But I dont understand on wich lines to change in homey.ink.app.js  
Can someone post code of entire homey.ink.app.js with a working temperature meter och post the file.  
I am not a programmer but can do simple editing and expanding when having some code to look at 😉

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 6, 2019, 3:32pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/45 "2019-05-06T15:32:45Z")

</div>

I have heard from a very betrouwbare source that the files will be online when they are finished. 😉  
Can’t say the source is @Hullie because i promised him i won’t tell anyone.

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [May 6, 2019, 3:47pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/46 "2019-05-06T15:47:08Z")

</div>

Great ! But isnt it gonna be a specifik setup in the files for each device ? So my homey.ink.app.js wont look the same as somone else how has other devices ?

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 6, 2019, 3:48pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/47 "2019-05-06T15:48:46Z")

</div>

Will be the same for everyone. Just give him some time to finish it and u will be amazed!

---

<div class="post-metadata">

**Author:** ![Marcel\_Visser](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/marcel_visser/32/66024_2.png) [@Marcel\_Visser](https://community.homey.app/u/Marcel_Visser)\
**Post date:** [May 6, 2019, 4:05pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/48 "2019-05-06T16:05:03Z")

</div>

The github files? I have seen them. But I don’t know how I can get them to work. There is not allready a working URL that everybody can use? Just like the original homey.ink dashboard?

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 6, 2019, 4:06pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/49 "2019-05-06T16:06:29Z")

</div>

U can use it online via Homey.ink or download the files and run them locally. Or put them on a private server like a Synology or a PI.  
No more options indeed.

---

<div class="post-metadata">

**Author:** ![Hullie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/hullie/32/9264_2.png) [@Hullie](https://community.homey.app/u/Hullie)\
**Post date:** [May 6, 2019, 4:11pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/50 "2019-05-06T16:11:51Z")

</div>

Whaha @Rocodamelshekima! But look at my post in this thread 2 days ago. No secret. There is an example.  
I’ve modified DaneedeKruyff’s files on GitHub. Specific to my devices so it’s not so good to share. Or @DaneedeKruyff, I can share it with you so can merge it with your own code?

---

<div class="post-metadata">

**Author:** ![Marcel\_Visser](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/marcel_visser/32/66024_2.png) [@Marcel\_Visser](https://community.homey.app/u/Marcel_Visser)\
**Post date:** [May 6, 2019, 4:12pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/51 "2019-05-06T16:12:37Z")

</div>

Allright, no idea how I can get that to work so I will wait for a tutorial than. 😐

---

<div class="post-metadata">

**Author:** ![Hullie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/hullie/32/9264_2.png) [@Hullie](https://community.homey.app/u/Hullie)\
**Post date:** [May 6, 2019, 4:14pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/52 "2019-05-06T16:14:35Z")

</div>

As Rocodamelsche already said. It is not to be ran of the web. You need to install them on a local web-server.

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [May 6, 2019, 4:18pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/53 "2019-05-06T16:18:20Z")

</div>

Patience is not my a friend of mine 🙂  
I downloaded the files and got everything up n running on a ubuntuserver.  
Now I “only” need a example or copy of a homey.ink.app.js file that has example of a device like a temperature device added.

---

<div class="post-metadata">

**Author:** ![Hullie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/hullie/32/9264_2.png) [@Hullie](https://community.homey.app/u/Hullie)\
**Post date:** [May 6, 2019, 4:34pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/54 "2019-05-06T16:34:18Z")

</div>

> [@Homey.ink on a tablet/desktop](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/33):
>
> I took the DaneedeKruyff’s code as a starting point. In the function renderHomey() , “homey.devices.getDevices().then( function (devices)…” disable or comment the line: "if(!device.ui.quickAction) return false;" This line will stop adding devices without quickAction property (on/off). In the renderDevices(devices) function you have to add logic for device without quickaction: The ‘else’ of the “if (device.ui.quickAction) {. … }” "$device.classList.toggle('on', true );" so the device looks …

---

<div class="post-metadata">

**Author:** ![Hullie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/hullie/32/9264_2.png) [@Hullie](https://community.homey.app/u/Hullie)\
**Post date:** [May 6, 2019, 4:38pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/55 "2019-05-06T16:38:42Z")

</div>

> [@Hullie](#):
>
> device.driverId === “thermometer”

Note that the “thermometer” line device.driverId === “thermometer” can be different for you (e.g. I have 4 different thermometers!

---

<div class="post-metadata">

**Author:** ![Kalle\_Kronbeck](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/kalle_kronbeck/32/13158_2.png) [@Kalle\_Kronbeck](https://community.homey.app/u/Kalle_Kronbeck)\
**Post date:** [May 6, 2019, 4:58pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/56 "2019-05-06T16:58:22Z")

</div>

This is where I got stuck.  
The first is no problem "In the function renderHomey() , “homey.devices.getDevices().then( function (devices)…” disable or comment the line: "

But then, is it on line 142 where I shall insert:  
if device.driverId === “thermometer”) {  
var $value = document.createElement(‘div’);  
$value.classList.add(‘value’);  
$value.innerHTML = device.capabilitiesObj.measure\_temperature.value + device.capabilitiesObj.measure\_temperature.units;  
$device.appendChild($value);  
}

---

<div class="post-metadata">

**Author:** ![DaneedeKruyff](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/daneedekruyff/32/964_2.png) [@DaneedeKruyff](https://community.homey.app/u/DaneedeKruyff)\
**Post date:** [May 6, 2019, 5:00pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/57 "2019-05-06T17:00:08Z")

</div>

Notifications can now also be shown now, thanks to @Hullie

 ![image](https://us1.discourse-cdn.com/flex025/uploads/athom/original/2X/4/48fe7df8a776959efdb143a5745d2452d0cca623.jpeg)

I have planned to look into adding devices without the quickAction property, have some ideas on how I want it to add but it will take some time.

---

<div class="post-metadata">

**Author:** ![Rocodamelshekima](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/rocodamelshekima/32/8209_2.png) [@Rocodamelshekima](https://community.homey.app/u/Rocodamelshekima)\
**Post date:** [May 6, 2019, 5:25pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/58 "2019-05-06T17:25:27Z")

</div>

@Hullie is it possible that Firefox doesn’t show temp on devices while Chrome does?

---

<div class="post-metadata">

**Author:** ![Hullie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/hullie/32/9264_2.png) [@Hullie](https://community.homey.app/u/Hullie)\
**Post date:** [May 6, 2019, 5:29pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/59 "2019-05-06T17:29:22Z")

</div>

In the **function** renderDevices(devices), the create an else statement under **if** (device.ui.quickAction) { … }  
You need to have some understanding of node.js/jquery/javascript. If not, it is beter to wait for DaneedeKruyff’s work, as he may add the other devices.

---

<div class="post-metadata">

**Author:** ![Hullie](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/hullie/32/9264_2.png) [@Hullie](https://community.homey.app/u/Hullie)\
**Post date:** [May 6, 2019, 5:31pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/60 "2019-05-06T17:31:36Z")

</div>

Could be that FF does format it differently, but not showing at all, is strange. I only tried Chrome and Safari.

[Previous page](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443.md?page=2)

[Next page](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443.md?page=4)