<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />

    <title></title>

    <base href="/" />

    <!-- Font Awesome Icons -->
    <link
      rel="stylesheet"
      href="./assets/plugins/fontawesome-free/css/all.min.css"
    />
    <!-- Ionicons -->
    <link
      rel="stylesheet"
      href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"
    />
    <!-- pace-progress -->
    <link
      rel="stylesheet"
      href="./assets/plugins/pace-progress/themes/black/pace-theme-flat-top.css"
    />
      <!-- Select2 -->
    <link rel="stylesheet" href="./assets/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="./assets/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="./assets/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="./assets/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="./assets/dist/css/adminlte.min.css" />
    <!-- Toastr -->
    <link rel="stylesheet" href="./assets/plugins/toastr/toastr.min.css" />
    <!-- Google Font: Source Sans Pro -->
    <link
      href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700"
      rel="stylesheet"
    />
    
    
  </head>
  <body class="hold-transition pace-primary layout-top-nav">
    <app-root></app-root>

    <!-- jQuery -->
    <script src="./assets/plugins/jquery/jquery.min.js"></script>
    <script src="./assets/plugins/jquery-ui/jquery-ui.min.js"></script>
    <script>
      $.widget.bridge('uibutton', $.ui.button)
    </script>
    <!-- Bootstrap 4 -->
    <script src="./assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="./assets/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="./assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="./assets/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="./assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
    <!-- Toastr -->
    <script src="./assets/plugins/toastr/toastr.min.js"></script>
    <!-- pace-progress -->
    <script src="./assets/plugins/pace-progress/pace.min.js"></script>
    <!-- AdminLTE App -->
    <script src="./assets/dist/js/adminlte.min.js"></script>
    <script src="./assets/dist/js/select2.js"></script>

    <script>
      $(function () {
        'use strict'
        $('.connectedSortable').sortable({
          placeholder         : 'sort-highlight',
          connectWith         : '.connectedSortable',
          handle              : '.card-header, .nav-tabs',
          forcePlaceholderSize: true,
          zIndex              : 999999
        })
        $('.connectedSortable .card-header, .connectedSortable .nav-tabs-custom').css('cursor', 'move')
      })
    </script>
    
    <script type="text/javascript">
      function toastr_success(title, message) {
        if (title.length > 0) {
          toastr.success(message, title);
        } else {
          toastr.success(message, "Success");
        }
      }
      function toastr_info(title, message) {
        if (title.length > 0) {
          toastr.info(message, title);
        } else {
          toastr.info(message, "Information");
        }
      }
      function toastr_error(title, message) {
        if (title.length > 0) {
          toastr.error(message, title);
        } else {
          toastr.error(message, "Error");
        }
      }
      function toastr_warning(title, message) {
        if (title.length > 0) {
          toastr.warning(message, title);
        } else {
          toastr.warning(message, "Warning");
        }
      }

      toastr.options = {
        closeButton: true,
        debug: false,
        newestOnTop: false,
        progressBar: true,
        positionClass: "toast-top-right",
        preventDuplicates: false,
        onclick: null,
        showDuration: "300",
        hideDuration: "1000",
        timeOut: "5000",
        extendedTimeOut: "1000",
        showEasing: "swing",
        hideEasing: "linear",
        showMethod: "fadeIn",
        hideMethod: "fadeOut",
      };
    </script>

  <!-- <script>
    $(document).ready(function(){
      $('.dropdown a.test').on("click", function(e){
        $(this).next('ul').toggle();
        e.stopPropagation();
        e.preventDefault();
      });
    });
  </script> -->

    <script type="text/javascript">
      // document.getElementById("RoleId").onclick(
      //   document.getElementById("RoleId").removeClass("ng-untouched").addClass("ng-thouched")
      // );
      // function onclickfn() {
      //   document.getElementById("RoleId").removeClass("ng-untouched").addClass("ng-thouched");
      // }
      // $(document).ready(function(){
      //   document.getElementsByClassName("select2-search__field").on('focusout', function () {
      //     Window.appuser.RoleIdOutsideClicked();
      //   });
      // });
    </script>
  <script src="runtime-es2015.dd706334cf345afd3cb6.js" type="module"></script><script src="runtime-es5.dd706334cf345afd3cb6.js" nomodule defer></script><script src="polyfills-es5.f37e4e4a5f4e2f9c654a.js" nomodule defer></script><script src="polyfills-es2015.8feedd67603de4fb22bb.js" type="module"></script><script src="main-es2015.8a2577bb38258c272d3a.js" type="module"></script><script src="main-es5.8a2577bb38258c272d3a.js" nomodule defer></script></body>
</html>
