Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Brett Matsumotos pull request #323

Open
wants to merge 19 commits into
base: master
Choose a base branch
from
Open

Brett Matsumotos pull request #323

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
57748ff
Posted information onto webpage
BrettMatsumoto Feb 7, 2019
9d4da5e
restructured and added show/hide button
BrettMatsumoto Feb 8, 2019
a5b3c4e
testing event listener
BrettMatsumoto Feb 8, 2019
715cb0f
eventlistener completed
BrettMatsumoto Feb 8, 2019
f746302
added inbox
BrettMatsumoto Feb 9, 2019
aa5495e
added setinterval
BrettMatsumoto Feb 10, 2019
3af9738
setinterval work in progress
BrettMatsumoto Feb 10, 2019
122dc02
setInterval works, fixing eventlistener
BrettMatsumoto Feb 12, 2019
4dc4eee
fixed event listener
BrettMatsumoto Feb 12, 2019
1c14075
testing inbox counter
BrettMatsumoto Feb 12, 2019
a4c6010
javascript functioning, working on CSS
BrettMatsumoto Feb 12, 2019
32430a9
added CSS
BrettMatsumoto Feb 12, 2019
e1ea772
adjusted logo
BrettMatsumoto Feb 12, 2019
82ae9d9
added font style
BrettMatsumoto Feb 12, 2019
11d3d43
added mascot
BrettMatsumoto Feb 12, 2019
4c97cbd
removed flexboxes
BrettMatsumoto Feb 13, 2019
1b64e8c
fixed CSS
BrettMatsumoto Feb 14, 2019
cac4b72
Removed comments/clearInterval
BrettMatsumoto Feb 14, 2019
137a895
fixed show/hide functions
BrettMatsumoto Feb 14, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
93 changes: 93 additions & 0 deletions css/style.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

141 changes: 132 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,140 @@
<head>
<script src="js/mail-generator.js"></script>
<link href="css/style.css" rel="stylesheet" media="screen">
<script>
<script>
window.onload = function(){
// 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

};
</script>
var inbox = window.geemails;

function showHide2(){
var newContentMessage = this.querySelectorAll('.newMessageContent')[0];
if (newContentMessage.style.display === 'block'){
newContentMessage.style.display = 'none';
} else {
newContentMessage.style.display = 'block';
}
}

var intervalID = setInterval(newMessage, 3000);

function newMessage(){
var incoming = getNewMessage();
newCount++
newSub = incoming.subject
newSend = incoming.sender
newBod = incoming.body;
newDate = incoming.date

var newMessageHeader = document.createElement('div');
newMessageHeader.className = 'newHead';
document.body.appendChild(newMessageHeader)

var newDateElem = document.createElement('div');
newDateElem.className = 'newDate';
newDateElem.innerHTML = 'Date: ' + newDate;
newMessageHeader.appendChild(newDateElem);

var newSendElem = document.createElement('div');
newSendElem.className = 'newSend';
newSendElem.innerHTML = 'From: ' + newSend;
newMessageHeader.appendChild(newSendElem);

var newSubElem = document.createElement('div');
newSubElem.className = 'newSub';
newSubElem.innerHTML = 'Subject: ' + newSub;
newMessageHeader.appendChild(newSubElem);

var newContentButton = document.createElement('div');
newContentButton.className = 'newContent';
newContentButton.innerHTML = 'Show';
newContentButton.addEventListener('click', showHide2)
document.body.appendChild(newContentButton);

var newMessageElem = document.createElement('div');
newMessageElem.className = 'newMessageContent';
newContentButton.appendChild(newMessageElem);

var newBodyElem = document.createElement('div');
newBodyElem.className = 'newBody';
newBodyElem.innerHTML = 'Body: ' + newBod;
newMessageElem.appendChild(newBodyElem);

inboxCounter.innerHTML = 'Inbox: ' + newCount;
console.log(newCount)
stop();
}

var pageTitle = document.createElement('title');
pageTitle.innerHTML = 'Gee-Mail';
document.body.appendChild(pageTitle)

var headerBox = document.createElement('h1');
headerBox.id = 'header';
headerBox.innerHTML = 'Gee-Mail';
document.body.appendChild(headerBox);

for (i=0;i<inbox.length;i++){
var message = inbox[i];
var messageSubj = message.subject;
var messageSender = message.sender;
var messageBody = message.body;
var messageDate = message.date;

var messageHeader = document.createElement('div');
messageHeader.className = 'messageHeader';
document.body.appendChild(messageHeader)

var dateElem = document.createElement('div');
dateElem.className = 'date';
dateElem.innerHTML = 'Date: ' + messageDate;
messageHeader.appendChild(dateElem);

var senderElem = document.createElement('div');
senderElem.className = 'sender';
senderElem.innerHTML = 'From: ' + messageSender;
messageHeader.appendChild(senderElem)

var subjectElem = document.createElement('div');
subjectElem.className = 'subject';
subjectElem.innerHTML = 'Subject: ' + messageSubj;
messageHeader.appendChild(subjectElem)

var contentButton = document.createElement('div');
contentButton.className = 'content';
contentButton.innerHTML = 'Show';
document.body.appendChild(contentButton);

var messageElem = document.createElement('div');
messageElem.className = 'messageContent';
contentButton.appendChild(messageElem);

var bodyElem = document.createElement('div');
bodyElem.className = 'body';
bodyElem.innerHTML = 'Body: ' + messageBody;
messageElem.appendChild(bodyElem);
}

var contentButton = document.getElementsByClassName('content')
for(i=0;i<inbox.length;i++){
contentButton[i].addEventListener('click', showHide);
}

function showHide(){
var contentMessage = this.querySelectorAll('.messageContent')[0];
if (contentMessage.style.display === 'block'){
contentMessage.style.display = 'none';
} else {
contentMessage.style.display = 'block';
}
}

var newCount = inbox.length;
var inboxCounter = document.createElement('h4');
inboxCounter.innerHTML = 'inbox: ' + newCount;
headerBox.appendChild(inboxCounter)

}
</script>
</head>
<body>
<div class="container" id="main">
Build Me!
</div>
</body>
</html>