-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
93 lines (80 loc) · 8.16 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<link rel="stylesheet" href="style.css?v=0" />
<div id="main">
<h1>Game sheet generator</h1>
<label for="selectGioco">Gioco:</label><br/>
<i><small>Inserisci il nome (o una parte di almeno 3 lettere) del gioco</small></i><br/>
<input type="text" id="giocoColl" name="giocoColl" placeholder="Nome gioco" onfocusout="loadGiochi()"/><br/>
<br/>
<i><small>Seleziona il gioco da questa lista</small></i><br/>
<select id="selectGioco" name="selectGioco" onchange="GiocoSelezionato()" ></select>
<h2>Info in riga</h2>
<div class="info-text">{{infoInRiga}}</div>
<h2>Puoi personalizzare le info qua</h2>
<form>
Nome: <input type="text" v-model="gameName" /><br/>
Autore: <input type="text" v-model="designerJoin" /><br/>
Artista: <input type="text" v-model="artistJoin" /><br/>
Minimo giocatori: <input type="number" v-model="minplayers" /><br/>
Massimo giocatori: <input type="number" v-model="maxplayers" /><br/>
Minimo durata: <input type="number" v-model="minplaytime" /><br/>
Massimo durata: <input type="number" v-model="maxplaytime" /><br/>
Minimo età: <input type="number" v-model="minage" /><br/>
Editore: <input type="text" v-model="publisherJoin" /><br/>
Prezzo (lascia la casella vuota per non mostrarlo in immagine): <input type="text" v-model="price" placeholder="nessun prezzo" /><br/>
Immagine (lascia la casella vuota per non mostrarla in immagine): <input type="text" v-model="thumbnail" placeholder="nessuna immagine" /><br/>
</form>
<h2>Link al gioco</h2>
<div class="game-url">
<a :href="'https://boardgamegeek.com/boardgame/' + id" target=_blank>{{gameName}}</a> <br/>
<a :href="'https://magicmerchant.it/search/?q=' + gameName + '&selected_facets=category%3AGiochi+da+Tavolo'" target=_blank>Cerca {{gameName}} su MagicMerchant.it</a>
</div>
<h2>Immagini</h2>
<div class="game-img">
<img :src='sheetImage' /> <br/>
<img :src='thumbnail_static' /> <br/>
<img :src='image' /> <br/>
</div>
<!--
<h2>Anteprima</h2>
<div class="preview-box">
<div class="game-box">
<div class="top"><div class="name" >{{gameName}}</div></div>
<div class="icon img-designer" ></div><div class="label designer" >{{designerJoin}}</div>
<div class="icon img-artist" ></div><div class="label artist" >{{artistJoin}}</div>
<div class="icon img-publisher" ></div><div class="label publisher" >{{publisherJoin}}</div>
<div class="icon img-player-count"></div><div class="label player-count">{{players}}</div>
<div class="icon img-length" ></div><div class="label length" >{{playtime}}</div>
<div class="icon img-age" ></div><div class="label age" >{{minage}}+</div>
<div class="icon img-price" ></div><div class="label price" >{{price}}</div>
<div class="bottop"></div>
</div>
</div>
<h2>Codice da copiare</h2>
<textarea name="code" id=code type=text onClick="this.select();" cols="120" rows="15"></textarea>
-->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="json2xml.js?v=0" ></script>
<script src="xml2json.js?v=0" ></script>
<script src="logic.js?v=0" ></script>
</div>
<footer style="background-color:#ccc;position: fixed;padding: 10px 10px 10px 10px;width: 100%;left: 0px;bottom: 0px;z-index:100">
<div class="container" class="flex-grow-1">
<span class="text-muted"><a href="https://github.com/migius/bord-game-sheet" target=_blank><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="navbar-nav-svg" viewBox="0 0 512 499.36" role="img"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"></path></svg> Source code</a>
</span>
<span style="float:right;margin-right: 5%;">
<a href="https://migio.altervista.org/" target=_blank class="text-dark">migio</a>
<a href="https://github.com/migius" target=_blank>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="navbar-nav-svg text-dark" viewBox="0 0 512 499.36" role="img"><title>GitHub</title><path fill="currentColor" fill-rule="evenodd" d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"></path></svg></a>
<a href="https://www.instagram.com/_migio/" target=_blank>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" class="navbar-nav-svg text-dark" viewBox="0 0 512 512">
<path style="fill:#000000" d="M256,49.471c67.266,0,75.233.257,101.8,1.469,24.562,1.121,37.9,5.224,46.778,8.674a78.052,78.052,0,0,1,28.966,18.845,78.052,78.052,0,0,1,18.845,28.966c3.45,8.877,7.554,22.216,8.674,46.778,1.212,26.565,1.469,34.532,1.469,101.8s-0.257,75.233-1.469,101.8c-1.121,24.562-5.225,37.9-8.674,46.778a83.427,83.427,0,0,1-47.811,47.811c-8.877,3.45-22.216,7.554-46.778,8.674-26.56,1.212-34.527,1.469-101.8,1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051,78.051,0,0,1-28.966-18.845,78.053,78.053,0,0,1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s0.257-75.233,1.469-101.8c1.121-24.562,5.224-37.9,8.674-46.778A78.052,78.052,0,0,1,78.458,78.458a78.053,78.053,0,0,1,28.966-18.845c8.877-3.45,22.216-7.554,46.778-8.674,26.565-1.212,34.532-1.469,101.8-1.469m0-45.391c-68.418,0-77,.29-103.866,1.516-26.815,1.224-45.127,5.482-61.151,11.71a123.488,123.488,0,0,0-44.62,29.057A123.488,123.488,0,0,0,17.3,90.982C11.077,107.007,6.819,125.319,5.6,152.134,4.369,179,4.079,187.582,4.079,256S4.369,333,5.6,359.866c1.224,26.815,5.482,45.127,11.71,61.151a123.489,123.489,0,0,0,29.057,44.62,123.486,123.486,0,0,0,44.62,29.057c16.025,6.228,34.337,10.486,61.151,11.71,26.87,1.226,35.449,1.516,103.866,1.516s77-.29,103.866-1.516c26.815-1.224,45.127-5.482,61.151-11.71a128.817,128.817,0,0,0,73.677-73.677c6.228-16.025,10.486-34.337,11.71-61.151,1.226-26.87,1.516-35.449,1.516-103.866s-0.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486,123.486,0,0,0-29.057-44.62A123.487,123.487,0,0,0,421.018,17.3C404.993,11.077,386.681,6.819,359.866,5.6,333,4.369,324.418,4.079,256,4.079h0Z"/>
<path style="fill:#000000"
d="M256,126.635A129.365,129.365,0,1,0,385.365,256,129.365,129.365,0,0,0,256,126.635Zm0,213.338A83.973,83.973,0,1,1,339.974,256,83.974,83.974,0,0,1,256,339.973Z"/>
<circle style="fill:#000000"
cx="390.476" cy="121.524" r="30.23"/>
</svg>
</a>
</span>
</div>
</footer>