1 <html> 2 <head> 3 <title>Google Mail Checker - Options</title> 4 <style> 5 body { 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> 68 var customDomainsTextbox; 69 var saveButton; 70 71 init(); 72 73 function init() { 74 customDomainsTextbox = document.getElementById("custom-domain"); 75 saveButton = document.getElementById("save-button"); 76 77 customDomainsTextbox.value = localStorage.customDomain || ""; 78 markClean(); 79 } 80 81 function save() { 82 localStorage.customDomain = customDomainsTextbox.value; 83 markClean(); 84 85 chrome.extension.getBackgroundPage().init(); 86 } 87 88 function markDirty() { 89 saveButton.disabled = false; 90 } 91 92 function markClean() { 93 saveButton.disabled = true; 94 } 95 </script> 96 </body> 97 </html> 98