Ledger Nano X - The secure hardware wallet
SHARE
TWEET

Untitled

a guest Mar 28th, 2020 247 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <body class="">
  2.     <div class="wrapper ">
  3.         <div class="sidebar" data-color="azure" data-image="../assets/img/menu.jpg">
  4.  
  5.             <div class="logo">
  6.                 <!-- <img src="../assets/img/logo.png" style="width: 100px;" alt=""> -->
  7.                 <h4 class="card-title text-center">Apps School</h4>
  8.             </div>
  9.             <div class="sidebar-wrapper">
  10.                 <div class="container" style="padding-top: 30px;">
  11.                     <div class="card card-profile">
  12.                         <div class="card-avatar">
  13.                             <a href="javascript:;">
  14.                                 <img class="img" src="../assets/img/faces/marc.jpg" />
  15.                             </a>
  16.                         </div>
  17.                         <div class="card-body">
  18.                             <h4 class="card-title">Alec Thompson</h4>
  19.                             <h6 class="card-category text-gray">CEO / Co-Founder</h6>
  20.  
  21.  
  22.                         </div>
  23.                     </div>
  24.                 </div>
  25.                 <ul class="nav">
  26.  
  27.                     <li class="nav-item  ">
  28.                         <a class="nav-link" routerLink="/index">
  29.                             <i class="material-icons">home</i>
  30.                             <p>Dashboard</p>
  31.                         </a>
  32.                     </li>
  33.  
  34.  
  35.                     <li class="nav-item ">
  36.                         <a class="nav-link" routerLink="/file-user">
  37.                             <i class="material-icons">people</i>
  38.                             <p>Data Siswa</p>
  39.                         </a>
  40.                     </li>
  41.                     <li class="nav-item active">
  42.                         <a class="nav-link" routerLink="/file-attandance">
  43.                             <i class="material-icons">edit</i>
  44.                             <p>Data Absensi</p>
  45.                         </a>
  46.                     </li>
  47.                     <li class="nav-item ">
  48.                         <a class="nav-link" routerLink="/schedule">
  49.                             <i class="material-icons">book</i>
  50.                             <p>Data Pelajaran</p>
  51.                         </a>
  52.                     </li>
  53.                     <li class="nav-item ">
  54.                         <a class="nav-link" href="./file_class.html">
  55.                             <i class="material-icons">dashboard</i>
  56.                             <p>Data Kelas</p>
  57.                         </a>
  58.                     </li>
  59.  
  60.                 </ul>
  61.             </div>
  62.         </div>
  63.         <div class="main-panel">
  64.             <!-- Navbar -->
  65.             <nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top ">
  66.                 <div class="container-fluid">
  67.  
  68.                     <div class="navbar-wrapper">
  69.                         <a class="navbar-brand" href="javascript:;">Data Absensi</a>
  70.                     </div>
  71.                     <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index"
  72.                         aria-expanded="false" aria-label="Toggle navigation">
  73.                         <span class="sr-only">Toggle navigation</span>
  74.                         <span class="navbar-toggler-icon icon-bar"></span>
  75.                         <span class="navbar-toggler-icon icon-bar"></span>
  76.                         <span class="navbar-toggler-icon icon-bar"></span>
  77.                     </button>
  78.                     <div class="collapse navbar-collapse justify-content-end">
  79.  
  80.                         <ul class="navbar-nav">
  81.  
  82.  
  83.                             <li class="nav-item dropdown">
  84.                                 <a class="nav-link" href="http://example.com" id="navbarDropdownMenuLink"
  85.                                     data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  86.                                     <i class="material-icons">notifications</i>
  87.                                     <span class="notification">5</span>
  88.                                     <p class="d-lg-none d-md-block">
  89.                                         Some Actions
  90.                                     </p>
  91.                                 </a>
  92.                                 <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
  93.                                     <a class="dropdown-item" href="#">Mike John responded to your email</a>
  94.                                     <a class="dropdown-item" href="#">You have 5 new tasks</a>
  95.                                     <a class="dropdown-item" href="#">You're now friend with Andrew</a>
  96.                                    <a class="dropdown-item" href="#">Another Notification</a>
  97.                                    <a class="dropdown-item" href="#">Another One</a>
  98.                                </div>
  99.                            </li>
  100.                            <li class="nav-item dropdown">
  101.                                <a class="nav-link" href="javascript:;" id="navbarDropdownProfile"
  102.                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  103.                                    <i class="material-icons">setting</i>
  104.                                    <p class="d-lg-none d-md-block">
  105.                                        Account
  106.                                    </p>
  107.                                </a>
  108.                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownProfile">
  109.                                    <a class="dropdown-item" href="#">Profile</a>
  110.                                    <a class="dropdown-item" href="#">Settings</a>
  111.                                    <div class="dropdown-divider"></div>
  112.                                    <a class="dropdown-item" href="#">Log out</a>
  113.                                </div>
  114.                            </li>
  115.                        </ul>
  116.                    </div>
  117.                </div>
  118.            </nav>
  119.            <!-- End Navbar -->
  120.            <div class="content">
  121.                <div class="container-fluid">
  122.  
  123.                    <div class="row">
  124.                        <div class="col-md-12">
  125.                            <div class="card">
  126.  
  127.                                <div class="card-header card-header-primary">
  128.                                    <h2 class="card-title ">Data Absensi</h2>
  129.  
  130.  
  131.                                </div>
  132.                                <div class="card-body">
  133.                                    <div class="table-responsive">
  134.  
  135.                                        <div class="row">
  136.                                            <div class="col-md-4">
  137.                                                <div class="form-group">
  138.                                                    <input type="text" value="" class="form-control"
  139.                                                        placeholder="Pilih Kelas" data-toggle="dropdown"
  140.                                                        value="{{ classroomName }}"
  141.                                                        href="javascript:;" role="button" aria-haspopup="true"
  142.                                                        aria-expanded="false" readonly>
  143.  
  144.                                                    <div class="dropdown-menu" style="width: 100%;">
  145.                                                        <a class="nav-link dropdown-toggle"
  146.                                                            *ngFor="let classroom of classroomList"
  147.                                                            class="dropdown-item" href="javascript:;"
  148.                                                            (click)="onChoose(classroom)">
  149.                                                            {{ classroom.classroom_name }}
  150.                                                        </a>
  151.                                                    </div>
  152.                                                </div>
  153.  
  154.                                            </div>
  155.  
  156.                                            <div class="col-md-2">
  157.                                                <div class="form-group">
  158.                                                    <label>Tanggal awal</label>
  159.                                                    <input type="date" class="form-control" name="text"
  160.                                                        [(ngModel)]="startTime" [ngModelOptions]="{ standalone: true}">
  161.  
  162.  
  163.                                                </div>
  164.                                            </div>
  165.                                            <div class="col-md-2">
  166.                                                <div class="form-group">
  167.                                                    <label>Tanggal akhir
  168.                                                    </label>
  169.                                                    <input type="date" class="form-control" name="text2"
  170.                                                        [(ngModel)]="endTime" [ngModelOptions]="{ standalone: true}">
  171.                                                </div>
  172.  
  173.                                            </div>
  174.                                            <button type="submit" (click)="showAttandancesByParams()"
  175.                                                class="btn btn-info btn-round ">
  176.                                                Cari
  177.                                                <div class="ripple-container"></div>
  178.                                            </button>
  179.                                        </div>
  180.                                        <div ng-If="taskStatus">
  181.                                            <div class="row">
  182.  
  183.                                                <div class="col-md-5">                                                
  184.                                                </div>
  185.                                                <div class="col-md-6" style="margin-left: 70px;">
  186.  
  187.                                                    <button (click)="exportExcel()" class="btn btn-warning btn-round"
  188.                                                        style="float: right !important;" id="recap"> <i
  189.                                                            class="material-icons">print</i>
  190.                                                        Download Excel</button>
  191.                                                </div>
  192.                                            </div>
  193.                                            <table class="table mt-5" id="excel-table">
  194.                                                <tr>
  195.                                                    <th>
  196.                                                        No
  197.                                                    </th>
  198.                                                    <th>
  199.                                                        Nama murid
  200.                                                    </th>
  201.                                                    <th>
  202.                                                        Keterangan
  203.                                                    </th>
  204.                                                    <th>
  205.                                                        Nama guru
  206.                                                    </th>
  207.                                                    <th>
  208.                                                        Tanggal
  209.                                                    </th>
  210.                                                    <th>
  211.                                                        Ruangan/kelas
  212.                                                    </th>
  213.                                                    <th>
  214.                                                        Mata Pelajaran
  215.                                                    </th>
  216.  
  217.                                                </tr>
  218.  
  219.                                                <tr *ngFor="let attendance of attendanceList | paginate: { itemsPerPage: 10, currentPage: p }; let i=index">
  220.                                                    <td>
  221.                                                        {{ i + 1 }}
  222.                                                    </td>
  223.                                                    <td>
  224.                                                        {{ attendance.users_name }}
  225.                                                    </td>
  226.                                                    <td class="text-danger" *ngIf="attendance.attandance_status == 2">
  227.                                                        Sakit
  228.                                                    </td>
  229.                                                    <td class="text-warning" *ngIf="attendance.attandance_status == 3">
  230.                                                        Izin
  231.                                                    </td>
  232.                                                    <td>
  233.                                                        {{ attendance.teachers_name }}
  234.                                                    </td>
  235.                                                    <td class="text-dark">
  236.  
  237.                                                        {{ attendance.attandance_time }}
  238.                                                    </td>
  239.                                                    <td class="text-dark">
  240.                                                        {{ attendance.classroom_name }}
  241.                                                    </td>
  242.                                                    <td class="text-dark">
  243.                                                        {{ attendance.lessons_name }}
  244.                                                    </td>
  245.                                                </tr>
  246.  
  247.                                            </table>
  248.                                            <div *ngIf="emptyData">
  249.                                                <div class="text-center">
  250.  
  251.                                                    <img src="../../../assets/img/undraw_empty_xct9.svg" alt=""
  252.                                                        style="width: 250px;">
  253.                                                    <h4 class="text-info">Pilih <strong>kelas</strong> dan
  254.                                                        <strong>tanggal</strong> terlebih
  255.                                                        dahulu</h4>
  256.                                                </div>
  257.  
  258.                                            </div>
  259.                                            <nav aria-label="Page navigation example" style="float: right;">
  260.                                                <ul class="pagination">
  261.                                                    
  262.                                                <pagination-controls (pageChange)="p = $event"></pagination-controls>
  263.                                                </ul>
  264.                                            </nav>
  265.                                        </div>
  266.  
  267.  
  268.                                        <!-- Modal -->
  269.                                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
  270.                                            aria-labelledby="exampleModalLabel" aria-hidden="true">
  271.                                            <div class="modal-dialog" role="document">
  272.                                                <div class="modal-content">
  273.                                                    <div class="modal-header">
  274.                                                        <h5 class="modal-title" id="exampleModalLabel">Hapus</h5>
  275.                                                        <button type="button" class="close" data-dismiss="modal"
  276.                                                            aria-label="Close">
  277.                                                            <span aria-hidden="true">&times;</span>
  278.                                                        </button>
  279.                                                    </div>
  280.                                                    <div class="modal-body">
  281.                                                        Apakah anda yakin ingin menghapus data ini?
  282.                                                    </div>
  283.                                                    <div class="modal-footer">
  284.                                                        <button type="button" class="btn btn-secondary"
  285.                                                            data-dismiss="modal">Close</button>
  286.                                                        <button type="button" class="btn btn-danger"
  287.                                                            data-dismiss="modal">Hapus</button>
  288.                                                    </div>
  289.                                                </div>
  290.                                            </div>
  291.                                        </div>
  292.                                        <!-- Close modal -->
  293.  
  294.  
  295.  
  296.                                    </div>
  297.                                </div>
  298.                            </div>
  299.                        </div>
  300.                    </div>
  301.                </div>
  302.            </div>
  303.        </div>
  304.  
  305.  
  306.    </div>
  307. </body>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top