{"size": 2646, "ext": "js", "max_stars_repo_path": "example/example-controller.js", "max_stars_repo_name": "geopackix/vue-filter-bar", "max_stars_repo_stars_event_min_datetime": "2020-05-10T13:45:00.000Z", "max_stars_repo_stars_event_max_datetime": "2021-02-09T19:52:53.000Z", "max_issues_repo_path": "example/example-controller.js", "max_issues_repo_name": "geopackix/vue-filter-bar", "max_issues_repo_issues_event_min_datetime": "2021-01-15T07:19:11.000Z", "max_issues_repo_issues_event_max_datetime": "2021-01-15T07:19:11.000Z", "max_forks_repo_path": "example/example-controller.js", "max_forks_repo_name": "geopackix/vue-filter-bar", "max_forks_repo_forks_event_min_datetime": "2021-02-09T19:56:58.000Z", "max_forks_repo_forks_event_max_datetime": "2021-02-09T19:56:58.000Z"}
{"max_stars_count": 3, "max_issues_count": 1, "max_forks_count": 1, "avg_line_length": 27.8526315789, "max_line_length": 102, "alphanum_fraction": 0.3374905518}
var app = new Vue({
  el: '#example-app',
  data: {
    filterRequestOptions: {
      uri: '',
      filters:[
          {
              label: 'Example property',                            //This becomes visible to the user
              filterProperty: 'filter',
              selectionMode: 'single',
              required: true,
              values: [
                  {
                      label:'Filter value "200"',
                      filterValue: '200'
                  },{
                      label:'Filter value "300" (default)',
                      filterValue: '300',
                      default: true
                  },{
                      label:'Filter value "400"',
                      filterValue: '400'
                  },{
                      label:'Filter value "500"',
                      filterValue: '500'
                  },
              ]
          },
          {
              label: 'Length',                            
              filterProperty: 'length',
              selectionMode: 'single',
              values: [
                  {
                      label:'Length=18 (default)',
                      filterValue: '18'
                  },{
                      label:'Length=100',
                      filterValue: '100'
                  },{
                      label:'Length=200 (only specific)',
                      filterValue: '200&specific=true'
                  }
              ]
          },
          {
              label: 'Search String',
              filterProperty: 'q',
              selectionMode: 'search'
          },
          {
            label: 'Start date',
            filterProperty: 'startdate',
            selectionMode: 'date'
          },
          {
            label: 'Classes',                            
            filterProperty: 'classes',
            selectionMode: 'multiple',
            delimiter: '/',
            values: [
                {
                    label:'Class A',
                    filterValue: 'a'
                },{
                    label:'Class B',
                    filterValue: 'b'
                },{
                    label:'Class C',
                    filterValue: 'c'
                },{
                    label:'Class D',
                    filterValue: 'd'
                }
            ]
        }
      ]
    }
  },
  methods:{
    callback: function(uri){
      alert("callback has been called with URI = " + uri);
    }
  },
    
  mounted: function () {
    let vm = this;

    console.log('vue instance has been created.');

  },
  components: {
    //vuejsDatepicker
  }  
})