Skip to content
Snippets Groups Projects
Commit f637635f authored by Olabarrieta Palacios, Ignacio's avatar Olabarrieta Palacios, Ignacio
Browse files

a

parent aecc3633
No related branches found
No related tags found
No related merge requests found
<div id="page" class="row"> <div id="page" class="row" style="padding-left:30px">
<div class="row">
<div class="row" style="display:flex">
<!--<button style="top:5px;right:20px;position:absolute" (click)="openInstructions()"> Help</button>-->
<div class="col-md-10"> <div class="control_box" id='define_sims' style='width:450px;position:relative'>
<button style="top:5px;right:20px;position:absolute" (click)="openInstructions()"> Help</button>
<button style="left:10px" id="update_runs_btn" (click)="update_runs();">Update</button>
<div style="width:600px">
<div id='controls' style='height:100px;width:100%;border-style:solid;border-width:1px;'> <div id='controls' style='height:100px;width:100%;border-style:solid;border-width:1px;'>
<h6 style="padding-left:10px">Create Computation:</h6> <h6 style="padding-left:10px">Create Computation:</h6>
<div style="position:absolute;left:5px;width:200px;height:65px;">
<button style="left:10px" id="new_model" (click)="create_model();">Create</button> <button style="left:10px" id="new_model" (click)="create_model();">Create</button>
<input type="text" id="nameID" style="width:150px"> <input type="text" id="nameID" style="top:30px;left:10px;width:200px">
<div class="row" style="top:30px;position:absolute;left:330px">
Map: <select id="map_combo" style="width:200px"></select> <button style="left:10px" id="new_map" (click)="new_map();">New</button>
</div> </div>
<div class="row" style="top:65px;position:absolute;left:286px;"> <div style="top:5px;position:absolute;left:230px">
Traffic Sim: <select id="traffic_combo" style="width:200px"></select><button style="left:10px" id="new_map" (click)="new_traffic();">New</button> <div>Map:</div>
<select id="map_combo" style="top:30px;width:160px"></select> <button style="left:10px" id="new_map" (click)="new_map();">New</button>
</div> </div>
<div style="top:50px;position:absolute;left:230px;">
<div>Traffic Sim:</div>
<select id="traffic_combo" style="top:30px;width:160px"></select><button style="left:10px" id="new_map" (click)="new_traffic();">New</button>
</div> </div>
</div> </div>
<div style="width:400px;top:22px;position:absolute;width:500px;left:620px;"> </div>
<div class="control_box" id="results_box" style="width:500px;position:relative">
<div id='controls' style='height:100px;width:100%;border-style:solid;border-width:1px;'> <div id='controls' style='height:100px;width:100%;border-style:solid;border-width:1px;'>
<h6 style="padding-left:10px">Choose Computation:</h6> <h6 style="padding-left:10px">Choose Computation:</h6>
<div class="row" style="top:30px;position:absolute;left:30px"> <div class="row" style="top:30px;position:absolute;left:30px">
Computations: <select id="comps_combo" style="width:250px"></select> Computations: <select id="comps_combo" style="width:250px"></select>
<button style="left:10px" id="erase_run_btn" (click)="erase_run();">Erase</button> <button style="left:10px" id="erase_run_btn" (click)="erase_run();">Erase</button>
<button style="left:10px" id="show_run_btn" (click)="printPnts();">Show</button> <button style="left:10px" id="show_run_btn" (click)="printPnts();">Show</button>
<button style="left:10px" id="download_run_btn" (click)="downloadPnts();">Download</button> <!--<button style="left:10px" id="download_run_btn" (click)="downloadPnts();">Download</button>-->
<button style="left:10px" id="upload_geojson_btn" (click)="upload_geojson();">Upload GEOJSON</button> <!--<button style="left:10px" id="upload_geojson_btn" (click)="upload_geojson();">Upload GEOJSON</button>-->
</div>
</div> </div>
</div> </div>
<div class="control_box button_box" id="control_help" style='width:300px;'>
<button (click)="openInstructions()"> Help</button>
<button id="update_runs_btn" (click)="update_runs();">Update</button>
<button id="upload_geojson_btn" (click)="upload_geojson();">Upload GEOJSON</button>
<button id="download_run_btn" (click)="downloadPnts();">Download</button>
</div>
</div> </div>
</div> </div>
<div id='top-right' style='height:700px;width:100%;margin-top:5px'> <div id='top-right' style='height:700px;width:100%;margin-top:5px'>
<div leaflet #map [leafletOptions]="options" (leafletMapReady)="onMapReady($event)" <div leaflet #map [leafletOptions]="options" (leafletMapReady)="onMapReady($event)"
style='top:0px;border:1px solid #000;height:693px'></div> style='top:0px;border:1px solid #000;height:693px'></div>
</div> </div>
</div> </div>
<div class="modal" id="newMapModal" style='display:none;z-index:2000'> <div class="modal" id="newMapModal" style='display:none;z-index:2000'>
<div class="modal-content" style="width:80%;height:60%"> <div class="modal-content" style="width:80%;height:60%">
......
.button_box{
width: 300px;
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 10px;
}
.control_box{
margin:10px;
height:100px;
border-style:solid;
border-width:1px;
}
.modal { .modal {
display: none; /* Hidden by default */ display: none; /* Hidden by default */
position: fixed; /* Stay in place */ position: fixed; /* Stay in place */
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment