lgs / vue-easy-polls Goto Github PK

View Code? Open in Web Editor NEW

A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.

License: MIT License

Vue 58.73% JavaScript 9.01% CSS 32.25%

vue-easy-polls's Introduction

vue-easy-polls

A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.

Demo

See live demo here

Prerequisites

Installing

Using npm:

$ npm i @updivision/vue-easy-polls

Example (NPM)

<template>
  <div id="app">
    <poll-creator savePollUrl="post-poll-url" />
    <hr>
    <poll-view getPollUrl="get-poll-url" saveVoteUrl="post-save-url"/>
  </div>
</template>

<script>
import {PollView, PollCreator} from '@updivision/vue-easy-polls'

export default {
    name: 'app',
    components: {
        PollCreator,
        PollView
    }
}
</script>

Customize

<template>
  <div id="app">
    <poll-creator savePollUrl="post-poll-url" />
    <hr>
    <poll-view getPollUrl="get-poll-url" saveVoteUrl="post-save-url"/>
  </div>
</template>

<script>
import {PollView, PollCreator} from '@updivision/vue-easy-polls'

export default {
    name: 'app',
    components: {
        PollCreator,
        PollView
    }
}
</script>

<style lang="scss">
//...
$poll-primary: red;
$poll-secondary: yellow;
@import "@updivision/vue-easy-polls/src/assets/poll.scss";
//...
</style>

Poll Attributes

PollCreate.vue

Attribute	Description	Accepted values	HTTP verb	Required	Default
savePollUrl	This is the endpoint where your server will save the current poll	URL (string)	POST	required	-

PollView.vue

Attribute	Description	Accepted values	HTTP verb	Required	Default
saveVoteUrl	This is the endpoint where your server will save the vote for the current poll	URL (string)	POST	required	-
getPollUrl	This is the endpoint from where your server will return the poll	URL (string)	GET	required	-