keejef
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop
2
0
Fork 0
Code Issues 8 Projects Releases Wiki Activity

Make popup a little nicer to look at

Browse Source 
Also add a little auto-suggestion contacts list. For now it just
contains your own number.
pull/749/head
lilia 11 years ago
parent 2ae5628122
commit a67ab3a46f
3 changed files with 123 additions and 15 deletions
Show Stats Download Patch File Download Diff File

4
js/popup.js
Unescape Escape View File

@ -59,8 +59,12 @@ registerOnLoadFunction(function() {
fillMessages(); fillMessages();
}); });
fillMessages(); fillMessages();
$('.my-number').text(storage.getUnencrypted("number_id").split(".")[0]);
storage.putUnencrypted("unreadCount", 0); storage.putUnencrypted("unreadCount", 0);
chrome.browserAction.setBadgeText({text: ""}); chrome.browserAction.setBadgeText({text: ""});
$("#me").click(function() {
$('#popup_send_numbers').val($('.my-number').text());
});
$("#popup_send_button").click(function() { $("#popup_send_button").click(function() {
var numbers = []; var numbers = [];

91
popup.css
Unescape Escape View File

@ -0,0 +1,91 @@
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
body {
margin: 0;
min-width: 300px;
min-height: 500px;
font-family: sans-serif;
color: #333;
}
.container {
max-width: 960px;
margin: auto;
padding: 0 1em;
}
header {
background-color: ccc;
padding: 5px 0;
}
form.compose {
position: relative;
}
label {
float: left;
margin-right: 1em;
}
input[type=text], textarea {
display: block;
padding: 0.5em;
margin: 0.5em 0;
border-radius: 4px;
border: 1px solid #ddf;
}
textarea {
resize: vertical;
width: 100%;
min-height: 100px;
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
}
#send input[type=submit] {
float: right;
}
#popup_send_numbers {
margin-bottom: 0;
}
#popup_send_numbers:focus + .contacts,
.contacts:hover {
display: block;
}
.contacts {
display: none;
position: absolute;
left: 10px;
}
.contact {
border: solid 1px #ccc;
background: #fff;
font-size: 88%;
padding-right: 5px;
cursor: pointer;
}
.contact .pic {
display: block;
float: left;
width: 30px;
height: 30px;
background: #ddd;
}
.contact .name, .contact .number {
line-height: 30px;
margin-left: 5px;
}

43
popup.html
Unescape Escape View File

@ -1,22 +1,35 @@
<html> <html>
<head> <head>
<link type='text/css' rel='stylesheet' href='popup.css'>
</head> </head>
<body data-name="curve25519" data-tools="pnacl" data-configs="Debug Release" data-path="pnacl/{config}"> <body data-name="curve25519" data-tools="pnacl" data-configs="Debug Release" data-path="pnacl/{config}">
<div id="listener"></div> <header class="clearfix">
<div id="log"></div> <div class='container'>
<button id="inbox_link">Inbox</button>
<a id="inbox_link">Inbox</a> <button id="send_link">Compose</button>
<a id="send_link">Send</a> </div>
<div id="inbox"> </header>
<ul id="messages"> <div class='container'>
</ul> <div id="listener"></div>
</div> <div id="log"></div>
<div id="send" style="display:none;"> <div id="inbox">
<form> <ul id="messages">
<input id="popup_send_numbers" /> </ul>
<input id="popup_send_text" /> </div>
<a id="popup_send_button">Send</a> <div id="send" style="display:none;">
</form> <form class="compose">
<input id="popup_send_numbers" type='text' placeholder="To">
<div class='contacts'>
<div id='me' class='contact'>
<span class='pic'></span>
<span class='name'>Me</span>
<span class='number my-number'></span>
</div>
</div>
<textarea id="popup_send_text"></textarea>
<button id="popup_send_button">Send</button>
</form>
</div>
</div> </div>
<script type="text/javascript" src="js-deps/nacl-common.js"></script> <script type="text/javascript" src="js-deps/nacl-common.js"></script>

Write Preview
Loading…
Cancel
Save