TrxShell [ mangaberri.com ]

Name	Size	Permission
js	[ DIR ]	drwxrwxrwx
uploads	[ DIR ]	drwxrwxrwx
.htaccess	480 B	-rwxrwxrwx
00-01.jpg	562.85 KB	-rwxrwxrwx
02.jpg	35.82 KB	-rwxrwxrwx
03.jpg	378.77 KB	-rwxrwxrwx
04-05.jpg	696.59 KB	-rwxrwxrwx
06-07.jpg	685.45 KB	-rwxrwxrwx
08.jpg	421.87 KB	-rwxrwxrwx
09.jpg	410.44 KB	-rwxrwxrwx
10.jpg	330.76 KB	-rwxrwxrwx
AgentForm.html	11.52 KB	-rwxrwxrwx
AgentPanel.html	17.48 KB	-rwxrwxrwx
AgentReport.html	24.23 KB	-rwxrwxrwx
actions.php	8.96 KB	-r--r--r--
add_article.php	18.23 KB	-r--r--r--
add_chapter_section.php	16.65 KB	-r--r--r--
add_new_manga.php	20.77 KB	-r--r--r--
articles.php	18.06 KB	-r--r--r--
bootstrap.min.css	141.49 KB	-rwxrwxrwx
bootstrap.min.js	47.8 KB	-rwxrwxrwx
change-password.php	8.51 KB	-r--r--r--
comment.php	21.18 KB	-r--r--r--
dashboard.php	21.05 KB	-r--r--r--
datasource.php	1.49 KB	-rw-r--r--
dbhelper.php	35.6 KB	-r--r--r--
edit_article.php	19.52 KB	-r--r--r--
edit_chapter_section.php	35.2 KB	-r--r--r--
edit_chapter_section_org.php	16.57 KB	-r--r--r--
edit_chapter_section_org1.php	35.18 KB	-r--r--r--
edit_manga.php	23.45 KB	-r--r--r--
error.php	0 B	-r--r--r--
favicon.ico	67.58 KB	-rwxrwxrwx
footer.php	1.21 KB	-r--r--r--
generate_sitemap.php	13.18 KB	-r--r--r--
genre.php	23.01 KB	-r--r--r--
header.php	8.31 KB	-r--r--r--
home.php	45.57 KB	-r--r--r--
index.php	258 B	-r--r--r--
insert-image.png	12.36 KB	-rwxrwxrwx
jquery-slim.min.js	67.97 KB	-rwxrwxrwx
loading-dark.gif	17.85 KB	-rwxrwxrwx
log.txt	4.42 KB	-rwxrwxrwx
login.php	0 B	-r--r--r--
logo_dark.7c81824.png	70.25 KB	-rwxrwxrwx
logo_light.d9991b5.png	70.25 KB	-rwxrwxrwx
logo_white.f5e6e19.png	70.25 KB	-rwxrwxrwx
logout.php	185 B	-r--r--r--
main.js	56 B	-rwxrwxrwx
manga_requests.php	11.38 KB	-r--r--r--
page_section.php	15.59 KB	-r--r--r--
phpinfo.php	18 B	-r--r--r--
popper.min.js	18.74 KB	-rwxrwxrwx
rome.css	1.76 KB	-rwxrwxrwx
rome.js	433.52 KB	-rwxrwxrwx
script.php	1.41 KB	-r--r--r--
signin.php	6.97 KB	-r--r--r--
signup.php	7.23 KB	-r--r--r--
sitemap.xml	886.98 KB	-rwxrwxrwx
sitemap1.xml	13.43 KB	-rwxrwxrwx
starter-template.css	109 B	-rwxrwxrwx
statistics.php	18.06 KB	-r--r--r--
style_css.php	97.59 KB	-r--r--r--
styles.css	660.94 KB	-rwxrwxrwx
thumbnail(19).webp	40.43 KB	-rwxrwxrwx
transfer_image.php	1.91 KB	-r--r--r--
upload.php	1.26 KB	-r--r--r--

Code Editor : AgentReport.html

<!doctype html>
<html lang="en">

<title>Starter Template for Bootstrap</title>

<link href="bootstrap.min.css" rel="stylesheet">

<link href="starter-template.css" rel="stylesheet">

<body>

<div class="collapse navbar-collapse" id="navbarsExampleDefault">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#">Summary</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Supervisor</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#">Agent Report</a>
                </li>
                
                <li class="nav-item">
                    <a class="nav-link" href="#">Commission</a>
                </li>
                
                </li>
            </ul>
        </div>
    </nav>

<main role="main" class="container">
        <style>
            #all-company {
                border: 1px solid #aaa;
                border-radius: 3px;
                padding: 5px 7px;
                background-color: transparent;
                margin-left: 3px;
                text-align: center;
            }
            
            table.dataTable thead th {
                text-align: center;
            }
            
            .flex-container {
                display: flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-box;
                display: -webkit-flex;
                justify-content: space-around;
                list-style: none;
                margin: 0;
                padding: 0;
                -webkit-flex-flow: row wrap;
                position: relative;
            }
            
            .flex-item {
                color: #fff;
                height: 170px;
                margin: 10px 10px;
                padding: 0;
                width: 100%;
                position: relative;
                flex: 1 0 20%;
            }
            
            .flex-item-inner {
                display: flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-box;
                display: -webkit-flex;
                flex-direction: column;
                justify-content: flex-start;
                height: 170px;
                margin: 0;
                padding: 0;
                width: 100%;
            }
            
            .flex-item-inner a {
                color: #fff;
                cursor: pointer;
            }
            /*-------- cards --------*/
            
            .card-front,
            .card-back {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 170px;
                padding: 20px;
                margin: 0;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                -webkit-transition: -webkit-transform 0.3s;
                transition: transform 0.3s;
                justify-content: flex-end;
                border-radius: 2rem;
            }
            
            .card-front i.tile-icon {
                display: block;
                margin: 10px auto 20px auto;
                text-align: center;
            }
            
            .card-front h4 {
                font-size: 18px;
                font-weight: normal;
                margin: 10px 0;
            }
            
            .card-front p.detail {
                font-size: 24px;
                font-weight: bold;
                margin: 0;
            }
            
            .card-front.bg-violet {
                background-color: #702082;
            }
            
            .card-front.bg-magenta {
                background-color: #c110a0;
            }
            
            .card-front.bg-blue {
                background-color: #00a0d2;
            }
            
            .card-front.bg-green {
                background-color: #00c389;
            }
            
            .card-back {
                background-color: #1e1e1e;
                -webkit-transform: rotateY(-180deg);
                transform: rotateY(-180deg);
            }
            
            .card-back p.title {
                color: #000;
                margin-top: 0;
                text-transform: uppercase;
            }
            
            .card-back p.desc {
                color: #63666a;
            }
            
            .card-back p.link {
                color: #702082;
            }
            
            .card-back.bg-violet {
                background-color: #d8d7df;
            }
            
            .card-back.bg-magenta {
                background-color: #ddd0cf;
            }
            
            .card-back.bg-blue {
                background-color: #c8d7df;
            }
            
            .card-back.bg-green {
                background-color: #d9e6dc;
            }
            /*-------- cards / flip effect --------*/
            /*.flex-item:hover .card-front {
                -webkit-transform: rotateY(-180deg);
                transform: rotateY(-180deg);
            }
            
            .flex-item:hover .card-back {
                -webkit-transform: rotateY(0);
                transform: rotateY(0);
            }*/
            
            @media only screen and (max-width: 480px) {
                .flex-item {
                    flex: 1 0 35%;
                }
            }
            
            .segment {
                padding: 32px 0;
                text-align: center;
            }
            
            p,
            input,
            select,
            textarea,
            button {
                font-family: "Montserrat", sans-serif;
                letter-spacing: -0.2px;
                font-size: 16px;
            }
            
            form {
                padding: 16px;
                width: 100%;
                margin: 0 auto;
            }
            
            button,
            input,
            select {
                border: 0;
                outline: 0;
                font-size: 16px;
                border-radius: 320px;
                padding: 16px;
                background-color: #ebecf0;
                text-shadow: 1px 1px 0 #fff;
            }
            
            label {
                display: block;
                margin-bottom: 24px;
                width: 100%;
            }
            
            input,
            select {
                margin-right: 8px;
                box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #fff;
                width: 100%;
                box-sizing: border-box;
                transition: all 0.2s ease-in-out;
                appearance: none;
                -webkit-appearance: none;
            }
            
            input:focus,
            select:focus {
                box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #fff;
            }
            
            button {
                color: #61677c;
                font-weight: bold;
                box-shadow: -5px -5px 20px #fff, 5px 5px 20px #babecc;
                transition: all 0.2s ease-in-out;
                cursor: pointer;
                font-weight: 600;
            }
            
            button:hover {
                box-shadow: -2px -2px 5px #fff, 2px 2px 5px #babecc;
            }
            
            button:active {
                box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #fff;
            }
            
            button .icon {
                margin-right: 8px;
            }
            
            button.unit {
                border-radius: 8px;
                line-height: 0;
                width: 48px;
                height: 48px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                margin: 0 8px;
                font-size: 19.2px;
            }
            
            button.unit .icon {
                margin-right: 0;
            }
            
            button.red {
                display: block;
                width: 100%;
                color: #ae1100;
            }
            
            .input-group {
                display: flex;
                align-items: center;
                justify-content: flex-start;
            }
            
            .input-group label {
                margin: 0;
                flex: 1;
            }
            
            select.minimal {
                background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
                background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
                background-size: 5px 5px, 5px 5px, 1px 1.5em;
                background-repeat: no-repeat;
            }
            
            select.minimal:focus {
                background-image: linear-gradient(45deg, black 50%, transparent 50%), linear-gradient(135deg, transparent 50%, black 50%), linear-gradient(to right, #ccc, #ccc);
                background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
                background-size: 5px 5px, 5px 5px, 1px 1.5em;
                background-repeat: no-repeat;
                border-color: black;
                outline: 0;
            }
            
            select:-moz-focusring {
                color: transparent;
                text-shadow: 0 0 0 #000;
            }
            
            label.label-text {
                margin-bottom: 4px;
                text-align: left;
                color: #000;
            }
        </style>

<div class="starter-template">
            <div class="row" style="margin-bottom:10px;">
                
                <div class="col-md-12 flex-container">
                    
                    <div class="flex-item">
                        <div class="flex-item-inner">
                            
                            <a href="#">
                                <div class="card-front bg-violet">
                                    <i class="fa fa-pie-chart fa-3x tile-icon icon-white"></i>
                                    <h4>Flexible Spending Account</h4>
                                    <p class="detail">$XXX,XXX</p>
                                </div>
                                
                            </a>
                            
                        </div>
                    </div>

<div class="flex-item">
                        <div class="flex-item-inner">
                            
                            <a href="#">
                                <div class="card-front bg-magenta">
                                    <i class="fa fa-heart fa-3x tile-icon icon-white"></i>
                                    <h4>HSA Total Balance</h4>
                                    <p class="detail">$XXX,XXX</p>
                                </div>
                                
                            </a>
                            
                        </div>
                    </div>

<div class="flex-item">
                        <div class="flex-item-inner">
                            
                            <a href="#">
                                <div class="card-front bg-blue">
                                    <i class="fa fa-sun-o fa-3x tile-icon icon-white"></i>
                                    <h4>Your Paid Time Off Balance</h4>
                                    <p class="detail">$XXX,XXX</p>
                                </div>
                                
                            </a>
                            
                        </div>
                    </div>

<div class="flex-item">
                        <div class="flex-item-inner">
                            
                            <a href="#">
                                <div class="card-front bg-green">
                                    <i class="fa fa-bar-chart fa-3x tile-icon icon-white"></i>
                                    <h4>Savings Plan Total Balance</h4>
                                    <p class="detail">$XXX,XXX</p>
                                </div>
                                
                            </a>
                            
                        </div>
                    </div>
                    
                </div>
                
            </div>
            <br><br>
            <div class="row" style="margin-bottom:10px;">
                <div class="col-12 text-lg-right text-md-right text-sm-right text-center">
                    <select name="company" id="all-company" class="text-right"> 
                        <option value="EBABA GROUP">EBABA GROUP</option>
                        <option value="PRIMELEAD SDN BHD">PRIMELEAD SDN BHD</option>                               
                    </select>
                </div>
            </div>
            <table id="example" class="display nowrap table-bordered" style="width:100%">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Sales</th>
                        <th>Agent Commission</th>
                        <th>Net</th>
                        <th>My Commission</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>Tiger Nixon</td>
                        <td>System Architect</td>
                        <td>Edinburgh</td>
                        <td>2011-04-25</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>Garrett Winters</td>
                        <td>Accountant</td>
                        <td>Tokyo</td>
                        <td>2011-07-25</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>Ashton Cox</td>
                        <td>Junior Technical Author</td>
                        <td>San Francisco</td>
                        <td>2009-01-12</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>Cedric Kelly</td>
                        <td>Senior Javascript Developer</td>
                        <td>Edinburgh</td>
                        <td>2012-03-29</td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>Airi Satou</td>
                        <td>Accountant</td>
                        <td>Tokyo</td>
                        <td>2008-11-28</td>
                    </tr>
                    <tr>
                        <td>6</td>
                        <td>Brielle Williamson</td>
                        <td>Integration Specialist</td>
                        <td>New York</td>
                        <td>2012-12-02</td>
                    </tr>
                    <tr>
                        <td>7</td>
                        <td>Herrod Chandler</td>
                        <td>Sales Assistant</td>
                        <td>San Francisco</td>
                        <td>2012-08-06</td>
                    </tr>

</tbody>
            </table>

<br><br><br>
            <form>
                <label class="label-text" for="input_from">Select Date</label>
                <label>
                    <input type="text" id="input">
                </label>

<label class="label-text">EMAIL</label>
                <label>
                    <input type="text" placeholder="Email Address"/>
                </label>
                <label class="label-text">PASSWORD</label>
                <label>
                    <input type="password" placeholder="Password"/>
                </label>
                <button class="red" type="button"><i class="icon ion-md-lock"></i> Log in</button>

<label class="label-text">SEARCH</label>
                <div class="input-group">
                    <label>
                        <input type="text" placeholder="Search"/>
                      </label>
                    <button class="unit" type="button"><i class="icon ion-md-search"></i></button>
                </div>

<br>

<label class="label-text">MONTH</label>
                <label>
                        <select class="minimal">
                            <option></option>
                            <option>01</option>
                            <option>02</option>
                            <option>03</option>
                            <option>04</option>
                            <option>05</option>
                            <option>06</option>
                            <option>07</option>
                            <option>08</option>
                            <option>09</option>
                            <option>10</option>
                            <option>11</option>
                            <option>12</option>
                        </select>
                    </label>

</form>
        </div>
        <br><br><br>
    </main>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script>
        window.jQuery || document.write('<script src="jquery-slim.min.js"><\/script>')

$(document).ready(function() {
            var table = $('#example').DataTable({
                paging: false,
                responsive: true
            });
        });
    </script>
    <script src="popper.min.js"></script>
    <script src="bootstrap.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/rowreorder/1.3.1/js/dataTables.rowReorder.min.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.4.0/js/dataTables.responsive.min.js"></script>
    <script src="rome.js"></script>
    <script src="main.js"></script>

</body>

</html>

${this.title}

Code Editor : AgentReport.html