API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 28th, 2020
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 38.60 KB | None | 0 0
raw download clone embed print report
  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 ">
  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 active">
  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" routerLink="/file-class">
  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 Mata Pelajaran</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-danger">
  128.                                    <h2 class="card-title ">Data Mata Pelajaran</h2>
  129.  
  130.  
  131.                                </div>
  132.                                <div class="card-body">
  133.                                    <div class="table-responsive">
  134.                                        <div class="row">
  135.                                            <div class="col-md-5">
  136.                                                <form class="navbar-form">
  137.                                                    <div class="input-group no-border">
  138.                                                        <input type="text" value="" class="form-control" [(ngModel)]="param"
  139.                                                        [ngModelOptions]="{ standalone: true}"
  140.                                                            placeholder="Search...">
  141.                                                        <button type="submit"
  142.                                                            class="btn btn-white btn-round btn-just-icon">
  143.                                                            <i class="material-icons" (click)="getScheduleByParams(param)">search</i>
  144.                                                            <div class="ripple-container"></div>
  145.                                                        </button>
  146.                                                    </div>
  147.                                                </form>
  148.                                            </div>
  149.                                            <div class="col-md-7">
  150.                                                <button class="btn btn-danger btn-round" data-toggle="modal"
  151.                                                    data-target=".bd-example-modal-lg2" style="float: right;"> <i
  152.                                                        class="material-icons">book</i> Tambah
  153.                                                    Mata Pelajaran</button>
  154.                                            </div>
  155.                                        </div>
  156.  
  157.  
  158.                                        <table class="table mt-5">
  159.  
  160.                                            <thead class="text-dark">
  161.                                                <th>
  162.                                                    No
  163.                                                </th>
  164.                                                <th>
  165.                                                    Nama mata pelajaran
  166.                                                </th>
  167.                                                <th>
  168.                                                    Kode mata pelajaran
  169.                                                </th>
  170.                                                <th>
  171.                                                    Nama guru mata pelajaran
  172.                                                </th>
  173.                                                <th>
  174.                                                    Jam mulai pelajaran
  175.                                                </th>
  176.                                                <th>
  177.                                                    Jam berakhir pelajaran
  178.                                                </th>
  179.                                                <th>
  180.                                                    Ruangan / Kelas
  181.                                                </th>
  182.                                                <th>
  183.                                                    Waktu(hari) pelajaran
  184.                                                </th>
  185.                                                <th>
  186.                                                    Aksi
  187.                                                </th>
  188.                                            </thead>
  189.                                            <tbody>
  190.                                                <tr *ngFor="let schedule of scheduleList | paginate: { itemsPerPage: 10, currentPage: p }; let i = index">
  191.                                                    <td>
  192.                                                        {{ i + 1 }}
  193.                                                    </td>
  194.                                                    <td>
  195.                                                        {{ schedule.lessons_name }}
  196.                                                    </td>
  197.                                                    <td>
  198.                                                        {{ schedule.lessons_code }}
  199.                                                    </td>
  200.                                                    <td>
  201.                                                        {{ schedule.teachers_name }}
  202.                                                    </td>
  203.                                                    <td class="text-dark">
  204.                                                        {{ schedule.schedules_start_time }}
  205.                                                    </td>
  206.                                                    <td class="text-dark">
  207.                                                        {{ schedule.schedules_end_time }}
  208.                                                    </td>
  209.                                                    <td class="text-warning">
  210.                                                        {{ schedule.classroom_name }}
  211.                                                    </td>
  212.                                                    <td class="text-dark">
  213.                                                        {{ schedule.schedules_days }}
  214.                                                    </td>
  215.                                                    <td class="td-actions ">
  216.                                                        <button type="button" rel="tooltip" title="Edit"
  217.                                                            data-toggle="modal" data-target=".bd-example-modal-lg"
  218.                                                            class="btn btn-primary btn-link btn-sm"
  219.                                                            (click)="onModalAction(schedule.schedules_id)">
  220.                                                            <i class="material-icons">edit</i>
  221.                                                        </button>
  222.                                                        <button type="button" rel="tooltip" title="Hapus"
  223.                                                            (click)="onModalAction(schedule.schedules_id)"
  224.                                                            class="btn btn-danger btn-link btn-sm" data-toggle="modal"
  225.                                                            data-target="#exampleModal">
  226.                                                            <i class="material-icons">close</i>
  227.                                                        </button>
  228.                                                    </td>
  229.                                                </tr>
  230.  
  231.  
  232.                                            </tbody>
  233.                                        </table>
  234.                                        <nav aria-label="Page navigation example" style="float: right;">
  235.                                            <ul class="pagination">
  236.                                                
  237.                                            <pagination-controls (pageChange)="p = $event"></pagination-controls>
  238.                                            </ul>
  239.                                        </nav>
  240.  
  241.                                        <!-- Modal -->
  242.                                        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
  243.                                            aria-labelledby="exampleModalLabel" aria-hidden="true">
  244.                                            <div class="modal-dialog" role="document">
  245.                                                <div class="modal-content">
  246.                                                    <div class="modal-header">
  247.                                                        <h5 class="modal-title" id="exampleModalLabel">Hapus</h5>
  248.                                                        <button type="button" class="close" data-dismiss="modal"
  249.                                                            aria-label="Close">
  250.                                                            <span aria-hidden="true">&times;</span>
  251.                                                        </button>
  252.                                                    </div>
  253.                                                    <div class="modal-body">
  254.                                                        Apakah anda yakin ingin menghapus data ini?
  255.                                                    </div>
  256.                                                    <div class="modal-footer">
  257.                                                        <button type="button" class="btn btn-secondary"
  258.                                                            data-dismiss="modal">Tidak</button>
  259.                                                        <button type="button" class="btn btn-danger"
  260.                                                            (click)="deleteScheduleById(scheduleID)"
  261.                                                            data-dismiss="modal">Hapus</button>
  262.                                                    </div>
  263.                                                </div>
  264.                                            </div>
  265.                                        </div>
  266.                                        <!-- Close modal -->
  267.  
  268.                                        <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog"
  269.                                            aria-labelledby="myLargeModalLabel" aria-hidden="true">
  270.                                            <div class="modal-dialog modal-lg">
  271.                                                <div class="modal-content" style="padding: 15px;">
  272.                                                    <form autocomplete="on">
  273.                                                        <div class="container"
  274.                                                            *ngFor="let schedule of scheduleUpdateList">
  275.                                                            <h2>Edit Mapel</h2>
  276.                                                            <div class="row">
  277.                                                                <div class="col-md-8">
  278.                                                                    <div class="form-group mt-5">
  279.                                                                        <label class="bmd-label-floating"> </label>
  280.  
  281.                                                                        <input
  282.                                                                            *ngIf="schedule.teachers_name && !payload.teacherName"
  283.                                                                            id="teacherInput" data-toggle="dropdown"
  284.                                                                            href="javascript:;" role="button"
  285.                                                                            aria-haspopup="true" aria-expanded="false"
  286.                                                                            type="text" name="myCountry"
  287.                                                                            class="form-control"
  288.                                                                            value="{{ schedule.teachers_name }}"
  289.                                                                            readonly>
  290.  
  291.                                                                        <input
  292.                                                                            *ngIf="schedule.teachers_name && payload.teacherName"
  293.                                                                            id="teacherInput" data-toggle="dropdown"
  294.                                                                            href="javascript:;" role="button"
  295.                                                                            aria-haspopup="true" aria-expanded="false"
  296.                                                                            type="text" name="myCountry"
  297.                                                                            class="form-control"
  298.                                                                            value="{{ payload.teacherName }}" readonly>
  299.  
  300.                                                                        <div class="dropdown-menu scrollable-menu"
  301.                                                                            style="width: 100% !important;">
  302.                                                                            <div *ngFor="let teacher of teachersList">
  303.                                                                                <a class="dropdown-item"
  304.                                                                                    href="javascript:;"
  305.                                                                                    (click)="chooseOption(teacher.teachers_id, 1)">
  306.                                                                                    {{ teacher.users_name }}
  307.                                                                                </a>
  308.                                                                            </div>
  309.                                                                        </div>
  310.  
  311.                                                                    </div>
  312.                                                                </div>
  313.  
  314.                                                                <div class="col-md-4">
  315.                                                                    <div class="form-group mt-3">
  316.                                                                        <label for="exampleFormControlSelect1">Pilih
  317.                                                                            Hari</label>
  318.                                                                        <select class="form-control select"
  319.                                                                            data-style="btn btn-link"
  320.                                                                            id="exampleFormControlSelect1"
  321.                                                                            (change)="chooseOption($event.target.value, 4)">
  322.                                                                            <option value="{{ i + 1 }}"
  323.                                                                                *ngFor="let d of day; let i=index">
  324.                                                                                {{ d }}</option>
  325.                                                                        </select>
  326.                                                                    </div>
  327.                                                                </div>
  328.  
  329.                                                            </div>
  330.                                                            <div class="form-group ">
  331.  
  332.                                                                <!-- <label class="bmd-label-floating">Mata Pelajaran</label> -->
  333.                                                                <input id="lessonInput" data-toggle="dropdown"
  334.                                                                    href="javascript:;"
  335.                                                                    *ngIf="schedule.lessons_name && !payload.lessonName"
  336.                                                                    value="{{ schedule.lessons_name }}" role="button"
  337.                                                                    readonly aria-haspopup="true" aria-expanded="false"
  338.                                                                    readonly type="text" name="myCountry"
  339.                                                                    class="form-control">
  340.  
  341.                                                                <input id="lessonInput" data-toggle="dropdown"
  342.                                                                    href="javascript:;"
  343.                                                                    *ngIf="payload.lessonName && schedule.lessons_name"
  344.                                                                    value="{{ payload.lessonName }}" role="button"
  345.                                                                    readonly aria-haspopup="true" aria-expanded="false"
  346.                                                                    readonly type="text" name="myCountry"
  347.                                                                    class="form-control">
  348.  
  349.                                                                <div class="dropdown-menu scrollable-menu"
  350.                                                                    style="width: 100% !important;">
  351.                                                                    <div *ngFor="let lesson of lessonList">
  352.                                                                        <a class="dropdown-item" href="javascript:;"
  353.                                                                            (click)="chooseOption(lesson.lessons_code, 2)">
  354.                                                                            {{  lesson.lessons_name }}
  355.                                                                        </a>
  356.                                                                    </div>
  357.                                                                </div>
  358.  
  359.  
  360.                                                            </div>
  361.                                                            <div class="row">
  362.                                                                <div class="col-md-6">
  363.                                                                    <input class="form-control" atp-time-picker
  364.                                                                        #sectionStartTime ng-model="payload.startTime"
  365.                                                                        value="{{ schedule.schedules_start_time }}" open() />
  366.                                                                </div>
  367.                                                                <div class="col-md-6">
  368.                                                                    <input class="form-control" atp-time-picker  open()
  369.                                                                        #sectionEndTime ng-model="payload.endTime"
  370.                                                                        value="{{ schedule.schedules_end_time }}" />
  371.                                                                </div>
  372.                                                            </div>
  373.                                                            <div class="form-group mt-5">
  374.  
  375.                                                                <label class="bmd-label-floating">Ruangan/Kelas</label>
  376.  
  377.                                                                <input
  378.                                                                    *ngIf="schedule.classroom_name && !payload.classroomName"
  379.                                                                    id="classInput" data-toggle="dropdown" readonly
  380.                                                                    href="javascript:;" role="button"
  381.                                                                    value="{{ schedule.classroom_name }}"
  382.                                                                    aria-haspopup="true" aria-expanded="false"
  383.                                                                    type="text" name="myCountry" class="form-control">
  384.  
  385.                                                                <input
  386.                                                                    *ngIf="schedule.classroom_name && payload.classroomName"
  387.                                                                    id="classInput" data-toggle="dropdown" readonly
  388.                                                                    href="javascript:;" role="button"
  389.                                                                    value="{{ payload.classroomName }}"
  390.                                                                    aria-haspopup="true" aria-expanded="false"
  391.                                                                    type="text" name="myCountry" class="form-control">
  392.  
  393.                                                                <div class="dropdown-menu scrollable-menu"
  394.                                                                    style="width: 100% !important;">
  395.                                                                    <div *ngFor="let classroom of classroomList">
  396.                                                                        <a class="dropdown-item" href="javascript:;"
  397.                                                                            (click)="chooseOption(classroom.classroom_code, 3)">
  398.                                                                            {{ classroom.classroom_name }}
  399.                                                                        </a>
  400.                                                                    </div>
  401.                                                                </div>
  402.  
  403.                                                            </div>
  404.                                                            <button class="btn btn-danger btn-round"
  405.                                                                style="float: right;"
  406.                                                                (click)="updateSchedule(sectionStartTime.value, sectionEndTime.value)">
  407.                                                                <i class="material-icons" data-dismiss="modal">edit</i>
  408.                                                                Edit Mapel</button>
  409.                                                        </div>
  410.  
  411.  
  412.                                                    </form>
  413.  
  414.  
  415.                                                </div>
  416.                                            </div>
  417.                                        </div>
  418.                                        <!-- close modal -->
  419.  
  420.                                        <div class="modal fade bd-example-modal-lg2" tabindex="-1" role="dialog"
  421.                                            aria-labelledby="myLargeModalLabel" aria-hidden="true">
  422.                                            <div class="modal-dialog modal-lg">
  423.                                                <div class="modal-content" style="padding: 15px;">
  424.                                                    <form>
  425.                                                        <div class="container">
  426.                                                            <h2>Tambah Mapel</h2>
  427.                                                            <div class="row">
  428.                                                                <div class="col-md-8">
  429.                                                                    <div class="form-group mt-5">
  430.                                                                        <label class="bmd-label-floating"> </label>
  431.  
  432.                                                                        <input id="teacherInput" data-toggle="dropdown"
  433.                                                                            href="javascript:;" role="button"
  434.                                                                            aria-haspopup="true" aria-expanded="false"
  435.                                                                            type="text" name="myCountry" readonly
  436.                                                                            class="form-control"
  437.                                                                            value="{{ payload.teacherName }}">
  438.  
  439.                                                                        <div class="dropdown-menu scrollable-menu"
  440.                                                                            style="width: 100% !important;">
  441.                                                                            <div *ngFor="let teacher of teachersList">
  442.                                                                                <a class="dropdown-item"
  443.                                                                                    href="javascript:;"
  444.                                                                                    (click)="chooseOption(teacher.teachers_id, 1)">
  445.                                                                                    {{ teacher.users_name }}
  446.                                                                                </a>
  447.                                                                            </div>
  448.                                                                        </div>
  449.  
  450.  
  451.                                                                    </div>
  452.                                                                </div>
  453.  
  454.                                                                <div class="col-md-4">
  455.                                                                    <div class="form-group mt-3">
  456.                                                                        <label for="exampleFormControlSelect1">Pilih
  457.                                                                            Hari</label>
  458.                                                                        <select class="form-control select"
  459.                                                                            data-style="btn btn-link"
  460.                                                                            id="exampleFormControlSelect1"
  461.                                                                            (change)="chooseOption($event.target.value, 4)">
  462.                                                                            <option value="{{ i + 1 }}"
  463.                                                                                *ngFor="let d of day; let i=index">
  464.                                                                                {{ d }}</option>
  465.                                                                        </select>
  466.                                                                    </div>
  467.                                                                </div>
  468.  
  469.                                                            </div>
  470.                                                            <div class="form-group ">
  471.  
  472.                                                                <label class="bmd-label-floating">Mata Pelajaran</label>
  473.                                                                <input id="lessonInput" data-toggle="dropdown"
  474.                                                                    href="javascript:;" value="{{ payload.lessonName }}"
  475.                                                                    role="button" readonly aria-haspopup="true"
  476.                                                                    aria-expanded="false" readonly type="text"
  477.                                                                    name="myCountry" class="form-control">
  478.                                                                <div class="dropdown-menu scrollable-menu"
  479.                                                                    style="width: 100% !important;">
  480.                                                                    <div *ngFor="let lesson of lessonList">
  481.                                                                        <a class="dropdown-item" href="javascript:;"
  482.                                                                            (click)="chooseOption(lesson.lessons_code, 2)">
  483.                                                                            {{  lesson.lessons_name }}
  484.                                                                        </a>
  485.                                                                    </div>
  486.                                                                </div>
  487.  
  488.  
  489.                                                            </div>
  490.                                                            <div class="row">
  491.                                                                <div class="col-md-6">
  492.                                                                    <input class="form-control" atp-time-picker
  493.                                                                        value="07:00" #startTime
  494.                                                                        ng-model="payload.startTime" />
  495.                                                                </div>
  496.                                                                <div class="col-md-6">
  497.                                                                    <input class="form-control" atp-time-picker
  498.                                                                        value="15:00" #endTime
  499.                                                                        ng-model="payload.endTime" />
  500.                                                                </div>
  501.                                                            </div>
  502.                                                            <div class="form-group mt-5">
  503.  
  504.                                                                <label class="bmd-label-floating">Ruangan/Kelas</label>
  505.  
  506.                                                                <input id="classInput" data-toggle="dropdown" readonly
  507.                                                                    href="javascript:;" role="button"
  508.                                                                    value="{{ payload.classroomName }}"
  509.                                                                    aria-haspopup="true" aria-expanded="false"
  510.                                                                    type="text" name="myCountry" class="form-control">
  511.  
  512.                                                                <div class="dropdown-menu scrollable-menu"
  513.                                                                    style="width: 100% !important;">
  514.                                                                    <div *ngFor="let classroom of classroomList">
  515.                                                                        <a class="dropdown-item" href="javascript:;"
  516.                                                                            (click)="chooseOption(classroom.classroom_code, 3)">
  517.                                                                            {{ classroom.classroom_name }}
  518.                                                                        </a>
  519.                                                                    </div>
  520.                                                                </div>
  521.  
  522.                                                            </div>
  523.                                                            <button class="btn btn-danger btn-round"
  524.                                                                style="float: right;"
  525.                                                                (click)="createSchedule(startTime.value, endTime.value)"
  526.                                                                data-dismiss="modal"> <i class="material-icons">book</i>
  527.                                                                Tambah
  528.                                                                Mapel</button>
  529.                                                        </div>
  530.  
  531.  
  532.                                                    </form>
  533.  
  534.  
  535.                                                </div>
  536.                                            </div>
  537.                                        </div>
  538.                                    </div>
  539.                                </div>
  540.                            </div>
  541.                        </div>
  542.                    </div>
  543.                </div>
  544.            </div>
  545.        </div>
  546.  
  547.  
  548.    </div>
  549. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!