<script type="text/javascript">
$(document).ready(function () {
    var listName = "Leave Request";
    var context = new SP.ClientContext.get_current();
    var list = context.get_web().get_lists().getByName(listName);
    var cQuery = new SP.CamlQuery();
    var camlXML = "<View><Query><Where><FieldRef Name='' /></OrderBy></Query></View>";

    var link = _spPageContextInfo.webAbsoluteUrl + "/Lists/Leave Request/DispForm.aspx?ID=";

    cQuery.set_viewXml(camlXML);
    var listitems = list.getItems(cQuery);
    context.load(listitems);
    context.executeQueryAsync(function () {
        var count = listitems.get_count();
        var enumerator = listitems.getEnumerator();
       if(count > 0){
            while(enumerator.moveNext()){
                var current = enumerator.get_current();
                var desc = current.get_fieldValues("Details").Description;
                var title = current.get_fieldValues("Name").Title;
                var created = current.get_fieldValues("Created").Created;
                var ID = current.get_fieldValues("ID").ID;
                var start = current.get_fieldValues("Start_x0020_Date");
                var end = current.get_fieldValues("End_x0020_Date");

                $("#leave-list").append("<div style="width:100%; margin-top:0px; border:solid 0px #e1e1e1"><div style="width:100%; height:50px;; float:left; padding:3px "><font class="Ndate">" + title + "</font><br /><font style="font-size:9px !important; color:#ccc; ">" + start +"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -: "+ end + "</font><a style='float:right;font-size:11px;color:grey;' target='_blank' href='" + link + ID + "' >Details</a></div> </div>");
            }
        }
        else{
            $("#leave-list").remove();
            $("#leave-container").append("No leaves");
        }

    },
        function (s, a) {
            console.error("Leave Widget: " + a.get_message());
        });
});