beenull/simple-note
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added minified css and js

Browse source
This commit is contained in:
westtle 2024-02-15 11:19:35 +07:00
parent 31711a309c
commit 7852ecce86
3 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/scripts/script.min.js vendored Normal file
View file

@ -0,0 +1 @@
const inputTitle=document.querySelector(".simple-note__input--title"),inputBody=document.querySelector(".simple-note__input--body"),clearButton=document.querySelector(".settings__button--clear"),downloadButton=document.querySelector(".settings__button--download"),printHelperTitle=document.querySelector(".print-helper__title"),printHelperBody=document.querySelector(".print-helper__body");function clearNote(){let e=confirm("Are you sure you want to clear your note? Press OK to clear.");e&&(inputTitle.value="",inputBody.value="",saveTitle(),saveBody(),updatePrint())}function downloadNote(){let e=inputTitle.value||"Simple Note",t=inputBody.value,n=document.createElement("a");n.setAttribute("href","data:text/plain;charset=utf-8,"+encodeURIComponent(t)),n.setAttribute("download",e),n.style.display="none",document.body.appendChild(n),n.click(),document.body.removeChild(n)}function updatePrint(){printHelperTitle.innerText=inputTitle.value,printHelperBody.innerText=inputBody.value}const note_title="Note_Title",note_body="Note_Body";function saveTitle(){localStorage.setItem(note_title,inputTitle.value)}function saveBody(){localStorage.setItem(note_body,inputBody.value)}function loadNote(){let e=localStorage.getItem(note_title)||"";inputTitle.value=e;let t=localStorage.getItem(note_body)||"";inputBody.value=t}function debounce(e,t=250){let n;return(...i)=>{clearTimeout(n),n=setTimeout(()=>{e.apply(this,i)},t)}}const debouncedSaveTitle=debounce(saveTitle),debouncedSaveBody=debounce(saveBody);inputTitle.addEventListener("input",debouncedSaveTitle),inputBody.addEventListener("input",debouncedSaveBody),inputTitle.addEventListener("change",updatePrint),inputBody.addEventListener("change",updatePrint),downloadButton.addEventListener("click",downloadNote),clearButton.addEventListener("click",clearNote),document.addEventListener("DOMContentLoaded",()=>{loadNote(),updatePrint()});const settings=document.querySelector(".settings"),settingsToggle=document.querySelector(".settings__button--toggle-settings"),settingsToggleDescription=document.querySelector(".settings__button-description--toggle-settings"),settingsList=document.querySelector(".settings__buttons"),settingsItems=settingsList.querySelectorAll("a, button");function toggleSettings(){let e="true"==settingsToggle.getAttribute("aria-expanded");e?(settings.setAttribute("data-expanded",!1),settingsToggle.setAttribute("aria-expanded",!1),settingsToggleDescription.innerText="Press to open settings.",settingsList.setAttribute("aria-hidden",!0),settingsList.tabIndex=-1,settingsItems.forEach(e=>{e.tabIndex=-1})):(settings.setAttribute("data-expanded",!0),settingsToggle.setAttribute("aria-expanded",!0),settingsToggleDescription.innerText="Press to close settings.",settingsList.setAttribute("aria-hidden",!1),settingsList.removeAttribute("tabIndex"),settingsItems.forEach(e=>{e.tabIndex=0}))}settingsToggle.addEventListener("click",toggleSettings),document.addEventListener("DOMContentLoaded",()=>{settingsList.setAttribute("aria-hidden",!0),settingsItems.forEach(e=>{e.tabIndex=-1})});let theme=localStorage.getItem("theme")||"light";const themeButton=document.querySelector(".settings__button--theme"),themeDescription=document.querySelector(".settings__button-description--theme");function enableLightTheme(){document.documentElement.setAttribute("data-theme","light"),localStorage.setItem("theme","light"),themeDescription.innerText="Press to change to dark theme."}function enableDarkTheme(){document.documentElement.setAttribute("data-theme","dark"),localStorage.setItem("theme","dark"),themeDescription.innerText="Press to change to light theme."}themeButton.addEventListener("click",()=>{"dark"===(theme=localStorage.getItem("theme"))?enableLightTheme():enableDarkTheme()}),document.addEventListener("DOMContentLoaded",()=>{"dark"===theme&&enableDarkTheme()});

1
assets/styles/style.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

17
index.html
View file

@ -48,15 +48,15 @@
<meta name="msapplication-TileImage" content="./assets/images/favicons/mstile-144x144.png" />
<link rel="manifest" href="./manifest.webmanifest" />
<link rel="stylesheet" type="text/css" href="./assets/styles/fonts.css" />
<!-- <link rel="stylesheet" type="text/css" href="./assets/styles/fonts.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles/global.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles/settings.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles/simple-note.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles/simple-note.css" /> -->
<link rel="stylesheet" type="text/css" href="./assets/styles/style.min.css" />
<link rel="stylesheet" type="text/css" href="./assets/styles/other/print.css" media="print" />
<!-- No JS Fallback -->
<noscript><link rel="stylesheet" type="text/css" href="./assets/styles/other/no-js.css" /></noscript>
<noscript><link rel="stylesheet" type="text/css" href="./assets/styles/other/no-js.css" /></noscript> <!-- No JS Fallback -->
</head>
<body class="_flex _flex-column _flex-grow">
<aside class="settings" data-expanded="false">
@ -171,8 +171,9 @@
</section>
</main>
<script type="text/javascript" src="./assets/scripts/simple-note.js"></script>
<!-- <script type="text/javascript" src="./assets/scripts/simple-note.js"></script>
<script type="text/javascript" src="./assets/scripts/settings.js"></script>
<script type="text/javascript" src="./assets/scripts/theme.js"></script>
<script type="text/javascript" src="./assets/scripts/theme.js"></script> -->
<script type="text/javascript" src="./assets/scripts/script.min.js"></script>
</body>
</html>