billyblaze / octoprint-touchui

A touch friendly interface for a small TFT module or phone

OctoPrint-TouchUI

This plugin will transform the OctoPrint layout into a Mobile/TFT friendly layout. With larger buttons and a responsive layout down to the smallest resolution possible. It will mimic pointer events as touch, so you can hook up those touchscreens. It also supports a virtual keyboard.

All these settings are set client-side, so we won't interfere with other clients. All settings are stored in your localstorage or as a delicious cookie. You can find the TouchUI settings in a dedicated modal. Remember they're stored on your device, so if you login with your desktop computer you won't get the touch interface.

Setup

Install via the bundled Plugin Manager or manually using this URL:

https://github.com/BillyBlaze/OctoPrint-TouchUI/archive/master.zip

• Touchscreens
  Read more about setting up a touchscreen on our Wiki.

Configuration

The interface will automatically start when your browser is smaller then 980 pixels in width or if you're browsing with a touch device. You can turn this manually on and off in the TouchUI settings modal. Alternatively you can force TouchUI to load by adding #touch on the end of your URL.

Read more configuration options on our Wiki.

• Customization
  You can change 4 main colors of the interface with the power of LESS. If you would like to change more colors, then you're free to add your own LESS file. Read more about this and the variables on our wiki.

Supported browsers

1. Chrome 30+
2. Firefox 40+
3. Safari Mobile
4. Chrome Mobile

octoprint-touchui's Issues

Not really an issue more a qustion

I am a bit unclear as to the use of this on a Raspi touch screen.
I use this plugin for my mobile web browser and think it is amazing. I have a display on my Raspi that is running Octoprint. Can I run this on that same Raspi and use it as a to control interface. I tried installing as per you wiki. But I can't get past "Open Iceweavel" not sure how to run this or get any further. I amy be totally wrong and this is not the intention at all.
Thanks
Matt

Settings button works just once

Hi Paul
TouchUI works great now. Its very useful to combine it with a touchscreen. Theres just one little problem: I crashed my raspberry last week, so I had to redo all the installation steps for Octoprint. This gave me the chance to update all my plugins. But now I have found a new bug in TouchUI. When I click the button "settings", you know the button with the three bars, and then exit the settings menu I wont be able to click the settings button again. This problem does only appear on the touch screen. On a PC it works just fine. I don't know really the reason for that issue, so I ask you for help. I also have installed the plugin System Command Editor. Maybe it has something to do with that?
Thank you for helping
Raphael

Hi

---

IndexSizeError: DOM Exception 1: Index or size was negative, or greater than the allowed value.
http://octopi.local/static/webassets/packed_app.js?06f93b82 @ 11178

Does not complete initialization if Software Update plugin not enabled

I don't know how this project doesn't have more people cheering for it, it is 10x better than any of the paid Android apps for controlling Octoprint and it just uses web controls! I use a Nexus 7 2012 that docks to my printer to be an always available remote control that's so much better than using the dang character LCD and encoder interface that sucks so much ice. None of this sort of kudos should be in a problem report.

I OctoPrint enabled a second printer and couldn't access it with the TouchUI. I could get to the main page, but couldn't login using the TouchUI. On a desktop browser, the TouchUI settings were all blank and wouldn't update when saved.

Looks like the initialization code tries to register itself with the built-in OctoPrint Software Update model to be able to auto update. This printer had that plugin disabled because I do development on it and don't want anything to be messing with my source. When this call fails, it aborts initialization early it seems and leaves TouchUI in a weird state where the menus don't appear, and login is impossible. I didn't look at your source but if there's a way to be defensive when trying to bind to the Software Update plugin so TouchUI can carry on without it that would be great.

As a workaround I just enabled Software Update on that printer and reloaded the octoprint service / page reload and it worked like a champ.

Inside joke: I love cookies!

unable to load page

This is a problem I have always had but have only just got around to asking the question.
I get this error every time I start my pi and display. more times than not if I hit the onscreen button is will come good. Do you have any idea what could cause this. Thanks Matt.

Full screen mode is not looking as intended on my Nexus 6

I set my Nexus 6 in full-screen and I believe it isn't displaying as you intended...
Some stuff should be on 1 screen without the need for scrolling.
I made several screenshots to make this clear.

Great stuff....
I hope you can fix this.

Do not show "Fullscreen" message when already in fullscreen

Research:
Can CSS pseudo's detect :fullscreen in kiosk mode.

Touchscreen: Browser crash and no response during print

After some more investigation it looks like Iceweasel is unable to keep up with OctoPrint's Terminal and is therefor slowly killing CPU and Memory.

This issue will be addressed within a new release of OctoPrint. If you would like to have a fix now then you can checkout the maintenance or devel branch of OctoPrint and it will be released as 1.2.9

Camera not working on Touchscreen

Hi there,
i'm new to Github so pls be lenient with me if I make a mistake
My env:
Raspy 2 , RaspyCam, 5" TFT w WaveshareTouch, Ethernet
running latest OctoPi, TouchUI, kweb.
Raspy starts automatically to TouchUI
At this point: Many thanks for your efforts with this Plugin
When connect to Raspy via my iMac or iPhone i get full access to TouchUI incl the Cam.
On the Raspy TFT mostly functions are reachable.
My problem:
At the Cam Tab only a Question mark is shown, no img or stream from the Cam.
I hope you can help me solving
Greets

Camera shortly shows a picture and then stops

I just started using it on my Nexus 6 and most of it looks great.

Camera shortly shows a picture and then stops
If a go to another tab and return it doesn't even show that and it stays black.

Terminal input doesn't show what I type

Using TouchUI on my nexus 5x, in firefox. Everything works great except when trying to use the terminal. What I type doesn't show up, I see the cursor moving, but it seems too small for the font, and nothing shows up until I hit enter, and see the feedback.

bug : touchui not starting automatically on official raspberry pi 7" screen

Hi;

i follow the instructions on your site to the letter, but i get a
FAILED : failed to start /etc/rc.local compatibility

i had to install xinit by hand with apt-get install xinit

when i ran the bash cmdlet
sudo -H -u pi bash -c 'xinit ~/start_iceweasel.xinit'
it gave me an error that user pi was not authorized to run xinit
if fixed that with sudo dpkg-reconfigure x11-common.
now when i run the sudo cmdlet it will run the touchui. however, i still get the same error during boot and it does not automatically start into the touchui.

[Proof of Concept] Persistent login on iOS

So I might have an idea. I will push some codes to the maintenance branch, once I did Alex, could you see if that works for you? I could give you some instructions on how to test the maintenance branch if you don't know how to.

The Menu link doesn't work in iPhone 6S+

The menu button doesn't appear correctly on my iPhone 6S+ and therefore I can not login etc. Landscape or Portrait makes no difference.

It appears to work correctly on my iPad Air 2 though so not entirely sure why it's not working as expected on the iPhone

Problem installation?

Hi,
i install everything like the wiki:

https://github.com/BillyBlaze/OctoPrint-TouchUI/wiki/Setup:-Boot-to-Browser

And not appears error, but when reboot at finish, not show the windows with touchUI, show normal Desktop...

I do step for step 3 times and i don't know that can happen

Some ideas? Things to check?

More info:
Steps than i do:

1. Burn SD Octopi wheezy
2. Update Octoprint to 1.2.10
3. Step by step of your wiki...

Can't get TouchUI to work

I have tried numerous times to get it to work,but I cant figure out as to why.

I have Octoprint installed and it works fine,camera,etc. I see the options for TouchUI.

I have followed this guide.... https://github.com/BillyBlaze/OctoPrint-TouchUI/wiki/Setup:-Boot-to-Browser-(OctoPi-or-Jessie-Light),but I may be doing something wrong.

I am using the PI 7" Touchscreen. Not sure as to what I need to do on the following steps?
#4 Does the Touchscreen not already have the lastest drivers? If not,how do I go about updating them?
#6 When I run it and select anybody,I get this "start and stop actions are no longer supported; falling back to defaults"
#8 Do I just copy and paste? or is there a step I'm missing to make it auto boot?

I did get it to boot to debian 8 one time somehow,but I never got the touchUI interface.Was that even a correct install?

Thanks in advance,

Prompts for switch to Full screen every boot even when already full screen

I am running on a RaspberryPi that auto starts Chromium with the --kiosk --incognito http://localhost:5000 and when Octprint starts and touchUI kicks in it always prompts if I want to go full screen although the browser already is. I see no setting that turns off this prompt and enabling doesn't do anything but pop up another annoying message about being switched to full screen and pressing esc to exit.

No camera in V0.3.0

Hi there,
I like your plugin very much and I used it on my Raspberry Pi B. But then I wanted to have more power for the grafical UI and I bought a Raspberry Pi 2B. After the installation of your plugin I couldn't see the image of the webcam on the Touch UI. It is still there on the normal Octoprint interface. What's wrong here. Do you have an idea?

Thank you! It's an amazing project! =D

Raphael

User Settings Unavailable

I love the concept of a cleaner UI for mobile devices and was excited to see your plugin in the repository, but there is one caveat that I don't know if there is a way around or not. I've decided to utilize haproxy's configuration for authentication utilizing certificates and username/passwords and as a result disabled OctoPrint's built in user authentication mechanism. Because of that there is no way to modify your plugin to turn on the streamlined UI. Is there any possibility of having it just automatically detect the device and/or browser and do the interface swap automatically vs having to turn it on?

Screen displays common web-frontend after reboot

Hi Billy. I´ve installed your script yesterday (octopi + touchui with chromium autoboot in kiosk mode, all with actual versions). All works like a charm (touchUI frontend is working, touch is working, i can login, all is perfectly) until i reboot (putty sudo reboot). At the next start (and the following restarts), the screen is displaying the common (white) web-frontend. Any ideas?

I´m using a Pi3. Maybe it´s possible to force the touchUI frontend with a special URL? :)

[Epiphany/Kweb] Crash with Out of memory (caused by GCode Viewer)

1024 X 600 lcd touch
512M ddr
dibian OS,
Epiphany-browser is killed by kernel when octoprint is printing a 3d model, because out of memory.

So I think TouchUI may be have a memory leak!

The following is kernle log:

[15532.879547] haproxy invoked oom-killer: gfp_mask=0x201da, order=0, oom_adj=0, oom_score_adj=0
[15532.888519] Backtrace:
[15532.891113] from
[15532.899963] r6:000201da r5:00000000 r4:de6ae280 r3:c0744df0
[15532.905914] from
[15532.915222] from
[15532.926300] r8:de62b780 r7:00000191 r6:000201da r5:00000000 r4:de62b780
[15532.933349] from
[15532.944000] from
[15532.954010] from
[15532.964050] from
[15532.972869] from
[15532.981994] from
[15532.991455] from
[15533.000732] from
[15533.010070] from
[15533.019622] Exception stack(0xde6f1fb0 to 0xde6f1ff8)
[15533.024902] 1fa0: 00000064 0010db42 000a00a8 00000000
[15533.033447] 1fc0: 000a04d0 00095a8c 00095d58 000a00a4 00095cf0 00095cf0 000ae350 00095d04
[15533.042022] 1fe0: 0007a11f bec0eb98 0000d63f 0001a758 60000030 ffffffff
[15533.048950] r8:00095cf0 r7:000a00a4 r6:ffffffff r5:60000030 r4:0001a758
[15533.055969] Mem-info:
[15533.058349] Normal per-cpu:
[15533.061248] CPU 0: hi: 186, btch: 31 usd: 43
[15533.066284] active_anon:120662 inactive_anon:354 isolated_anon:0
[15533.066284] active_file:163 inactive_file:223 isolated_file:0
[15533.066284] unevictable:0 dirty:0 writeback:0 unstable:0
[15533.066284] free:722 slab_reclaimable:854 slab_unreclaimable:1650
[15533.066284] mapped:477 shmem:397 pagetables:930 bounce:0
[15533.096405] Normal free:2888kB min:2880kB low:3600kB high:4320kB active_anon:482648kB inactive_anon:1416kB active_file:652kB inactive_file:892kB unevictable:0kB isolated(anon):0kB isolated(file):0kB present:519168kB mlocked:0kB dirty:0kB writeback:0kB mapped:1908kB shmem:1588kB slab_reclaimable:3416kB slab_unreclaimable:6600kB kernel_stack:1792kB pagetables:3720kB unstable:0kB bounce:0kB writeback_tmp:0kB pages_scanned:2410 all_unreclaimable? yes
[15533.137756] lowmem_reserve[]: 0 0
[15533.141204] Normal: 720_4kB 1_8kB 0_16kB 0_32kB 0_64kB 0_128kB 0_256kB 0_512kB 0_1024kB 0_2048kB 0_4096kB 0_8192kB = 2888kB
[15533.152923] 783 total pagecache pages
[15533.156738] 0 pages in swap cache
[15533.160186] Swap cache stats: add 0, delete 0, find 0/0
[15533.165649] Free swap = 0kB
[15533.168670] Total swap = 0kB
[15533.189483] 131072 pages of RAM
[15533.192779] 1198 free pages
[15533.195709] 3305 reserved pages
[15533.199005] 2504 slab pages
[15533.201904] 1273 pages shared
[15533.205017] 0 pages swap cached
[15533.208282] [ pid ] uid tgid total_vm rss cpu oom_adj oom_score_adj name
[15533.216064] [ 164] 0 164 617 151 0 -17 -1000 udevd
[15533.223876] [ 1596] 1000 1596 799 176 0 0 0 haproxy
[15533.231903] [ 1626] 0 1626 1473 780 0 0 0 dhcpd
[15533.239746] [ 1652] 0 1652 34372 5884 0 0 0 octoprint
[15533.247955] [ 1659] 0 1659 7099 114 0 0 0 rsyslogd
[15533.256042] [ 1669] 0 1669 334 28 0 0 0 acpid
[15533.263885] [ 1693] 0 1693 839 40 0 0 0 cron
[15533.271636] [ 1703] 102 1703 722 119 0 0 0 dbus-daemon
[15533.279998] [ 1710] 104 1710 722 72 0 0 0 avahi-daemon
[15533.288482] [ 1711] 104 1711 691 55 0 0 0 avahi-daemon
[15533.296936] [ 1724] 0 1724 7600 120 0 0 0 lightdm
[15533.304962] [ 1746] 0 1746 13494 5592 0 0 0 Xorg
[15533.312683] [ 1778] 0 1778 1514 106 0 -17 -1000 sshd
[15533.320434] [ 1810] 0 1810 3782 137 0 0 0 lightdm
[15533.328460] [ 1813] 0 1813 6616 270 0 0 0 console-kit-dae
[15533.337188] [ 1880] 0 1880 5429 173 0 0 0 polkitd
[15533.345214] [ 1892] 1000 1892 3005 61 0 0 0 lxsession
[15533.353393] [ 1913] 1000 1913 931 54 0 0 0 ssh-agent
[15533.361602] [ 1917] 1000 1917 695 59 0 0 0 dbus-launch
[15533.369964] [ 1918] 1000 1918 678 83 0 0 0 dbus-daemon
[15533.378356] [ 1924] 1000 1924 3629 838 0 0 0 openbox
[15533.386352] [ 1926] 1000 1926 20340 778 0 0 0 lxpanel
[15533.394378] [ 1928] 1000 1928 22131 562 0 0 0 pcmanfm
[15533.402374] [ 1933] 1000 1933 7270 2037 0 0 0 wicd-client
[15533.410766] [ 1939] 1000 1939 8383 289 0 0 0 notification-da
[15533.419494] [ 1941] 0 1941 15402 274 0 0 0 unicorn
[15533.427520] [ 1950] 1000 1950 1819 91 0 0 0 gvfsd
[15533.435363] [ 1952] 1000 1952 1359 116 0 0 0 menu-cached
[15533.443725] [ 1969] 0 1969 5586 1294 0 0 0 wicd
[15533.451477] [ 1983] 108 1983 759 51 0 0 0 xrdp
[15533.459197] [ 1987] 0 1987 840 64 0 0 0 xrdp-sesman
[15533.467590] [ 1995] 0 1995 416 31 0 0 0 getty
[15533.475433] [ 1996] 0 1996 416 31 0 0 0 getty
[15533.483245] [ 1997] 0 1997 416 31 0 0 0 getty
[15533.491088] [ 1998] 0 1998 416 31 0 0 0 getty
[15533.498901] [ 1999] 0 1999 416 31 0 0 0 getty
[15533.506744] [ 2000] 0 2000 416 31 0 0 0 getty
[15533.514587] [ 2001] 0 2001 857 103 0 0 0 login
[15533.522430] [ 2003] 0 2003 3228 1028 0 0 0 wicd-monitor
[15533.530883] [ 2008] 1000 2008 8167 165 0 0 0 gvfs-gdu-volume
[15533.539642] [ 2011] 0 2011 5468 137 0 0 0 udisks-daemon
[15533.548187] [ 2012] 0 2012 1262 66 0 0 0 udisks-daemon
[15533.556762] [ 2017] 1000 2017 1931 108 0 0 0 gvfs-gphoto2-vo
[15533.565490] [ 2019] 1000 2019 4335 109 0 0 0 gvfs-afc-volume
[15533.574249] [ 2088] 0 2088 1024 80 0 0 0 bash
[15533.581970] [ 3685] 1000 3685 22167 566 0 0 0 lxterminal
[15533.590270] [ 3686] 1000 3686 411 30 0 0 0 gnome-pty-helpe
[15533.598999] [ 3687] 1000 3687 342 19 0 0 0 sh
[15533.606567] [ 3691] 1000 3691 1030 86 0 0 0 bash
[15533.614288] [ 3699] 0 3699 616 157 0 -17 -1000 udevd
[15533.622131] [ 3703] 0 3703 616 157 0 -17 -1000 udevd
[15533.629974] [ 3711] 1000 3711 1147 82 0 0 0 su
[15533.637542] [ 3719] 0 3719 1029 86 0 0 0 bash
[15533.645263] [ 3744] 0 3744 1050 118 0 0 0 top
[15533.652923] [ 3770] 0 3770 145282 54825 0 0 0 epiphany-browse
[15533.661682] [ 3794] 0 3794 6136 162 0 0 0 upowerd
[15533.669677] [ 3849] 0 3849 50260 4251 0 0 0 yelp
[15533.677429] [ 3860] 0 3860 50221 4231 0 0 0 yelp
[15533.685150] [ 3924] 0 3924 2411 558 0 0 0 sshd
[15533.692901] [ 3926] 0 3926 667 212 0 0 0 sftp-server
[15533.701263] [ 3929] 0 3929 2186 133 0 0 0 sshd
[15533.709014] [ 3932] 0 3932 1029 85 0 0 0 bash
[15533.716766] [ 5060] 0 5060 35945 33631 0 0 0 cpan
[15533.724487] Out of memory: Kill process 3770 (epiphany-browse) score 401 or sacrifice child
[15533.733245] Killed process 3770 (epiphany-browse) total-vm:581128kB, anon-rss:219236kB, file-rss:64kB

TouchUI Error

This error pops up the first time I open settings with touchUI enabled after loading the page. I have tested it on multiple android devices, and it even happens on laptops. It doesn't seem to do any harm though. I can post a screenshot if necessary. I'm not sure if it's my setup that's causing the issue or if it is one of my (many) plugins, or code problem.

Unable to parse bindings.
Message: TypeError: $parent.layout is not a function;
Bindings value: contextMenu: { menuSelector: '#commandContextMenu', menuSelected: $root.controlContextMenu }, css: { 'sortable': $parent.layout() != 'horizontal_grid' }, attr: { 'id': id }
L/

Touch Screen Calibration.

What a great job guys. I am 99% there. One last thing. I can't figure out how to calibrate the screen.
It is very responsive but when I move left the cursor goes right. I'm pretty much a noob so if this isn't the place for this forgive me and point me in the right direction.

Thanks
Bart

TouchUI shown in desktop chrome

Chrome on both my desktop and laptop are showing TouchUI, Firefox shows the normal non-touch UI, is the desktop chrome user agent mistaken for mobile chrome?

Would be nice if there was a button in touchUI to disable it if it's accidentally activated, or a URL parameter to force it off etc.

Temperature graph is displayed incorrectly on 1.2.8

Cursor does not disapear on touchscreen

Unclutter does not hide the cursor.

Firefox and IceWeasel generate LESS file when opening settings modal

LESS should only generate onload or when saving updated TouchUI color settings.

1.0.0

Develop is highly broken a.t.m.

• Refactor dashboard
• Refactor files list (use hammerjs)
  TODO: Search for files
  90% done
• Refactor navbar (use hammerjs)
  90% done
• Refactor dropdowns
  20% done
• Refactor controls tab
  5% done (not for up for grabs)
• Refactor gcodeviewer tab
  0% done
• Refactor virtual keyboard
  0% done and broken
• Refactor form elements
  5% done - material design pattern
• Refactor modals
  10 done
• More touchscreen friendly
  0% done
• New feature: Themes from repo
  0% done
• Plugin support: M33 Fio
  0% done
• Disable Heavy plugin: STL Viewer
  0% done

Plugin fails to install via Plugin Manager

Hi,

I'm running OctoPrint 1.2.9 for the version.

As for Pip?

keiro@emberberry:~$ pip --version
pip 1.5.6 from /usr/lib/python2.7/dist-packages (python 2.7)

This is the following error when the Plugin Manager attempts to install your plugin:

Downloading/unpacking https://github.com/BillyBlaze/OctoPrint-TouchUI/archive/master.zip
  Downloading from URL https://github.com/BillyBlaze/OctoPrint-TouchUI/archive/master.zip
Cleaning up...
Exception:
Traceback (most recent call last):
  File "/usr/lib/python2.7/dist-packages/pip/basecommand.py", line 122, in main
    status = self.run(options, args)
  File "/usr/lib/python2.7/dist-packages/pip/commands/install.py", line 290, in run
    requirement_set.prepare_files(finder, force_root_egg_info=self.bundle, bundle=self.bundle)
  File "/usr/lib/python2.7/dist-packages/pip/req.py", line 1198, in prepare_files
    do_download,
  File "/usr/lib/python2.7/dist-packages/pip/req.py", line 1376, in unpack_url
    self.session,
  File "/usr/lib/python2.7/dist-packages/pip/download.py", line 572, in unpack_http_url
    download_hash = _download_url(resp, link, temp_location)
  File "/usr/lib/python2.7/dist-packages/pip/download.py", line 433, in _download_url
    for chunk in resp_read(4096):
  File "/usr/lib/python2.7/dist-packages/pip/download.py", line 421, in resp_read
    chunk_size, decode_content=False):
  File "/home/keiro/OctoPrint/venv/lib/python-wheels/urllib3-1.9.1-py2.py3-none-any.whl/urllib3/response.py", line 256, in stream
    data = self.read(amt=amt, decode_content=decode_content)
  File "/home/keiro/OctoPrint/venv/lib/python-wheels/urllib3-1.9.1-py2.py3-none-any.whl/urllib3/response.py", line 186, in read
    data = self._fp.read(amt)
  File "/usr/lib/python2.7/httplib.py", line 573, in read
    s = self.fp.read(amt)
  File "/usr/lib/python2.7/socket.py", line 380, in read
    data = self._sock.recv(left)
  File "/home/keiro/OctoPrint/venv/lib/python-wheels/urllib3-1.9.1-py2.py3-none-any.whl/urllib3/contrib/pyopenssl.py", line 188, in recv
    data = self.connection.recv(*args, **kwargs)
ZeroReturnError

How do fix?

LESS contrast function with light colors return white color

Currently white text is being generated on top of light colors (e.g. yellow)

Problem is that OctoPrint uses an old LESS version of javascript and needs to be upgraded.

Boots to black screen

I thought I would try and use you new easy to follow wiki page. to get the pi display to boot into touch display. Unfortunately the display is booting to a blank screen with a cursor at the top.

I get the system dialogue while booting but then blank. I know the touch ui is working, it is fine on my iphone.
Any ideas.
Thanks Matt

Future Features

• Add some way to change colors
• Include Fan icon in font package
• Refactor cookie script into localStorage (+ migration script)
• Terminal Highlighter

Navigation bar

• Make the navigation bar appear when scrolling up
• Add a option to always show the navigation bar

GCode viewer

• Add touch and non-touch zooming
• Add touch and non-touch layer change

Webcam

• Bind touch and non-touch to current keyboard navigation

Plugins

• Gather most common and most broken

"toggle touchUI"-bug

Hey, since updating to 0.2.0 it's no longer possible for me to toggle manually between touchUI and the standard-Interface (Display is the Raspberry 7" LCD). Tried everything I know.

[PR] Checklist v0.1.0

Features/Styling

• Mimick mousepointer events as Touch
• Add virtual keyboard if no touch device
• Printer tab
  • Move connection state into this tab
  • Remove scrollSomething module
  • Swipe to left in files list for more actions
• Temperature tab
  • Swipe to left for offset temps
• Controls tab
  • Move feed & flow rate into the same div
  • Remove sliders and use input
• Webcam tab testing needed->keyboard controls still working?
• Terminal tab
  • ASCII header
  • Version check
  • Scroll touch (if scrollbar)
• Timelapse tab
  • Style the table and actions
• Navbar
  • Clone all tab items, hide the original, bind clones to original tab (DOM.js, lines 122)
• GCode viewer
• Modals
  • Scroll touch on open
  • Dropdown navigation
  • Leftside orientated full-height modal
  • Remove scrollSomething module
  • Fullwidth views
• Notifications
• Dialog screens (i.e. reload needed, offline)
• Write all JS to jQuery plugin
• Compile LESS with Gulp and serve CSS for better performance
• Register to OctoPrint version checking
• Use the latest FontAwesome for more icons
• LESS
  • Add most common variables into a seperate _variable file
• Add a fullscreen toggle mode

Known bugs

• Move ASCII art into a webfont
• No-pointer class doesn't get remove from dropdown, causing no navigation possible
• Mobile navigationbar makes VH units jump
• Refactor virtual keyboard to attach keyboard to dynamic content rather then only on DOMLoad

Cross-browser

• Test as many devices as possible
  • Chrome 45.0.2454.101 m
  • Firefox 41.0.1
  • Raspberry Pi (1) / Iceweavel
  • Raspberry Pi (2) / Iceweavel
  • Android phone
    • Nexus 5 / Android 4.x / Chrome
  • Android tablet
    • Nexus 7 / Android 4.x / Chrome (45)
  • iOS
    • iPhone 6 / Safari
  • IE
    • Windows 10 / Edge - Non-touch
    • Windows 10 / Edge - Touch
• Ask community for beta testing

Register Plugin repository

• Clone repo
• Add content
  • Screenshots from devices
• Request merge

USB Camera Not Working

I have a Logitech C170 usb cam that WORKS when viewing the web URL,but not on the Pi 7" touchscreen. I also have a Pi Cam,but I haven't tried to hook it up yet.

Sorry for creating another issues so quick. Thanks

Feedrate and Flowrate sending command twice on OctoPrint 1.2.8

Unboot from browser destructions missing? [Request]

It would be nice to try this stuff out on working systems, or systems that can get 'reworking.'

I like several options:

1 - Copy old pi sd card image onto a new card and erase it if anything fails.

or

2 - set video drivers back, repair xinit, uninstall packages, repair configuration files.

I think it gives people a better understanding of how the stuff works. But, if a step IS
missed it requires a LOT more skill than the skill of following instructions.

KWEB3 starts in Private Mode

KWEB3 starts in private mode and some functionality of octoprint rely on localstorage, which is disabled in private mode. In order to disable private mode we need to add the following:

1. Run nano ~/OctoPrint-TouchUI-autostart/start_kweb.xinit
2. Add the letter P (in capital) after the dash
3. Save (CTR-O, Enter, CTR-X)
4. Reboot TouchUI (sudo service touchui restart)

Latest update not rendering in Epiphany correctly

Controls page is broken up and not rendering correctly in the epiphany browser after the last update. The mouse is also now highlighting text rather than scrolling up and down on a touchscreen interface.

Touch screen stops working after tapping touch UI Setting.

So I am in full screen mode and I need to enable virtual keyboard. When I go to make it active in the settings tab for screen doesnt load. Just kinda grays it is going to load. After I tap a part of the screen touch stops working.

Thanks for the help!

Cannot Scroll on RPI 7" Touchscreen?

I just built an image on a RPI3 with an official RPI touchscreen (7") following the instructions "Boot to Browser (OctoPi or Jessie Light)". Everything works great except that once it boots up in the TouchUI interface I cannot scroll vertically with my finger. All of the other touch functions work correctly. If I turn off the TouchUI interface the standard OctoPrint UI scrolls around correctly. Any ideas?

Note: I have previously built versions using the older instructions (e.g. Kweb) and it works fine with the same hardware.

BTW great job on the software!!

-larry

TouchUi starts and promptly quits to console

Running OctoPi on RPI2 with a 5" touchscreen, after the last update TouchUi no longer starts, just a short blink then goes back to the console. None of the fixes mentioned in the wiki appear to work. OctoPrint server works however, and accessible from the network.

No Camera running touch ui on a Raspberry pi.

Hey Paul. I have moved up to a official pi 7" screen. Mind you this problem existed on the small screen as well. Anyway I am not getting camera feed in the ui. getting a little ? icon on the screen. So I assume something is missing.
Thanks
Matt

Almost finished install, but fell a little short.

First, let me say thank you for your really cool piece of software and the great walk-through on the wiki. I am new to Raspberry Pis and also to Octoprint, but your guide was so user friendly, even I was able to get through it.

However, I need a little help crossing the finish line. After first completing your instructions, my Pi booted to a black screen with a white line in the corner. From reading your support of another person, I was able to get the Raspberry to stop attaching TouchUI to the HDMI. (Thanks for that)

Now, as you can see from the attached image, I am booting into Iceweasel, but the touchscreen does not work. If I attach a mouse I can move around, but the touchscreen is not working. Can you please help me get that set up?

Again, I am super grateful for your awesome piece of software. I am also new to Github, so if this is the wrong place to make this request, I am truly sorry. I saw where you helped other users in this area and assumed this was the proper method. (FYI, I have no Linux ability. Thus far, I have followed your recipe on the Wiki.)

Cannot log in via touchscreen interface

I recently installed TouchUI on my Raspberry Pi 3 running Jessie and the latest Octoprint. I have had a few issues in installation that I am still tracking down.

1. I can get the camera to show up in the Octoprint page on a laptop, but it will not show up on my 10" touchscreen on my Pi. Everything else does show up (once logged in). I saw a couple of other bugs related to this issue and have not been able to remedy yet.

2. I cannot login for the life of me from the TouchUI interface. I can on a touchscreen laptop using the Octoprint interface, but cannot in the TouchUI interface. This is my main issue now.

The interface looks great and expandable. I look forward to ironing out these last couple of issues and using it as a mainstay on my delta printer.

Removal of URL status messages

Hi Paul

One step at the time I’m getting closer to fully implement a touch UI for my 3D printer. I have a small touch screen tft connected to my Rasberry Pi, and configured it’s auto starting with full screen Iceweasel and TouchUI. But there’s a small thing that’s bugging me. Every time I select a menu button, the virtual mouse pointer stay’s hovered above the button (because you press and remove your hand). Because of this, the URL status display’s constantly in the bottom left corner. This is breaking the illusion of a touch screen controlled printer a bit.

I’ve been looking if it’s possible to remove tis status line in Iceweasel directly, but I’m afraid it’s not possible (don’t know for sure). What I did find was a javascript workaround for the buttons:
See:
http://jsfiddle.net/5KYLx/1/
Do you think this could be implemented?

Cheers Michel

Error while rotating phone

On an iPhone 6s+ using safari browser.

IndexSizeError: DOM Exception 1: Index or size was negative, or greater than the allowed value.
http://octopi.local/static/webassets/packed_app.js?583a1d9a @ 11815

TouchUI isn't auto booting

HellO!

I'm going to preface this by saying I am very new to this.

I followed your guide to install TouchUI and get it to autoboot on a Raspberry pi 7" touchscreen. However, it doesn't auto boot. I went through previous issues opened with other users and nothing helped. Whenever I reboot the Pi, it goes straight to the command line. I tried to manually boot with:

xinit /home/pi/OctoPrint-TouchUI-autostart/start_chromium.xinit

as you suggested to another user. No luck. I tried to use that command through SSH and directly into the Pi. It came up with this:

X.Org X Server 1.17.2
Release Date: 2015-06-16
X Protocol Version 11, Revision 0
Build Operating System: Linux 3.8.11-2-ARCH armv7l Raspbian
Current Operating System: Linux octopi 4.1.19-v7+ #858 SMP Tue Mar 15 15:56:00 GMT 2016 armv7l
Kernel command line: 8250.nr_uarts=1 dma.dmachans=0x7f35 bcm2708_fb.fbwidth=800 bcm2708_fb.fbheight=480 bcm2709.boardrev=0xa22082 bcm2709.serial=0xe7f5ea94 smsc95xx.macaddr=B8:27:EB:F5:EA:94 bcm2708_fb.fbswap=1 bcm2709.uart_clock=48000000 vc_mem.mem_base=0x3dc00000 vc_mem.mem_size=0x3f000000 dwc_otg.lpm_enable=0 console=ttyS0,115200 console=tty1 root=/dev/mmcblk0p2 rootfstype=ext4 elevator=deadline fsck.repair=yes rootwait fbcon=map:10 fbcon=font:ProFont6x11
Build Date: 11 January 2016 01:32:44PM
xorg-server 2:1.17.2-1+rpi1 (http://www.debian.org/support)
Current version of pixman: 0.33.3
Before reporting problems, check http://wiki.x.org
to make sure that you have the latest version.
Markers: (--) probed, (**) from config file, (==) default setting,
(++) from command line, (!!) notice, (II) informational,
(WW) warning, (EE) error, (NI) not implemented, (??) unknown.
(==) Log file: "/var/log/Xorg.0.log", Time: Sat May 28 16:44:48 2016
(==) Using system config directory "/usr/share/X11/xorg.conf.d"
/home/pi/OctoPrint-TouchUI-autostart/start_chromium.xinit: 4: /home/pi/OctoPrint-TouchUI-autostart/start_chromium.xinit: chromium-browser: not found
xinit: connection to X server lost

waiting for X server to shut down (II) Server terminated successfully (0). Closing log file.

I have tried everything in this thread: #44 nothing worked.

Thanks! Very excited to get this working!

jQuery trigger events: "files.open" triggers on close, "files.closed" triggers on open

Swap events: https://github.com/BillyBlaze/OctoPrint-TouchUI/blob/master/octoprint_touchui/static/js/includes/files.js#L32

No configuration menu button and dead "open user settings" button

Hi Billy,

Thanks for sharing this plugin. I’m looking if I can use it to make a printer completely standalone with a nifty LCD. But I think the plugin has some bugs:
There’s no way I can go to the settings menu. On every client I try the configuration icon is not where it supposed to be (according to screenshots). If I press the upper right corner only the shutdown and restart options appear.

This is with the latest versions of Firefox, IE, Chrome, Iceweasel and safari on the ipad (this is an ipad screenshot)

And bug number 2: On the (non TouchUI) configuration page the “Open the user settings” button does nothing. The only way to activate TouchUI is: octopi.local/#touch And for now the only way to disable it is to remove cookies.

Regards, Michel