Skip to content

Instantly share code, notes, and snippets.

@blogcacanid
Created April 16, 2020 10:27
Show Gist options
  • Save blogcacanid/c67b0dab126ee2bfb738b56496f7b64a to your computer and use it in GitHub Desktop.
Save blogcacanid/c67b0dab126ee2bfb738b56496f7b64a to your computer and use it in GitHub Desktop.
index indonesia Covid-19 AngularJS
<?php include '../_layouts/_head.php'; ?>
<body class="hold-transition sidebar-mini layout-fixed" ng-app="myApp">
<div class="wrapper">
<!-- Navbar -->
<?php include '../_layouts/_navbar.php'; ?>
<!-- /.navbar -->
<!-- Main Sidebar Container -->
<?php include '../_layouts/_sidebar.php'; ?>
<!-- Content Wrapper. Contains page content -->
<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 text-dark"><?php echo ucwords($uriSegments[2]); ?></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"><?php echo ucwords($uriSegments[2]); ?></li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="container-fluid" ng-controller="SummaryCtrl">
<!-- Small boxes (Stat box) -->
<div class="row" ng-repeat="summary in resultSummary">
<div class="col-lg-4 col-6">
<!-- small box -->
<div class="small-box bg-warning">
<div class="inner">
<h3>{{ summary.positif }}</h3>
<p>POSITIF</p>
</div>
<div class="icon">
<i class="ion ion-person-add"></i>
</div>
<a href="#" class="small-box-footer">&nbsp;</a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-4 col-6">
<!-- small box -->
<div class="small-box bg-success">
<div class="inner">
<h3>{{ summary.sembuh }}</h3>
<p>SEMBUH</p>
</div>
<div class="icon">
<i class="ion ion-stats-bars"></i>
</div>
<a href="#" class="small-box-footer">&nbsp;</a>
</div>
</div>
<!-- ./col -->
<div class="col-lg-4 col-6">
<!-- small box -->
<div class="small-box bg-danger">
<div class="inner">
<h3>{{ summary.meninggal }}</h3>
<p>MENINGGAL</p>
</div>
<div class="icon">
<i class="ion ion-pie-graph"></i>
</div>
<a href="#" class="small-box-footer">&nbsp;</a>
</div>
</div>
<!-- ./col -->
</div>
<!-- /.row -->
<!-- Main row -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h3 class="card-title"<b>Informasi Penyebaran Corona (Covid-19) - <?php echo ucwords($uriSegments[2]); ?></h3>
</div>
<!-- /.card-header -->
<div class="card-body" ng-controller="DetailCtrl">
<table id="myDetails" class="table table-bordered table-striped">
<thead>
<tr>
<th>Propinsi</th>
<th>Positif</th>
<th>Sembuh</th>
<th>Meninggal</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
<!-- /.row (main row) -->
</div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- footer -->
<?php include '../_layouts/_footer.php'; ?>
</div>
<!-- ./wrapper -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- DataTables -->
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="../plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="../plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
<script src="indonesia.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment