immunization-tracker-UI/help.html at master · immunization-tracker/immunization-tracker-UI · GitHub

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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Immunization Tracker Help</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./CSS/index.css" />
    <link type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap" rel="stylesheet">
    <script type="text/javascript" src="https://kit.fontawesome.com/b81a3bdaea.js" async></script>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script type="text/javascript" src="./Translate/translate.js" async></script>
    <script type="text/javascript" src="./Carousel/carousel.js" async></script>
    <script type="text/javascript" src="./Tabs/tabs.js" async></script>
    <script type="text/javascript" src="./Header/header.js" async></script>
    <script type="text/javascript" src="./Help/help.js" async></script>
</head>

<header class='help-header'>
    <div class="header-left">
        <i class="fas fa-bars fa-3x button-mobile"></i>
        <img class='logo' src="../Images/Logo/caduceus-white.svg">
    </div>

    <div class="header-right">
        <nav>
            <a class='page-links' href="index.html" >HOME</a>
            <i class="inav"></i>
            <a class='page-links' href="teammates.html" >TEAM</a>
            <i class="inav"></i>
            <a class='page-links' href="contact.html">CONTACT</a>
            <i class="inav"></i>
            <a class='page-links' href="help.html">HELP</a>
            <i class="inav last-inav"></i>
            <div class='dropdown'>
                <div class="dropdown-button">
                    <a>LOGIN</a>
                </div>
                <div class="dropdown-links dropdown-hidden">
                    <a class='login-links' href="https://app-immunization-tracker.netlify.com/">PROVIDER</a>
                    <i class="inav"></i>
                    <a class='login-links' href="https://app-immunization-tracker.netlify.com/">PATIENT</a>
                </div>
            </div>
        </nav>
        <!-- Allow the website to be translated into other languages via Google-->
        <div id="google_translate_element"></div>
    </div>
</header>

<body class='container help-container'>

    <div class='carousel'>
        <img class='help-img img-reveal' src="../Images/Help/help1.jpg">
        <img class='help-img' src="../Images/Help/help2.jpg">
        <img class='help-img' src="../Images/Help/help3.jpg">
    </div>

    <h1>How can we help you?</h1>
    <section class='search-bar'>
        <i class="fas fa-search fa-3x search-icon"></i>
        <input class='search-box' type="text" placeholder="Describe your issue">
    </section>

    <h2 class='faq-header'>Frequently Asked Questions</h2>

    <!-- Tabs Section -->
    <section class="section help-section">

        <div class="tabs help-tabs">

            <!-- Tab Links -->
            <div class="tabs-links help-tabs-links">
                <div class="tabs-link help-tabs-link tabs-link-selected" data-tab="1">PARENTS</div>
                <div class="tabs-link help-tabs-link" data-tab="2">PATIENTS</div>
                <div class="tabs-link help-tabs-link" data-tab="3">PROVIDERS</div>
                <div class='tabs-link help-tabs-link' data-tab='4'>OTHER</div>
            </div>
        </div>

        <!-- Tab Items -->
        <div class="tabs-items help-tabs-items">

            <!-- parent tab -->
            <div class="tabs-item help-tabs-item tabs-item-selected" id="parent" data-tab="1">
                <div class='tabs-text help-tabs-text'>

                    <!-- parent faq accordion -->
                    <div class="accordion">
                        <div class="accordion-header">
                            <p class="accordion-question">Can I add all of my children in one view?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Yes. Under settings in the user dashboard, click on the "Add Another Child" button to add any additional children you may have.</p>

                        <div class="accordion-header">
                            <p class="accordion-question">How do I grant access to my child's physician to edit the records?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Under the child's name, there will be an option called "Grant Access to..". Click on it, and then enter the doctor's name that you want to give write permissions to.</p>

                        <div class="accordion-header">
                            <p class="accordion-question">Will I be notified of my child's next shot that may require multiple doses?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Yes. The website will automatically send an email a month in advance, and then a follow up email the week before the recommended date of the next dose. This way, it allows you to schedule an appointment with your child's doctor in advance.</p>

                        <div class="accordion-header">
                            <p class="accordion-question">Is there a way to upload any handwritten records to the site?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Unfortuntely, only the doctor is able to upload any records for security purposes. Please give your physician the information so that they can upload it to your child's account.</p>
                    </div><!-- end parent faq accordion -->

                </div>
            </div><!-- end parent tab -->

            <!-- patient tab -->
            <div class="tabs-item help-tabs-item" id="patient" data-tab="2">
                <div class='tabs-text help-tabs-text'>

                    <!-- patient faq accordion -->
                    <div class="accordion">
                        <div class="accordion-header">
                            <p class="accordion-question">What do I do if I'm having problems logging in?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Please contact our support line. They will be happy to assist you.</p>

                        <div class="accordion-header">
                            <p class="accordion-question">How can I view the recommended shots to take when going to another country?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Currently, there is no way to do so. But it is a functionality we have on our radar!</p>
                    </div><!-- end patient faq section -->

                </div>
            </div><!-- end patient tab -->

            <!-- provider tab -->
            <div class="tabs-item help-tabs-item" id="provider" data-tab="3">
                <div class='tabs-text help-tabs-text'>

                    <!-- provider faq accordion-->
                    <div class="accordion">
                        <div class="accordion-header">
                            <p class="accordion-question">What happens if I upload a patient's new record into a different patient's account?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">With our algorithm, we are able to verify if the patient's account name matches with the patient name in the document being uploaded. If it fails, please contact our support line for more assistance.</p>

                        <div class="accordion-header">
                            <p class="accordion-question">Can I grant the staff the ability to upload new information?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Yes. However, you will still need to sign your digital signature on any document that a person (that's not you) uploaded before it gets pushed into the patient's account.</p>

                        <div class="accordion-header">
                            <p class="accordion-question">How accurate is the digital conversion of handwritten records into copiable text?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">It's about 95% accurate. We're always tinkering our algorithm to make it as perfect as possible so that you won't have to worry about inorrect information.</p>
                    </div><!-- end provider faq accordion -->

                </div>
            </div><!-- end provider tab -->

            <!-- other tab -->
            <div class="tabs-item help-tabs-item" id="other" data-tab="4">
                <div class='tabs-text help-tabs-text'>

                    <!-- faq accordion 4 -->
                    <div class="accordion">
                        <div class="accordion-header">
                            <p class="accordion-question">Is this free?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Currently, it is a freeware product. We appreciate any donations, but we're just as happy when you use our site!</p>

                        <div class="accordion-header">
                            <p class="accordion-question">Where's the night mode button?</p>
                            <i class="fas fa-chevron-down fa-2x expand-btn "></i>
                            <i class="fas fa-chevron-up fa-2x collapse-btn hidden-btn"></i>
                        </div>
                        <p class="accordion-content">Our night mode setting is currently in beta! You can click the button to try it! <button class='night-mode-button'>Night Mode</button></p>
                    </div>

                </div>
            </div><!-- end of other tab -->

        </div><!-- end of tab items -->

    </section><!-- end of tabs section -->


    <footer>
        <p>Copyright 2019 Immunization Tracker. All rights reserved.</p>
    </footer>

</body>

</html>