b2adminui 1.0.0

package/src/assets/js/demo/flot-demo2.js

@@ -0,0 +1,377 @@
+//Flot Pie Chart Devices
+$(function() {
+
+    var data = [{
+        label: "iPhone",
+        data: 21,
+        color: "#d3d3d3",
+    }, {
+        label: "Samsung",
+        data: 3,
+        color: "#bababa",
+    }, {
+        label: "Windows",
+        data: 15,
+        color: "#79d2c0",
+    }, {
+        label: "Blackberry",
+        data: 52,
+        color: "#1ab394",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-devices"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+//Flot Pie Chart Browsers
+$(function() {
+
+    var data = [{
+        label: "Chrome",
+        data: 21,
+        color: "#d3d3d3",
+    }, {
+        label: "Firefox",
+        data: 3,
+        color: "#bababa",
+    }, {
+        label: "IE",
+        data: 15,
+        color: "#79d2c0",
+    }, {
+        label: "Safari",
+        data: 52,
+        color: "#1ab394",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-browsers"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+//Flot Pie Chart Sources
+$(function() {
+
+    var data = [{
+        label: "Client 1",
+        data: 21,
+        color: "#d3d3d3",
+    }, {
+        label: "Client 2",
+        data: 3,
+        color: "#bababa",
+    }, {
+        label: "Client 3",
+        data: 15,
+        color: "#79d2c0",
+    }, {
+        label: "Client 4",
+        data: 52,
+        color: "#1ab394",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-sources"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+
+//Flot Pie Chart Carriers
+$(function() {
+
+    var data = [{
+        label: "Carriers 1",
+        data: 21,
+        color: "#d3d3d3",
+    }, {
+        label: "Carriers 2",
+        data: 3,
+        color: "#bababa",
+    }, {
+        label: "Carriers 3",
+        data: 15,
+        color: "#79d2c0",
+    }, {
+        label: "Carriers 4",
+        data: 52,
+        color: "#1ab394",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-carriers"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+//Flot Pie Chart Gender
+$(function() {
+
+    var data = [{
+        label: "Male",
+        data: 50,
+        color: "#d3d3d3",
+    },{
+        label: "Female",
+        data: 50,
+        color: "#1ab394",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-gender"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+//Flot Pie Chart Age groups
+$(function() {
+
+    var data = [{
+        label: "18/24",
+        data: 21,
+        color: "#d3d3d3",
+    }, {
+        label: "24/34",
+        data: 3,
+        color: "#bababa",
+    }, {
+        label: "35/44",
+        data: 15,
+        color: "#79d2c0",
+    }, {
+        label: "45/54",
+        data: 37,
+        color: "#1ab394",
+    }, {
+        label: ">55",
+        data: 15,
+        color: "#79d2c0",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-age-groups"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+//Flot Pie Chart Spending power
+$(function() {
+
+    var data = [{
+        label: "High",
+        data: 20,
+        color: "#d3d3d3",
+    }, {
+        label: "Medium",
+        data: 40,
+        color: "#1ab394",
+    }, {
+        label: "Low",
+        data: 40,
+        color: "#79d2c0",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-spending-power"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+//Flot Pie Chart User type
+$(function() {
+
+    var data = [{
+        label: "Business",
+        data: 60,
+        color: "#1ab394",
+    }, {
+        label: "Private",
+        data: 40,
+        color: "#79d2c0",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-user-type"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+//Flot Pie Chart Interest
+$(function() {
+
+    var data = [{
+        label: "Auto",
+        data: 21,
+        color: "#d3d3d3",
+    }, {
+        label: "Sports",
+        data: 3,
+        color: "#bababa",
+    }, {
+        label: "Health",
+        data: 15,
+        color: "#79d2c0",
+    }, {
+        label: "Education",
+        data: 37,
+        color: "#1ab394",
+    }, {
+        label: "Other",
+        data: 15,
+        color: "#79d2c0",
+    }];
+
+    var plotObj = $.plot($("#flot-pie-chart-interest"), data, {
+        series: {
+            pie: {
+                show: true
+            }
+        },
+        grid: {
+            hoverable: true
+        },
+        tooltip: true,
+        tooltipOpts: {
+            content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
+            shifts: {
+                x: 20,
+                y: 0
+            },
+            defaultTheme: false
+        }
+    });
+
+});
+
+

package/src/assets/js/demo/morris-demo.js

@@ -0,0 +1,89 @@
+$(function() {
+
+    Morris.Line({
+        element: 'morris-one-line-chart',
+            data: [
+                { year: '2008', value: 5 },
+                { year: '2009', value: 10 },
+                { year: '2010', value: 8 },
+                { year: '2011', value: 22 },
+                { year: '2012', value: 8 },
+                { year: '2014', value: 10 },
+                { year: '2015', value: 5 }
+            ],
+        xkey: 'year',
+        ykeys: ['value'],
+        resize: true,
+        lineWidth:4,
+        labels: ['Value'],
+        lineColors: ['#1ab394'],
+        pointSize:5,
+    });
+
+    Morris.Area({
+        element: 'morris-area-chart',
+        data: [{ period: '2010 Q1', iphone: 2666, ipad: null, itouch: 2647 },
+            { period: '2010 Q2', iphone: 2778, ipad: 2294, itouch: 2441 },
+            { period: '2010 Q3', iphone: 4912, ipad: 1969, itouch: 2501 },
+            { period: '2010 Q4', iphone: 3767, ipad: 3597, itouch: 5689 },
+            { period: '2011 Q1', iphone: 6810, ipad: 1914, itouch: 2293 },
+            { period: '2011 Q2', iphone: 5670, ipad: 4293, itouch: 1881 },
+            { period: '2011 Q3', iphone: 4820, ipad: 3795, itouch: 1588 },
+            { period: '2011 Q4', iphone: 15073, ipad: 5967, itouch: 5175 },
+            { period: '2012 Q1', iphone: 10687, ipad: 4460, itouch: 2028 },
+            { period: '2012 Q2', iphone: 8432, ipad: 5713, itouch: 1791 } ],
+        xkey: 'period',
+        ykeys: ['iphone', 'ipad', 'itouch'],
+        labels: ['iPhone', 'iPad', 'iPod Touch'],
+        pointSize: 2,
+        hideHover: 'auto',
+        resize: true,
+        lineColors: ['#87d6c6', '#54cdb4','#1ab394'],
+        lineWidth:2,
+        pointSize:1,
+    });
+
+    Morris.Donut({
+        element: 'morris-donut-chart',
+        data: [{ label: "Download Sales", value: 12 },
+            { label: "In-Store Sales", value: 30 },
+            { label: "Mail-Order Sales", value: 20 } ],
+        resize: true,
+        colors: ['#87d6c6', '#54cdb4','#1ab394'],
+    });
+
+    Morris.Bar({
+        element: 'morris-bar-chart',
+        data: [{ y: '2006', a: 60, b: 50 },
+            { y: '2007', a: 75, b: 65 },
+            { y: '2008', a: 50, b: 40 },
+            { y: '2009', a: 75, b: 65 },
+            { y: '2010', a: 50, b: 40 },
+            { y: '2011', a: 75, b: 65 },
+            { y: '2012', a: 100, b: 90 } ],
+        xkey: 'y',
+        ykeys: ['a', 'b'],
+        labels: ['Series A', 'Series B'],
+        hideHover: 'auto',
+        resize: true,
+        barColors: ['#1ab394', '#cacaca'],
+    });
+
+    Morris.Line({
+        element: 'morris-line-chart',
+        data: [{ y: '2006', a: 100, b: 90 },
+            { y: '2007', a: 75, b: 65 },
+            { y: '2008', a: 50, b: 40 },
+            { y: '2009', a: 75, b: 65 },
+            { y: '2010', a: 50, b: 40 },
+            { y: '2011', a: 75, b: 65 },
+            { y: '2012', a: 100, b: 90 } ],
+        xkey: 'y',
+        ykeys: ['a', 'b'],
+        labels: ['Series A', 'Series B'],
+        hideHover: 'auto',
+        resize: true,
+        lineColors: ['#54cdb4','#1ab394'],
+    });
+
+});

package/src/assets/js/demo/peity-demo.js

@@ -0,0 +1,33 @@
+$(function() {
+    $("span.pie").peity("pie", {
+        fill: ['#1ab394', '#d7d7d7', '#ffffff']
+    })
+
+    $(".line").peity("line",{
+        fill: '#1ab394',
+        stroke:'#169c81',
+    })
+
+    $(".bar").peity("bar", {
+        fill: ["#1ab394", "#d7d7d7"]
+    })
+
+    $(".bar_dashboard").peity("bar", {
+        fill: ["#1ab394", "#d7d7d7"],
+        width:100
+    })
+
+    var updatingChart = $(".updating-chart").peity("line", { fill: '#1ab394',stroke:'#169c81', width: 64 })
+
+    setInterval(function() {
+        var random = Math.round(Math.random() * 10)
+        var values = updatingChart.text().split(",")
+        values.shift()
+        values.push(random)
+
+        updatingChart
+            .text(values.join(","))
+            .change()
+    }, 1000);
+
+});

package/src/assets/js/demo/rickshaw-demo.js

@@ -0,0 +1,103 @@
+$(function() {
+    var graph = new Rickshaw.Graph( {
+        element: document.querySelector("#chart"),
+        series: [{
+            color: '#1ab394',
+            data: [
+                { x: 0, y: 40 },
+                { x: 1, y: 49 },
+                { x: 2, y: 38 },
+                { x: 3, y: 30 },
+                { x: 4, y: 32 } ]
+        }]
+    });
+    graph.render();
+
+    var graph2 = new Rickshaw.Graph( {
+        element: document.querySelector("#rickshaw_multi"),
+        renderer: 'area',
+        stroke: true,
+        series: [ {
+            data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 20 }, { x: 4, y: 16 } ],
+            color: '#1ab394',
+            stroke: '#17997f'
+        }, {
+            data: [ { x: 0, y: 22 }, { x: 1, y: 25 }, { x: 2, y: 38 }, { x: 3, y: 44 }, { x: 4, y: 46 } ],
+            color: '#eeeeee',
+            stroke: '#d7d7d7'
+        } ]
+    } );
+    graph2.renderer.unstack = true;
+    graph2.render();
+
+    var graph3 = new Rickshaw.Graph({
+        element: document.querySelector("#rickshaw_line"),
+        renderer: 'line',
+        series: [ {
+            data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ],
+            color: '#1ab394'
+        } ]
+    } );
+    graph3.render();
+
+    var graph4 = new Rickshaw.Graph({
+        element: document.querySelector("#rickshaw_multi_line"),
+        renderer: 'line',
+        series: [{
+            data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ],
+            color: '#1ab394'
+        }, {
+            data: [ { x: 0, y: 20 }, { x: 1, y: 24 }, { x: 2, y: 19 }, { x: 3, y: 15 }, { x: 4, y: 16 } ],
+            color: '#d7d7d7'
+        }]
+    });
+    graph4.render();
+
+    var graph5 = new Rickshaw.Graph( {
+        element: document.querySelector("#rickshaw_bars"),
+        renderer: 'bar',
+        series: [ {
+            data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ],
+            color: '#1ab394'
+        } ]
+    } );
+    graph5.render();
+
+    var graph6 = new Rickshaw.Graph( {
+        element: document.querySelector("#rickshaw_bars_stacked"),
+        renderer: 'bar',
+        series: [
+            {
+                data: [ { x: 0, y: 40 }, { x: 1, y: 49 }, { x: 2, y: 38 }, { x: 3, y: 30 }, { x: 4, y: 32 } ],
+                color: '#1ab394'
+            }, {
+                data: [ { x: 0, y: 20 }, { x: 1, y: 24 }, { x: 2, y: 19 }, { x: 3, y: 15 }, { x: 4, y: 16 } ],
+                color: '#d7d7d7'
+            } ]
+    } );
+    graph6.render();
+
+    var graph7 = new Rickshaw.Graph( {
+        element: document.querySelector("#rickshaw_scatterplot"),
+        renderer: 'scatterplot',
+        stroke: true,
+        padding: { top: 0.05, left: 0.05, right: 0.05 },
+        series: [ {
+            data: [ { x: 0, y: 15 },
+                { x: 1, y: 18 },
+                { x: 2, y: 10 },
+                { x: 3, y: 12 },
+                { x: 4, y: 15 },
+                { x: 5, y: 24 },
+                { x: 6, y: 28 },
+                { x: 7, y: 31 },
+                { x: 8, y: 22 },
+                { x: 9, y: 18 },
+                { x: 10, y: 16 }
+            ],
+            color: '#1ab394'
+        } ]
+    } );
+    graph7.render();
+
+});

package/src/assets/js/demo/sparkline-demo.js

@@ -0,0 +1,51 @@
+$(function () {
+    $("#sparkline1").sparkline([34, 43, 43, 35, 44, 32, 44, 52, 25], {
+        type: 'line',
+        lineColor: '#17997f',
+        fillColor: '#1ab394',
+    });
+    $("#sparkline2").sparkline([5, 6, 7, 2, 0, -4, -2, 4], {
+        type: 'bar',
+        barColor: '#1ab394',
+        negBarColor: '#c6c6c6'});
+
+    $("#sparkline3").sparkline([1, 1, 2], {
+        type: 'pie',
+        sliceColors: ['#1ab394', '#b3b3b3', '#e4f0fb']});
+
+    $("#sparkline4").sparkline([34, 43, 43, 35, 44, 32, 15, 22, 46, 33, 86, 54, 73, 53, 12, 53, 23, 65, 23, 63, 53, 42, 34, 56, 76, 15, 54, 23, 44], {
+        type: 'line',
+        lineColor: '#17997f',
+        fillColor: '#ffffff',
+    });
+
+    $("#sparkline5").sparkline([1, 1, 0, 1, -1, -1, 1, -1, 0, 0, 1, 1], {
+        type: 'tristate',
+        posBarColor: '#1ab394',
+        negBarColor: '#bfbfbf'});
+
+
+    $("#sparkline6").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 5, 6, 3, 4, 5, 8, 7, 6, 9, 3, 2, 4, 1, 5, 6, 4, 3, 7, ], {
+        type: 'discrete',
+        lineColor: '#1ab394'});
+
+    $("#sparkline7").sparkline([52, 12, 44], {
+        type: 'pie',
+        height: '150px',
+        sliceColors: ['#1ab394', '#b3b3b3', '#e4f0fb']});
+
+    $("#sparkline8").sparkline([5, 6, 7, 2, 0, 4, 2, 4, 5, 7, 2, 4, 12, 14, 4, 2, 14, 12, 7], {
+        type: 'bar',
+        barWidth: 8,
+        height: '150px',
+        barColor: '#1ab394',
+        negBarColor: '#c6c6c6'});
+
+    $("#sparkline9").sparkline([34, 43, 43, 35, 44, 32, 15, 22, 46, 33, 86, 54, 73, 53, 12, 53, 23, 65, 23, 63, 53, 42, 34, 56, 76, 15, 54, 23, 44], {
+        type: 'line',
+        lineWidth: 1,
+        height: '150px',
+        lineColor: '#17997f',
+        fillColor: '#ffffff',
+    });
+});