-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
224 lines (213 loc) · 8.4 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form 1</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="tool-panel" id="tool-panel">
<ul>
<li>
<button class="button-outline" id="convert-segment-button" title="Convert Segment">
<img src="img/outline-power_input-24px.svg"/>
</button>
</li>
<li>
<button class="button-outline" id="type-button" title="Text">
<img src="img/outline-title-24px.svg"/>
</button>
</li>
<li>
<button class="button-outline" id="save-floor-button" title="Save Floor">
<img src="img/outline-done-24px.svg"/>
</button>
</li>
<li>
<button class="button-outline" id="add-page-button" title="Add Page">
<img src="img/outline-note_add-24px.svg"/>
</button>
</li>
<li>
<button class="button-outline" id="delete-button" title="Delete Selected">
<img src="img/outline-delete-24px.svg"/>
</button>
</li>
<li>
<button class="button-outline" id="clear-canvas-button" title="Clear Canvas">
<img src="img/outline-layers_clear-24px.svg"/>
</button>
</li>
<li>
<button class="button-outline" id="reload-button" title="Reset" onclick="window.location.reload();">
<img src="img/outline-refresh-24px.svg"/>
</button>
</li>
<li>
<button class="button-outline" id="settings-button" title="Settings">
<img src="img/outline-settings-24px.svg"/>
</button>
</li>
<li>
<button class="button-outline" id="print-button" title="Save PDF">
<img src="img/outline-insert_drive_file-24px.svg"/>
</button>
</li>
</ul>
</div>
<div class="user-text-dialog" id="user-text-dialog">
<textarea id="user-text-input" cols="40" rows="10"></textarea>
</div>
<div class="village-name-dialog" id="village-name-dialog">
<h5>Village Name</h5>
<input id="village-name-input">
<h5>Taluk Name</h5>
<input id="taluk-name-input" value="Kunnamkulam">
<h5>District Name</h5>
<input id="district-name-input" value="Thrissur">
</div>
<div id="form-one">
<div>
<div style="padding: 10px">
<p align="right" style="font-size: 12px;">
19/922/2012. 36,000 +60,000+35,000 G. P. S © Govt. of Kerala.
</p>
</div>
<div style="text-align:center">
<h5>FORM I<br> (<i>See</i> Rule 3)</h5>
</div>
<div style="margin-left: 40px; margin-right: 40px;">
<b>
<h5 style="text-align:justify">
List of houses liable for assessment under the Kerala Building Tax Act, 1975 in
<i><span id="village-name">______________</span></i> Village of
<i><span id="taluk-name">Kunnamkulam</span></i> Taluk in
<i><span id="district-name">Thrissur</span></i> District
</h5>
</b>
</div>
</div>
<table style="margin-left: 40px; margin-right: 40px;">
<tr>
<td width="50%" valign="top">
<h6>1. Name of Taluk/Panchayat/Special Grade Panchayat/Municipality/Corporation, Village, Desom, Kara or
Muri, Survey and Sub-Division No. where the building is situate</h6>
</td>
<td width="50%" valign="top">
<textarea class="form-input" id="q1" rows="3" oninput="setText(this)"></textarea>
<p class="form-text" id="q1-text"></p>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<h6>2. Whether it is a new construction, addition or extension to an existing Building or major repairs
or
improvements</h6>
</td>
<td width="50%" valign="top">
<input class="form-input" type="text" id="q2" oninput="setText(this)">
<p class="form-text" id="q2-text"></p>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<h6>3. Nature of building:</h6>
<h6>    (i) Residential; or</h6>
<h6>    (ii) Other buildings </h6>
</td>
<td width="50%" valign="top">
<input class="form-input" type="text" id="q3" oninput="setText(this)">
<p class="form-text" id="q3-text"></p>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<h6>4. Plinth area of the Building</h6>
</td>
<td width="50%" valign="top">
<input class="form-input" type="text" id="q4" oninput="setText(this)">
<p class="form-text" id="q4-text"></p>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<h6>5. Date of completion</h6>
</td>
<td width="50%" valign="top">
<input class="form-input" type="text" id="q5" oninput="setText(this)">
<p class="form-text" id="q5-text"></p>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<h6>6. Date of occupation</h6>
</td>
<td width="50%" valign="top">
<input class="form-input" type="text" id="q6" oninput="setText(this)">
<p class="form-text" id="q6-text"></p>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<h6>7. Name and address of the owner of the building</h6>
</td>
<td width="50%" valign="top">
<textarea class="form-input" id="q7" oninput="setText(this); copyAddress(this)" rows="6"></textarea>
<p class="form-text" id="q7-text"></p>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<h6>8. Name and address of the owner or occupant and his right for occupation</h6>
</td>
<td width="50%" valign="top">
<textarea class="form-input" id="q8" oninput="setText(this)" rows="6"></textarea>
<p class="form-text" id="q8-text"></p>
</td>
</tr>
<tr>
<td width="50%" valign="top">
<h6>9. Whether extract of the building application register attached and if not why?</h6>
</td>
<td width="50%" valign="top">
<textarea class="form-input" id="q9" oninput="setText(this)"
rows="3"></textarea>
<p class="form-text" id="q9-text"></p>
</td>
</tr>
</table>
<div style="padding: 40px">
<p align="right">
<i>Village Officer</i>
</p>
</div>
</div>
<div id="scale"></div>
<canvas id="canvas" data-paper-resize="true" data-paper-hidpi="on" oncontextmenu="return false;"></canvas>
<script type="application/javascript" src="js/tippy.all.min.js"></script>
<script type="application/javascript" src="js/common.js"></script>
<script type="application/javascript" src="js/paper-full.min.js"></script>
<script type="text/paperscript" src="js/draw.js" canvas="canvas"></script>
<script type="module">
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.17.2/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.17.2/firebase-analytics.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyAWDHICoNz1XKH9eULgBMMyi5IsJ5my1XM",
authDomain: "form-one-6eb77.firebaseapp.com",
projectId: "form-one-6eb77",
storageBucket: "form-one-6eb77.appspot.com",
messagingSenderId: "1073468414469",
appId: "1:1073468414469:web:0ebc16523c4d24f4e75a6c",
measurementId: "G-TS03T934CH"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
</script>
</body>
</html>