maximator/ikrpg.github.io
1
0
Fork 0
mirror of https://github.com/ikrpg/ikrpg.github.io.git synced 2026-05-13 22:37:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed portrait print bug (portrait was not moved with stat card).

Browse source
This commit is contained in:
Yord 2015-03-06 19:26:37 +01:00
parent e21d04fc85
commit e8dfbf41e1
2 changed files with 26 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

3
_posts/0000-01-01-Character.html
View file

@ -21,6 +21,7 @@ tags: [Character Cards]
#seed { display: block; width: 100%; max-height: 26px; overflow: none; } #seed { display: block; width: 100%; max-height: 26px; overflow: none; }
@media print { @media print {
section.content div#pic { margin-top: -700px; margin-left: -500px; }
section.content form#stats { position: absolute; display: block; margin-top: -850px; margin-left: -500px; } section.content form#stats { position: absolute; display: block; margin-top: -850px; margin-left: -500px; }
section.content form#skills { position: absolute; display: block; margin-top: -850px; margin-left: 250px; } section.content form#skills { position: absolute; display: block; margin-top: -850px; margin-left: 250px; }
section.content form#abilities { position: absolute; display: block; margin-top: 150px; margin-left: -500px; } section.content form#abilities { position: absolute; display: block; margin-top: 150px; margin-left: -500px; }
@ -46,11 +47,9 @@ tags: [Character Cards]
| <a href="#stats">Stats</a> | | <a href="#stats">Stats</a> |
<a href="#skills">Skills</a> | <a href="#skills">Skills</a> |
<a href="#abilities">Abilities/Benefits</a> | <a href="#abilities">Abilities/Benefits</a> |
<!--a href="#benefits">Benefits</a> | -->
<a href="#spells">Spells</a> | <a href="#spells">Spells</a> |
<a href="#gear">Gear</a> | <a href="#gear">Gear</a> |
<a href="#notes">Notes</a> | <a href="#notes">Notes</a> |
<!--a href="#details">Details</a-->
</h3> </h3>
<div class="sheet"> <div class="sheet">

50
static/javascripts/heroic.js
View file

@ -3,8 +3,8 @@
var ikrpg = ikrpg || {}; var ikrpg = ikrpg || {};
(function () { (function() {
//'use strict'; //'use strict';
ikrpg.cards = ikrpg.cards || {}; ikrpg.cards = ikrpg.cards || {};
@ -164,7 +164,7 @@ var ikrpg = ikrpg || {};
"note12": { "title": "", "text": "" } "note12": { "title": "", "text": "" }
}; };
ikrpg.cards.updateData = function () { ikrpg.cards.updateData = function() {
var data = ikrpg.cards.data; var data = ikrpg.cards.data;
for (var key in data) { for (var key in data) {
var value = data[key]; var value = data[key];
@ -185,7 +185,7 @@ var ikrpg = ikrpg || {};
} }
}; };
ikrpg.cards.switchWeapons = function (event) { ikrpg.cards.switchWeapons = function(event) {
if(event) event.preventDefault(); if(event) event.preventDefault();
var data = ikrpg.cards.data; var data = ikrpg.cards.data;
@ -228,7 +228,7 @@ var ikrpg = ikrpg || {};
} }
}; };
ikrpg.cards.weaponSwitch = function () { ikrpg.cards.weaponSwitch = function() {
$("a#weapons-switch:first").on("click", ikrpg.cards.switchWeapons); $("a#weapons-switch:first").on("click", ikrpg.cards.switchWeapons);
}; };
@ -240,23 +240,23 @@ var ikrpg = ikrpg || {};
}; };
}; };
ikrpg.cards.resizableTextareas = function () { ikrpg.cards.resizableTextareas = function() {
var resize = ikrpg.cards.resize; var resize = ikrpg.cards.resize;
var delayedResize = function(textarea) { var delayedResize = function(textarea) {
return function() { window.setTimeout(resize(textarea), 0); }; return function() { window.setTimeout(resize(textarea), 0); };
}; };
$("textarea").each(function (index, elem) { $("textarea").each(function(index, elem) {
var textarea = $(elem); var textarea = $(elem);
textarea.on("change", resize(textarea)); textarea.on("change", resize(textarea));
textarea.on("cut", delayedResize(textarea)); textarea.on("cut", delayedResize(textarea));
textarea.on("paste", delayedResize(textarea)); textarea.on("paste", delayedResize(textarea));
textarea.on("drop", delayedResize(textarea)); textarea.on("drop", delayedResize(textarea));
textarea.on("keydown", delayedResize(textarea)); textarea.on("keydown", delayedResize(textarea));
}) });
}; };
ikrpg.cards.fillOut = function () { ikrpg.cards.fillOut = function() {
for (var attribute in ikrpg.cards.data) { fill(attribute, ikrpg.cards.data[attribute]); } for (var attribute in ikrpg.cards.data) { fill(attribute, ikrpg.cards.data[attribute]); }
function fill(attribute, value) { function fill(attribute, value) {
@ -283,8 +283,8 @@ var ikrpg = ikrpg || {};
} }
}; };
ikrpg.cards.generateSeed = function () { ikrpg.cards.generateSeed = function() {
$("#generate-seed").on("click", function (event) { $("#generate-seed").on("click", function(event) {
event.preventDefault(); event.preventDefault();
ikrpg.cards.updateData(); ikrpg.cards.updateData();
@ -297,8 +297,8 @@ var ikrpg = ikrpg || {};
}); });
}; };
ikrpg.cards.updateSeed = function () { ikrpg.cards.updateSeed = function() {
$("#update-seed").on("click", function (event) { $("#update-seed").on("click", function(event) {
event.preventDefault(); event.preventDefault();
var seed = $("#seed").val(); var seed = $("#seed").val();
@ -316,10 +316,10 @@ var ikrpg = ikrpg || {};
}); });
}; };
ikrpg.cards.heroNameHack = function () { ikrpg.cards.heroNameHack = function() {
var heroNames = $("input.hero-name"); var heroNames = $("input.hero-name");
heroNames.each(function (index, input) { heroNames.each(function(index, input) {
$(input).on("change", function () { $(input).on("change", function() {
var val = $(input).val(); var val = $(input).val();
heroNames.val(val); heroNames.val(val);
ikrpg.cards.data["hero-name"] = val; ikrpg.cards.data["hero-name"] = val;
@ -327,7 +327,7 @@ var ikrpg = ikrpg || {};
}); });
}; };
ikrpg.cards.setupPortrait = function () { ikrpg.cards.setupPortrait = function() {
var zoom_in = function(event) { var zoom_in = function(event) {
var width = $(this).width() * 1.2; var width = $(this).width() * 1.2;
$(this).animate({ width: width }); $(this).animate({ width: width });
@ -335,20 +335,20 @@ var ikrpg = ikrpg || {};
return false; return false;
}; };
var zoom_out = function () { var zoom_out = function() {
var width = $(this).width() / 1.2; var width = $(this).width() / 1.2;
$(this).animate({ width: width }); $(this).animate({ width: width });
$("#portrait input.width").val(width); $("#portrait input.width").val(width);
return false; return false;
}; };
var show_url = function () { var show_url = function() {
$("#portrait input.url").show().focus(); $("#portrait input.url").show().focus();
}; };
var hide_url = function () { var hide_url = function() {
$("#portrait input.url").hide(); $("#portrait input.url").hide();
}; };
var set_img_src = function () { var set_img_src = function() {
var val = $("#portrait input.url").val(); var val = $("#portrait input.url").val();
var img = $("#pic > img"); var img = $("#pic > img");
if(val && img.attr("src") != val) { if(val && img.attr("src") != val) {
@ -361,7 +361,7 @@ var ikrpg = ikrpg || {};
var portrait = $("#pic > img"); var portrait = $("#pic > img");
portrait.draggable({ portrait.draggable({
cursor: "crosshair", cursor: "crosshair",
stop: function (event, ui) { stop: function(event, ui) {
var pos = ui.position; var pos = ui.position;
$("#portrait input.top").val(pos.top); $("#portrait input.top").val(pos.top);
$("#portrait input.left").val(pos.left); $("#portrait input.left").val(pos.left);
@ -371,13 +371,13 @@ var ikrpg = ikrpg || {};
portrait.on("dblclick", zoom_out); portrait.on("dblclick", zoom_out);
portrait.on("contextmenu", zoom_out); portrait.on("contextmenu", zoom_out);
portrait.on("mouseover", show_url); portrait.on("mouseover", show_url);
portrait.on("mouseout", function () { portrait.on("mouseout", function() {
hide_url(); hide_url();
set_img_src(); set_img_src();
}); });
}; };
ikrpg.cards.setPortrait = function () { ikrpg.cards.setPortrait = function() {
var img = $("#pic > img"); var img = $("#pic > img");
if(img) { if(img) {
var portrait = ikrpg.cards.data["portrait"]; var portrait = ikrpg.cards.data["portrait"];
@ -389,7 +389,7 @@ var ikrpg = ikrpg || {};
}; };
ikrpg.cards.init = function () { ikrpg.cards.init = function() {
ikrpg.cards.fillOut(); ikrpg.cards.fillOut();
ikrpg.cards.resizableTextareas(); ikrpg.cards.resizableTextareas();
ikrpg.cards.weaponSwitch(); ikrpg.cards.weaponSwitch();