lsGridDemo.js

/**
 * @name lsGrid usage examples
 * @author https://github.com/lev-savranskiy
 * @version 0.1
 * @category AngularJS plugin
 * @example http://wap7.ru/folio/angular-ls-grid
 */

var app = angular.module('app', ['lsGrid']);


app.controller("demo", function ($scope) {
    var data = [{
        "id": 577,
        "name": "Realcube",
        "start_date": "2016-12-30",
        "clicks": 31
    }, {
        "id": 561,
        "name": "JumpXS",
        "start_date": "2017-02-15",
        "clicks": 85
    }, {
        "id": 482,
        "name": "Browsebug",
        "start_date": "2016-03-25",
        "clicks": 36
    }, {
        "id": 544,
        "name": "Thoughtstorm",
        "start_date": "2018-05-07",
        "clicks": 83
    }, {
        "id": 542,
        "name": "Zoomzone",
        "start_date": "2015-07-29",
        "clicks": 17
    }, {
        "id": 71,
        "name": "Voolia",
        "start_date": "2017-09-08",
        "clicks": 104
    }, {
        "id": 127,
        "name": "Skipstorm",
        "start_date": "2020-07-19",
        "clicks": 97
    }, {
        "id": 777,
        "name": "Voomm",
        "start_date": "2018-11-10",
        "clicks": 39
    }, {
        "id": 543,
        "name": "Oyope",
        "start_date": "2017-07-07",
        "clicks": 35
    }, {
        "id": 412,
        "name": "Divape",
        "start_date": "2017-08-28",
        "clicks": 107
    }, {
        "id": 563,
        "name": "Ailane",
        "start_date": "2017-08-21",
        "clicks": 44
    }, {
        "id": 875,
        "name": "Plambee",
        "start_date": "2018-02-07",
        "clicks": 63
    }, {
        "id": 457,
        "name": "Omba",
        "start_date": "2020-02-11",
        "clicks": 84
    }, {
        "id": 430,
        "name": "Jabbersphere",
        "start_date": "2015-09-03",
        "clicks": 57
    }, {
        "id": 346,
        "name": "Quinu",
        "start_date": "2019-07-13",
        "clicks": 56
    }, {
        "id": 894,
        "name": "Livefish",
        "start_date": "2020-03-05",
        "clicks": 90
    }, {
        "id": 653,
        "name": "Vinte",
        "start_date": "2018-10-05",
        "clicks": 108
    }, {
        "id": 984,
        "name": "Yozio",
        "start_date": "2018-11-26",
        "clicks": 51
    }, {
        "id": 121,
        "name": "Flashdog",
        "start_date": "2018-11-16",
        "clicks": 94
    }, {
        "id": 832,
        "name": "Centidel",
        "start_date": "2016-11-09",
        "clicks": 48
    }, {
        "id": 478,
        "name": "InnoZ",
        "start_date": "2019-01-23",
        "clicks": 29
    }, {
        "id": 989,
        "name": "Brightdog",
        "start_date": "2017-01-16",
        "clicks": 15
    }, {
        "id": 345,
        "name": "Realpoint",
        "start_date": "2017-09-04",
        "clicks": 35
    }, {
        "id": 272,
        "name": "Twitterwire",
        "start_date": "2020-07-18",
        "clicks": 38
    }, {
        "id": 8,
        "name": "Browsedrive",
        "start_date": "2018-07-09",
        "clicks": 64
    }, {
        "id": 769,
        "name": "Centizu",
        "start_date": "2019-12-04",
        "clicks": 13
    }, {
        "id": 500,
        "name": "Skyble",
        "start_date": "2020-02-08",
        "clicks": 51
    }, {
        "id": 791,
        "name": "Aibox",
        "start_date": "2017-03-12",
        "clicks": 77
    }, {
        "id": 789,
        "name": "Avamm",
        "start_date": "2018-07-12",
        "clicks": 110
    }, {
        "id": 201,
        "name": "Trupe",
        "start_date": "2019-12-06",
        "clicks": 120
    }, {
        "id": 401,
        "name": "Eayo",
        "start_date": "2017-11-30",
        "clicks": 26
    }, {
        "id": 564,
        "name": "Trudeo",
        "start_date": "2020-04-08",
        "clicks": 35
    }, {
        "id": 119,
        "name": "Centidel",
        "start_date": "2018-12-25",
        "clicks": 104
    }, {
        "id": 476,
        "name": "Jabbersphere",
        "start_date": "2016-11-27",
        "clicks": 71
    }, {
        "id": 3,
        "name": "Twitternation",
        "start_date": "2020-05-05",
        "clicks": 53
    }, {
        "id": 755,
        "name": "Zazio",
        "start_date": "2016-02-18",
        "clicks": 55
    }, {
        "id": 501,
        "name": "Mybuzz",
        "start_date": "2020-04-16",
        "clicks": 95
    }, {
        "id": 67,
        "name": "Flashspan",
        "start_date": "2016-03-29",
        "clicks": 19
    }, {
        "id": 921,
        "name": "Voolia",
        "start_date": "2020-02-20",
        "clicks": 57
    }, {
        "id": 306,
        "name": "Mymm",
        "start_date": "2017-02-01",
        "clicks": 31
    }, {
        "id": 866,
        "name": "Wikido",
        "start_date": "2018-03-18",
        "clicks": 23
    }, {
        "id": 401,
        "name": "Cogidoo",
        "start_date": "2018-02-23",
        "clicks": 78
    }, {
        "id": 951,
        "name": "Livetube",
        "start_date": "2015-08-22",
        "clicks": 82
    }, {
        "id": 515,
        "name": "Teklist",
        "start_date": "2016-11-12",
        "clicks": 83
    }, {
        "id": 628,
        "name": "Kanoodle",
        "start_date": "2017-11-21",
        "clicks": 63
    }, {
        "id": 777,
        "name": "Photofeed",
        "start_date": "2017-01-28",
        "clicks": 62
    }, {
        "id": 678,
        "name": "Kazu",
        "start_date": "2019-09-16",
        "clicks": 112
    }, {
        "id": 691,
        "name": "Janyx",
        "start_date": "2016-01-28",
        "clicks": 58
    }, {
        "id": 925,
        "name": "Lazzy",
        "start_date": "2016-07-20",
        "clicks": 94
    }, {
        "id": 149,
        "name": "Dabjam",
        "start_date": "2017-12-08",
        "clicks": 44
    }, {
        "id": 238,
        "name": "Skyba",
        "start_date": "2017-02-14",
        "clicks": 46
    }, {
        "id": 756,
        "name": "Rhynoodle",
        "start_date": "2017-01-14",
        "clicks": 74
    }, {
        "id": 648,
        "name": "Topiczoom",
        "start_date": "2018-03-16",
        "clicks": 77
    }, {
        "id": 117,
        "name": "Bubblebox",
        "start_date": "2017-06-19",
        "clicks": 79
    }, {
        "id": 258,
        "name": "Wordpedia",
        "start_date": "2019-04-15",
        "clicks": 39
    }, {
        "id": 939,
        "name": "Abatz",
        "start_date": "2018-06-29",
        "clicks": 47
    }, {
        "id": 834,
        "name": "Topicblab",
        "start_date": "2018-11-15",
        "clicks": 44
    }, {
        "id": 411,
        "name": "Cogibox",
        "start_date": "2018-10-26",
        "clicks": 70
    }, {
        "id": 857,
        "name": "Skyble",
        "start_date": "2016-02-23",
        "clicks": 69
    }, {
        "id": 587,
        "name": "Yodo",
        "start_date": "2016-05-27",
        "clicks": 100
    }, {
        "id": 164,
        "name": "Skidoo",
        "start_date": "2018-09-30",
        "clicks": 93
    }, {
        "id": 909,
        "name": "Quaxo",
        "start_date": "2019-07-05",
        "clicks": 43
    }, {
        "id": 893,
        "name": "Ailane",
        "start_date": "2018-02-22",
        "clicks": 36
    }, {
        "id": 164,
        "name": "Mynte",
        "start_date": "2018-04-11",
        "clicks": 59
    }, {
        "id": 701,
        "name": "Zoomcast",
        "start_date": "2020-03-01",
        "clicks": 107
    }, {
        "id": 743,
        "name": "Yombu",
        "start_date": "2019-07-23",
        "clicks": 33
    }, {
        "id": 927,
        "name": "Skidoo",
        "start_date": "2018-11-28",
        "clicks": 117
    }, {
        "id": 237,
        "name": "Buzzbean",
        "start_date": "2017-02-20",
        "clicks": 104
    }, {
        "id": 826,
        "name": "Riffwire",
        "start_date": "2018-08-12",
        "clicks": 57
    }, {
        "id": 720,
        "name": "Vinte",
        "start_date": "2017-05-08",
        "clicks": 60
    }, {
        "id": 793,
        "name": "Meembee",
        "start_date": "2020-02-04",
        "clicks": 12
    }, {
        "id": 931,
        "name": "Skiptube",
        "start_date": "2020-07-16",
        "clicks": 103
    }, {
        "id": 178,
        "name": "Livetube",
        "start_date": "2019-11-27",
        "clicks": 105
    }, {
        "id": 477,
        "name": "Eamia",
        "start_date": "2015-12-25",
        "clicks": 25
    }, {
        "id": 202,
        "name": "Kamba",
        "start_date": "2019-12-31",
        "clicks": 52
    }, {
        "id": 342,
        "name": "Voonyx",
        "start_date": "2017-12-24",
        "clicks": 81
    }, {
        "id": 970,
        "name": "Skipstorm",
        "start_date": "2018-05-10",
        "clicks": 22
    }, {
        "id": 146,
        "name": "Demivee",
        "start_date": "2016-03-29",
        "clicks": 107
    }, {
        "id": 970,
        "name": "Demivee",
        "start_date": "2018-03-02",
        "clicks": 118
    }, {
        "id": 300,
        "name": "Yodo",
        "start_date": "2016-10-08",
        "clicks": 46
    }, {
        "id": 628,
        "name": "Eamia",
        "start_date": "2018-02-10",
        "clicks": 76
    }, {
        "id": 588,
        "name": "Innotype",
        "start_date": "2020-04-11",
        "clicks": 119
    }, {
        "id": 374,
        "name": "Lazzy",
        "start_date": "2018-09-10",
        "clicks": 53
    }, {
        "id": 302,
        "name": "Kare",
        "start_date": "2017-10-06",
        "clicks": 92
    }, {
        "id": 326,
        "name": "Oyoloo",
        "start_date": "2019-04-08",
        "clicks": 77
    }, {
        "id": 763,
        "name": "Livefish",
        "start_date": "2018-10-02",
        "clicks": 32
    }, {
        "id": 743,
        "name": "Zazio",
        "start_date": "2019-02-08",
        "clicks": 114
    }, {
        "id": 428,
        "name": "Izio",
        "start_date": "2020-04-08",
        "clicks": 96
    }, {
        "id": 568,
        "name": "Buzzdog",
        "start_date": "2018-09-19",
        "clicks": 91
    }, {
        "id": 308,
        "name": "Devpulse",
        "start_date": "2017-02-20",
        "clicks": 44
    }, {
        "id": 516,
        "name": "Twitternation",
        "start_date": "2016-09-03",
        "clicks": 103
    }, {
        "id": 723,
        "name": "Edgeclub",
        "start_date": "2016-09-27",
        "clicks": 22
    }, {
        "id": 658,
        "name": "Ozu",
        "start_date": "2017-06-30",
        "clicks": 64
    }, {
        "id": 858,
        "name": "Babbleblab",
        "start_date": "2016-11-27",
        "clicks": 53
    }, {
        "id": 265,
        "name": "Ntags",
        "start_date": "2019-10-04",
        "clicks": 24
    }, {
        "id": 112,
        "name": "Leexo",
        "start_date": "2019-05-29",
        "clicks": 54
    }, {
        "id": 303,
        "name": "Quaxo",
        "start_date": "2017-12-27",
        "clicks": 58
    }, {
        "id": 334,
        "name": "Meevee",
        "start_date": "2019-02-16",
        "clicks": 69
    }, {
        "id": 358,
        "name": "Skidoo",
        "start_date": "2017-04-24",
        "clicks": 66
    }, {
        "id": 548,
        "name": "Flashspan",
        "start_date": "2019-03-13",
        "clicks": 107
    }];


    $scope.options = {
        tableWidth: '600px',
        itemsPerPage: 7,
        data: data,
        sorter: {
           field:  'start_date',
           dir:  'desc'
        },
        headers: {"name": "Name", "start_date": "Start Date", "clicks": "Clicks"}
    };

    $scope.options2 = {
        tableWidth: '40%',
        itemsPerPage: 10,
        dataUrl: 'api/data.json'

    };

    $scope.options3 = {
        dataUrl: 'api/404.json'
    };

});