-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
111 lines (91 loc) · 4.02 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>
<html>
<head>
<title>visualeyes | Visualize your dream living space</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="bower_components/normalize.css/normalize.css">
<link rel="stylesheet" href="bower_components/animate.css/animate.css">
<!-- <link rel="stylesheet" href="bower_components/jquery-ui/themes/base/dialog.css"> -->
<link rel="stylesheet" href="bower_components/jquery-ui/themes/base/resizable.css">
<link rel="stylesheet" href="resources/css/app.css">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
</head>
<body>
<div id="welcome">
<h3 class="buzzwords">
<span>Visualize your dream living space</span>
</h3>
<div class="alert is-hidden">
Oops, there was a problem signing you in. Please try signing in again.
</div>
<div class="welcome-hero">
<img class="welcome-hero-logo" src="./resources/images/logos/logo.png" />
<button class="welcome-hero-signin" data-provider="google">Sign in with Google</button>
</div>
</div>
<div id="app" class="is-hidden animated fadeIn">
<header class="toolbar">
<ul class="toolbar-menu">
<li id="add-furniture"><button class="toolbar-icon-button icon-add" >Select Furniture</button></li>
<li id="image-button"><button class="toolbar-icon-button icon-background">Add Image</button></li>
<li id="checkOut"><button class="toolbar-icon-button icon-stapler">Add Image</button></li>
</ul>
<img class="logo" src="./resources/images/logos/logoa.png"/>
<button class="toolbar-sign-out">SIGN OUT</button>
</header>
<div id="office-space-wrapper" class="l-canvas-wrapper l-center-canvas">
<div class="l-canvas-buffer background-blueprint">
<div id="office-space" class="l-canvas">
<center>
<canvas id="imageCanvas"></canvas>
</center>
</div>
</div>
</div>
<div id="profile" class="user-profile animated bounceInUp"></div>
<input type="file" id="imageLoader" style=:"display:none" name="imageLoader"/>
</div>
<div id="dialog" style="background: #EFEFEF" title="Proceed To Checkout">
</div>
<!-- TEMPLATE -->
<script id="template-dropdown" type="text/template">
<div class="dropdown">
<span class="dropdown-arrow"></span>
<ul class="dropdown-items">
<%= items %>
</ul>
</div>
<div class="dropdown-overlay"></div>
</script>
<script id="template-dropdown-item" type="text/template">
<li>
<a href="#" data-type="<%= type %>" data-name="<%= name %>" class="dropdown-button button-type-<%= type %>">
<i class="dropdown-button-icon <%= type %> <%= background %> <%= icon %>"></i>
<%= description %>
</a>
</li>
</script>
<script id="template-profile" type="text/template">
<img src="<%= picture %>">
<h2><%= name %></h2>
</script>
<script id="template-furniture-item" type="text/template">
<div class='furniture <%= type %>'>
<div class="furniture-background">
<div class='furniture-name'><%= name %></div>
</div>
<div class='tooltip clearfix is-hidden'>
<div class="tooltip-arrow"></div>
<a class='tooltip-button tooltip-button-edit' data-tooltip-action='edit'>Edit</a>
<a class='tooltip-button' data-tooltip-action='rotate'>Rotate</a>
<a class='tooltip-button' data-tooltip-action='delete'>Delete</a>
</div>
</div>
</script>
<script src="https://cdn.firebase.com/js/client/1.1.2/firebase.js"></script>
<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/jquery-ui/jquery-ui.js"></script>
<script src="bower_components/lodash/dist/lodash.js"></script>
<script src="resources/js/production.js"></script>
</body>
</html>