Membuat Aplikasi Klinik #02 - Installasi Template

Pada tahap ini kita perlu menambahkan template untuk interface ataupun tampilan dari aplikasi manajemen klinik yang nanti akan kita buat. Template yang kita akan gunakan disini adalah template AdminLTE, anda bisa mengunduh template tersebut pada situs resminya. 

  1. Pertama setelah Anda mengunduh template AdminLTE, anda perlu membuat sebuah folder dengan nama themes pada root direktori aplikasi klinik
  2. Selanjutnya ekstrak AdminLTE ke folder themes 
  3. Selanjutnya buka file Template.php yang terdapat pada folder core, atur isinya seperti berikut
      
      <?php
    
    
    class Template extends Navadmin
    {
            protected $obj;
            protected $app;
            public function __construct($app, $obj)
            {
                    $this->obj=$obj;
                    $this->app=$app;
            }
            public function head($path)
            {
                    ?>
                            <!DOCTYPE html>
                            <html lang="en">
                            <head>
                            <meta charset="utf-8">
                            <meta name="viewport" content="width=device-width, initial-scale=1">
                            <title>AdminLTE 3 | Dashboard</title>
    
                    <?php 
            }
            public function css($path)
            {
                    ?>
                      <!-- Google Font: Source Sans Pro -->
                      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
                      <!-- Font Awesome -->
                      <link rel="stylesheet" href="<?=$path?>themes/adminlte/plugins/fontawesome-free/css/all.min.css">
                      <!-- Ionicons -->
                      <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
                      <!-- Tempusdominus Bootstrap 4 -->
                      <link rel="stylesheet" href="<?=$path?>themes/adminlte/plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
                      <!-- iCheck -->
                      <link rel="stylesheet" href="<?=$path?>themes/adminlte/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
                      <!-- JQVMap -->
                      <link rel="stylesheet" href="<?=$path?>themes/adminlte/plugins/jqvmap/jqvmap.min.css">
                      <!-- Theme style -->
                      <link rel="stylesheet" href="<?=$path?>themes/adminlte/dist/css/adminlte.min.css">
                      <!-- overlayScrollbars -->
                      <link rel="stylesheet" href="<?=$path?>themes/adminlte/plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
                      <!-- Daterange picker -->
                      <link rel="stylesheet" href="<?=$path?>themes/adminlte/plugins/daterangepicker/daterangepicker.css">
                      <!-- summernote -->
                      <link rel="stylesheet" href="<?=$path?>themes/adminlte/plugins/summernote/summernote-bs4.min.css">
                    </head>
                    <body class="hold-transition sidebar-mini layout-fixed">
                    <div class="wrapper">
    
                      <!-- Preloader -->
                      <div class="preloader flex-column justify-content-center align-items-center">
                        <img class="animation__shake" src="<?=$path?>themes/adminlte/dist/img/AdminLTELogo.png" alt="AdminLTELogo" height="60" width="60">
                      </div>
    
    
                    <?php 
            }
            public function footer($path)
            {
                    ?>
                    <footer class="main-footer">
                                <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
                                All rights reserved.
                                <div class="float-right d-none d-sm-inline-block">
                                  <b>Version</b> 3.2.0
                                </div>
                              </footer>
    
                              <!-- Control Sidebar -->
                              <aside class="control-sidebar control-sidebar-dark">
                                <!-- Control sidebar content goes here -->
                              </aside>
                              <!-- /.control-sidebar -->
                            </div>
                            <!-- ./wrapper -->
    
                            <!-- jQuery -->
                            <script src="<?=$path?>themes/adminlte/plugins/jquery/jquery.min.js"></script>
                            <!-- jQuery UI 1.11.4 -->
                            <script src="<?=$path?>themes/adminlte/plugins/jquery-ui/jquery-ui.min.js"></script>
                            <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
                            <script>
                              $.widget.bridge('uibutton', $.ui.button)
                            </script>
                            <!-- Bootstrap 4 -->
                            <script src="<?=$path?>themes/adminlte/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
                            <!-- ChartJS -->
                            <script src="<?=$path?>themes/adminlte/plugins/chart.js/Chart.min.js"></script>
                            <!-- Sparkline -->
                            <script src="<?=$path?>themes/adminlte/plugins/sparklines/sparkline.js"></script>
                            <!-- JQVMap -->
                            <script src="<?=$path?>themes/adminlte/plugins/jqvmap/jquery.vmap.min.js"></script>
                            <script src="<?=$path?>themes/adminlte/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
                            <!-- jQuery Knob Chart -->
                            <script src="<?=$path?>themes/adminlte/plugins/jquery-knob/jquery.knob.min.js"></script>
                            <!-- daterangepicker -->
                            <script src="<?=$path?>themes/adminlte/plugins/moment/moment.min.js"></script>
                            <script src="<?=$path?>themes/adminlte/plugins/daterangepicker/daterangepicker.js"></script>
                            <!-- Tempusdominus Bootstrap 4 -->
                            <script src="<?=$path?>themes/adminlte/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
                            <!-- Summernote -->
                            <script src="<?=$path?>themes/adminlte/plugins/summernote/summernote-bs4.min.js"></script>
                            <!-- overlayScrollbars -->
                            <script src="<?=$path?>themes/adminlte/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
                            <!-- AdminLTE App -->
                            <script src="<?=$path?>themes/adminlte/dist/js/adminlte.js"></script>
                            <!-- AdminLTE for demo purposes -->
                            <script src="<?=$path?>themes/adminlte/dist/js/demo.js"></script>
                            <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
                            <script src="<?=$path?>themes/adminlte/dist/js/pages/dashboard.js"></script>
                            </body>
                            </html>
                    <?php 
            }
            
    }
    
    
    
    ?>
      
      
  4. Kemudian buat folder admin pada folder load, buat file dengan nama Navadmin.php isi dengan script berikut
    
      <?php 
    class Navadmin
    {
            public function admin_nav_header($path='')
            {
                    ?>
                             <!-- Navbar -->
                            <nav class="main-header navbar navbar-expand navbar-white navbar-light">
                                <!-- Left navbar links -->
                                <ul class="navbar-nav">
                                  <li class="nav-item">
                                    <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
                                  </li>
                                  <li class="nav-item d-none d-sm-inline-block">
                                    <a href="index3.html" class="nav-link">Home</a>
                                  </li>
                                  <li class="nav-item d-none d-sm-inline-block">
                                    <a href="#" class="nav-link">Contact</a>
                                  </li>
                                </ul>
    
                                <!-- Right navbar links -->
                                <ul class="navbar-nav ml-auto">
                                  <!-- Navbar Search -->
                                  <li class="nav-item">
                                    <a class="nav-link" data-widget="navbar-search" href="#" role="button">
                                      <i class="fas fa-search"></i>
                                    </a>
                                    <div class="navbar-search-block">
                                      <form class="form-inline">
                                        <div class="input-group input-group-sm">
                                          <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
                                          <div class="input-group-append">
                                            <button class="btn btn-navbar" type="submit">
                                              <i class="fas fa-search"></i>
                                            </button>
                                            <button class="btn btn-navbar" type="button" data-widget="navbar-search">
                                              <i class="fas fa-times"></i>
                                            </button>
                                          </div>
                                        </div>
                                      </form>
                                    </div>
                                  </li>
    
                                  <!-- Messages Dropdown Menu -->
                                  <li class="nav-item dropdown">
                                    <a class="nav-link" data-toggle="dropdown" href="#">
                                      <i class="far fa-comments"></i>
                                      <span class="badge badge-danger navbar-badge">3</span>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                                      <a href="#" class="dropdown-item">
                                        <!-- Message Start -->
                                        <div class="media">
                                          <img src="<?=$path?>themes/adminlte/dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
                                          <div class="media-body">
                                            <h3 class="dropdown-item-title">
                                              Brad Diesel
                                              <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
                                            </h3>
                                            <p class="text-sm">Call me whenever you can...</p>
                                            <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
                                          </div>
                                        </div>
                                        <!-- Message End -->
                                      </a>
                                      <div class="dropdown-divider"></div>
                                      <a href="#" class="dropdown-item">
                                        <!-- Message Start -->
                                        <div class="media">
                                          <img src="<?=$path?>themes/adminlte/dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
                                          <div class="media-body">
                                            <h3 class="dropdown-item-title">
                                              John Pierce
                                              <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                                            </h3>
                                            <p class="text-sm">I got your message bro</p>
                                            <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
                                          </div>
                                        </div>
                                        <!-- Message End -->
                                      </a>
                                      <div class="dropdown-divider"></div>
                                      <a href="#" class="dropdown-item">
                                        <!-- Message Start -->
                                        <div class="media">
                                          <img src="<?=$path?>themes/adminlte/dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
                                          <div class="media-body">
                                            <h3 class="dropdown-item-title">
                                              Nora Silvester
                                              <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
                                            </h3>
                                            <p class="text-sm">The subject goes here</p>
                                            <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
                                          </div>
                                        </div>
                                        <!-- Message End -->
                                      </a>
                                      <div class="dropdown-divider"></div>
                                      <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
                                    </div>
                                  </li>
                                  <!-- Notifications Dropdown Menu -->
                                  <li class="nav-item dropdown">
                                    <a class="nav-link" data-toggle="dropdown" href="#">
                                      <i class="far fa-bell"></i>
                                      <span class="badge badge-warning navbar-badge">15</span>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                                      <span class="dropdown-item dropdown-header">15 Notifications</span>
                                      <div class="dropdown-divider"></div>
                                      <a href="#" class="dropdown-item">
                                        <i class="fas fa-envelope mr-2"></i> 4 new messages
                                        <span class="float-right text-muted text-sm">3 mins</span>
                                      </a>
                                      <div class="dropdown-divider"></div>
                                      <a href="#" class="dropdown-item">
                                        <i class="fas fa-users mr-2"></i> 8 friend requests
                                        <span class="float-right text-muted text-sm">12 hours</span>
                                      </a>
                                      <div class="dropdown-divider"></div>
                                      <a href="#" class="dropdown-item">
                                        <i class="fas fa-file mr-2"></i> 3 new reports
                                        <span class="float-right text-muted text-sm">2 days</span>
                                      </a>
                                      <div class="dropdown-divider"></div>
                                      <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
                                    </div>
                                  </li>
                                  <li class="nav-item">
                                    <a class="nav-link" data-widget="fullscreen" href="#" role="button">
                                      <i class="fas fa-expand-arrows-alt"></i>
                                    </a>
                                  </li>
                                  <li class="nav-item">
                                    <a class="nav-link" data-widget="control-sidebar" data-controlsidebar-slide="true" href="#" role="button">
                                      <i class="fas fa-th-large"></i>
                                    </a>
                                  </li>
                                </ul>
                                    </nav>
                              <!-- /.navbar -->
                    <?php 
    
            }
            public function admin_sidebar($path='')
            {
                    ?>
                            <!-- Main Sidebar Container -->
                            <aside class="main-sidebar sidebar-dark-primary elevation-4">
                                <!-- Brand Logo -->
                                <a href="index3.html" class="brand-link">
                                  <img src="<?=$path?>themes/adminlte/dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
                                  <span class="brand-text font-weight-light">AdminLTE 3</span>
                                </a>
    
                                <!-- Sidebar -->
                                <div class="sidebar">
                                  <!-- Sidebar user panel (optional) -->
                                  <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                                    <div class="image">
                                      <img src="<?=$path?>themes/adminlte/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
                                    </div>
                                    <div class="info">
                                      <a href="#" class="d-block">Alexander Pierce</a>
                                    </div>
                                  </div>
    
                                  <!-- SidebarSearch Form -->
                                  <div class="form-inline">
                                    <div class="input-group" data-widget="sidebar-search">
                                      <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
                                      <div class="input-group-append">
                                        <button class="btn btn-sidebar">
                                          <i class="fas fa-search fa-fw"></i>
                                        </button>
                                      </div>
                                    </div>
                                  </div>
    
                                  <!-- Sidebar Menu -->
                                  <nav class="mt-2">
                                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                                      <!-- Add icons to the links using the .nav-icon class
                                           with font-awesome or any other icon font library -->
                                      <li class="nav-item">
                                        <a href="#" class="nav-link active">
                                          <i class="nav-icon fas fa-tachometer-alt"></i>
                                          <p>
                                            Dashboard
                                           
                                          </p>
                                        </a>
                                       
                                      </li>
                                    
                                     
                                        
                                    <li class="nav-item">
                                        <a href="#" class="nav-link">
                                          <i class="nav-icon fas fa-chart-pie"></i>
                                          <p>
                                            Pasien
                                            <i class="right fas fa-angle-left"></i>
                                          </p>
                                        </a>
                                        <ul class="nav nav-treeview">
                                          <li class="nav-item">
                                            <a href="pages/charts/chartjs.html" class="nav-link">
                                              <i class="far fa-circle nav-icon"></i>
                                              <p>ChartJS</p>
                                            </a>
                                          </li>
                                          <li class="nav-item">
                                            <a href="pages/charts/flot.html" class="nav-link">
                                              <i class="far fa-circle nav-icon"></i>
                                              <p>Flot</p>
                                            </a>
                                          </li>
                                          <li class="nav-item">
                                            <a href="pages/charts/inline.html" class="nav-link">
                                              <i class="far fa-circle nav-icon"></i>
                                              <p>Inline</p>
                                            </a>
                                          </li>
                                          <li class="nav-item">
                                            <a href="pages/charts/uplot.html" class="nav-link">
                                              <i class="far fa-circle nav-icon"></i>
                                              <p>uPlot</p>
                                            </a>
                                          </li>
                                        </ul>
                                    </li>
                                      
                                    <li class="nav-header">EXAMPLES</li>
                                      <li class="nav-item">
                                        <a href="pages/calendar.html" class="nav-link">
                                          <i class="nav-icon far fa-calendar-alt"></i>
                                          <p>
                                            Calendar
                                            <span class="badge badge-info right">2</span>
                                          </p>
                                        </a>
                                      </li>
                                      
                                     
                                    </ul>
                                  </nav>
                                  <!-- /.sidebar-menu -->
                                </div>
                                <!-- /.sidebar -->
                              </aside>
    
                                            <?php 
                                    }
    }
      
  5. Kemudian selanjutnya buka file Moduleload.php isi dengan script berikut
      
    <?php
    /**
    
     * Bagian ini digunakan untuk meregister atau meload modul - modul 
     * pada setiap parameter url yang diakses, Anda bisa memiliah dan memilih
     * modul mana saja yang akan digunakan untuk diakses pada suatu halaman,
     * setiap modul akan diakses pada setiap request seperti $this->app->get('page')
     * lalu kemudian Anda bisa memanggil nama module atau fungsi yang dibutuhkan
     * yang sudah anda tambahkan midal pada folder core, load atau public.
     * 
     
    
    
    **/
    class Moduleload
    {
            
            protected $app;
            protected $obj;
            protected $themes;
            protected $crud;
    
            public function __construct($app, $obj, $themes, $crud)
            {
                    $this->app = $app;
                    $this->obj = $obj;
                    $this->themes = $themes;
                    $this->crud = $crud;         
            }
            public function test($path='')
            {
                    $this->themes->head($path);
                    $this->themes->css($path);
                    $this->themes->admin_nav_header($path);
                    $this->themes->admin_sidebar($path);
                    $this->crud->dashboard_test();
                    $this->themes->footer($path);
            }
    
    
      
      
  6. Lalu buat file baru dengan nama Mainmodule.php kemudian isi seperti berikut
      
      <?php 
    class Mainmodule extends Dashboardadmin
    {
            protected $obj;
            protected $app;
            public function __construct($app, $obj)
            {
                    $this->obj=$obj;
                    $this->app=$app;
            }
    }
      
      
  7. Selanjutnya buat file dengan nama Dashboard.php pada folder load/admin isi dengan kode seperti berikut
    
      <?php 
    class Dashboardadmin 
    {
            public function dashboard_test()
            {
                    ?>
                            <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
          <div class="container-fluid">
            <div class="row mb-2">
              <div class="col-sm-6">
                <h1 class="m-0">Dashboard</h1>
              </div><!-- /.col -->
              <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                  <li class="breadcrumb-item"><a href="#">Home</a></li>
                  <li class="breadcrumb-item active">Dashboard v1</li>
                </ol>
              </div><!-- /.col -->
            </div><!-- /.row -->
          </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->
    
        <!-- Main content -->
        <section class="content">
          <div class="container-fluid">
            <!-- Small boxes (Stat box) -->
            <div class="row">
              <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-info">
                  <div class="inner">
                    <h3>150</h3>
    
                    <p>New Orders</p>
                  </div>
                  <div class="icon">
                    <i class="ion ion-bag"></i>
                  </div>
                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
              </div>
              <!-- ./col -->
              <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-success">
                  <div class="inner">
                    <h3>53<sup style="font-size: 20px">%</sup></h3>
    
                    <p>Bounce Rate</p>
                  </div>
                  <div class="icon">
                    <i class="ion ion-stats-bars"></i>
                  </div>
                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
              </div>
              <!-- ./col -->
              <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-warning">
                  <div class="inner">
                    <h3>44</h3>
    
                    <p>User Registrations</p>
                  </div>
                  <div class="icon">
                    <i class="ion ion-person-add"></i>
                  </div>
                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
              </div>
              <!-- ./col -->
              <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-danger">
                  <div class="inner">
                    <h3>65</h3>
    
                    <p>Unique Visitors</p>
                  </div>
                  <div class="icon">
                    <i class="ion ion-pie-graph"></i>
                  </div>
                  <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                </div>
              </div>
              <!-- ./col -->
            </div>
            <!-- /.row -->
            <!-- Main row -->
            <div class="row">
              <!-- Left col -->
              <section class="col-lg-7 connectedSortable">
                <!-- Custom tabs (Charts with tabs)-->
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">
                      <i class="fas fa-chart-pie mr-1"></i>
                      Sales
                    </h3>
                    <div class="card-tools">
                      <ul class="nav nav-pills ml-auto">
                        <li class="nav-item">
                          <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Area</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a>
                        </li>
                      </ul>
                    </div>
                  </div><!-- /.card-header -->
                  <div class="card-body">
                    <div class="tab-content p-0">
                      <!-- Morris chart - Sales -->
                      <div class="chart tab-pane active" id="revenue-chart"
                           style="position: relative; height: 300px;">
                          <canvas id="revenue-chart-canvas" height="300" style="height: 300px;"></canvas>
                       </div>
                      <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;">
                        <canvas id="sales-chart-canvas" height="300" style="height: 300px;"></canvas>
                      </div>
                    </div>
                  </div><!-- /.card-body -->
                </div>
                <!-- /.card -->
    
                <!-- DIRECT CHAT -->
                <div class="card direct-chat direct-chat-primary">
                  <div class="card-header">
                    <h3 class="card-title">Direct Chat</h3>
    
                    <div class="card-tools">
                      <span title="3 New Messages" class="badge badge-primary">3</span>
                      <button type="button" class="btn btn-tool" data-card-widget="collapse">
                        <i class="fas fa-minus"></i>
                      </button>
                      <button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle">
                        <i class="fas fa-comments"></i>
                      </button>
                      <button type="button" class="btn btn-tool" data-card-widget="remove">
                        <i class="fas fa-times"></i>
                      </button>
                    </div>
                  </div>
                  <!-- /.card-header -->
                  <div class="card-body">
                    <!-- Conversations are loaded here -->
                    <div class="direct-chat-messages">
                      <!-- Message. Default to the left -->
                      <div class="direct-chat-msg">
                        <div class="direct-chat-infos clearfix">
                          <span class="direct-chat-name float-left">Alexander Pierce</span>
                          <span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span>
                        </div>
                        <!-- /.direct-chat-infos -->
                        <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
                        <!-- /.direct-chat-img -->
                        <div class="direct-chat-text">
                          Is this template really for free? That's unbelievable!
                        </div>
                        <!-- /.direct-chat-text -->
                      </div>
                      <!-- /.direct-chat-msg -->
    
                      <!-- Message to the right -->
                      <div class="direct-chat-msg right">
                        <div class="direct-chat-infos clearfix">
                          <span class="direct-chat-name float-right">Sarah Bullock</span>
                          <span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span>
                        </div>
                        <!-- /.direct-chat-infos -->
                        <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
                        <!-- /.direct-chat-img -->
                        <div class="direct-chat-text">
                          You better believe it!
                        </div>
                        <!-- /.direct-chat-text -->
                      </div>
                      <!-- /.direct-chat-msg -->
    
                      <!-- Message. Default to the left -->
                      <div class="direct-chat-msg">
                        <div class="direct-chat-infos clearfix">
                          <span class="direct-chat-name float-left">Alexander Pierce</span>
                          <span class="direct-chat-timestamp float-right">23 Jan 5:37 pm</span>
                        </div>
                        <!-- /.direct-chat-infos -->
                        <img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image">
                        <!-- /.direct-chat-img -->
                        <div class="direct-chat-text">
                          Working with AdminLTE on a great new app! Wanna join?
                        </div>
                        <!-- /.direct-chat-text -->
                      </div>
                      <!-- /.direct-chat-msg -->
    
                      <!-- Message to the right -->
                      <div class="direct-chat-msg right">
                        <div class="direct-chat-infos clearfix">
                          <span class="direct-chat-name float-right">Sarah Bullock</span>
                          <span class="direct-chat-timestamp float-left">23 Jan 6:10 pm</span>
                        </div>
                        <!-- /.direct-chat-infos -->
                        <img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image">
                        <!-- /.direct-chat-img -->
                        <div class="direct-chat-text">
                          I would love to.
                        </div>
                        <!-- /.direct-chat-text -->
                      </div>
                      <!-- /.direct-chat-msg -->
    
                    </div>
                    <!--/.direct-chat-messages-->
    
                    <!-- Contacts are loaded here -->
                    <div class="direct-chat-contacts">
                      <ul class="contacts-list">
                        <li>
                          <a href="#">
                            <img class="contacts-list-img" src="dist/img/user1-128x128.jpg" alt="User Avatar">
    
                            <div class="contacts-list-info">
                              <span class="contacts-list-name">
                                Count Dracula
                                <small class="contacts-list-date float-right">2/28/2015</small>
                              </span>
                              <span class="contacts-list-msg">How have you been? I was...</span>
                            </div>
                            <!-- /.contacts-list-info -->
                          </a>
                        </li>
                        <!-- End Contact Item -->
                        <li>
                          <a href="#">
                            <img class="contacts-list-img" src="dist/img/user7-128x128.jpg" alt="User Avatar">
    
                            <div class="contacts-list-info">
                              <span class="contacts-list-name">
                                Sarah Doe
                                <small class="contacts-list-date float-right">2/23/2015</small>
                              </span>
                              <span class="contacts-list-msg">I will be waiting for...</span>
                            </div>
                            <!-- /.contacts-list-info -->
                          </a>
                        </li>
                        <!-- End Contact Item -->
                        <li>
                          <a href="#">
                            <img class="contacts-list-img" src="dist/img/user3-128x128.jpg" alt="User Avatar">
    
                            <div class="contacts-list-info">
                              <span class="contacts-list-name">
                                Nadia Jolie
                                <small class="contacts-list-date float-right">2/20/2015</small>
                              </span>
                              <span class="contacts-list-msg">I'll call you back at...</span>
                            </div>
                            <!-- /.contacts-list-info -->
                          </a>
                        </li>
                        <!-- End Contact Item -->
                        <li>
                          <a href="#">
                            <img class="contacts-list-img" src="dist/img/user5-128x128.jpg" alt="User Avatar">
    
                            <div class="contacts-list-info">
                              <span class="contacts-list-name">
                                Nora S. Vans
                                <small class="contacts-list-date float-right">2/10/2015</small>
                              </span>
                              <span class="contacts-list-msg">Where is your new...</span>
                            </div>
                            <!-- /.contacts-list-info -->
                          </a>
                        </li>
                        <!-- End Contact Item -->
                        <li>
                          <a href="#">
                            <img class="contacts-list-img" src="dist/img/user6-128x128.jpg" alt="User Avatar">
    
                            <div class="contacts-list-info">
                              <span class="contacts-list-name">
                                John K.
                                <small class="contacts-list-date float-right">1/27/2015</small>
                              </span>
                              <span class="contacts-list-msg">Can I take a look at...</span>
                            </div>
                            <!-- /.contacts-list-info -->
                          </a>
                        </li>
                        <!-- End Contact Item -->
                        <li>
                          <a href="#">
                            <img class="contacts-list-img" src="dist/img/user8-128x128.jpg" alt="User Avatar">
    
                            <div class="contacts-list-info">
                              <span class="contacts-list-name">
                                Kenneth M.
                                <small class="contacts-list-date float-right">1/4/2015</small>
                              </span>
                              <span class="contacts-list-msg">Never mind I found...</span>
                            </div>
                            <!-- /.contacts-list-info -->
                          </a>
                        </li>
                        <!-- End Contact Item -->
                      </ul>
                      <!-- /.contacts-list -->
                    </div>
                    <!-- /.direct-chat-pane -->
                  </div>
                  <!-- /.card-body -->
                  <div class="card-footer">
                    <form action="#" method="post">
                      <div class="input-group">
                        <input type="text" name="message" placeholder="Type Message ..." class="form-control">
                        <span class="input-group-append">
                          <button type="button" class="btn btn-primary">Send</button>
                        </span>
                      </div>
                    </form>
                  </div>
                  <!-- /.card-footer-->
                </div>
                <!--/.direct-chat -->
    
                <!-- TO DO List -->
                <div class="card">
                  <div class="card-header">
                    <h3 class="card-title">
                      <i class="ion ion-clipboard mr-1"></i>
                      To Do List
                    </h3>
    
                    <div class="card-tools">
                      <ul class="pagination pagination-sm">
                        <li class="page-item"><a href="#" class="page-link">&laquo;</a></li>
                        <li class="page-item"><a href="#" class="page-link">1</a></li>
                        <li class="page-item"><a href="#" class="page-link">2</a></li>
                        <li class="page-item"><a href="#" class="page-link">3</a></li>
                        <li class="page-item"><a href="#" class="page-link">&raquo;</a></li>
                      </ul>
                    </div>
                  </div>
                  <!-- /.card-header -->
                  <div class="card-body">
                    <ul class="todo-list" data-widget="todo-list">
                      <li>
                        <!-- drag handle -->
                        <span class="handle">
                          <i class="fas fa-ellipsis-v"></i>
                          <i class="fas fa-ellipsis-v"></i>
                        </span>
                        <!-- checkbox -->
                        <div  class="icheck-primary d-inline ml-2">
                          <input type="checkbox" value="" name="todo1" id="todoCheck1">
                          <label for="todoCheck1"></label>
                        </div>
                        <!-- todo text -->
                        <span class="text">Design a nice theme</span>
                        <!-- Emphasis label -->
                        <small class="badge badge-danger"><i class="far fa-clock"></i> 2 mins</small>
                        <!-- General tools such as edit or delete-->
                        <div class="tools">
                          <i class="fas fa-edit"></i>
                          <i class="fas fa-trash-o"></i>
                        </div>
                      </li>
                      <li>
                        <span class="handle">
                          <i class="fas fa-ellipsis-v"></i>
                          <i class="fas fa-ellipsis-v"></i>
                        </span>
                        <div  class="icheck-primary d-inline ml-2">
                          <input type="checkbox" value="" name="todo2" id="todoCheck2" checked>
                          <label for="todoCheck2"></label>
                        </div>
                        <span class="text">Make the theme responsive</span>
                        <small class="badge badge-info"><i class="far fa-clock"></i> 4 hours</small>
                        <div class="tools">
                          <i class="fas fa-edit"></i>
                          <i class="fas fa-trash-o"></i>
                        </div>
                      </li>
                      <li>
                        <span class="handle">
                          <i class="fas fa-ellipsis-v"></i>
                          <i class="fas fa-ellipsis-v"></i>
                        </span>
                        <div  class="icheck-primary d-inline ml-2">
                          <input type="checkbox" value="" name="todo3" id="todoCheck3">
                          <label for="todoCheck3"></label>
                        </div>
                        <span class="text">Let theme shine like a star</span>
                        <small class="badge badge-warning"><i class="far fa-clock"></i> 1 day</small>
                        <div class="tools">
                          <i class="fas fa-edit"></i>
                          <i class="fas fa-trash-o"></i>
                        </div>
                      </li>
                      <li>
                        <span class="handle">
                          <i class="fas fa-ellipsis-v"></i>
                          <i class="fas fa-ellipsis-v"></i>
                        </span>
                        <div  class="icheck-primary d-inline ml-2">
                          <input type="checkbox" value="" name="todo4" id="todoCheck4">
                          <label for="todoCheck4"></label>
                        </div>
                        <span class="text">Let theme shine like a star</span>
                        <small class="badge badge-success"><i class="far fa-clock"></i> 3 days</small>
                        <div class="tools">
                          <i class="fas fa-edit"></i>
                          <i class="fas fa-trash-o"></i>
                        </div>
                      </li>
                      <li>
                        <span class="handle">
                          <i class="fas fa-ellipsis-v"></i>
                          <i class="fas fa-ellipsis-v"></i>
                        </span>
                        <div  class="icheck-primary d-inline ml-2">
                          <input type="checkbox" value="" name="todo5" id="todoCheck5">
                          <label for="todoCheck5"></label>
                        </div>
                        <span class="text">Check your messages and notifications</span>
                        <small class="badge badge-primary"><i class="far fa-clock"></i> 1 week</small>
                        <div class="tools">
                          <i class="fas fa-edit"></i>
                          <i class="fas fa-trash-o"></i>
                        </div>
                      </li>
                      <li>
                        <span class="handle">
                          <i class="fas fa-ellipsis-v"></i>
                          <i class="fas fa-ellipsis-v"></i>
                        </span>
                        <div  class="icheck-primary d-inline ml-2">
                          <input type="checkbox" value="" name="todo6" id="todoCheck6">
                          <label for="todoCheck6"></label>
                        </div>
                        <span class="text">Let theme shine like a star</span>
                        <small class="badge badge-secondary"><i class="far fa-clock"></i> 1 month</small>
                        <div class="tools">
                          <i class="fas fa-edit"></i>
                          <i class="fas fa-trash-o"></i>
                        </div>
                      </li>
                    </ul>
                  </div>
                  <!-- /.card-body -->
                  <div class="card-footer clearfix">
                    <button type="button" class="btn btn-primary float-right"><i class="fas fa-plus"></i> Add item</button>
                  </div>
                </div>
                <!-- /.card -->
              </section>
              <!-- /.Left col -->
              <!-- right col (We are only adding the ID to make the widgets sortable)-->
              <section class="col-lg-5 connectedSortable">
    
                <!-- Map card -->
                <div class="card bg-gradient-primary">
                  <div class="card-header border-0">
                    <h3 class="card-title">
                      <i class="fas fa-map-marker-alt mr-1"></i>
                      Visitors
                    </h3>
                    <!-- card tools -->
                    <div class="card-tools">
                      <button type="button" class="btn btn-primary btn-sm daterange" title="Date range">
                        <i class="far fa-calendar-alt"></i>
                      </button>
                      <button type="button" class="btn btn-primary btn-sm" data-card-widget="collapse" title="Collapse">
                        <i class="fas fa-minus"></i>
                      </button>
                    </div>
                    <!-- /.card-tools -->
                  </div>
                  <div class="card-body">
                    <div id="world-map" style="height: 250px; width: 100%;"></div>
                  </div>
                  <!-- /.card-body-->
                  <div class="card-footer bg-transparent">
                    <div class="row">
                      <div class="col-4 text-center">
                        <div id="sparkline-1"></div>
                        <div class="text-white">Visitors</div>
                      </div>
                      <!-- ./col -->
                      <div class="col-4 text-center">
                        <div id="sparkline-2"></div>
                        <div class="text-white">Online</div>
                      </div>
                      <!-- ./col -->
                      <div class="col-4 text-center">
                        <div id="sparkline-3"></div>
                        <div class="text-white">Sales</div>
                      </div>
                      <!-- ./col -->
                    </div>
                    <!-- /.row -->
                  </div>
                </div>
                <!-- /.card -->
    
                <!-- solid sales graph -->
                <div class="card bg-gradient-info">
                  <div class="card-header border-0">
                    <h3 class="card-title">
                      <i class="fas fa-th mr-1"></i>
                      Sales Graph
                    </h3>
    
                    <div class="card-tools">
                      <button type="button" class="btn bg-info btn-sm" data-card-widget="collapse">
                        <i class="fas fa-minus"></i>
                      </button>
                      <button type="button" class="btn bg-info btn-sm" data-card-widget="remove">
                        <i class="fas fa-times"></i>
                      </button>
                    </div>
                  </div>
                  <div class="card-body">
                    <canvas class="chart" id="line-chart" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                  </div>
                  <!-- /.card-body -->
                  <div class="card-footer bg-transparent">
                    <div class="row">
                      <div class="col-4 text-center">
                        <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60"
                               data-fgColor="#39CCCC">
    
                        <div class="text-white">Mail-Orders</div>
                      </div>
                      <!-- ./col -->
                      <div class="col-4 text-center">
                        <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60"
                               data-fgColor="#39CCCC">
    
                        <div class="text-white">Online</div>
                      </div>
                      <!-- ./col -->
                      <div class="col-4 text-center">
                        <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60"
                               data-fgColor="#39CCCC">
    
                        <div class="text-white">In-Store</div>
                      </div>
                      <!-- ./col -->
                    </div>
                    <!-- /.row -->
                  </div>
                  <!-- /.card-footer -->
                </div>
                <!-- /.card -->
    
                <!-- Calendar -->
                <div class="card bg-gradient-success">
                  <div class="card-header border-0">
    
                    <h3 class="card-title">
                      <i class="far fa-calendar-alt"></i>
                      Calendar
                    </h3>
                    <!-- tools card -->
                    <div class="card-tools">
                      <!-- button with a dropdown -->
                      <div class="btn-group">
                        <button type="button" class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown" data-offset="-52">
                          <i class="fas fa-bars"></i>
                        </button>
                        <div class="dropdown-menu" role="menu">
                          <a href="#" class="dropdown-item">Add new event</a>
                          <a href="#" class="dropdown-item">Clear events</a>
                          <div class="dropdown-divider"></div>
                          <a href="#" class="dropdown-item">View calendar</a>
                        </div>
                      </div>
                      <button type="button" class="btn btn-success btn-sm" data-card-widget="collapse">
                        <i class="fas fa-minus"></i>
                      </button>
                      <button type="button" class="btn btn-success btn-sm" data-card-widget="remove">
                        <i class="fas fa-times"></i>
                      </button>
                    </div>
                    <!-- /. tools -->
                  </div>
                  <!-- /.card-header -->
                  <div class="card-body pt-0">
                    <!--The calendar -->
                    <div id="calendar" style="width: 100%"></div>
                  </div>
                  <!-- /.card-body -->
                </div>
                <!-- /.card -->
              </section>
              <!-- right col -->
            </div>
            <!-- /.row (main row) -->
          </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
      </div>
                    <?php 
            }
    }
      
  8. Terakhir buka file index.php lalau panggil fungsi test seperti berikut :
      
      <?php
    require "database/Settings.php";
    require "app/core/Splautoload.php";
    $module->test();
    ?>
    
    
      
      




0 Response to "Membuat Aplikasi Klinik #02 - Installasi Template"

Post a Comment

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

Virgobet88lotre4dBandar Lotre4DGama69RajajagoRajaJago GameGama69GAMA69RajajagoRajaJagohttps://linkr.bio/gama69https://mez.ink/rajajagohokiToto Slot 4D Lotre4DRajajago Rajajago tren mahjong ways3 fiji makassarsweet bonanza komunitas fiji palembanggates olympus pemain fiji medanmahjong ways2 fiji bandung digitalinspirasi fiji surabaya mahjong ways3emas288 mahjong ways1 jakarta baratsweet bonanza emas288 banjarmasingates olympus emas288 bali 2025emas288 yogyakarta mahjong ways3emas288 maluku mahjong ways2 barukomunitas fiji cirebon sweet bonanzagates olympus fiji pekanbaru 2025mahjong ways2 fiji manado menangfiji denpasar mahjong ways1 digitalsweet bonanza fiji pontianak trenemas288 samarinda mahjong ways3gates olympus emas288 semarangsweet bonanza emas288 kalsel trenemas288 medan inspirasi digitalemas288 padang mahjong ways1cepet sikat kelebihan permainan pragmatic playpelajari dulu 7 game pg soft yang bikin ketagihanternyata kunci kemenangan pg soft ada di sini5 tips cuan di game pg softhype abis fitur keren game pg soft terbarussst rahasia menang cepat di game pg soft terungkapgamers wajib hal penting di setiap game pg softbocoran gua 5 game pg soft paling sering bikin untungmantap game pg soft rilis versi super lengkapkepo abis bocoran fitur baru pg soft 2025serius nih rumus rtp game paling gegertrending game paling milenial dengan rtp 100bocoran 5 game pragmatic play dengan fitur jossdibantai tiktokers cara bedakan game pragmatic play asligame pragmatic play kamu wajib coba 3 fitur inifakta unik pragmatic play punya rahasia kemenanganlaris manis game pragmatic play versi viralbahaya ketinggalan update game pragmatic play terbarucekidot strategi cepat di pragmatic playviral 1 rekomendasi trik main pragmatic playbandar judy diperas hingga buka rahasia baru pola gacor mahjong ways berhadiah besarsaat spin dijalankan dengan sabar rajajago membuka rahasia menuju kejutan cuan besar tanpa hentitrik jitu memaksa bandar judy keluarkan spin gacor dan scatter hitam di mahjong waysrahasia kemenangan beruntun terjadi saat spin sabar dipadukan dengan pola akurat dari rajajagopola terlarang yang bisa pancing bandar judy agar mengalah dalam permainan mahjong wayssaat spin sabar dijalankan rajajago seringkali hadirkan keajaiban cuan beruntun bagi pemaincara paling ampuh menjatuhkan bandar judy dengan teknik spin mahjong ways gacorrajajago berikan peluang besar bagi pemain yang sabar dalam menunggu momen spin terbaikbandar judy dikalahkan dengan formasi spin turbo dan trik rahasia mahjong waysrahasia terbesar dari rajajago adalah spin sabar yang ubah modal kecil menjadi cuan besarpola spin aneh yang bikin bandar judy tidak berdaya dan scatter mahjong ways turunkombinasi pola spin sabar dan algoritma rahasia rajajago mampu hadirkan kemenangan besartrik spin santai bikin bandar judy lemah dan scatter hitam mahjong ways berjatuhanrajajago selalu memberikan kejutan ketika spin sabar dijalankan dengan konsisten dan berstrategikemenangan beruntun di rajajago berawal dari spin yang dijalankan dengan penuh kesabarancara main mahjong ways sampai bandar judy mau tak mau mengeluarkan jackpothanya 10 spin sudah cukup di petimas88 buat memancing scatter hitam turun beruntunlangkah cerdas menaklukkan bandar judy pakai teknik spin gacor mahjong wayspetimas88 buktikan dengan 50 spin beruntun bonus datang seperti hujan emaspola gacor sukses menekan bandar judy hingga scatter mahjong ways melimpahpemain pro gunakan 10 spin khusus dari petimas88 dan cuan datang beruntunstrategi membongkar rahasia bandar judy lewat pola spin mahjong waysrahasia petimas88 20 spin beruntun memancing scatter hitam datang tiada hentiLotre4D Onlinepemain fiji balikpapan kemenangan mahjong ways3sweet bonanza emas288 andalan pekanbaru hari inifiji mahjong ways1 strategi baru pontianakgates olympus emas288 keberuntungan besar denpasarkomunitas fiji samarinda bahas mahjong ways2sweet bonanza fiji geger palu kemenangan besarmahjong ways3 emas288 inspirasi baru lampunggates olympus fiji favorit pemain kupangsweet bonanza emas288 tren baru pemain cirebonmahjong ways2 fiji strategi populer makassartren mahjong ways3 heboh fiji surabayalonjakan sweet bonanza fiji medan malamgates olympus andalan fiji bali raihmahjong ways2 fiji strategi baru makassarpemain fiji yogyakarta rayakan mahjong ways1emas288 hadir jakarta mahjong ways2 polainovasi gates olympus emas288 batam jadisweet bonanza favorit emas288 maluku 2025emas288 angkat tren mahjong ways3 kaltimpemain emas288 bandung strategi mahjong ways1spin turbo adalah senjata rahasia untuk membuka peluang scatter hitam melimpahteknik spin turbo paling efektif bikin scatter hitam muncul tanpa batasstrategi rahasia spin turbo dari pemain pro bawa kemenangan beruntunrahasia spin turbo rajajago bisa buka jalan menuju profit besar dengan mudahoptimalkan spin turbo dengan pola cerdas dan hadiah scatter meluncur derasjurus spin turbo dengan sabaran dan timing pas jadi kunci profit tak terbatasrahasia spin turbo berkali kali menghadirkan scatter hitam dalam hitung detikpola spin turbo ampuh dari rajajago bawa kejutan hadiah maksimalkekuatan spin turbo dalam menghadirkan bonus berlimpah dengan strategi akuratrajajago buktikan spin turbo adalah jalan tercepat menuju hujan scatter hitamtips spin turbo unik membawa kemenangan berulang dan scatter berderetstrategi spin turbo berbasis analisis hadirkan jalan menuju profit besarrahasia pemain rajajago dengan spin turbo bisa tembus kemenangan beruntunpola spin turbo modern buka peluang bonus dan scatter hitam berlapisrajajago gunakan spin turbo dengan formula paten hadirkan cuan tanpa hentitrik cepat meraih scatter hitam dari duel strategi dan pola putaran rahasiapetimas88 buktikan pola spin rahasia mampu hadirkan scatter hitam beruntunkombinasi spin dan strategi rahasia membuka jalan kemenangan berlipatrahasia cepat spin turbo dan petimas88 ubah putaran biasa jadi ladang profitformula spin rahasia bikin scatter hitam muncul tanpa hentitrik petimas88 gunakan strategi spin rahasia buat kemenangan melimpahteknik spin dan pola rahasia mengalirkan scatter hitam dengan konsistencara petimas88 manfaarkan spin rahasia untuk buka scatter dan bonus besarchallenge accepted cara raih win massive di mahjong waysfeel banget cara cuan badai di mahjong waysgaul abis tips main mahjong ways modal tipis tapi untungmahjong ways menggila ini dia cara menang dengan saldo minimmakjleb 5 pola mahjong ways yang bikin addictradar tiktok peluang hit 3 baris di mahjong waysrtp mahjong ways terkini yang bikin auto tambah chipspill the tea bocoran bonus mahjong ways yang serutrik main mahjong ways ala content creator viralini dia trik terbaru dapatkan maxwin super di starlight princess 1000sweet bonanza 1000 vs sweet bonanza 100 tips grindset supaya gacor tanpa terlihatrahasia pola spin yang glow up di live crazy time pasti fit checkcara menang di live infinite blackjack soft launch trik baru yang w beneranpola scatter 777 strike drip fit untuk bujang mager yang mau menangspin turbo gates of olympus super scatter tips bucin menang tapi tetap santuybook of demi gods iii trik bermain delulu agar tidak crash out saat scatterrahasia rtp tinggi sweet bonanza 1000 versi cuy dijamin atecara menang pirate s plenty yang selo tanpa banyak bacot uang masuk living rent freetrik bucin mahjong ways spin turbo anti mid out of pocket senyum sendirimahjong ways spin turbo mode npc tips santuy biar tetangga ikut penasaran7 pola spin scatter gates of olympus super scatter yang bikin teman teman lo terheran heranrahasia spin turbo sweet bonanza 1000 cara menang tanpa baper dijamin drippola spin main character di book of demi gods iii kunci menang big time tanpa delulucara menang pirate s plenty battle for gold yang slay era aura jackpot beneran adapanduan full scatter pada queen of fire tips dan trik ala rizz yang living rent free di kepala lospin turbo legend of the golden monkey 5 strategi glow up tanpa magerini dia 9 rahasia spin di aviator yang banyak bikin brainrot di komunitas gametips spin scatter di spaceman ate banget aura menang terasatrik bermain air racer classic supaya lo kelihatan npc tapi bikin rival crash outvibe check big bass bonanza cara menang rata rata di kolam penuh scattergates of olympus super scatter kisah main character yang cuma butuh satu grindsetvibe check queen of fire spin rizz untuk glow up tanpa capektips delulu manis di legend of the golden monkey cara menang auto viralpirate s plenty spin turbo fit check scatter untuk anak gaul jomblocara menang scatter di aviator tanpa ngenes dijamin wpanduan spin turbo spaceman anti mid biar cuy nggak kecewabig bass bonanza pola scatter yang bikin rasa selo dan uang masukbook of demi gods iii spin turbo bawa aura lain pas buat glow upsweet bonanza 1000 cara menang dengan drip fit yang pedepola spin queen of fire hanya npc yang tidak coba tips inihabanero 2025 top 7 fakta game penuh kejutanheboh di medsos cara jitu main game habanero sekali putarini dia 7 rahasia spin di mahjong ways yang banyak bikin jackpotkepo abis bocoran fitur baru habanero 2025naik level habanero bagi bagi cuan misteriuspg soft vs habanero mana game paling asyik bikin cuanseri baru kesan main game habanero tahun initerungkap 3 game habanero dengan jackpot tersembunyiupdate game habanero buka fitur tersembunyicara keren kombinasi pragmatic habanero pg soft di satu gamepanduan lengkap mengenai inovasi fijipemahaman menyeluruh mengenai beragam fijicara efektif untuk melindungi fijisejak malam hari ini fijipengelola permainan ways di fijicara efektif dan terbukti fijisemangat yang ditunjukkan oleh fijimenjelajahi pentingnya bermain permainan fijipendiri permainan ways menyampaikan fijireaksi dan pendapat para fijikemenangan yang mengejutkan terjadi emas288utusan pg soft yang emas288pahami lebih dalam tentang emas288kehidupan berubah menuju lebih emas288jelajahi keberagaman wilayah di emas288pemuda yang berhasil meraih emas288inovasi terbaru yang diciptakan emas288emas288 semakin mendapatkan banyakberikut adalah informasi mengenai emas288kisah emosional pemain ways emas288tren mahjong ways fiji surabayasweet bonanza fiji medan digitalgates of olympus fiji balimahjong ways fiji makassar komunitasstrategi mahjong ways fiji yogyakartasweet bonanza fiji pontianak digitalgates of olympus fiji medan forummahjong ways fiji bali pemainmahjong ways fiji surabaya komunitasstrategi mahjong ways fiji palembangemas288 mahjong ways jakarta strategisweet bonanza emas288 maluku digitalgates of olympus emas288 batammahjong ways emas288 bandung komunitasemas288 mahjong ways semarang unggulansweet bonanza emas288 samarinda digitalgates of olympus emas288 yogyakartamahjong ways emas288 surabaya strategiemas288 mahjong ways denpasar pemainsweet bonanza emas288 kupang inspirasimenyelami keunikan dan kecanggihan fijifiji berkomitmen untuk membagikanfiji membagikan strategi terpercayapanduan lengkap mengenai sumber fijifenomena banjir hitam yang fijikeberhasilan mengejutkan terjadi di fijipersiapan penting yang harus fijimengungkap strategi terbaik untuk fijiseorang pemuda yang berani fijiupaya taktis yang dilakukan fijimengisahkan pengalaman mengikuti kompetisi emas288emas288 kembali menawarkan kesempatanmengetahui waktu yang tepat emas288pelajari lima metode inovatif emas288emas288 memperkenalkan peluang besaremas288 menguraikan tiga kategoriemas288 mengajak semua pemainemas288 yang baru sajapemain ways menyampaikan rasa emas288emas288 menawarkan berbagai strategivirgobet88 daftar
bocoran hari ini cara baru mudah menangbocoran hari ini trik menang rahasiacara baru kuasai rtp dari bocoran hari inicara baru mudah menang dengan trik menangcara baru mudah menang dengan trik menangcara menang dari bocoran hari inicara menang dengan cara baru mudah menangpahami pola ini untuk bocoran hari inipahami pola ini untuk cara menang konsistenpola hari ini dan trik menang cara menangpola menang dan cara baru kuasai rtppola menang terbaru ternyata ini caranyaternyata ini caranya bocoran hari ini trik menangternyata ini caranya pola menang ampuhtrik menang dengan pola menang dan bocoran hari inicara efektif munculkan wild scatter leprechauncara juara leprechaun riches munculkan scattercara main dragon hatch pg soft trik wild scattercara terbaru munculkan scatter leprechaun richesformula menang leprechaun riches scatterformula rahasia dragon hatch pg softjurus jitu wild leprechaun richeskiat cerdas trik wild dragon hatchkiat sukses wild dan scatter dragon hatchlangkah sukses leprechaun riches wild scatterpanduan lengkap dragon hatch wild scatterpanduan scatter dan wild pg soft dragon hatchpola gacor leprechaun riches scatterrahasia gacor wild scatter dragon hatchrahasia master dragon hatch scatterrahasia menang dragon hatch dengan scatterrahasia munculkan scatter leprechaun richesstrategi menang leprechaun riches scatterteknik mudah wild dan scatter dragon hatchtips jitu wild dan scatter dragon hatchtips pro munculkan scatter leprechaun richestrik ampuh munculkan wild scatter leprechaun richestrik bocoran dragon hatch dan leprechaun richestrik suhu scatter dragon hatch pg softstrategi rahasia leprechaun riches scattercara tersembunyi dibalik setiap putaranmisteri putaran rahasia yang belum terbongkarpola unik yang jarang diketahui orangrahasia langkah sederhana yang mengejutkantrik putaran yang tak disadari sebelumnyaheboh pemain mahasiswa borong scatter di mahjong waysjackpot pagi hari bawa kejutan fantastis mahjong wayspola magic spin rahasia jp besar mahjong ways alexisggstrategi rahasia sopir online bikin gempar mahjong waystrik rahasia anak muda auto tajir dari mahjong waysanak design main mahjong dari pg soft buat ngilangin jenuhmahasiswa sambil kerja suka main pragmatic play saat rehatmarketing freelance curhat main pragmatic play buat side incometernyata banyak ui ux designer ngisi waktu dengan game pragmaticvideografer punya trik refresh otak lewat game mahjong waysanalisa bandotgg pola hari ini mahjong waysberita hari ini bandotgg prediksi mahjong waysberita terbaru bandotgg scatter mahjong ways 2025breaking news bandotgg trik mahjong ways disorotfakta mengejutkan bandotgg rahasia mahjong waysheboh bandotgg rahasia scatter mahjong ways terungkapinformasi penting bandotgg mahjong ways 2025mahasiswa gempar bandotgg rahasia mahjong waystips dan trik bandotgg mahjong ways auto viralviral bandotgg pola mantap mahjong ways bikin gemparbocoran hari ini dan pola hari ini yang jarang diketahui tapi bikin hasil maksimalbocoran hari ini tiba tiba viral pola menangnya gampang banget tapi gak banyak yang tahucara baru kuasai rtp hari ini dari seorang tukang bakso trik sederhana yang bikin menang teruscara baru kuasai rtp tanpa ribet bocoran hari ini bikin banyak orang tak percayacara menang yang tidak pernah dibagikan sebelumnya ternyata polanya beginipahami pola ini sebelum main ternyata ini caranya biar gak rugi tiap hariternyata ini caranya pahami pola ini dan cara baru mudah menang setiap hariternyata ini caranya pola hari ini dipakai diam diam oleh para pemain lamatrik menang hari ini dari ibu ibu pengajian bikin kaget karena hasilnya konsistentrik menang terbaru yang terbongkar hari ini pahami pola menang sebelum terlambatbocoran terbaru hari ini pola menang yang bikin auto jpbocoran terbaru setting rahasia yang bikin menang teruscara cepat menang buat newbie langsung profit hari pertamacara cepat menang dengan metode yang terbukti efektifcara cepat menang tanpa modal besar coba sekaranghanya sedikit orang yang tahu pola ini sisanya rugijam kemenangan terbaik hari ini cek jadwalnya sekarangpola baru viral buktikan sendiri hasilnya dalam waktu hanya lima menitstrategi menang para pro yang jarang dibeberkan publikterungkap strategi menang paling ampuh di game online tahun ini