DpackGetData/views/index.handlebars

<div class="wrappers">
    <div class="containers">
        <article class="part card-details">
            <h1>
                Configuration Database
            </h1>
            <br>
            <form action="/data" if="cc-form" autocomplete="off" method="post">
                <legend class="header-title">SQL Server</legend>
               <div class="group card-name">
                    <label for="name">IP ADDRESS</label>
                    <input type="text" id="ipAddress" class="" type="text"  placeholder="Enter IP Address"  {{#if config_dpack.server}} value = {{config_dpack.server}} {{/if}} name="ipAddress_dpack">
                </div>
                <div class="group card-name">
                    <label for="name">USERNAME</label>
                    <input type="text" id="username" class="" type="text"  placeholder="Enter the username" {{#if config_dpack.user}} value = {{config_dpack.user}} {{/if}} name="user_dpack">
                </div>
                <div class="group card-name">
                    <label for="name">PASSWORD</label>
                    <input type="password" id="password" class="" type="text"  placeholder="Enter the Password" {{#if config_dpack.password}} value = {{config_dpack.password}} {{/if}} name = "password_dpack">
                </div>
                <div class="group card-name">
                    <label for="name">DATABASE</label>
                    <input type="text" id="database" class="" type="text"  placeholder="Enter Database Name" {{#if config_dpack.database}} value = {{config_dpack.database}} {{/if}} name = "database_dpack">
                </div>
                <div class="group card-name">
                    <label for="name">DATABASE COLLECTION</label>
                    <input type="text" id="dbCollection" class="" type="text"  placeholder="Enter Database Collection Name" {{#if dbCollection}} value = {{dbCollection}} {{/if}} name = "dbCollection">
                </div>
 <!----------------------------------------------------------------------------------------------->                 
                <legend class="header-title">Oracle Get SQL</legend>
                <div class="row">
                 <div class="group card-name col-8">
                    <label for="name">IP Address</label>
                    <input type="text" id="ip_address_owner" class="" type="text"  placeholder="IP Address Get SQL" {{#if config_owner.ip_address}} value = {{config_owner.ip_address}} {{/if}} name = "ip_address_owner">
                </div>
                 <div class="group card-name col-4">
                    <label for="name">Port</label>
                    <input type="text" id="port_owner" class="" type="text"  placeholder="Port Get SQL" {{#if config_owner.port}} value = {{config_owner.port}} {{/if}} name = "port_owner">
                </div>
            </div>
                 <div class="group card-name">
                    <label for="name">DB NAME</label>
                    <input type="text" id="db_owner" class="" type="text"  placeholder="Enter DB Name Get SQL" {{#if config_owner.dbname}} value = {{config_owner.dbname}} {{/if}} name = "db_owner">
                </div>
                 <div class="group card-name">
                    <label for="name">USER TBS</label>
                    <input type="text" id="user_owner" class="" type="text"  placeholder="Enter TBS user Get SQL" {{#if config_owner.user}} value = {{config_owner.user}} {{/if}} name = "user_owner">
                </div>

                <div class="group card-name">
                    <label for="name">PASSWORD TBS</label>
                    <input type="password" id="password_owner" class="" type="text"  placeholder="Enter TBS Password Get SQL" {{#if config_owner.password}} value = {{config_owner.password}} {{/if}} name = "password_owner">
                </div>
                 <div class="group card-name">
                    <label for="name">SCHEME</label>
                    <input type="text" id="scheme_owner" class="" type="text"  placeholder="Enter Scheme Get Query" {{#if config_owner.scheme}} value = {{config_owner.scheme}} {{/if}} name = "scheme_owner">
                </div>

<!------------------------------------------------------------------------------------------------------------------------------>
                <legend class="header-title">Oracle Send Collection</legend>
                <div class="row">
                 <div class="group card-name col-8">
                    <label for="name">IP Address</label>
                    <input type="text" id="ip_address_sendcol" class="" type="text"  placeholder="IP Address Send Collection" {{#if config_sendcol.ip_address}} value = {{config_sendcol.ip_address}} {{/if}} name = "ip_address_sendcol">
                </div>
                 <div class="group card-name col-4">
                    <label for="name">Port</label>
                    <input type="text" id="port_sendcol" class="" type="text"  placeholder="Port Send Collection" {{#if config_sendcol.port}} value = {{config_sendcol.port}} {{/if}} name = "port_sendcol">
                </div>
                </div>
                 <div class="group card-name">
                    <label for="name">DB NAME</label>
                    <input type="text" id="db_sendcol" class="" type="text"  placeholder="Enter DB Name Send Collection" {{#if config_sendcol.dbname}} value = {{config_sendcol.dbname}} {{/if}} name = "db_sendcol">
                </div>
                 <div class="group card-name">
                    <label for="name">USER TBS</label>
                    <input type="text" id="user_sendcol" class="" type="text"  placeholder="Enter TBS user Get SQL" {{#if config_sendcol.user}} value = {{config_sendcol.user}} {{/if}} name = "user_sendcol">
                </div>

                <div class="group card-name">
                    <label for="name">PASSWORD TBS</label>
                    <input type="password" id="password_sendcol" class="" type="text"  placeholder="Enter TBS Password Get SQL" {{#if config_sendcol.password}} value = {{config_sendcol.password}} {{/if}} name = "password_sendcol">
                </div>
                 <div class="group card-name">
                    <label for="name">SCHEME</label>
                    <input type="text" id="scheme_sendcol" class="" type="text"  placeholder="Enter Scheme Get Query" {{#if config_sendcol.scheme}} value = {{config_sendcol.scheme}} {{/if}} name = "scheme_sendcol">
                </div> 
                <div class="grup submit-group">
                    <span class="arrow"></span>
                    <input type="submit" class="btn btn-primary" value="Save">
                </div>
            </form>
        </article>
        <div class="part bg">
            <table>

            <tr>
                <td colspan="2" style="padding-left: 4px">Job Get Query</td>
                {{#ifExpression statusJob.getQuery true}}
                <td>:    <font style="color: lime;margin-left: 4px">RUN</font></td>
                {{else}}
                <td>:    <font style="color: red;margin-left: 4px">STOP</font></td>
                {{/ifExpression}}
            </tr>
            <tr>
                <td  colspan="2" style="padding-left: 4px">Job Collection</td>
                {{#ifExpression statusJob.collectionInsert true}}
                <td>:    <font style="color: lime;margin-left: 4px">RUN</font></td>
                {{else}}
                <td>:    <font style="color: red;margin-left: 4px">STOP</font></td>
                {{/ifExpression}}
            </tr>
            <tr>
                <td  colspan="2" style="padding-left: 4px">Job Oracle</td>
                {{#ifExpression statusJob.oracleInsert true}}
                <td>:    <font style="color: lime;margin-left: 4px">RUN</font></td>
                {{else}}
                <td>:    <font style="color: red;margin-left: 4px">STOP</font></td>
                {{/ifExpression}}
            </tr>
            <tr>
                <td  style="padding-left: 4px">Auto Start</td>
                {{#ifExpression autoStart "TRUE"}}
                <td>: <font style="color: lime;margin-left: 4px">RUN</font></td>
                <td><form method="post" action="/changeAutoStart"><input type="submit" name="submit" value="STOP" class="btn btn-outline-danger btn-xs"> </form></td>
                {{else}}
                <td>: <font style="color: red;margin-left: 4px">STOP</font></td>
                <td><form method="post" action="/changeAutoStart"><input type="submit" name="submit" value="START" class="btn btn-outline-success btn-xs"> </form></td>                
                {{/ifExpression}}
            </tr>
            </table> 
            <form method="post" action="/changeJobstatus">
                 {{#ifExpression isRunning "TRUE"}}
                <input type="submit" style="margin-top: 8px;" name="submit" class="btn btn-danger" value = "STOP">
                {{else}}
                <input type="submit" style="margin-top: 8px;" name="submit" class="btn btn-success" value = "START">
                {{/ifExpression}}
            </form>
            <br>
            <div class="form-right">
                <h3>Interval Settings</h3>
                <br>
                <form method="post" action="/changeIntervalJob">
                    <div class="group card-name">
                        <label for="name">START MORNING</label>
                        <input type="text" id="startMorning" data-date-format="hh:ii" class="timepicker" type="text"  placeholder="Enter Start Morning" {{#if config_time.start_morning}} value = {{config_time.start_morning}} {{/if}} name="start_morning">
                    </div>
                    <div class="group card-name">
                        <label for="name">END MORNING</label>
                        <input type="text" id="endMorning" data-date-format="hh:ii" class="timepicker" type="text"  placeholder="Enter End Morning" {{#if config_time.end_morning}} value = {{config_time.end_morning}} {{/if}} name = "end_morning">
                    </div>
                    <div class="group card-name">
                        <label for="name">START NIGHT</label>
                        <input type="text" id="startNight" data-date-format="hh:ii" class="timepicker" type="text"  placeholder="Enter Start Night" {{#if config_time.start_night}} value = {{config_time.start_night}} {{/if}} name = "start_night">
                    </div>
                    <div class="group card-name">
                        <label for="name">END NIGHT</label>
                        <input type="text" id="endNight" data-date-format="hh:ii" class="timepicker" type="text"  placeholder="Enter End Night" {{#if config_time.end_night}} value = {{config_time.end_night}} {{/if}} name="end_night">
                    </div>
                    <div class="group card-name">
                        <label for="name">GetQuery Interval (Min:1 - 59)</label>
                        <input type="text" id="getQueryInterval" onkeypress="return isNumber(event)" class="" type="text"  placeholder="Enter the username" {{#if getquery_interval}} value = {{getquery_interval}} {{/if}} name="getquery_interval">
                    </div>
                    <div class="group card-name">
                        <label for="name">Collection Interval (Min:1-59)</label>
                        <input type="text" id="collectionInterval" onkeypress="return isNumber(event)" class="" type="text"  placeholder="Enter the username" {{#if collection_interval}} value = {{collection_interval}} {{/if}} name="collection_interval">
                    </div>  
                    <div class="group card-name">
                        <label for="name">Oracle Interval (Min:1-59)</label>
                        <input type="text" id="oracleInterval" onkeypress="return isNumber(event)" class="" type="text"  placeholder="Enter the username" {{#if oracle_interval}} value = {{oracle_interval}} {{/if}} name="oracle_interval">
                    </div>
                     <input type="submit" class="btn btn-primary" value = "Submit">
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">

    function isNumber(evt) {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
        return true;
    }

    jQuery(document).ready(function($){



       // $('#popupS-input').prop('type', 'password');

        // $.ajax({
        //     url: "/get-password",
        //     type:"POST",
        //     success: function(result){
        //         popupS.prompt({
        //                 content: 'Masukkan Password Untuk Login',
        //                 onSubmit: function(val) {
        //                     if(val != result){
        //                         window.location.replace("/");
        //                     }
        //                 },
        //                 onClose: function(){
        //                     window.location.replace("/");
        //                 },
        //                 onOpen: function(){
        //                     $('#popupS-input').prop('type', 'password');
        //                 }
        //         });

        //     }
        // })




        $('#lastDate').datepicker({
            format: 'dd-M-yyyy',
            autoclose : true,
            forceParse: false
        });

        $('input.timepicker').clockpicker({
            donetext: 'SUBMIT'
        });

    });



</script>