qqPlot.tt

<article class="content">
        <header>
                <h2 title="qqPlot"> Generate Q-Q Plot <span title="Q-Q plot manual"> <a class="manual-link" href="<%qq_plot_manual_url %>" target="_blank"> ? </a> </span> </h2>
        </header>
        <footer>
                <p class="post-info"> Please fill out below form with appropriate values to generate Q-Q plot. </p>
        </footer>

        <p class="required_note"> <span class="astric"> * </span> Required fields </p>

        <form class="qq-plot" method="POST" name="Q-Q Plot" enctype="multipart/form-data">

                <p class="name">
                        <label for="name"> <!--<span class="astric"> * </span>--> Name </label>
                        <input type="text" name="name" placeholder="john smith" title="Please enter your name (e.g. John Smith)" pattern="^[a-zA-z_ ]{3,20}$" required/>
                        <span class="form-hint"> 3-20 letters and [A-Za-z], "_", and a single space are allowed. </span>
                </p>

                <p class="email">
                        <label for="email"> <!--<span class="astric"> * </span>--> Email </label>
                        <input type="email" name="email" placeholder="mail@example.com" title="Please enter valid email address (e.g. mail@example.com)" pattern="^[a-zA-Z0-9-\_.]+@[a-zA-Z0-9-\_.]+\.[a-zA-Z0-9.]{2,5}$" required/>
                        <span class="form-hint"> Please provide a valid email address (e.g. mail@example.com). This will be used to send results back to you. </span>
                </p>

                <p class="upload-file">
                        <label for="upload-file"> Upload your input file </label>
                        <input class="displayNone" id="file" type="file" name="upload-file" title="Please provide file of up to 500KB. We accept .txt/.csv format of file for now." accept=".csv, text/csv, text/plain, text/tab-separated-values, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" required/>
                        <span class="form-hint"> Upto 450MB file is allowed. File must be in .txt/.csv format. </span>
                </p>

                <p class="p-val-col">
                        <label for="p-val-col"> <!--<span class="astric"> * </span>--> Provide p-value column name </label>
                        <input type="text" name="p-val-col" placeholder="e.g. P or p-value or PValue" title="Please enter your p-value column name (e.g. P or p-value or PValue)" pattern="^[a-zA-z- ]$" required/>
                        <span class="form-hint"> [A-Za-z], "_", "-", and a single space are allowed. </span>
                </p>

                <!-- <p class="y-limit">
            <label for="y-limit"> <span class="astric"> * </span> Y-limit </label>
                        <input type="number" name="y-limit" placeholder="e.g. 100" title="Please enter valid number" min="1" max="100" step="1" />
                        <span class="form-hint">  Any value in between 1 to 100. </span>
                </p> -->

                <!-- <p class="xy-limit">
                        <label for="xy-limit"> <span class="astric"> * </span> XY-limit </label>
                        <input type="number" name="xy-limit" placeholder="e.g. 100" title="Please enter valid number" min="1" max="100" step="1" />
                        <span class="form-hint">  Any value in between 1 to 100. </span>
                </p> -->

                <p class="chart-title">
                        <label for="chart-title"> <!--<span class="astric"> * </span>--> Chart Title </label>
                        <input type="text" name="chart-title" placeholder="e.g. sample" title="Please enter chart title" />
                        <span class="form-hint">  This will assign a title to your Q-Q plot. </span>
                </p>

                <p class="output-file-name">
                        <label for="output-file"> <!--<span class="astric"> * </span>--> Provide name for Q-Q plot </label>
                        <input type="text" name="output-file" placeholder="e.g. output" title="Please enter name for Q-Q plot" />
                        <span class="form-hint">  This will assign a name to your Q-Q plot. </span>
                </p>
                <p class="output-file">
                        <label for="output-file"> Select your output format </label>
                        <select name="output-file-type" title="Please select your ouput format from the list." required>
                                <option value=""> -select your output format- </option>
                                <option value="jpeg"> JPEG </option>
                                <option value="png"> PNG </option>
                                <option value="pdf"> PDF </option>
                        </select>
                        <span class="form-hint"> Please select your interest of output format.</span>
                </p>
                <p class="submit">
                        <button class="submit" type="submit"> Submit </button>
                </p>
        </form>
</article>