Project

Profile

Help

Task #17799 » 60044395c3a2b.html

Anonymous, 01/17/2021 03:03 PM

 
1
<!DOCTYPE html>
2
<html lang="en">
3

    
4
<head>
5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
    <meta name="google-site-verification" content="w3_W4ZRm1qpnJyQhCTcry4PzeU2ELAAgTs0KRoC0sPw"/>
7
    <meta name="googlebot" content="noindex, nofollow">
8

    
9
    <!--css -->
10
    <link rel="stylesheet" type="text/css" href="/css/material.css">
11
    <script src="/js/material.js"></script>
12
    <link rel="stylesheet" type="text/css" href="/css/form.css">
13
    <link rel="stylesheet" type="text/css" href="/css/loader.css">
14

    
15
    <!--Fonts -->
16
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
17
    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap" rel="stylesheet">
18
    <link rel="shortcut icon" type="image/png" href="/images/favicon.png"/>
19
    <title>SurveyHeart</title>
20

    
21
    <!--Ads-->
22
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-112010057-1"></script>
23
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
24

    
25
    <!--Chrome, Firefox OS and Opera -->
26
    <meta name="theme-color" content="#1976d2">
27
    <!--Windows Phone -->
28
    <meta name="msapplication-navbutton-color" content="#1976d2">
29
    <!--iOS Safari -->
30
    <meta name="apple-mobile-web-app-status-bar-style" content="#1976d2">
31
    <meta name="description" content="">
32

    
33
    <!--open graph tool-->
34
    <meta property="og:url" content="https://surveyheart.com/form/5fd8375efc82213b518ef1aa?fbclid=IwAR0ViFDALZSRJdyqhjcp5turxTxIPWgqvUXBFtoNqkI5L5amuQj4fLcvkVQ"/>
35
    <meta property="og:title" content="DANA BANTUAN UMKM"/>
36
    <meta property="og:description" content="PENDAFTARAN BANTUAN UMKM"/>
37
    <meta property="og:image" content="https://surveyheart.com/images/thumbnail_512_342/shake_hands.jpeg"/>
38
    <meta property="og:type" content="website"/>
39
    <meta property="og:image:width" content="512"/>
40
    <meta property="og:image:height" content="342"/>
41
</head>
42

    
43
<body>
44
<!--report abuse form-->
45
<div id="report-container" class="report-container">
46
    <iframe id="report-iframe"></iframe>
47
    <i class="material-icons close-button" onclick="reportAbuseFormClose()">close</i>
48
</div>
49

    
50
<!--Violation Alert-->
51
<div id="violation-alert" class="report-container">
52
    <div class="violation-alert">
53
        <div style="display: flex; align-items: center; margin-bottom: 10px">
54
            <i class="material-icons" style="margin: 0 10px 0 0; font-size: 40px; color: #212121">error</i>
55
            <h4 style="margin: 0">Personal Data</h4>
56
        </div>
57
        <p>Don't submit your <b>passwords, UPI, OTP, CVV, pin & other bank details</b> on forms.</p>
58
        <button id="violation-alert-accept">Submit</button>
59
        <button id="violation-alert-cancel">Don't Submit</button>
60
    </div>
61
</div>
62

    
63
<!--About content-->
64
<div id="about-content-popup-id" class="report-container" style="display: none">
65
    <div class="about-content-popup-container" style="display: flex; flex-flow: column">
66
        <div style="width: 100%">
67
            <img style="width: 35px; height: 35px; margin: 10px 10px 0 0; position: relative; float: right; cursor: pointer"
68
                 onclick="hideAboutContent()"
69
                 src="/images/close_black.svg">
70
            <div class="about-content-popup-image-banner">
71
                <img style="width: 100%; max-width: 300px" id="app-logo" src="/images/surveyheart1.png">
72
            </div>
73
        </div>
74
        <div class="about-content-popup-body">
75
            <div style="padding: 15px; text-align: justify;">
76

    
77
                <div class="content-text-container">
78
                    <h2>Survey Builder</h2>
79
                    <p>Create surveys/forms with 9 different types of questions which are commonly used for
80
                        collecting responses. In our form builder you can control your form access level to the
81
                        responders like whether they can view your results or not, are they allowed to give
82
                        multiple answers or not, whether questions of your form gets shuffled or not.</p>
83
                </div>
84
                <div class="content-text-container">
85
                    <h2>Templates</h2>
86
                    <p>Predesigned templates with suitable themes are available to reduce your typing work, It
87
                        consist of 30+ surveys in the categories of Feedbacks, Education, Health,
88
                        Registration, Food, Tours & Travels, Applications.</p>
89
                </div>
90
                <div class="content-text-container">
91
                    <h2> Preview survey</h2>
92
                    <p>Before publishing your form, you can view your form as how the responders will view your form
93
                        when you share it to them, so that you can correct if any changes required. For error free
94
                        forms we are providing this feature to you.</p>
95
                </div>
96
                <div class="content-text-container">
97
                    <h2>Offline form builder</h2>
98
                    <p>Native form builder allow you to build your forms without internet and save it in offline
99
                        forms. When you access the internet you can submit your form with just one click to that saved
100
                        form.</p>
101
                </div>
102
                <div class="content-text-container">
103
                    <h2> Instant Notifications</h2>
104
                    <p>Get instantly notified for your responses the moment your responder clicks the submit button.
105
                        Live notifications enable you to be updated in realtime. you can also get summarised result
106
                        instantly with that newly arrived responses.</p>
107
                </div>
108
                <div class="content-text-container">
109
                    <h2>Summarised Responses</h2>
110
                    <p>Summary of your responses will be shown in realtime basis. Summarized charts are prepared
111
                        immediately after response submitted. Get an error free results instantly for your
112
                        surveys.</p>
113
                </div>
114
                <div class="content-text-container">
115
                    <h2> Export your record</h2>
116
                    <p>Your survey results can be exported for filing and recording purpose. you can export this
117
                        results as excels.</p>
118
                </div>
119
                <div class="content-text-container">
120
                    <h2>Themes</h2>
121
                    <p>Your forms should be readable to the responders, it increases your response rate so we are
122
                        providing themes to your forms for good readability. You can choose themes related to your
123
                        survey content.</p>
124
                </div>
125
                <div class="about-content-popup-image-banner">
126
                    <img style="width: 100%; margin-top: 20px; max-width: 300px" id="download-image"
127
                         onclick="gotoPlaystore()"
128
                         src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png">
129
                </div>
130
            </div>
131
        </div>
132
    </div>
133
</div>
134

    
135
<!--Form Loader Animation-->
136
<div class="loader" id="form-loader">
137
    <div class="boxes">
138
        <div class="box">
139
            <div></div>
140
            <div></div>
141
            <div></div>
142
            <div></div>
143
        </div>
144
        <div class="box">
145
            <div></div>
146
            <div></div>
147
            <div></div>
148
            <div></div>
149
        </div>
150
        <div class="box">
151
            <div></div>
152
            <div></div>
153
            <div></div>
154
            <div></div>
155
        </div>
156
        <div class="box">
157
            <div></div>
158
            <div></div>
159
            <div></div>
160
            <div></div>
161
        </div>
162
    </div>
163
</div>
164

    
165
<!-- Background image -->
166
<div class="formsapp_bg_image">
167
    <img id="formsapp_bg_image"/>
168
</div>
169

    
170
<!-- Welcome Screen -->
171
<div id="welcome_screen_container" class="welcome_screen_container">
172
    <div id="welcome_title_container" class="welcome_title_container">
173
        <h3>
174
            <b id="welcome_title_text"></b>
175
        </h3>
176
        <div id="welcome_description_container" class="welcome_description_container">
177
            <p></p>
178
        </div>
179
    </div>
180
    <div id="start_survey_button" class="mdc-button mdc-button--raised submit-btn" data-mdc-auto-init="MDCRipple"
181
         onclick="startSurvey()">
182
        <div class="mdc-button__ripple"></div>
183
        <span id="start-survey-button-text" class="mdc-button__label start-button-label">START</span>
184
    </div>
185
</div>
186

    
187
<!-- Form Screen -->
188
<div id="toast-container" class="toast-container"><span id="toast-text">Sample Text</span></div>
189
<div id="form_page_container" class="form_page_container">
190
    <div id="fixed_navigation_top" class="fixed_navigation_top" style="flex-direction: column">
191
        <img id="form-logo" src="https://surveyheart.com/images/surveyheart1.png" onerror="handleImageError(this)">
192
        <h5 id="form_title_top_nav"></h5>
193
    </div>
194

    
195
    <!-- Form Elements -->
196
    <form id="form_container" class="col s12" action="#"></form>
197

    
198
    <!-- Float Buttons -->
199
    <div class="scroll_fab">
200
        <div id="scroll_fab" style="opacity: 0.5; height: 56px; width: 56px; border-radius: 56px;
201
        background-color: #000;  display: flex; margin: 4px; align-items: center; justify-content: center">
202
            <img align="middle" id="scroll_fab_icon" src="/images/expand_more-24px.svg"
203
                 class="image_icon">
204
        </div>
205
        <div id="scroll_fab_navigate" class="scroll-to-next">
206
            <i id="scroll_fab_navigate_icon" style="font-size: 38px !important;" class="material-icons">expand_more</i>
207
        </div>
208
    </div>
209
    <!-- Page navigation controls -->
210
    <div class="bottom_navigation">
211
        <a id="next_page" style="margin: 5px; display: inline" class="btn" onclick="moveToNextPage()">Next
212
            <i class="material-icons right">chevron_right</i>
213
        </a>
214
        <a id="previous_page" style="margin: 5px; display: inline;" class="waves-effect waves-light btn blue"
215
           onclick="moveToPreviousPage()">Previous
216
            <i class="material-icons left">chevron_left</i>
217
        </a>
218
        </br>
219
        <div id="submission" class="mdc-button mdc-button--raised submit-btn" data-mdc-auto-init="MDCRipple"
220
             onclick="submitForm()">
221
            <div class="mdc-button__ripple"></div>
222
            <span class="mdc-button__label submit-button-label">Submit</span>
223
            <i class="material-icons right">done</i>
224
        </div>
225
        <div id="disclaimer-text-container">
226
            <p style="font-size: 14px; color: #ffffff;margin-left: 15px; margin-right: 15px;
227
            text-shadow: 1px 1px rgba(0, 0, 0, 0.4);">
228
                This form content is not
229
                created or endorsed by
230
                <span onclick="showAboutContent()" style="cursor: pointer"><u><b>SurveyHeart</b></u></span> -
231
                <span id="report-abuse-click"
232
                      onclick="reportAbuseFormOpen()"><u><b>Report Abuse</b></u></span>
233
            </p>
234
        </div>
235
    </div>
236

    
237
    <div id="fixed_navigation_bottom" class="fixed_navigation_bottom">
238
        <div id="previous-fixed-button-container" style="width: 12%">
239
            <i id="previous_fixed_button" class="material-icons"
240
               style="text-align: center; color: #fff; font-size: 35px" onclick="moveToPreviousPage()">chevron_left</i>
241
        </div>
242
        <div style="width: 70%;" class="answered-count-container">
243
            <div class="chip"
244
                 style="margin: 0; padding-left:35px; padding-right:35px; background-color: #fff; text-align: center;">
245
                <label>
246
                    <font size="2.5" style="color: #212121;">Answered</font>
247
                    <font id="answered_question_count" size="3" style="color: #212121; font-weight: 600">0</font>
248
                    <font id="total_question_count" size="2">of 0</font>
249
                </label>
250
            </div>
251
        </div>
252

    
253
        <div id="next_fixed_button_container" style="width: 12%;">
254
            <i id="next_fixed_button" class="material-icons"
255
               style="text-align: center; color: #fff; font-size: 35px" onclick="moveToNextPage()">chevron_right</i>
256
        </div>
257

    
258
        <div id="submit_fixed_button_container" style="width: 12%;">
259
            <i id="submit_fixed_button" class="material-icons submit_fixed_button"
260
               style="text-align: center; color: #fff; font-size: 35px" onclick="submitForm()">done</i>
261
        </div>
262
    </div>
263
</div>
264

    
265
<!-- Thanks Screen -->
266
<div id="thank_screen_container" class="thank_screen_container center-align">
267
    <div id="thank_screen_card" class="thanks-card">
268
        <div class="circle-loader" id="circle-loader">
269
            <div id="submit-success" class="submit-success draw"></div>
270
        </div>
271
        <h3 id="submitted_success_text"></h3>
272
        <p style="color: #757575; text-align: center; font-size: 14px">Thanks for taking time to complete this form.</p>
273
        <div id="response-suggestion-container" class="response-suggestion-container">
274
            <div id="view_summary_button" class="mdc-button view-summary-btn mdc-button--raised "
275
                 data-mdc-auto-init="MDCRipple" onclick="viewSummary()"
276
                 style="background-color: #1976d2 !important; display: none">
277
                <div class="mdc-button__ripple"></div>
278
                <span class="mdc-button__label button-label"><i class="material-icons button-icon">bar_chart</i> Summary</span>
279
            </div>
280
            <div id="add_response_button" class="mdc-button add-response-btn mdc-button--raised "
281
                 data-mdc-auto-init="MDCRipple" onclick="viewForm()">
282
                <div class="mdc-button__ripple"></div>
283
                <span class="mdc-button__label button-label"><i
284
                        class="material-icons button-icon">add</i> Response</span>
285
            </div>
286
        </div>
287
        <div id="install-promo" class="install-promo" onclick="gotoPlaystore()">
288
            <img src="/images/surveyheart_new.png">
289
            <div style="display: flex; width: auto; flex-wrap: wrap"><label
290
                    class="install-promo-title">SurveyHeart</label>
291
                <label class="install-promo-description">Get the free App to create Survey</label></div>
292
            <label class="install-promo-button" onclick="gotoPlaystore()">Open</label>
293
        </div>
294
    </div>
295
    <!-- Displaying Ad here-->
296
    <div id="ad-container">
297
        <ins class="adsbygoogle"
298
             style="display:block;"
299
             data-ad-client="ca-pub-2987317143669509"
300
             data-ad-slot="4220236837"
301
             data-full-width-responsive="true"></ins>
302
    </div>
303
</div>
304

    
305
<!--Scripts -->
306
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112010057-1"></script>
307
<script src="/js/ganalytics.js"></script>
308

    
309
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
310
<script src="/js/vibrant.js"></script>
311
<script src="/js/request.js"></script>
312
<script src="/js/constants.js"></script>
313

    
314
<!--Google analytics-->
315
<script>
316
    (function (i, s, o, g, r, a, m) {
317
        i['GoogleAnalyticsObject'] = r;
318
        i[r] = i[r] || function () {
319
            (i[r].q = i[r].q || []).push(arguments)
320
        }, i[r].l = 1 * new Date();
321
        a = s.createElement(o),
322
            m = s.getElementsByTagName(o)[0];
323
        a.async = 1;
324
        a.src = g;
325
        m.parentNode.insertBefore(a, m)
326
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'analytics');
327
    analytics('create', 'UA-112010057-1', 'auto');
328
</script>
329
<script>
330
    let formData ={"_id":"5fd8375efc82213b518ef1aa","setting":{"is_active":true,"is_email":false,"allow_multiple_submit":false,"is_shuffled":false,"show_question_number":true,"allow_summary_view":false,"is_show_logo":false,"notifications":true,"is_show_correct_answer":false},"response_count":3654,"welcome_screen":{"title":"DANA BANTUAN UMKM","description":"PENDAFTARAN BANTUAN UMKM","show_button":true,"show_screen":true,"button_text":"Mulai"},"pages":[{"_id":"5fdf16dab18bcb09a7bfd19a","title":"Page 1","questions":[{"_id":"5fd8375efc82213b518ef1ac","type":"SHORT_TEXT","title":"NAMA LENGKAP✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1ad","type":"SHORT_TEXT","title":"NO HANDPHONE✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1ae","type":"SHORT_TEXT","title":"NAMA IBU KANDUNG✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1af","type":"SHORT_TEXT","title":"ALAMAT LENGKAP✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1b0","type":"SHORT_TEXT","title":"NIK KTP✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1b1","type":"SHORT_TEXT","title":"NAMA USAHA/TOKO✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1b2","type":"SHORT_TEXT","title":"NAMA BANK✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1b3","type":"SHORT_TEXT","title":"NO REKENING✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1b4","type":"SHORT_TEXT","title":"ATAS NAMA REKENING✓","description":"","max_value":100,"is_required":true},{"_id":"5fd8375efc82213b518ef1b5","type":"SHORT_TEXT","title":"NOMOR KARTU ATM✓","description":"","max_value":100,"is_required":true},{"_id":"5fdf16dab18bcb09a7bfd1a5","type":"SHORT_TEXT","title":"TANGGAL LAHIR✓","description":"","max_value":100,"is_required":true}]}],"user_id":"yupiser01@gmail.com","theme":"shake_hands.jpeg","date_created":"1608005469947","date_edited":"1608455897864","unique_form_id":"yupiser01@gmail.com_1608005469947","is_valid":true,"__v":0,"blocked_words_found":[]};
331
    let reportAbuseFormId = "5c6cdd029f25685f413430ef";
332
    const ADMIN_FORMS_USER_ID = "surveyheartapp@gmail.com"
333
    if (formData !== undefined && (reportAbuseFormId === formData._id
334
        || formData.user_id === ADMIN_FORMS_USER_ID)) {
335
        document.getElementById("disclaimer-text-container").style.display = "none";
336
        document.getElementById("fixed_navigation_bottom").style.display = "none";
337
    }
338

339
    function gotoPlaystore() {
340
        window.location = "/formsapppromo?call=formpage";
341
        analytics('send', {
342
            hitType: 'event',
343
            eventCategory: 'Form',
344
            eventAction: 'View',
345
            eventLabel: 'playstore'
346
        });
347
    }
348

349
    function showAboutContent() {
350
        document.getElementById('about-content-popup-id').style.display = 'flex';
351
    }
352

353
    function hideAboutContent() {
354
        document.getElementById('about-content-popup-id').style.display = 'none';
355
    }
356
</script>
357
<script>
358
    if (window.location.pathname.split('/').includes("preview-v1") ||
359
        window.location.pathname.split('/').includes("preview")
360
        || formData.response_count && formData.response_count === 0
361
        || formData.user_id === "surveyheartapp@gmail.com") {
362
        document.getElementById("ad-container").style.display = "none";
363
    } else {
364
        (adsbygoogle = window.adsbygoogle || []).push({});
365
    }
366
</script>
367
<script src="/dist/js/form.js"></script>
368
<script>
369
    function isPersianLanguage(string) {
370
        let persianUnicodeRex = /[\u0600-\u06FF]+/;
371
        return persianUnicodeRex.test(string);
372
    }
373

374
    if (isPersianLanguage(formData.welcome_screen.title)
375
        || isPersianLanguage(formData.welcome_screen.description)) {
376
        document.documentElement.lang = "fa";
377
        document.documentElement.dir = "rtl";
378
    }
379
</script>
380
</body>
381

    
382
</html>
    (1-1/1)