Projects/cardmaker
Archived
0
0
Fork 0
Code Issues Pull Requests Releases Activity

Add effects list to cards and a card creator with preview

Browse Source
This commit is contained in:
Peder Bergebakken Sundt
2017-09-24 23:09:58 +02:00
parent 7d7642ead6
commit 8790dd83b2
6 changed files with 119 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
card.py
+14 -10
View File
@@ -9,22 +9,26 @@ class Card(Model):
title = "[[title]]" title = "[[title]]"
figure = "code"#https://material.io/icons/ figure = "code"#https://material.io/icons/
description = "[[description]]" description = "[[description]]"
steps = ["Do a", "Then do b"] steps = []
cost = "[[cost]]" effects = []
power = "[[power]]" cost = "free action"
cp = "[[cp]]" power = None
cp = None
flags = [] flags = []
def has_flag(self, flag): return flag in self.flags def has_flag(self, flag): return flag in self.flags
def from_file(filename, in_carddir=True):#yaml syntax def from_file(filename, in_carddir=True):#yaml syntax
os.path.join(config.carddir, filename) if in_carddir else filename name = ".".join(os.path.basename(filename).split(".")[:-1])
ret = Card()
ret.filename = ".".join(os.path.basename(filename).split(".")[:-1])
with open(os.path.join(config.carddir, filename) if in_carddir else filename, "r") as f: with open(os.path.join(config.carddir, filename) if in_carddir else filename, "r") as f:
for key, val in load(f.read()).items(): return from_yaml(f.read(), name)
setattr(ret, key, val)
return ret def from_yaml(data, filename="from_yaml"):
card = Card()
card.filename = filename
for key, val in load(data).items():
setattr(card, key, val)
return card
def from_dir(path): def from_dir(path):
return [from_file(i, in_carddir=False) for i in glob.glob(os.path.join(path, "*.yaml"))] return [from_file(i, in_carddir=False) for i in glob.glob(os.path.join(path, "*.yaml"))]
resources/cards/card.css
+21 -5
View File
@@ -6,15 +6,17 @@
size: A4; size: A4;
margin: 1.2cm; margin: 1.2cm;
} }
@media print {
body {
width: 21cm;
height: 29.7cm;
}
}
:root { :root {
font-family: sans-serif; font-family: sans-serif;
font-size: 3mm; font-size: 3mm;
font-weight: 300; font-weight: 300;
} }
body {
width: 21cm;
height: 29.7cm;
}
article { article {
margin: 3mm 5mm; margin: 3mm 5mm;
@@ -39,7 +41,15 @@ article {
border-width: 2mm; border-width: 2mm;
border-color: #333; border-color: #333;
background-color: #333; background-color: #333;
}
article.effects {
grid-template-columns: 4fr 3fr;
grid-template-areas:
"header header"
"figure effects"
"cost cost"
"info info"
"power cp";
} }
article >* { article >* {
@@ -71,6 +81,12 @@ article figure .material-icons.figure {
color: #999; color: #999;
} }
article ul {
grid-area: effects;
list-style-type: none;
padding: 1mm 0;
}
article main { article main {
padding: 2mm 0; padding: 2mm 0;
grid-area: info; grid-area: info;
resources/cards/card.vm
+21 -8
View File
@@ -3,7 +3,7 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
#foreach($card in $cards) #foreach($card in $cards)
<article> <article #if($card.effects) class="effects"#end>
<h1> <h1>
$escape_html($card.title) $escape_html($card.title)
</h1> </h1>
@@ -11,13 +11,22 @@
<!--https://material.io/icons/--> <!--https://material.io/icons/-->
<i class="material-icons figure">$escape_html($card.figure)</i> <i class="material-icons figure">$escape_html($card.figure)</i>
</figure> </figure>
<main> #if($card.effects)
$escape_html($card.description) <ul>
<ol> #foreach($item in $card.effects)
#foreach($item in $card.steps)
<li>$escape_html($item)</li> <li>$escape_html($item)</li>
#end #end
</ol> </ul>
#end
<main>
$escape_html($card.description)
#if($card.steps)
<ol>
#foreach($item in $card.steps)
<li>$escape_html($item)</li>
#end
</ol>
#end
#if($card.flags) #if($card.flags)
<div class="bottom"> <div class="bottom">
<small>- <small>-
@@ -36,7 +45,11 @@
#end #end
</main> </main>
<div class="cost">$escape_html($card.cost)</div> <div class="cost">$escape_html($card.cost)</div>
<div class="power">$escape_html($card.power)</div> #if($card.power)
<div class="cp">$escape_html($card.cp)</div> <div class="power">$escape_html($card.power)</div>
#end
#if($card.power)
<div class="cp">$escape_html($card.cp)</div>
#end
</article> </article>
#end #end
resources/cards/creator.css
+8
View File
@@ -0,0 +1,8 @@
iframe {
width: 8cm;
height: 12cm;
display: block;
position: absolute;
top: 0;
right: 0;
}
resources/cards/creator.vm
+37
View File
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<link rel="stylesheet" href="creator.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<iframe name="preview"></iframe>
<form action="preview" method="post" target="preview">
Title:
<input type="text" name="title"><br>
Figure:
<input type="text" name="figure"><br>
Description:
<input type="text" name="description"><br>
Steps:
<input type="text" name="steps"><br>
Effects:
<input type="text" name="effects"><br>
Cost:
<input type="text" name="cost"><br>
Power
<input type="text" name="power"><br>
CP:
<input type="text" name="cp"><br>
Flags:
<input type="text" name="flags"><br>
<br>
<input type="submit" value="preview">
</form>
server.py
+18
View File
@@ -18,6 +18,11 @@ async def show_cardlist(request, template={}):
return response.html(template["cardlist.vm"].merge(locals())) return response.html(template["cardlist.vm"].merge(locals()))
@app.get('/cards/creator')
@withTemplate("cards/creator.vm")
async def preview_card(request, template={}):
return response.html(template["creator.vm"].merge(locals()))
@app.get('/cards/show') @app.get('/cards/show')
@withTemplate("cards/card.vm") @withTemplate("cards/card.vm")
async def show_cards(request, template={}): async def show_cards(request, template={}):
@@ -31,6 +36,19 @@ async def show_cards(request, template={}):
cards.append(card.from_file(i+".yaml")) cards.append(card.from_file(i+".yaml"))
return response.html(template["card.vm"].merge(locals())) return response.html(template["card.vm"].merge(locals()))
@app.post('/cards/preview')
@withTemplate("cards/card.vm")
async def preview_card(request, template={}):
cards = [card.Card()]
for key, val in request.form.items():
if not val[0]: continue
if type(getattr(card.Card, key)) in (tuple, list):
setattr(cards[0], key, val)
else:
setattr(cards[0], key, val[0])
return response.html(template["card.vm"].merge(locals()))
#add static files: #add static files:
for i in glob.iglob(os.path.join(config.resourcedir, "**","*"), recursive=True): for i in glob.iglob(os.path.join(config.resourcedir, "**","*"), recursive=True):