1<html> 2<head> 3<title>Google Mail Checker - Options</title> 4<style> 5body { 6 font-family:helvetica, arial, sans-serif; 7 font-size:80%; 8 margin:10px; 9} 10 11#header { 12 padding-bottom:1.5em; 13 padding-top:1.5em; 14} 15 16#header h1 { 17 font-size: 156%; 18 display:inline; 19 padding-bottom:43px; 20 padding-left:75px; 21 padding-top:40px; 22 background:url(icon_128.png) no-repeat; 23 background-size:67px; 24 background-position:1px 18px; 25} 26 27.section-header { 28 background:#ebeff9; 29 border-top:1px solid #b5c7de; 30 font-size:99%; 31 padding:3px 0 2px 5px; 32 font-weight:bold; 33 margin-bottom:1em; 34 margin-top:4em; 35} 36 37.section-header.first { 38 margin-top:1em; 39} 40 41#custom-domain { 42 width:300px; 43 margin-left:2px; 44} 45 46#footer { 47 margin-top:4em; 48} 49</style> 50</head> 51<body> 52 53<div id="header"><h1>Google Mail Checker Options</h1></div> 54 55<div class="section-header first">Custom Domain</div> 56<p>To use Google Mail checker with Google Apps for Your Domain, enter the domain here. 57<p> 58 https://mail.google.com/<input type="text" id="custom-domain" oninput="markDirty()"> 59 <em>(eg a/mydomain.com)</em> 60 61<div id="footer"> 62 <button id="save-button" style="font-weight:bold" onclick="save()" 63 >Save</button> 64 <button onclick="init()">Cancel</button> 65</div> 66 67<script> 68var customDomainsTextbox; 69var saveButton; 70 71init(); 72 73function init() { 74 customDomainsTextbox = document.getElementById("custom-domain"); 75 saveButton = document.getElementById("save-button"); 76 77 customDomainsTextbox.value = localStorage.customDomain || ""; 78 markClean(); 79} 80 81function save() { 82 localStorage.customDomain = customDomainsTextbox.value; 83 markClean(); 84 85 chrome.extension.getBackgroundPage().init(); 86} 87 88function markDirty() { 89 saveButton.disabled = false; 90} 91 92function markClean() { 93 saveButton.disabled = true; 94} 95</script> 96</body> 97</html> 98
