In general the scss files are nice, but detail is inconstant.

Examples:

spaces behind comma or not
$material-grey: rgba(0, 0, 0, 0.54);
$material-card-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16),0px 2px 5px 0px rgba(0,0,0,0.23);

hardcoded color (available as variable)
$bright-background-color: white;
#main {
    background-color: white;
}

• Comment out code
• empty selectors
• 0px value vs. 0 without px.
• one selector vs multiple per line
• lowercase vs. uppercase hex colors
• different comment style /* */ vs //

In the app and on https://threema.ch/en/threema-web e.g. you state:

Threema Web might increase power consumption while it is active. You can enable or disable it at any time.

When I am actively using the web client this is obvious, but does it also apply when I no web client is connected?
So when I have "web client" enabled in the options and some may be shown in the list (as they are persistent sessions I've saved with the password), but none of them is actually connected (all red), the Threema app should not use more power than if I toggle the switch off… Is this right?

Otherwise disabling the web client in the app would be cumbersome and it would render the beneifit of the persistent sessions, where you just enter a password an a GCM push wakes up the Threema app, useless. (as you'd have to activate the web client in the app anyway)

You might add some printer-specific CSS, so one can export/print the chat…

Ref.: https://threema-forum.de/thread-2116-post-29300.html#pid29300

Missing that feature.

...so that your phone is quiet and won't vibrate/blink on any notifications, you have already seen on the computer.

Maybe check, if the tab in the browser has focus. If this is the case, switch to quite-mode

Emojis in group chats and contact names are displayed as their system font representation.

instead of
☀️

ask, what should be done with downloaded files.

Show popup box containing image, with download button.

I tried to connect with Firefox 51 and Srware Iron 55 (Google Chrome Fork) and both are stuck at 99% with Loading initial data...

I waited for about 3 minutes and nothing happened.

What is initial data?

https://twitter.com/NerdingByDoing/status/832225568322097152

Sending the sun emoji from Android results in the following span:

> emojione.unicodeToImage('☀')
"<span class="e1 e1-2600" title=":sunny:">☀</span>"

On the other hand, sending the same emoji from iOS results in this span:

> emojione.unicodeToImage('☀️')
"<span class="e1 e1-2600-fe0f" title=":sunny:">☀️</span>"

The codepoint U+FE0F is the emoji variation selector: https://unicode-table.com/de/FE0F/. On the other hand, U+FE0E would be the text variation selector.

The sprites CSS generated by the emojione library does not contain the 2600-fe0f variant.

Unfortunately, it looks like emojione currently does not support these variants: joypixels/emojione#358

Sometimes the dialog is closed during the connecting process before being able to accept / decline.

Threema looks unfamiliar with a white theme. Synchronize the theme.

Hello,

I tried to run Threema-Web on a server (Ubuntu 16.04) on which a OpenVPN server runs, too and Threema binds to the tun0 interface (in my case 10.8.0.1) instead of localhost or the eth0 iface (in my case with the ip 192.168.1.0).
Maybe a option to determine which interface should be used, so you can select one which you want to use.

At the moment, it is possible to delete single messages with Threema Web.

The feature to delete a whole chat would be cool too.

Step 1: Make it possible to view and take part in polls (aka ballots aka surveys).

Step 2: Make it possible to create polls.

Needs protocol and app update.

When clicking on a contact in Threema Web, the message input edit line is not automatically focused (like it is in WhatsApp Web), thus forcing the user to move the mouse to the input edit line and clicking into it (which sucks usability-wise).
The expected behaviour is to be able to start typing right away after clicking on a contact.

since the display has more space, I would love to see both times in the chat log

Hi,

just started testing Threema web. I cannot pair my phone with web.threema.ch while my phone is connected to the same LAN as my web browser (on a PC). While both devices are on the same network, after scanning the QR code a spinner will be added to the session list and spin forever. When the phone is on mobile data, pairing succeeds.

After pairing succeeded, when the phone gets reconnected to the LAN Threema Web detects that the connection is broken and closes the session. After returning the phone to mobile data the session is resurrected in the web browser.

FYI, I'm running a IPv4/IPv6 dual stack configuration with an IPv6 firewall in place. Android 6.

Please let me know whether you need more information. The Threema log file does not contain additional information beyond the messages I received while pairing was attempted.

The ng-repeat directive might be the source of a lot of performance problems.

Replacing it with a custom directive would probably improve a lot.

The directive would then have methods to update the status of existing messages via message id.

Refs #20 and #39.

https://twitter.com/NerdingByDoing/status/832266474995736577

/cc @corrupt

Just a short question:
When I want to write a message to Alice, I have to open the page https://web.threema.ch/#/messenger/conversation/contact/THREEMA_ID_OF_ALICE.

Can people in the network see that I loaded that page? So they would know with which Threema IDs I communicate.

Question because for normal websites one can sniff which websites I visit even if I use HTTPS.
Did a short test and I couldn't sniff it for the Threema app, but I am not sure if I did everything correctly.
Can Threema see it?

If connecting is stuck at 60%, this means that you WebRTC PeerConnection cannot be established. We're working on fixes, but it's a complex issue with many possible causes.

• Do you use a modern browser?
• Do you use a browser plugin that disables WebRTC?
• Do you use an ad blocker that might also block WebRTC?
• Are you behind a (corporate?) firewall that does deep packet inspection?

Please go to https://web.threema.ch/troubleshoot/ to see if any problem is detected.

When using Firefox, please try whether it works with Chrome/Chromium/Opera, since current versions of Firefox don't yet support TURN via TLS, which can cause the traffic to be blocked by some firewalls.

When it doesn't work in Chrome, try running the Threema Web in an anonymous window (Ctrl+Shift+n). If it works there, a plugin is blocking the connection.

If that does not help, a firewall might be the problem, especially if the issue occurs in a company network. We're actively working on a fix to circumvent the firewalls, but it might take a few more days until everything is properly set up and tested.

Just a minor issue but this string is not translatable:
https://github.com/threema-ch/threema-web/blob/master/src/partials/dialog.about.html#L19

Would be nice to be able to control the application by keyboard only. E.g. switching conversations by pressing a handy shortcut, like in slack via [ctrl]+[k]

Convert emoji shortnames (e.g. :smile:) to emoji while typing.

We can simple forward a message or picture in the native Android/IOS app.
Is there a plan to implement this feature in the web client?

Steps to reproduce:

1. Go to https://web.threema.ch
2. Use a session password, I used MH:cp-+{_;2p*}=E
3. Everything works fine so far
4. Close session
5. Try to reconnect with the same password
6. Threema Web says I use the wrong password! ❌

For me, it worked with an easier password. Perhaps Threema has problems with special characters?

Show battery level in Threema Web. Warn if level is below a certain threshold.

It is possible to open Threema web in multiple tabs, however new messages are only synced with one of the threema web instances.

Add templates for

• CONTRIBUTING.md (linked on create issue and pr page e.g. include CLA information)
• ISSUE_TEMPLATE.md
• PULL_REQUEST_TEMPLATE.md

Small generator for issue and pr
https://www.talater.com/open-source-templates/#/

Example/GitHub
https://github.com/TalAter/open-source-templates/issues

GitHub feature info
https://github.com/blog/2111-issue-and-pull-request-templates

E.g. scrolling up does not work with the "home" key if conversation is scrolled all the way to the bottom.

I also heard reports that scrolling fails with a touchpad.

Most probably has to do with the angularjs-scroll-glue library.

Make it possible to enable/disable desktop notifications.

At the moment, I only get notified about new messages when the desktop notification option is enabled.

However, it does not play any sound on my computer (Firefox 51.0.1; Ubuntu 16.04).
It would be great if Threema Web played a sound when you get a new message (and independent from desktop notification).

Of course it should be possible to enable/disable the sound notification.

npm is really slow and "cloneCurrentTree: sill cloneCurrentTree Finishing" takes forever.

Initial yarn (v0.20.3):
80s

rm node_modules and install again with lock and cache:
7s

npm initial (has no cache or lock):
7m 24s

Moving forward it would be interesting to pin all dependencys and be able to provide a fast setup process.

Cheat-sheet:
https://shift.infinite.red/npm-vs-yarn-cheat-sheet-8755b092e5cc

Please not: yarn currently doesn't work out-of-box with this repository.

When I drag an image file (PNG file in this case) onto a chat in Threema Web (a group chat in this case), it is sent to the chat and I can see it in the same chat on the phone, but it isn't shown inside Threema Web. There is just an empty message or just the caption for the image. Threema Web is used on Chrome 56.

User story: As a Threema Web user I want to see how my Threema App and Web client are connected.

This includes:

1. Either using a direct connection (LAN) or routing over the server (TURN).
2. Whether my mobile data is used (fees or so…) or whether my LAN/WLAN is used.

It would be good to combine these two similar (but not exactly the same) pieces of information into one status symbol or so…
Number 1 is what security geeks or people experiencing reconnections/performance issues would like to see and 2 is what people in special situations (limited data plan, …) or people interested in this generally like to see.

Appended from #195:

User story: I, as a (heavy) Threema Web user, want to see what route the Threema Web connection uses (mobile data/WiFi, uses TURN?) in order to evaluate problems/slowness/security/high costs…

This helps to:

• avoid high costs when users have limited mobile data plans
• evaluate the security (TURN is probably not what I want to use)
• find reasons for slowness ("ah, mobile data and TURN, …") or disconnections ("oh, just switched to TURN")
• potentially debug things (when you can also see what TURN mode is used – in a submenu, of course)

Potential solution

Display an icon in the "Threema Web" panel in the Threema app showing a basic connection status. And maybe add a context item ("Connection details" or the like) where advanced users can see a more detailed status. (maybe even with connection duration or so)

Steps to reproduce:

1. Open https://web.threema.ch
2. Write a message to i.e. ECHOECHO
3. Switch to another (browser) tab immediately
4. You can see that the tab's title has changed from Threema Web to Threema Web (1). However, because in this tab the chat with ECHOECHO is open, it will be marked as read. So, after about a second you read Threema Web again and you cannot see that you have unread messages. If the chat with ECHOECHO is not open, everything works as expected.

I am not sure if it's technically possible, but messages should only be marked as read when they are really read (in the sense of I look at the chat). Otherwise, I cannot see if I got any message.

Threema Web is sometimes a bit laggy. I have got around 30 contacts and the UI sometimes is a bit slow.
I can especially see it when (fastly) opening the context menu of messages:

Personally I'd say in the beta (before the last RC) it was not so laggy…

It is very slow to pick the emoji with the mouse.

Show group members in header, below group name (similar to app).

Possible approaches:

• Show a "forward" entry in the context menu of a message
• Enable drag&drop of messages to other conversations or contacts

Sorry for posting this issue here, but the support system on threem.ch does not work.
The threema Android App Version 3 is not available at https://shop.threema.ch/download and my current App (from Threema Shop) say: no update available

Thanks for fixing this.

Not sure about how many adjustments are needed for this, but definitely worth a try.

Advantages:

• Native look & feel of Threema and better integration (system tray, etc.)
• Security does not depend on TLS anymore (https://web.threema.ch)
• Session reconnection much easier
  • Many people delete browser data on a regular basis -> Reconnection is not possible
• Perhaps performance boost?

Edit: Electron has some major security problems.

While using the web client, I have a very high CPU load, using both Google Chrome and Vivaldi (Chromium based). I have attached a screenshot of the chrome task manager:

This issue hinders me from using the web client in a "normal-use scenario", keeping it open in a pinned tab.

Edit:
I use Ubuntu 16.10 on a Dell XPS 13 (9360)

I sent a video (mp4) to a contact and the UI is really bad here:

Yeah, that's the video. 😆

I think some improvements are definitely needed here.

Moreover, when I send a file/video/etc. I can check the box "Send as a file". What does this mean?

When using Threema Web over npm's nativefier, I can't send any messages over it.
Pressing on the send msg icon as well as pressing Enter on the keyboard won't send the typed message.
Sending files (also with a attached message) works on the other hand.
Nativefier wrapps web apps with the electron framework in an OS executable.

npm nativefier: https://github.com/jiahaog/nativefier
System: Linux 64bit

Steps to reproduce:

npm install nativefier -g
nativefier --name "Threema" "web.threema.ch"

Add an option to enable/disable display of inactive contacts.

No app/protocol update is necessary, the flag is already sent with a contact.

When I send a large message to another user, it does not work.
Probably Threema should show how large a message may be.

I get the following error message:

That's the text I sent:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. 

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. 

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

APGL provides a markdown version. Better readable on github and same content:

https://www.gnu.org/licenses/agpl-3.0.html
c&p @
https://gist.github.com/xf-/821fd8e280776fc927368c61e41edf64
vs
https://github.com/threema-ch/threema-web/blob/master/LICENSE.txt

No PR because the owner should do this. Less proof reading for a long legal document.

Currently file size is limited to 15 MiB because of an issue with WebRTC DataChannel buffering:

saltyrtc/saltyrtc-task-webrtc-js#9