-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.php
executable file
·78 lines (76 loc) · 2.76 KB
/
index.php
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
<?php require 'functions.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<link href="/css/styles.php?v=20130104" rel="stylesheet"/>
<link href="/js/farbtastic/farbtastic.css" rel="stylesheet"/>
<script src="/js/jquery-1.8.3.min.js"></script>
<script src="/js/farbtastic/farbtastic.js"></script>
<script src="/js/fabric.min.js"></script>
<script src="/js/signage.js?v=20130104"></script>
</head>
<body>
<canvas id="container">
</canvas>
<div id="controller">
<div class="contentbox">
<textarea>Text goes here</textarea><button class="add-textbox">+</button>
<button class="opener">Settings</button>
<div class="clear"></div>
<div class="settings">
<div class="box">
<label>Text color</label> <input class="text-color" type="text" value="#000000"/>
<label>Font size</label> <input class="font-size" type="number" value="100"/>
</div>
<p class="alignment">
<label class="block">Alignment</label>
<input type="radio" name="alignment" class="left alignment" value="left"/> <label for="left">Left</label>
<input type="radio" name="alignment" class="center alignment" checked="checked" value="center"/> <label for="left">Center</label>
<input type="radio" name="alignment" class="right alignment" value="right"/> <label for="left">Right</label>
</p>
<p class="font">
<label class="block">Font</label>
</p>
</div>
</div>
<p class="icons">
<?php foreach (getIcons() as $icon) :?>
<img src="<?= getIconThumbnail($icon);?>" alt="" data-path="<?= $icon;?>"/>
<?php endforeach;?>
</p>
<p class="background">
<label class="block">Background</label>
</p>
<button id="print">Print</button>
</div>
<div id="text-color-picker">
</div>
<div class="icon-box hidden">
<button class="remove-box">-</button>
<button class="opener">Settings</button>
<div class="clear"></div>
<div class="settings">
<p>
<label>Scaling</label> <input type="number" value="100" class="scale"/>
</p>
</div>
</div>
<div class="hidden fonts">
<?php
$fonts = '';
foreach (getFonts() as $font => $file) :?>
<span style="font-family: <?= $font;?>" data-font="<?= $font;?>"> </span>
<?php endforeach;?>
</div>
<script>
<?php
$backgrounds = '';
foreach (getBackgrounds() as $file) {
$backgrounds .= "'" . $file . "',";
}
?>
var backgrounds = [<?= trim($backgrounds, ',');?>];
var signage = new Signage();
</script>
</body>
</html>