Skip to content

created Bold function and button #15

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

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

created Bold function and button #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
a1efdfa
created Bold function and button
alie4hunt Jul 13, 2020
b47c69d
Merge pull request #1 from alie4hunt/yongsen
alie4hunt Jul 13, 2020
8e4cc73
update italic
dexson83 Jul 14, 2020
e6c4dee
Merge pull request #3 from alie4hunt/dexson
dexson83 Jul 14, 2020
1fe15af
Merge pull request #2 from alie4hunt/dexson
dexson83 Jul 14, 2020
fbcb0a8
delete testing
alie4hunt Jul 14, 2020
9adf2ef
Merge pull request #4 from alie4hunt/yongsen
alie4hunt Jul 14, 2020
dde0e7a
Merge pull request #5 from alie4hunt/yongsen
alie4hunt Jul 14, 2020
616930c
Remove center alignment text
Jul 15, 2020
aec3370
Add save text button
Jul 15, 2020
08e2aec
Merge pull request #6 from alie4hunt/daniel
dexson83 Jul 15, 2020
17089c7
update latest design
dexson83 Jul 15, 2020
c8eeb7a
Merge pull request #8 from alie4hunt/dexson
dexson83 Jul 15, 2020
951463a
save data at stick note
dexson83 Jul 16, 2020
59cea86
Merge pull request #10 from alie4hunt/dexson
dexson83 Jul 16, 2020
1ed07e0
clear button
alie4hunt Jul 16, 2020
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
2 changes: 2 additions & 0 deletions stickyNotes_webext/.idea/.gitignore
View file
Open in desktop

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

5 changes: 5 additions & 0 deletions stickyNotes_webext/.idea/inspectionProfiles/profiles_settings.xml
View file
Open in desktop

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

6 changes: 6 additions & 0 deletions stickyNotes_webext/.idea/misc.xml
View file
Open in desktop

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

8 changes: 8 additions & 0 deletions stickyNotes_webext/.idea/modules.xml
View file
Open in desktop

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

8 changes: 8 additions & 0 deletions stickyNotes_webext/.idea/stickyNotes_webext.iml
View file
Open in desktop

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

6 changes: 6 additions & 0 deletions stickyNotes_webext/.idea/vcs.xml
View file
Open in desktop

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

2 changes: 2 additions & 0 deletions stickyNotes_webext/jquery-3.5.1.min.js
View file
Open in desktop

Large diffs are not rendered by default.

52 changes: 38 additions & 14 deletions stickyNotes_webext/popup/getMe.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,22 @@

const notePad = document.getElementById('tslNotes');
const boldButton = document.getElementById('bold-button');
const italicButton = document.getElementById('italic-button');
const underlineButton = document.getElementById('underline-button');
const cleanPad = document.getElementById('cleanPad');
const layOver = document.getElementById('layOver');
const yes = document.getElementById('yesPlz');
const no = document.getElementById('nope');

const yes = document.getElementById('yesPlz');

const gettingItem = browser.storage.local.get('tslStickyNotes');


gettingItem.then((res) => {
try{
if(res.tslStickyNotes){
notePad.value = res.tslStickyNotes;
}
}catch(e){}
try{
if(res.tslStickyNotes){
notePad.innerHTML = res.tslStickyNotes;
}
}catch(e){}
});

notePad.addEventListener('keyup',()=>{
browser.storage.local.set({ tslStickyNotes: notePad.value });
}, false);

cleanPad.addEventListener('click',()=>{
layOver.className="";
}, false);
Expand All @@ -29,7 +26,34 @@ no.addEventListener('click',()=>{
}, false);

yes.addEventListener('click',()=>{
notePad.value = "";
notePad.innerHTML = "";
browser.storage.local.set({ tslStickyNotes: "" });
layOver.className="hidden";
}, false);

// document.getElementById('tslNotes').innerHTML = localStorage['tslNotes'] || 'type something...';
// setInterval(function() {
// localStorage['tslNotes'] = document.getElementById('tslNotes').innerHTML;
// }, 20 * 1000);

notePad.addEventListener('keyup',()=>{
browser.storage.local.set({ tslStickyNotes: notePad.innerHTML });
}, false);

boldButton.addEventListener('click', ()=>{
console.log("press");
// $('#tslNotes').css('font-weight', '700');
document.execCommand('bold', false, null);
}, false);

italicButton.addEventListener('click', ()=>{
console.log("press");
// $('#tslNotes').css('font-style', 'italic');
document.execCommand('italic', false, null);
}, false);

underlineButton.addEventListener('click', ()=>{
console.log("press");
// $('#tslNotes').css('text-Decoration', 'underline');
document.execCommand('underline', false, null);
}, false);
25 changes: 19 additions & 6 deletions stickyNotes_webext/popup/go.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,10 @@
<!DOCTYPE html>
<html>
<head>
<script src="../jquery-3.5.1.min.js"></script>
<style type="text/css">

#itsAFact {
text-align: center;
padding: 5px;
}
#cleanPad {
Expand All @@ -19,12 +19,13 @@
padding: 5px;
color: #fff;
}
textarea {
#tslNotes {
font-size: 16px;
width: 350px;
height: 250px;
padding: 5px;
overflow: auto;
border: 1px solid black;
}

#layOver {
Expand Down Expand Up @@ -52,14 +53,26 @@
.hidden {
display: none;
}


[contentEditable=true]:empty:not(:focus):before{
content:attr(data-ph)
}
</style>
</head>
<body>
<table>
<tr>
<th><button class="btn btn-primary" id="bold-button">Bold</button></th>
<th><button class="btn btn-primary" id="italic-button">Italic</button></th>
<th><button class="btn btn-primary" id="underline-button">Underline</button></th>
</tr>
</table>

<div id="itsAFact">
<div><textarea id="tslNotes" placeholder="Get Set Go..."></textarea>
<a id="cleanPad">Clear</a>
</div>
<div>
<div contenteditable="true" id="tslNotes" data-ph="Type anything..."></div>
<a id="cleanPad">Clear</a>
</div>
<div id="layOver" class="hidden">
<div>Are you sure to delete everything?</div>
<button id="yesPlz">Yes</button>
Expand Down