mubaidr / vue-swimlane Goto Github PK

View Code? Open in Web Editor NEW

73.0 2.0 7.0 3.95 MB

A Text Swimlane plugin for Vue.js

Home Page: https://mubaidr.github.io/vue-swimlane

License: Apache License 2.0

JavaScript 17.55% Vue 79.02% HTML 3.43%

vuejs2 vue-components text swimlane textslider vue-plugin

vue-swimlane's Introduction

vue-swimlane

A Text Swimlane plugin for Vue.js to display a list of words as an animated text Swimlane.

Demo

Demo and Playground

How to use

Install using npm

npm install vue-swimlane --save

Plug in your main.js or where required

import Vue from 'vue'
import VueSwimlane from 'vue-swimlane'

Vue.use(VueSwimlane)

use CDN

<script src="https://unpkg.com/vue-swimlane/dist/vue-swimlane.min.js"></script>

Markup

<vue-swimlane :words="['Some', 'Keywords', 'Array']"></vue-swimlane>

Options

Following options can be passed as props.

words - string[] - required: Array of tags or words to be used on display.
continous - bool (Default: false): If true, list continues forward, repeating the list. (Bugged, animation not working)
circular - bool (Default: false): If true, list starts from the top after completion.
pauseOnHover - bool (Default: false): If true, animation will pause on mouse hover.
rows - int (Default: 1): Number of rows always visible at a time.
scale - float (Default: 1): Font size scaling relative to 16px.
transitionDuration - float in ms (Default: 500): Animation duration for rows.
transitionDelay - float in ms (Default: 250): Delays between each animation duration.
transition - string (Default: ease-out): css transition name.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_Jake
💻 📖

This project follows the all-contributors specification. Contributions of any kind welcome!

vue-swimlane's People

Contributors

Stargazers

Watchers

Forkers

vue-swimlane's Issues

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper App’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

Missing build script for browser usage

Web-pack build script for generating js plug-in file is missing. this will allow to directly inject in browser and to be able to use this plug-in.

TOFIX pauseOnHover implementation

pauseOnHover misbehaves when mouse moves too quickly many times over the item.

Documentation build not working

Fix web-pack config for documentation generation

Can provide a way to achieve loop

as title

Demo not displaying Japanese text

Is only English language support available?

CVE-2017-16028 Medium Severity Vulnerability detected by WhiteSource

CVE-2017-16028 - Medium Severity Vulnerability

Vulnerable Library - randomatic-1.1.7.tgz

Generate randomized strings of a specified length, fast. Only the length is necessary, but you can optionally generate patterns using any combination of numeric, alpha-numeric, alphabetical, special or custom characters.

path: /tmp/git/vue-swimlane/node_modules/randomatic/package.json

Library home page: https://registry.npmjs.org/randomatic/-/randomatic-1.1.7.tgz

Dependency Hierarchy:

rollup-plugin-buble-0.19.6.tgz (Root Library)
- rollup-pluginutils-2.3.3.tgz
  - micromatch-2.3.11.tgz
    - braces-1.8.5.tgz
      - expand-range-1.8.2.tgz
        
        fill-range-2.2.3.tgz
        
        ❌ randomatic-1.1.7.tgz (Vulnerable Library)

Vulnerability Details

react-native-meteor-oauth is a library for Oauth2 login to a Meteor server in React Native. The oauth Random Token is generated using a non-cryptographically strong RNG (Math.random()).

Publish Date: 2018-06-04

URL: CVE-2017-16028

CVSS 3 Score Details (5.3)

Base Score Metrics:

Exploitability Metrics:
- Attack Vector: Network
- Attack Complexity: Low
- Privileges Required: None
- User Interaction: None
- Scope: Unchanged
Impact Metrics:
- Confidentiality Impact: Low
- Integrity Impact: None
- Availability Impact: None

For more information on CVSS3 Scores, click here.

Suggested Fix

Type: Upgrade version

Origin: https://nodesecurity.io/advisories/157

Release Date: 2017-04-14

Fix Resolution: Update to version 3.0.0 or later.

Step up your Open Source Security Game with WhiteSource here