MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: memo.php

<?php require_once "../app/headl.php" ?>

<?php
        if (isset($_SESSION['user'])) {
            $user = mysqli_query($conn, "SELECT * FROM `tb_user` WHERE user = '" . $_SESSION['user'] . "'") or die(mysqli_error());
            $u = mysqli_fetch_array($user);
            $users = $u['user'];
            $userid = $u['user'];
            $id_user = $u['cuid'];
            $userID = $u['cuid'];
            $token_id = isset($u['token_id']) ? $u['token_id'] : false;
            $level = isset($u['level']) ? $u['level'] : false;

$sql_balance = mysqli_query($conn, "SELECT * FROM `tb_balance` WHERE userID = '$userID'") or die(mysqli_error());
            $sb = mysqli_fetch_array($sql_balance);
        ?>

<body>

<?php require_once "../app/menul.php" ?>

<div class="clearfix"></div>
        <style>
            body {
                font-size: 12px;
                color: #FFFFFF;
                background-color: #1b1b1b;
            }

.btn {
                margin-bottom: 2px;
                font-size: 12px;
                font-weight: bold;
            }

.container {
                width: 100%;
            }

.glyphicon {
                margin-right: 5px;
            }

.no-gutter>[class*='col-'] {
                padding-right: 5px;
                padding-left: 5px;
                padding-top: 5px;
                padding-bottom: 5px;
            }

.tengahBaris {
                vertical-align: middle;
            }

table {
                padding-bottom: 0px;
            }

.panel {
                box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
            }

input[readonly] {
                background-color: #fff0c4 !important;
                /* any other styles */
            }

.panel-danger>.panel-heading,
            .panel-warning>.panel-heading,
            .btn-warning {
                color: #000000;
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-image: -o-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#eee791), color-stop(60%, #9d8b3d), to(#9f8435));
                background-image: linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-repeat: no-repeat;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
                -webkit-filter: none;
                filter: none
            }

.btn-warning:hover {
                color: #000000;
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#d7a001, #d7a001 60%, #d7a001);
                background-image: -o-linear-gradient(#d7a001, #d7a001 60%, #d7a001);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#d7a001), color-stop(60%, #d7a001), to(#d7a001));
                background-image: linear-gradient(#d7a001, #d7a001 60%, #d7a001);
                background-repeat: no-repeat;
            }

.login {
                color: #000000;
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-image: -o-linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#eee791), color-stop(60%, #9d8b3d), to(#9f8435));
                background-image: linear-gradient(#eee791, #9d8b3d 60%, #9f8435);
                background-repeat: no-repeat;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
                -webkit-filter: none;
                filter: none
            }

.panel-default>.panel-heading {
                color: #ffffff;
                border-color: rgba(0, 0, 0, 0.6)
            }

.navbar-default {
                background-color: #000000;
                border-color: #2b2e32
            }

.well {
                background: #111 !important;
            }

input[readonly] {
                background-color: #eeeecd !important;
                /* any other styles */
            }

textarea[readonly] {
                background-color: #eeeecd !important;
                /* any other styles */
            }

.form-control {
                height: 40px !important;
                border-radius: 3px !important;
            }

.form-control#validasi {
                height: 50px !important;
                border-radius: 3px !important;
            }

.form-control-login {
                height: 40px !important;
                border-radius: 3px !important;
            }

.form-control#reg_username,
            #reg_pass,
            #reg_passcon,
            #reg_email,
            #reg_telpon,
            #reg_bank,
            #reg_rek,
            #reg_nama,
            #reg_ref,
            #reg_dari,
            #reg_lain {
                height: 45px !important;
                border-radius: 3px !important;
            }

textarea {
                height: 100px !important;
                width: 100%;
                padding: 10px;
                border-radius: 5px !important;
            }

td {
                padding-top: 5px !important;
                padding-bottom: 5px !important;
            }

.borderbottom {
                border-bottom: 2px solid #c2c2c2;
                border-top: 2px solid #c2c2c2;
            }

@media (max-width: 1200px) {
                .navbar {
                    background: #32363b;
                }

.navbar-header {
                    float: none;
                }

.navbar-left,
                .navbar-right {
                    float: none !important;
                }

.navbar-toggle {
                    display: block;
                }

.navbar-collapse {
                    border-top: 1px solid transparent;
                    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
                }

.navbar-fixed-top {
                    top: 0;
                    border-width: 0 0 1px;
                }

.navbar-collapse.collapse {
                    display: none !important;
                }

.navbar-nav {
                    float: none !important;
                    margin-top: 7.5px;
                }

.navbar-nav>li {
                    float: none;
                }

.navbar-nav>li>a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

.collapse.in {
                    display: block !important;
                }

@media (min-width: 320px) {

/* iPhone SE,6/7/8/X, Galaxy S5,  */
                    .fadein {
                        position: relative;
                        width: 100%;
                        height: 160px;
                    }

.fadein img {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

}

@media (min-width: 400px) {

/* iPhone 6/7/8 Plus, Pixel 2,Pixel 2 XL,  */
                    .fadein {
                        position: relative;
                        width: 100%;
                        height: 200px;
                    }

.fadein img {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

}

@media (min-width: 700px) {

/* iPad  */
                    .fadein {
                        position: relative;
                        width: 100%;
                        height: 380px;
                    }

.fadein img {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

}

@media (min-width: 1000px) {
                    .fadein {
                        position: relative;
                        width: 100%;
                        height: 480px;
                    }

.fadein img {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

}

textarea {
                height: 100px !important;
                width: 100%;
                padding: 10px;
                border-radius: 5px !important;
            }

.form-control {
                height: 25px !important;
                border-radius: 3px !important;
            }

td {
                padding-top: 5px !important;
                padding-bottom: 5px !important;
                padding-left: 3px !important;
                padding-right: 3px !important;
            }

.grabgtab {
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
                background-image: -o-linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#1b1b1b), color-stop(60%, #1b1b1b), to(#10100e));
                background-image: linear-gradient(#1b1b1b, #1b1b1b 60%, #10100e);
                background-repeat: no-repeat;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#10100e', GradientType=0);
                -webkit-filter: none;
                filter: none
            }

.grabgtabbottom {
                font-weight: bold;
                border-color: rgba(0, 0, 0, 0.6);
                background-image: -webkit-linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
                background-image: -o-linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#3e444c), color-stop(60%, #1b1b1b), to(#1b1b1b));
                background-image: linear-gradient(#3e444c, #1b1b1b 60%, #1b1b1b);
                background-repeat: no-repeat;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1b1b', endColorstr='#1b1b1b', GradientType=0);
                -webkit-filter: none;
                filter: none
            }

.abel {
                font-family: 'Abel';
            }
        </style>

<?php require_once "../app/game.php" ?>

<div id="dashboard_wrap" class="tab-pane fade in active">
                <div class="row" style="margin-bottom:0px">
                    <div class="col-xs-3" style="padding-right:2px">
                        <a class="btn btn-default btn-block " href="index.php"><span class="glyphicon glyphicon-calendar"></span>Statement</a>
                    </div>
                    <div class="col-xs-3" style="padding-right:1px; padding-left: 1px;">
                        <a class="btn btn-default btn-block " href="history.php"><span class="glyphicon glyphicon-calendar"></span>History</a>
                    </div>
                    <div class="col-xs-3" style="padding-right:1px; padding-left: 2px;">
                        <a class="btn btn-default btn-block active" href="memo.php"><span class="glyphicon glyphicon-edit"></span>Memo<span class="badge badgeTotal" style="margin-left:5px; margin-right:10px; font-size:9px; font-weight:bold"></span></a>
                    </div>
                    <div class="col-xs-3" style="padding-left:2px">
                        <a class="btn btn-default btn-block " href="refferal.php"><span class="glyphicon glyphicon-user"></span>Referal</a>
                    </div>
                </div>
                <div class="row" style="margin-bottom:10px">
                    <div class="col-xs-3" style="padding-right:2px">
                        <a class="btn btn-default btn-block " href="deposit.php"><span class="glyphicon glyphicon-import"></span>Deposit</a>
                    </div>
                    <div class="col-xs-3" style="padding-left:1px; padding-right:1px;">
                        <a class="btn btn-default btn-block " href="withdraw.php"><span class="glyphicon glyphicon-export"></span>Withdraw</a>
                    </div>
                    <div class="col-xs-3" style="padding-left:2px; padding-right:1px">
                        <a class="btn btn-default btn-block " href="rekening.php"><span class="glyphicon glyphicon-briefcase"></span>Rekening<span style="position:absolute; font-size: 10px; margin-top: -8px; margin-left:-85px">⭐</span></a>
                    </div>
                    <div class="col-xs-3" style="padding-left:2px">
                        <a class="btn btn-default btn-block " href="password.php"><span class="glyphicon glyphicon-user"></span>Password</a>
                    </div>
                </div>

<ul class="nav nav-tabs">
                    <li><a data-toggle="tab" href="#memo-tulis"><span class="glyphicon glyphicon-edit"></span>Tulis Memo</a></li>
                    <li class="active" id="nav-memo"><a data-toggle="tab" href="#memo-inbox"><span class="glyphicon glyphicon-import"></span>Inbox</a></li>
                    <li><a data-toggle="tab" href="#memo-sent"><span class="glyphicon glyphicon-export"></span>Sent</a></li>
                </ul>

<div class="tab-content">
                    <div id="memo-tulis" class="tab-pane fade">
                        <div class="panel panel-default">
                            <div class="panel-heading"><strong><span class="glyphicon glyphicon-tasks"></span>Tulis</strong></div>
                            <div class="panel-body">
                                <form class="form-group-sm tulis_form" method="post">
                                    <table class="table table-striped form-group-sm" style="margin-bottom:0px">
                                        <tbody>
                                            <tr>
                                                <td style="width:150px">Subject</td>
                                                <td>
                                                    <select class="form-control tulis_subject" name="subject">
                                                        <option value="">Pilih Subject</option>
                                                        <option value="Perihal Member Baru">Perihal Member Baru</option>
                                                        <option value="Perihal Deposit">Perihal Deposit</option>
                                                        <option value="Perihal Withdraw">Perihal Withdraw</option>
                                                        <option value="Masalah Umum">Masalah Umum</option>
                                                        <option value="Perubahan Data">Perubahan Data</option>
                                                        <option value="Pengaduan Layanan">Pengaduan Layanan</option>
                                                        <option value="Lain-lain">Lain-lain</option>
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>Memo</td>
                                                <td><textarea class="tulis_memo" style="height:100px" name="memo"></textarea></td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td><input type="button" class="form-control btn btn-info kirim" value="Kirim" style="width:200px">
                                                    <input type="hidden" name="task" value="tulis">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div id="memo-inbox" class="tab-pane fade in active">
                        <div class="panel panel-default">
                            <div class="panel-heading"><strong><span class="glyphicon glyphicon-tasks"></span>Memo</strong></div>
                            <div class="panel-body">

<table class="table table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>Date</th>
                                            <th>Subject</th>

<th></th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <ul class="pagination"></ul>
                        <script>
                            $(document).ready(function() {
                                $('[data-toggle="tooltip"]').tooltip();
                            });
                        </script>
                    </div>
                    <div id="memo-sent" class="tab-pane fade">
                        <div class="panel panel-default">
                            <div class="panel-heading"><strong><span class="glyphicon glyphicon-tasks"></span>Memo</strong></div>
                            <div class="panel-body">

<th></th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <ul class="pagination"></ul>
                        <script>
                            $(document).ready(function() {
                                $('[data-toggle="tooltip"]').tooltip();
                            });
                        </script>
                    </div>
                </div>
                <a class="btn btn-primary btn-block" href="?statement&amp;head=home" role="button" style="font-weight:bold; margin-top:20px"><span class="glyphicon glyphicon-menu-left"></span>Kembali</a>
                <script>
                    $(document).ready(function() {
                        getMemo();
                    });
                </script>

<?php require_once "../app/footer.php" ?>

</body>

</html>
<?php } ?>