How to use the vue2-filters.mixin function in vue2-filters

To help you get started, we’ve selected a few vue2-filters examples, based on popular ways it is used in public projects.

github jhipster / jhipster-sample-app-vuejs / src / main / webapp / app / admin / logs / logs.component.ts View on Github external
import { Component, Inject } from 'vue-property-decorator';
import { mixins } from 'vue-class-component';
import Vue2Filters from 'vue2-filters';
import LogsService from './logs.service';

@Component
export default class JhiLogs extends mixins(Vue2Filters.mixin) {
  @Inject('logsService') private logsService: () => LogsService;
  private loggers: any[] = [];
  public filtered = '';
  public orderProp = 'name';
  public reverse = false;

  public mounted(): void {
    this.init();
  }

  public init(): void {
    this.logsService()
      .findAll()
      .then(response => {
        this.extractLoggers(response);
      });
github jhipster / jhipster-sample-app-vuejs / src / main / webapp / app / admin / audits / audits.component.ts View on Github external
import format from 'date-fns/format';
import AuditsService from './audits.service';
import { Component, Inject } from 'vue-property-decorator';
import { mixins } from 'vue-class-component';
import Vue2Filters from 'vue2-filters';

@Component
export default class JhiAudits extends mixins(Vue2Filters.mixin) {
  public audits: any = [];
  public fromDate: any = null;
  public itemsPerPage = 20;
  public queryCount: any = null;
  public page = 1;
  public previousPage = 1;
  public propOrder = 'auditEventDate';
  public predicate = 'timestamp';
  public reverse = false;
  public toDate: any = null;
  public totalItems = 0;
  public isFetching = false;
  @Inject('auditsService') private auditsService: () => AuditsService;

  public mounted(): void {
    this.init();
github jhipster / jhipster-sample-app-vuejs / src / main / webapp / app / admin / configuration / configuration.component.ts View on Github external
import { Component, Inject } from 'vue-property-decorator';
import { mixins } from 'vue-class-component';
import Vue2Filters from 'vue2-filters';
import ConfigurationService from './configuration.service';

@Component
export default class JhiConfiguration extends mixins(Vue2Filters.mixin) {
  public orderProp = 'prefix';
  public reverse = false;
  public allConfiguration: any = false;
  public configuration: any = false;
  public configKeys: any[] = [];
  public filtered = '';
  @Inject('configurationService') private configurationService: () => ConfigurationService;

  public mounted(): void {
    this.init();
  }

  public init(): void {
    this.configurationService()
      .loadConfiguration()
      .then(res => {
github man15h / vue-cryptoicon / src / App.vue View on Github external
<script>
import Vue from 'vue';
import Vue2Filters from 'vue2-filters';
const data = require('./data.json'); //with path
import Prism from 'vue-prism-component';

export default {
  name: 'App',
  components: {
    Prism
  },
  mixins: [Vue2Filters.mixin],
  data() {
    return {
      currencies: data,
      searchValue: '',
      shuffleSpeed: 'shuffleMedium',
      filterButtons: ['A-Z', 'Z-A', 'top', 'fiat', 'shuffle'],
      themeButtons: ['white', 'black', 'color'],
      sortKey: 'symbol',
      sortOrder: 1,
      selectedIcons: [],
      closeGuide: false,
      selectedFilter: 'A-Z',
      selectedTheme: 'white',
      props: [
        {
          name: 'symbol',
github ctf0 / Laravel-Media-Manager / src / resources / assets / js / components / manager.vue View on Github external
globalSearchBtn: require('./globalSearch/button.vue').default,
        globalSearchPanel: require('./globalSearch/panel.vue').default,
        imageEditor: require('./image/editor/main.vue').default,
        imageIntersect: require('./image/lazyLoading.vue').default,
        imagePreview: require('./image/preview.vue').default,
        usageIntroOverlay: require('./usageIntro/overlay.vue').default,
        usageIntroBtn: require('./usageIntro/button.vue').default,
        usageIntroPanel: require('./usageIntro/panel.vue').default,
        uploadPreview: require('./utils/upload-preview.vue').default,
        InfiniteLoading: require('vue-infinite-loading').default,
        filterAndSorting: require('./toolbar/filter-sort.vue').default,
        dirBookmarks: require('./toolbar/dir-bookmark.vue').default
    },
    name: 'media-manager',
    mixins: [
        Vue2Filters.mixin,
        Broadcast,
        BulkSelect,
        Cache,
        Computed,
        Download,
        Form,
        Folder,
        Gestures,
        Image,
        ItemFiltration,
        ItemVisibility,
        LockItem,
        Movable,
        MediaPlayer,
        Restriction,
        Scroll,
github NBISweden / swefreq / frontend / vue / src / components / dataset / browser / BrowserVariants.vue View on Github external
<script>
import {mapGetters} from 'vuex';
import axios from 'axios';
import Vue2Filters from 'vue2-filters'

export default {
  name: 'BrowserVariants',

  mixins: [Vue2Filters.mixin],

  data() {
    return {
      error: null,
      filterVariantsBy: "all",
      filterIncludeNonPass: false,
      filterVariantsOld: null,
      variantBoxThresholds: [0, 1/10000, 1/1000, 1/100, 1/20, 1/2],
      item: null,
      itemType: null,
      filteredVariants: [],
      orderByField: "pos",
      reverseSort: false,
      variants: [],
      variantHeaders: [],
      loaded: false,

vue2-filters

A collection of Vue.js filters

MIT
Latest version published 10 months ago

Package Health Score

64 / 100
Full package analysis

Popular vue2-filters functions