diff --git a/src/js/main.js b/src/js/main.js index 7345da0..09bd109 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -258,6 +258,12 @@ $(function() { $inputMessage.on('input', function() { updateTyping(); + var message = $(this).val().trim(); + if (message.length) { + $('#send-message-btn').addClass('active'); + } else { + $('#send-message-btn').removeClass('active'); + } }); // Focus input when clicking on the message input's border @@ -481,6 +487,12 @@ $(function() { $('#settings-modal').on('hide.bs.modal', function (e) { cancelSaveKey(); - }); + }); + + $('#send-message-btn').click(function() { + sendMessage(); + socket.emit('stop typing'); + typing = false; + }); }); diff --git a/src/public/style.css b/src/public/style.css index 45aab39..294a01a 100644 --- a/src/public/style.css +++ b/src/public/style.css @@ -167,6 +167,27 @@ input { border-radius: 0px; } +.chat #input-icons { + position: absolute; + bottom: 0px; + right: 0px; + padding: 15px; + cursor: pointer; +} + +html.no-touchevents .chat #input-icons { + display: none; +} + +.chat #input-icons #send-message-btn { + font-size: 25px; + opacity: 0.3; +} + +.chat #input-icons #send-message-btn.active { + opacity: 1.0; +} + .participants { position: relative; top: 16px; diff --git a/src/public/vendor/modernizr-custom.min.js b/src/public/vendor/modernizr-custom.min.js new file mode 100644 index 0000000..f9ef34a --- /dev/null +++ b/src/public/vendor/modernizr-custom.min.js @@ -0,0 +1,3 @@ +/*! modernizr 3.3.0 (Custom Build) | MIT * + * http://modernizr.com/download/?-touchevents-setclasses !*/ +!function(e,n,t){function o(e,n){return typeof e===n}function s(){var e,n,t,s,a,i,r;for(var l in c)if(c.hasOwnProperty(l)){if(e=[],n=c[l],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t +
+ +
@@ -171,6 +174,7 @@ +