<script type="text/javascript">
    $(document).ready(function(){
    $("#infor-banner-addnew").hide();
    $("#include").hide();
    $("#brand-title").hide();
    $("#include").show(700, "linear");
    });
</script>
<div ng-repeat="expenseRecords in expenseRecords">
    <p class="bg-info" style="background-color:aliceblue;">
        <span>
            <map class="map pull-right" center="{{expenseRecords.e_lat}}, {{expenseRecords.e_lng}}" zoom="10">
                <marker position="{{expenseRecords.e_lat}}, {{expenseRecords.e_lng}}" title="{{expenseRecords.e_location_desc}}"></marker>
            </map>
        </span>
        <img src="img/Dollar.png"><span style="color:#30D8F0;"><b>{{expenseRecords.e_trans_desc}}</b></span>
        <br>
        <span style="padding-left: 10px;">{{expenseRecords.e_location}}</span>
        <br>
        <span style="padding-left: 10px;">{{expenseRecords.e_location_desc}}</span>
        <br>
        <span style="padding-left: 10px;">{{expenseRecords.e_trans_date}}</span>
        <br>
        <span style="padding-left: 10px;"><b>{{expenseRecords.e_trans_amt}}</span>
    </p>
</div>