fergalmoran/chrometophone
1
0
Fork 0
mirror of https://github.com/fergalmoran/chrometophone.git synced 2025-12-22 09:41:51 +00:00
Code Issues 265 Packages Projects Releases Wiki Activity

UI tweaks

Browse Source
This commit is contained in:
burke.davey
2010-08-03 07:35:08 +00:00
parent d00b0bb259
commit 1d3f1a6a82
6 changed files with 45 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
extension/_locales/en/messages.json
View File

@@ -25,16 +25,20 @@
}
}
},
"login_required_message": {
"message": "Chrome to Phone requires you to $link$.</a>",
"description": "Notice when login is required.",
"sign_in_required_message": {
"message": "Please $link$ to Chrome to Phone.</a>",
"description": "Notice when sign in is required.",
"placeholders": {
"link": {
"content": "$1",
"example": "Login link."
"example": "Sign in link."
}
}
},
"sign_in_message": {
"message": "sign in",
"description": "Sign in phrase used in sign_in_required_message."
},
"sign_out_message": {
"message": "Sign out",
"description": "Sign out link message."
@@ -43,9 +47,9 @@
"message": "Only http or https pages supported.",
"description": "Notice when user attempt to send a file link."
},
"about_message": {
"message": "About",
"description": "The about message."
"help_message": {
"message": "Help",
"description": "The help message."
},
"connectivity_error_message": {
"message": "Connection error.",

0
extension/about.html → extension/help.html
View File

BIN
extension/icon_48.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

4
extension/manifest.json
View File

@@ -1,10 +1,10 @@
{
"name": "__MSG_app_name__",
"description": "__MSG_app_desc__",
"version": "1.0",
"version": "1.0.1",
"default_locale": "en",
"icons": { "128": "icon_128.png" },
"options_page": "about.html",
"options_page": "help.html",
"browser_action": {
"default_title": "__MSG_app_name__",
"default_icon": "icon_19.png",

37
extension/popup.html
View File

@@ -16,12 +16,17 @@
<style type="text/css">
body {
padding: 0px;
margin: 1px;
min-width: 320px;
overflow-x: hidden;
overflow: hidden;
background-image: -webkit-gradient(radial, 50% 50%, 10, 50% 50%, 280, from(#EEE), to(#FFF));
}
td {
font-family: verdana;
font-size: 12px;
color: black;
background-color: white;
}
</style>
@@ -38,7 +43,7 @@ var req = new XMLHttpRequest();
function loadHandler() {
document.getElementById('msg').innerHTML = chrome.i18n.getMessage('sending_message');
document.getElementById('about').innerHTML = chrome.i18n.getMessage('about_message');
document.getElementById('help').innerHTML = chrome.i18n.getMessage('help_message');
document.getElementById('signout').innerHTML = chrome.i18n.getMessage('sign_out_message');
chrome.tabs.getSelected(null, function(tab) {
@@ -64,9 +69,11 @@ function sendToPhone(title, url, selection) {
document.getElementById('msg').innerHTML = chrome.i18n.getMessage('sent_message');
activateSignOutLink();
} else if (body.indexOf('LOGIN_REQUIRED') == 0) {
var link = '<a href="#" onclick="chrome.tabs.create({url: \'' + signInUrl + '\'})">login</a>';
var link = '<a href="#" onclick="chrome.tabs.create({url: \'' + signInUrl + '\'})">' +
chrome.i18n.getMessage('sign_in_message') + '</a>';
document.getElementById('msg').innerHTML =
chrome.i18n.getMessage('login_required_message', link);
chrome.i18n.getMessage('sign_in_required_message', link);
setSignOutVisibility(false);
} else if (body.indexOf('DEVICE_NOT_REGISTERED') == 0) {
document.getElementById('msg').innerHTML = chrome.i18n.getMessage('device_not_registered_message');
activateSignOutLink();
@@ -98,6 +105,7 @@ chrome.extension.onConnect.addListener(function(port) {
});
function activateSignOutLink() {
setSignOutVisibility(true);
var signOutLink = document.getElementById('signout');
signOutLink.style.color = 'blue';
signOutLink.onclick = function() {
@@ -105,10 +113,25 @@ function activateSignOutLink() {
}
}
function setSignOutVisibility(visible) {
var signOutLink = document.getElementById('signout');
signOutLink.style.visibility = visible ? 'visible' : 'hidden';
var sep = document.getElementById('sep');
sep.style.visibility = visible ? 'visible' : 'hidden';
}
</script>
<body onload="loadHandler()">
<table>
<tr>
<td><img src="icon_48.png" style="margin-right: 4px;"/></td>
<td width="100%" valign="middle">
<b><div id="msg"></div></b>
<p><a id="about" href="#" onclick="chrome.tabs.create({url: 'about.html'})"></a> |
<a id="signout" href="#" style="color:gray"></a></p>
<p><a id="help" href="#" onclick="chrome.tabs.create({url: 'help.html'})"></a> <span id="sep">|</span>
<a id="signout" href="#" style="color: gray;"></a></p>
</td>
<td valign="top"><a href="#" onclick="window.close()"><img src="popup_close.png" style="margin: 2px;"></a></td>
</tr>
</table>
</body>

BIN
extension/popup_close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 271 B