From 4512b1bfef8f959ad712f1fa60970ecc9c5bebf1 Mon Sep 17 00:00:00 2001 From: fabrixxm Date: Tue, 28 Oct 2014 16:35:13 +0100 Subject: [PATCH] fix message list height, add contact list dialog in new message page --- www/css/index.css | 9 ++++++++- www/img/unknow.png | Bin 0 -> 9359 bytes www/index.html | 14 ++++++++++++-- www/js/index.js | 40 +++++++++++++++++++++++++++++++++++++--- 4 files changed, 57 insertions(+), 6 deletions(-) create mode 100644 www/img/unknow.png diff --git a/www/css/index.css b/www/css/index.css index 9666694..651777f 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -97,7 +97,7 @@ section[role="region"][data-position="right"] { /* lista con footer */ .scrollable.header.footer { - height: calc(100% - 8rem); + height: calc(100% - 10rem); } /* barra rispondi */ @@ -130,3 +130,10 @@ form p > .pack { form p > .pack ~ input { width : calc(100% - 4.5rem); } + + +/* immagine in dialogo */ +[role="dialog"] button img { + vertical-align: middle; + margin-right: 1rem; +} \ No newline at end of file diff --git a/www/img/unknow.png b/www/img/unknow.png new file mode 100644 index 0000000000000000000000000000000000000000..c8905cbb48c10960c3ba851c940b48399dc4fbf9 GIT binary patch literal 9359 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 JPDHLkV1n(qURD4A literal 0 HcmV?d00001 diff --git a/www/index.html b/www/index.html index 1235f03..fe118fc 100644 --- a/www/index.html +++ b/www/index.html @@ -34,11 +34,12 @@ + - + Friendica Messenger @@ -114,6 +115,7 @@

New message

+

Send new message

@@ -122,10 +124,18 @@

-
+ + + + +
back diff --git a/www/js/index.js b/www/js/index.js index 8b79b15..67f2d52 100644 --- a/www/js/index.js +++ b/www/js/index.js @@ -93,16 +93,49 @@ Messages.prototype.update = function(username, clb) { */ function Compose(sel_elm){ this.elm = $(sel_elm); - this.contact_photo = $(sel_elm).find(".contact_photo"); + this.dialog = this.elm.find("#select_contact"); + + this.contact_photo = this.elm.find(".contact_photo"); this.contact_photo_empty = this.contact_photo.attr("src"); + + this.friends = {}; this.last_update = 0; + + /* contact list dialog */ + this.dialog.hide(); + + this.contact_photo.on("click",function(e){ + var out=""; + for (k in this.friends) { + var f = this.friends[k]; + out += "" + } + out += ''; + + this.dialog.find("menu").html(out); + this.dialog.show(); + + this.dialog.find(".contact_item").on("click", function(e){ + $(".message_to").val( $(e.target).val() ); + $(".message_to").trigger("input"); + this.dialog.hide(); + }.bind(this)); + + this.dialog.find(".cancel").on("click", function(){ + this.dialog.hide(); + }.bind(this)); + + }.bind(this)); + /* /contact list dialog */ this.elm.find(".message_to").on('input', function(e){ - var f=$(e.target).val(); + var f=$(e.target).val().trim(); if (this.friends[f] !== undefined) { this.contact_photo.attr("src",this.friends[f].profile_image_url); + } else { + this.contact_photo.attr("src", this.contact_photo_empty); } }.bind(this)); } @@ -113,6 +146,7 @@ Compose.prototype.update = function(clb){ return; } var dl = this.elm.find("#contacts"); + $.getJSON(url("statuses/friends"), {}, function(data, status) { var out=""; this.friends = {}; @@ -131,7 +165,7 @@ Compose.prototype.update = function(clb){ Compose.prototype.send = function(clb){ - var screen_name = $(".message_to").val(); + var screen_name = $(".message_to").val().trim(); var replyto = $(".message_reply").val(); var text = $(".message_body").val(); if (text=="") -- 2.1.4