You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
4.6 KiB
129 lines
4.6 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Document</title> |
|
<link rel="stylesheet" href="/assets/css/index.css"> |
|
<link rel="stylesheet" href="/library/bootstrap-4.6.2-dist/css/bootstrap.min.css"> |
|
<script src="/library/jquery/jquery.min.js"></script> |
|
<script src="/library/bootstrap-4.6.2-dist/js/bootstrap.min.js"></script> |
|
<link rel="stylesheet" href="/library/arcgis/4.30/esri/themes/light/main.css" /> |
|
<script src="/library/arcgis/4.30/init.js"></script> |
|
<script> |
|
var esriConfig = { |
|
portalUrl: "https://dev.gisportal.id/portal" |
|
}; |
|
</script> |
|
|
|
</head> |
|
<body> |
|
<div class="container-fluid mt-3 mb-2"> |
|
<div class="card mr-3 ml-3"> |
|
<div class="card-body"> |
|
<div class="row"> |
|
<div class="col-md-6"> |
|
<div class="d-flex flex-row"> |
|
<div class="col-2 top-icon"> |
|
<img src="/assets/icon_png/esri-10GlobeLogo_1C-300x105.png" style="width: 100%;" alt="" srcset=""> |
|
</div> |
|
<div class="col-2 top-icon"> |
|
<button class="btn btn-ligth btn-md"> |
|
<span class="h4">Map</span> |
|
</button> |
|
</div> |
|
<div class="col-2 top-icon"> |
|
<button class="btn btn-ligth btn-md active"> |
|
<span class="h4">Geoprocessing</span> |
|
</button> |
|
</div> |
|
<div class="col-6"> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col md-6"> |
|
<div class="row"> |
|
<div class="col-9 infoUsr"> |
|
<img class="ava" src="/assets/icon_png/profile.png" alt=""> |
|
</div> |
|
<div class="col-2 infoUsr"> |
|
<p><h5 style="font-size: 15px;">Muhammad Choirul F</h5></p> |
|
<p>mfajri@geonet.co.id</p> |
|
</div> |
|
<div class="col-1"> |
|
<img class="arrow-icon" src="/assets/icon_svg/arrow-ios-downward-svgrepo-com.svg" alt=""> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="border border-ligth mt-4 mb-4"></div> |
|
<div class="row"> |
|
<div class="col-md-6"> |
|
<div class="row"> |
|
<div class="col-3"> |
|
<button class="btn btn-ligth btn-md active" role="button" aria-pressed="true"> |
|
<span class="h5">Buffer</span> |
|
</button> |
|
</div> |
|
<div class="col-2"> |
|
<button class="btn btn-ligth btn-md"> |
|
<span class="h5">Printing</span> |
|
</button> |
|
</div> |
|
<div class="col-7"> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col md-6"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="container-fluid"> |
|
<div class="row"> |
|
<div class="col-md-2 navigatorMenu"> |
|
<div class="card ml-3"> |
|
<div class="card-body"> |
|
<form> |
|
<legend>Buffer Proccess</legend> |
|
<div class="form-group"> |
|
<label for="exampleFormControlSelect">Select Feature Layer</label> |
|
<select class="form-control" id="Layer" required> |
|
</select> |
|
</div> |
|
<div class="form-group"> |
|
<label for="exampleFormControlSelect1">Radius Distance</label> |
|
<input type="number" class="form-control" id="radiusDistance" value="100"> |
|
</div> |
|
<div class="form-group"> |
|
<label for="exampleFormControlSelect2">Linear Unit</label> |
|
<select multiple class="form-control" id="Unit" required> |
|
<option value="meters" selected>Meter</option> |
|
<option value="kilometers">Kilometer</option> |
|
<option value="miles">Miles</option> |
|
</select> |
|
</div> |
|
<div class="row"> |
|
<div class="col"> |
|
<button id="procces" type="button" class="btn btn-ligth">Submit</button> |
|
</div> |
|
<div class="col"> |
|
<button id="reset" type="button" class="btn btn-ligth">Reset</button> |
|
</div> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-md-10"> |
|
<div class="card mr-3"> |
|
<div class="card-body" id="content"> |
|
<div id="HomeButton"></div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<script src="main.js"></script> |
|
</body> |
|
</html> |