From d27eaa198f61a879fc03950da041272d2626e76e Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Thu, 30 May 2019 00:16:19 -1000 Subject: [PATCH 01/14] added for loop for emails, added event and method to show message --- index.html | 64 ++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 57 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index a8a1aad9..7fea5e9d 100644 --- a/index.html +++ b/index.html @@ -5,14 +5,64 @@ + // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser + +// For loops to show all emails by date, sender, subject and body +for (var i = 0; i -
- Build Me! -
+ +

GeeMail

+ + + \ No newline at end of file From b0aaf70acce078256b34795db8c87d7dd067f121 Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Thu, 30 May 2019 14:55:32 -1000 Subject: [PATCH 02/14] added inbox count --- index.html | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 7fea5e9d..cc58d961 100644 --- a/index.html +++ b/index.html @@ -49,7 +49,11 @@ } - +// create inbox counter + var counter = document.createElement('div'); + counter.className = 'boxCount'; + counter.innerHTML = geemails.length; + document.body.appendChild(counter); }; @@ -59,10 +63,9 @@

GeeMail

- + \ No newline at end of file From 0fd781040e20ac0a7d3a2ded3df1e449c368b1fd Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Thu, 30 May 2019 16:33:15 -1000 Subject: [PATCH 03/14] added setinterval --- index.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/index.html b/index.html index cc58d961..98c3497f 100644 --- a/index.html +++ b/index.html @@ -54,7 +54,15 @@ counter.className = 'boxCount'; counter.innerHTML = geemails.length; document.body.appendChild(counter); + +// this is creating something every 3 seconds but can't see it: +setInterval(function(getNewMessage){ + var newBox1 = document.createElem('div'); + newBox1.className = 'header'; + newBox1.innerHTML = geemails[i].date; + document.body.appendChild(newBox1); +}, 3000); }; From a7285dba15cdfda8365cd874dfb0b9c13e3f26c5 Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Thu, 30 May 2019 20:00:13 -1000 Subject: [PATCH 04/14] revised set interval --- index.html | 31 ++++++++++++++++++++++++++++--- 1 file changed, 28 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 98c3497f..f1d8dfd6 100644 --- a/index.html +++ b/index.html @@ -57,13 +57,38 @@ // this is creating something every 3 seconds but can't see it: + setInterval(function(getNewMessage){ - var newBox1 = document.createElem('div'); + +var msg = getNewMessage(); + +var msgBox = document.createElement('div'); + msgBox.className = 'msgDiv'; + body.appendChild(msgBox); + + var newBox1 = document.createElement('div'); newBox1.className = 'header'; - newBox1.innerHTML = geemails[i].date; - document.body.appendChild(newBox1); + newBox1.innerHTML = msg.date; + msgBox.appendChild(newBox1); + + var newBox2 = document.createElement('div'); + newBox2.className = 'header'; + newBox2.innerHTML = msg.sender; + msgBox.appendChild(newBox2); + + var newBox3 = document.createElement('div'); + newBox3.className = 'header'; + newBox3.innerHTML = msg.subject; + msgBox.appendChild(newBox3); + + var newBox4 = document.createElement('div'); + newBox4.className = 'body'; + newBox4.innerHTNL = msg.body; + newBox3.appendChild(newbox4); + }, 3000); + }; From 3c9fbc86fd956e9ebd4bb4487eb7f90301df598c Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Thu, 30 May 2019 20:37:59 -1000 Subject: [PATCH 05/14] fixed set interval --- index.html | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index f1d8dfd6..169e69a6 100644 --- a/index.html +++ b/index.html @@ -10,20 +10,24 @@ // For loops to show all emails by date, sender, subject and body for (var i = 0; i Date: Thu, 30 May 2019 21:30:22 -1000 Subject: [PATCH 06/14] changed sequence of headers --- index.html | 45 +++++++++++++++++++++++++-------------------- 1 file changed, 25 insertions(+), 20 deletions(-) diff --git a/index.html b/index.html index 169e69a6..5a7f621d 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,13 @@ // ALL OF YOUR JAVASCRIPT CODE SHOULD GO HERE. // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser +// Inbox counter: +var counter = document.createElement('div'); + counter.className = 'boxCount'; + counter.innerHTML = geemails.length; + document.body.appendChild(counter); + + // For loops to show all emails by date, sender, subject and body for (var i = 0; iGeeMail - + \ No newline at end of file From 3df13280d9705b349b932c1215c86eaa733efb1a Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Thu, 30 May 2019 23:20:48 -1000 Subject: [PATCH 07/14] added background, fonts --- css/style.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/css/style.css b/css/style.css index e69de29b..deb03f93 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,35 @@ +body{ + color: black); + font-family: 'Raleway', sans-serif; + background-image: linear-gradient(to bottom right, #d9a7c7, #fffcdc); + background-attachment: fixed; +} + +.header{ + display: inline-block; + padding: 5px; +} + +.inner{ + display: none; +} + +.boxCount{ + color: #fffcdc; +} + +h1{ + color: #fffcdc; + font-family: 'Montserrat', sans-serif; + background-color: #6C5363; + margin: 0px; + padding: 10px; + padding-left: 20px; +} + +.msgDiv{ + border-top: 1px grey solid; + background-color: #ffffff, 0.8; + margin-left: 300px; + +} From 187a7b125bf3c7239479b8caa753cec2ebbfa352 Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Fri, 31 May 2019 18:26:06 -1000 Subject: [PATCH 08/14] revised var contentBox so clicking on entire div will show body content, appended counter into inbox --- index.html | 21 +++++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 5a7f621d..809e496c 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,7 @@ + + + +

GeeMail

-
-
+ -

Sent

-

Drafts

+

Sent

+

Drafts

-
+

-

From fc2362e07f4ac130c438b9d0ccd5d93040a280a2 Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Fri, 31 May 2019 20:20:47 -1000 Subject: [PATCH 12/14] added column styles --- css/style.css | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 559466a1..a83d908e 100644 --- a/css/style.css +++ b/css/style.css @@ -33,7 +33,19 @@ h1{ .msgDiv{ border-top: 1px grey solid; - background-color: #ffffff, 0.8; - margin-left: 300px; - + /* background-color: #ffffff %; */ + margin-left: 250px; } + +/* Left column */ +.column { + float: left; + width: 15%; + padding: 10px; + } + + /* Right column */ + .column.middle { + float:left; + width: 75%; + } From 2ab607dcbbe90558555abb5bdc5edf0f9f018b11 Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Fri, 31 May 2019 21:23:47 -1000 Subject: [PATCH 13/14] added search bar --- index.html | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/index.html b/index.html index 840bbfe2..221387bb 100644 --- a/index.html +++ b/index.html @@ -117,7 +117,16 @@ +

GeeMail

+
+
+ + +
+
+ +
From 90ce561385a8da4e81f53ea260863fb98ed6cc46 Mon Sep 17 00:00:00 2001 From: Janelle K Hirano Date: Fri, 31 May 2019 21:24:16 -1000 Subject: [PATCH 14/14] added search bar --- css/style.css | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/css/style.css b/css/style.css index a83d908e..0ec8ea91 100644 --- a/css/style.css +++ b/css/style.css @@ -12,6 +12,7 @@ body{ .inner{ display: none; + color: #67536c; } .body{ @@ -20,9 +21,10 @@ body{ .boxCount{ color: #fffcdc; + font-style: bold; } -h1{ +header{ color: #fffcdc; font-family: 'Montserrat', sans-serif; background-color: #6C5363; @@ -32,15 +34,15 @@ h1{ } .msgDiv{ - border-top: 1px grey solid; + border-bottom: 1px grey solid; /* background-color: #ffffff %; */ - margin-left: 250px; + margin-left: 200px; } /* Left column */ .column { float: left; - width: 15%; + width: 10%; padding: 10px; } @@ -49,3 +51,11 @@ h1{ float:left; width: 75%; } + + form{ + display: inline; + } + + .search-container{ + background-color:#6C5363; + } \ No newline at end of file