Skip to content

Commit cc7a30d

Browse files
spacedrone404spacedrone404
committed
print func
1 parent c4465e7 commit cc7a30d

11 files changed

Lines changed: 86 additions & 23 deletions

File tree

‎src/includes/menu/footer.pug‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -107,18 +107,18 @@ style.
107107

108108
script.
109109
const months = [
110-
"January",
111-
"February",
112-
"March",
113-
"April",
110+
"Jan",
111+
"Feb",
112+
"Mar",
113+
"Apr",
114114
"May",
115-
"June",
116-
"July",
117-
"August",
118-
"September",
119-
"October",
120-
"November",
121-
"December",
115+
"Jun",
116+
"Jul",
117+
"Aug",
118+
"Sep",
119+
"Oct",
120+
"Nov",
121+
"Dec",
122122
];
123123
let currentDate = new Date();
124124
let dateString = `${currentDate.getDate()}`;

‎src/includes/menu/secondary.pug‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
li
66
a(href="") Modal #2
77
li
8-
a(href="") Print Body
8+
a(href="#" id="printButton") Print Body
99
li
1010
a(href="") More Stuff
11+

‎src/js/about.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,3 +4,4 @@ import "../styles/menu/secondary.scss";
44
import "../styles/menu/side.scss";
55
import "../styles/menu/footer.scss";
66
import "../styles/about.scss";
7+
import "../js/tools/print.js";

‎src/js/batch-tools.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,3 +5,4 @@ import "../styles/menu/side.scss";
55
import "../styles/menu/footer.scss";
66
import "../styles/core-pre.scss";
77
import "../js/tools/code-efx.js";
8+
import "../js/tools/print.js";

‎src/js/index.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,3 +4,4 @@ import "../styles/menu/secondary.scss";
44
import "../styles/menu/side.scss";
55
import "../styles/menu/footer.scss";
66
import "../styles/pages/index.scss";
7+
import "../js/tools/print.js";

‎src/js/projects.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,3 +4,4 @@ import "../styles/menu/secondary.scss";
44
import "../styles/menu/side.scss";
55
import "../styles/menu/footer.scss";
66
import "../styles/projects.scss";
7+
import "../js/tools/print.js";

‎src/js/settings.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,4 @@ import "../styles/menu/top.scss";
33
import "../styles/menu/secondary.scss";
44
import "../styles/menu/side.scss";
55
import "../styles/menu/footer.scss";
6+
import "../js/tools/print.js";

‎src/js/storage-tools.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,3 +5,4 @@ import "../styles/menu/side.scss";
55
import "../styles/menu/footer.scss";
66
import "../styles/core-pre.scss";
77
import "../js/tools/code-efx.js";
8+
import "../js/tools/print.js";

‎src/js/tools/print.js‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
function printContent() {
2+
const contentToPrint = document.querySelector("body");
3+
4+
if (!contentToPrint) return console.error("body not found");
5+
6+
let tempDiv = document.createElement("div");
7+
tempDiv.innerHTML = contentToPrint.outerHTML;
8+
9+
let screenWidth = window.screen.width,
10+
screenHeight = window.screen.height,
11+
width = 1280,
12+
height = 880,
13+
left = Math.round(screenWidth / 2 - width / 2),
14+
top = Math.round(screenHeight / 2.8 - height / 2.8);
15+
16+
let win = window.open(
17+
"",
18+
"_blank",
19+
`toolbar=no,location=no,status=no,menuBar=no,resizable=yes,width=${width},height=${height},top=${top},left=${left}`
20+
);
21+
22+
win.document.write("<html><head>");
23+
win.document.write(`<p class="header-title">DEMO PRINT</p>`);
24+
25+
win.document.write(
26+
`<style>
27+
body {
28+
background-color: #000 !important;
29+
}
30+
31+
.header-title {
32+
font-size: 68px;
33+
color: red;
34+
}
35+
36+
37+
</style>`
38+
);
39+
40+
win.document.write(tempDiv.innerHTML);
41+
42+
win.document.write("</body></html>");
43+
win.document.close();
44+
45+
setTimeout(() => {
46+
win.print();
47+
win.close();
48+
}, 0);
49+
}
50+
51+
document.addEventListener("DOMContentLoaded", () => {
52+
document
53+
.querySelector("#printButton")
54+
.addEventListener("click", printContent);
55+
});

‎src/js/tools/sticky.js‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
const months = [
2-
"January",
3-
"February",
4-
"March",
5-
"April",
2+
"Jan",
3+
"Feb",
4+
"Mar",
5+
"Apr",
66
"May",
7-
"June",
8-
"July",
9-
"August",
10-
"September",
11-
"October",
12-
"November",
13-
"December",
7+
"Jun",
8+
"Jul",
9+
"Aug",
10+
"Sep",
11+
"Oct",
12+
"Nov",
13+
"Dec",
1414
];
1515
let currentDate = new Date();
1616
let dateString = `${currentDate.getDate()}`;

0 commit comments

Comments
 (0)