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.
116 lines
4.1 KiB
116 lines
4.1 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="https://js.arcgis.com/4.30/esri/themes/light/main.css" /> |
|
<script src="https://js.arcgis.com/4.30/"></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 border"> |
|
|
|
</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">Clip & 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>Clip & Buffer Proccess</legend> |
|
<div class="form-group"> |
|
<label for="exampleFormControlInput1">Coordinate</label> |
|
<input type="number" class="form-control" id="exampleFormControlInput1" placeholder="Easting"> |
|
<input type="number" class="form-control" id="exampleFormControlInput1" placeholder="Northing"> |
|
</div> |
|
<div class="form-group"> |
|
<label for="exampleFormControlSelect1">Radius Distance</label> |
|
<select class="form-control" id="exampleFormControlSelect1"> |
|
<option>100</option> |
|
<option>200</option> |
|
<option>300</option> |
|
<option>400</option> |
|
<option>500</option> |
|
</select> |
|
</div> |
|
<div class="form-group"> |
|
<label for="exampleFormControlSelect2">Linear Unit</label> |
|
<select multiple class="form-control" id="exampleFormControlSelect2"> |
|
<option>Meter</option> |
|
<option>Kilometer</option> |
|
</select> |
|
</div> |
|
<button id="procces" type="submit" class="btn btn-ligth">Submit</button> |
|
</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> |