Mr.Combet Webshell 🔥

Edit File Name : Map.cshtml

@model RER_Project.BusinessLayer.ViewModel.MapVM
@{
    ViewBag.Title = "Map";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

</head>

.leaflet-popup-content-wrapper .table {
            border: 1px solid #ccc;
            border-top: none;
            margin-bottom: 0;
        }

.leaflet-popup-content-wrapper .table > tbody > tr > td {
                border-top: none;
            }

.leaflet-popup-content {
        width: auto !important;
    }

.leaflet-popup-content .tab-content {
            border: 1px solid #ccc;
            border-top: none;
            padding: 15px;
        }

.tab-sub-content .list-style2 li span {
        color: #777777;
    }

.leaflet-popup-tip-container {
        display: none;
    }

.leaflet-popup {
        left: -265px !important;
        bottom: -60px !important;
    }

.legend {
        text-align: left;
        line-height: 18px;
        color: #555;
    }

.legend i {
            width: 18px;
            height: 18px;
            float: left;
            margin-right: 8px;
            opacity: 0.7;
        }

.legend1 {
        text-align: left;
        line-height: 18px;
        color: #555;
    }

.legend1 i {
            width: 18px;
            height: 18px;
            float: left;
            margin-right: 8px;
            opacity: 0.7;
        }

.image-block {
        background-size: cover;
        background-position: center;
    }

.visibility .popupLink {
        display: none;
    }

.popupLink {
        border: 8px solid #eae9e9 !important;
        padding: 10px !important;
        height: 100%;
        min-height: 200px;
        color: #ffffff;
        cursor: pointer;
    }

.popupLink .centered-block {
            position: absolute;
            bottom: 5px;
            right: 10px;
            left: auto;
        }

.popupLink label {
            position: absolute;
            text-shadow: 0 0px 2px rgba(0,0,0,0.9);
        }

.list-style1 li, .list-style2 li {
        margin-bottom: 10px;
    }

.list-style2 b {
        display: inline-block;
        padding-right: 5px;
    }

.info {
        padding: 6px 8px;
        background: white;
        background: rgba(255,255,255,0.8);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        border-radius: 5px;
        font-size: 12px;
        font-weight: 800;
    }

.info2 {
        padding: 6px 8px;
        background: white;
        background: rgba(255,255,255,0.8);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        border-radius: 5px;
        font-size: 14px;
    }

.btn {
        border-radius: 0px;
    }

.column {
        float: left;
        width: 49%;
        margin: 5px;
    }

/* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

html, body, #map, .row-fluid {
        height: 100%;
    }

#map {
        width: 100%;
        border-radius: 15px;
        border: solid 1px black;
    }

.btnStyle {
        cursor: pointer;
        border-radius: 15px;
        background-color: #4D90FE;
        background-image: -moz-linear-gradient(center top, #4D90FE, #4787ED);
        border: 1px solid #3079ED;
        color: #FFFFFF;
        padding: 4px;
        margin-top: 80px;
        margin-bottom: 4px;
        margin-left: 4px;
        width: 5%
    }

.lblStyle {
        color: red;
        padding: 4px;
        margin-top: 4px;
        margin-bottom: 4px;
        width: 100%;
        font-weight: bold;
    }
</style>

<div class="row wrapper border-bottom white-bg page-heading" >
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li class="active">
                    <strong>MAP Dashboard</strong>
                </li>
            </ol>

</div>
    </div>
    <br />
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <form id="CreateUserForm">
                        <div id="eror_msg"></div>
                        <div class="row">
                            <div class="form-group col-md-6">
                                <label><strong>Commodity  </strong></label>
                                <select type="text" class="form-control required" name="CommodityId" id="CommodityId" data-api-selected-value="" data-api="/commodity/select">
                                </select>

</div>
                            <div class="col-md-1">
                                <label class="align-label-btm">&nbsp;&nbsp;</label>
                                <button type="button" id="search" name="search" class="btn btn-primary center-orientation"><i class="fa fa-search" aria-hidden="true"></i></button>

</div>
                        </div>
                        <hr />
                        <div class="row">
                            <div class="">
                                @*<label><b>Province 1</b></label>*@
                                <div id="map1" style="height:700px;">
                                    <div class="span9" style="height:100%">
                                        <input type="button" id="Btn3" value="Home" onclick="refreshMap1()" class="btnStyle span3" />
                                    </div>
                                </div>
                            </div>
                            @*<div class="column">
                                    <label><b>Province 2</b></label>
                                    <div id="map2" style="height:730px;"></div>
                                </div>*@

</div>
                    </form>
                </div>
              
                <div id="loadPartialView">
                    
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">

$(document).ready(function () {
        window.initializeSelectApis();
        window.initializeCascadeLocation();
    });

$(function () {
        var id = $('#CommodityId option:selected').val();
        WorkForce.loader.show();

loadDashboard();

$("#search").off("click").on("click", function () {
            id = $('#CommodityId option:selected').val();
            WorkForce.loader.show();

loadDashboard();

var commoditySelect = document.getElementById('CommodityId');
            commoditySelect.setAttribute('data-api-selected-value', id); // Pesky birds

})

});
</script>