krzysiej/paper-pi
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merged older paper pi with the newer, with some recent updates.

Browse Source
This commit is contained in:
kplaczek
2018-04-02 22:34:15 +02:00
parent 3c0ebd26ed
commit ad53e0c861
19 changed files with 1071 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

403
public/css/app.css vendored
View File

@@ -1,19 +1,396 @@
textarea { font-family: monospace }
textarea.content { font-family: monospace; word-wrap: break-word; word-break: break-all; }
#editor {
border: 1px solid rgba(34,36,38,.15);
padding: 15px;
font-family: monospace;
word-wrap: break-word;
width: 257px;
word-break: break-all;
white-space: pre-wrap;
box-sizing: content-box;
textarea {
font-family: monospace
}
}
textarea.content {
font-family: monospace;
word-wrap: break-word;
word-break: break-all;
}
form {margin-bottom: 0;}
#editor {
border: 1px solid rgba(34, 36, 38, .15);
padding: 15px;
font-family: monospace;
word-wrap: break-word;
width: 257px;
word-break: break-all;
white-space: pre-wrap;
box-sizing: content-box;
}
form {
margin-bottom: 0;
}
.ui.file.input input[type="file"] {
display: none;
}
.icon {
cursor: pointer;
height: 25px;
width: 25px;
display: inline-block;
background: url(/small/iconsmall.png);
margin: 2px;
}
.icon:hover {
background-color: #1e90ff4d;
}
.icon.empty {
height: 25px;
width: 25px;
background-image: none;
}
.icon.selected {
border: 2px solid dodgerblue;
border-radius: 3px;
background-color: #1e90ff4d;
width: 29px;
height: 29px;
margin: 0;
}
.icon.address-card-o {
background-position-x: -0px;
}
.icon.anchor {
background-position-x: -25px;
}
.icon.archive-3 {
background-position-x: -50px;
}
.icon.at {
background-position-x: -75px;
}
.icon.balance-scale {
background-position-x: -100px;
}
.icon.ban {
background-position-x: -125px;
}
.icon.bar-chart-o {
background-position-x: -150px;
}
.icon.barcode {
background-position-x: -175px;
}
.icon.battery-empty {
background-position-x: -200px;
}
.icon.battery-full {
background-position-x: -225px;
}
.icon.battery-half {
background-position-x: -250px;
}
.icon.battery-quarter {
background-position-x: -275px;
}
.icon.battery-three-quarters {
background-position-x: -300px;
}
.icon.bed {
background-position-x: -325px;
}
.icon.beer {
background-position-x: -350px;
}
.icon.bell-o {
background-position-x: -375px;
}
.icon.bell-slash-o {
background-position-x: -400px;
}
.icon.bicycle {
background-position-x: -425px;
}
.icon.birthday-cake {
background-position-x: -450px;
}
.icon.bolt {
background-position-x: -475px;
}
.icon.bomb {
background-position-x: -500px;
}
.icon.book {
background-position-x: -525px;
}
.icon.bug {
background-position-x: -550px;
}
.icon.building-o {
background-position-x: -575px;
}
.icon.bullhorn {
background-position-x: -600px;
}
.icon.bus {
background-position-x: -625px;
}
.icon.camera {
background-position-x: -650px;
}
.icon.car {
background-position-x: -675px;
}
.icon.chain {
background-position-x: -700px;
}
.icon.chat-2 {
background-position-x: -725px;
}
.icon.check {
background-position-x: -750px;
}
.icon.cloud {
background-position-x: -775px;
}
.icon.code {
background-position-x: -800px;
}
.icon.coffee {
background-position-x: -825px;
}
.icon.cog {
background-position-x: -850px;
}
.icon.cutlery {
background-position-x: -875px;
}
.icon.dashboard {
background-position-x: -900px;
}
.icon.database {
background-position-x: -925px;
}
.icon.diamond {
background-position-x: -950px;
}
.icon.dollar {
background-position-x: -975px;
}
.icon.dribbble {
background-position-x: -1000px;
}
.icon.envelope-o {
background-position-x: -1025px;
}
.icon.envira {
background-position-x: -1050px;
}
.icon.exclamation-triangle {
background-position-x: -1075px;
}
.icon.female {
background-position-x: -1100px;
}
.icon.file-text-o {
background-position-x: -1125px;
}
.icon.film {
background-position-x: -1150px;
}
.icon.fingerprint {
background-position-x: -1175px;
}
.icon.fire-extinguisher {
background-position-x: -1200px;
}
.icon.fire {
background-position-x: -1225px;
}
.icon.flag-o {
background-position-x: -1250px;
}
.icon.flask {
background-position-x: -1275px;
}
.icon.floppy-o {
background-position-x: -1300px;
}
.icon.folder-o {
background-position-x: -1325px;
}
.icon.folder-open-o {
background-position-x: -1350px;
}
.icon.frown-o {
background-position-x: -1375px;
}
.icon.gamepad {
background-position-x: -1400px;
}
.icon.gift {
background-position-x: -1425px;
}
.icon.git {
background-position-x: -1450px;
}
.icon.glass {
background-position-x: -1475px;
}
.icon.graduation-cap {
background-position-x: -1500px;
}
.icon.grav {
background-position-x: -1525px;
}
.icon.group {
background-position-x: -1550px;
}
.icon.hand-o-left {
background-position-x: -1575px;
}
.icon.heart-o {
background-position-x: -1600px;
}
.icon.home {
background-position-x: -1625px;
}
.icon.lemon-o {
background-position-x: -1650px;
}
.icon.lightbulb-o {
background-position-x: -1675px;
}
.icon.list-alt {
background-position-x: -1700px;
}
.icon.location-arrow {
background-position-x: -1725px;
}
.icon.lock {
background-position-x: -1750px;
}
.icon.male {
background-position-x: -1775px;
}
.icon.map-1 {
background-position-x: -1800px;
}
.icon.map-marker {
background-position-x: -1825px;
}
.icon.microchip {
background-position-x: -1850px;
}
.icon.money {
background-position-x: -1875px;
}
.icon.moon-o {
background-position-x: -1900px;
}
.icon.music {
background-position-x: -1925px;
}
.icon.paper-plane {
background-position-x: -1950px;
}
.icon.paperclip {
background-position-x: -1975px;
}
.icon.paw {
background-position-x: -2000px;
}
.icon.pencil {
background-position-x: -2025px;
}
.icon.phone {
background-position-x: -2050px;
}
.icon.pie-chart {
background-position-x: -2075px;
}
.icon.piggy-bank {
background-position-x: -2100px;
}
.icon.plane {
background-position-x: -2125px;
}
.icon.question-circle-o {
background-position-x: -2150px;
}
.icon.rocket {
background-position-x: -2175px;
}
.icon.search {
background-position-x: -2200px;
}
.icon.ship {
background-position-x: -2225px;
}
.icon.shopping-cart {
background-position-x: -2250px;
}
.icon.smile-o {
background-position-x: -2275px;
}
.icon.snowflake-o {
background-position-x: -2300px;
}
.icon.steam {
background-position-x: -2325px;
}
.icon.subway {
background-position-x: -2350px;
}
.icon.success {
background-position-x: -2375px;
}
.icon.support {
background-position-x: -2400px;
}
.icon.thermometer-2 {
background-position-x: -2425px;
}
.icon.thumbs-o-down {
background-position-x: -2450px;
}
.icon.thumbs-o-up {
background-position-x: -2475px;
}
.icon.ticket {
background-position-x: -2500px;
}
.icon.times {
background-position-x: -2525px;
}
.icon.trash-o {
background-position-x: -2550px;
}
.icon.tree {
background-position-x: -2575px;
}
.icon.trophy {
background-position-x: -2600px;
}
.icon.truck {
background-position-x: -2625px;
}
.icon.umbrella {
background-position-x: -2650px;
}
.icon.usd {
background-position-x: -2675px;
}
.icon.warning {
background-position-x: -2700px;
}
.icon.wifi {
background-position-x: -2725px;
}
.icon.wpexplorer {
background-position-x: -2750px;
}
.icon.wrench {
background-position-x: -2775px;
}
.icon.youtube-play {
background-position-x: -2800px;
}

62
public/js/printer.js
View File

@@ -8,41 +8,63 @@ var Printer = function () {
this.delete = document.querySelector('.js-delete');
content = this.content = document.querySelector('.js-content');
preview = this.preview = document.querySelector('#editor');
// preview = this.preview = document.querySelector('#editor');
selfPrinter = this;
this.reset.addEventListener('click', this.clear);
this.content.addEventListener('keypress', this.printPreview);
this.preview.addEventListener('keyup', this.divToTextbox);
// this.content.addEventListener('keypress', this.printPreview);
// this.preview.addEventListener('keyup', this.divToTextbox);
content.addEventListener("mouseup", this.contentResize);
if(this.delete != null){
this.restoreContentHeight();
if (this.delete != null) {
this.delete.addEventListener('click', this.confirmDelete);
}
this.commandCenter = document.querySelector('.icon.command.center');
this.commandLeft = document.querySelector('.icon.command.left');
this.commandRight = document.querySelector('.icon.command.right');
this.commandBold = document.querySelector('.icon.command.bold');
this.commandItalic = document.querySelector('.icon.command.italic');
this.commandUnderline = document.querySelector('.icon.command.underline');
this.commandCenter.addEventListener('click', function(){document.execCommand('justifyCenter', false);});
this.commandLeft.addEventListener('click', function(){document.execCommand('justifyLeft', false);});
this.commandRight.addEventListener('click', function(){document.execCommand('justifyRight', false);});
document.querySelectorAll('.icon').forEach(function (e) {
e.addEventListener('click', function () {
document.querySelectorAll('.icon').forEach(function (e, i) {
e.classList.remove('selected');
});
document.querySelector('#icon').value = this.title;
this.classList.add('selected');
});
})
this.commandBold.addEventListener('click', function(){document.execCommand('bold', false);});
this.commandItalic.addEventListener('click', function(){document.execCommand('italic', false);});
this.commandUnderline.addEventListener('click', function(){document.execCommand('underline', false);});
// this.commandCenter = document.querySelector('.icon.command.center');
// this.commandLeft = document.querySelector('.icon.command.left');
// this.commandRight = document.querySelector('.icon.command.right');
// this.commandBold = document.querySelector('.icon.command.bold');
// this.commandItalic = document.querySelector('.icon.command.italic');
// this.commandUnderline = document.querySelector('.icon.command.underline');
// this.commandCenter.addEventListener('click', function(){document.execCommand('justifyCenter', false);});
// this.commandLeft.addEventListener('click', function(){document.execCommand('justifyLeft', false);});
// this.commandRight.addEventListener('click', function(){document.execCommand('justifyRight', false);});
// this.commandBold.addEventListener('click', function(){document.execCommand('bold', false);});
// this.commandItalic.addEventListener('click', function(){document.execCommand('italic', false);});
// this.commandUnderline.addEventListener('click', function(){document.execCommand('underline', false);});
};
this.printPreview = function(){
preview.innerText = content.value;
// this.printPreview = function(){
// preview.innerText = content.value;
// };
this.restoreContentHeight = function () {
if(!!localStorage.getItem('contentHeight')){
document.querySelector('.js-content').style.height = localStorage.getItem('contentHeight')
}
};
this.divToTextbox = function(){
this.contentResize = function () {
localStorage.setItem('contentHeight', this.style.height);
};
this.divToTextbox = function () {
content.value = preview.innerHTML;
};
@@ -51,7 +73,7 @@ var Printer = function () {
};
this.confirmDelete = function (e) {
if(!confirm('Usunąć wpis?')){
if (!confirm('Usunąć wpis?')) {
e.preventDefault();
return false;
}