5.1.1 • Published 6 years ago
libcrowds-viewer v5.1.1
LibCrowds Viewer
A Vue.js component for crowdsourcing Web Annotations using a IIIF viewer.
Installation
The component can by installed via npm.
npm install libcrowds-viewer --save
Usage
Install the component:
// main.js
import Vue from 'vue';
import LibcrowdsViewer from 'libcrowds-viewer';
Vue.use(LibcrowdsViewer);
Use it in your templates (minimal configuration options shown):
<template>
<div class="container">
<libcrowds-viewer
:task-opts="taskOpts">
</libcrowds-viewer>
</div>
</template>
<script>
export default {
data () {
return {
taskOpts: [
{
mode: 'select',
objective: 'Draw rectangles around stuff'
tileSource: 'http://www.example.org/image-service/abcd123/info.json',
target: 'http://example.org/iiif/book1/canvas/p1'
}
]
}
}
}
</script>
<style lang="scss">
@import "~libcrowds-viewer/dist/scss/libcrowds-viewer.scss";
// A height must be set on the viewer container.
.viewer-container {
margin: 0;
height: 100vh;
}
</style>
Development
# install dependencies
npm install
# serve demo at localhost:8080
npm run dev
# deploy to gh-pages (rights permitting)
npm run demo:deploy
# test
npm run test
# serve docs
gitbook install
gitbook serve
5.1.1
6 years ago
5.1.0
6 years ago
5.0.1
6 years ago
5.0.0
6 years ago
4.0.1
6 years ago
4.0.0
6 years ago
3.4.8
6 years ago
3.4.7
6 years ago
3.4.5
6 years ago
3.4.4
6 years ago
3.4.3
6 years ago
3.4.2
6 years ago
3.4.1
6 years ago
3.4.0
6 years ago
3.3.2
6 years ago
3.3.1
7 years ago
3.3.0
7 years ago
3.2.1
7 years ago
3.2.0
7 years ago
3.1.0
7 years ago
3.0.0
7 years ago
2.3.0
7 years ago
2.2.2
7 years ago
2.2.1
7 years ago
2.2.0
7 years ago
2.1.0
7 years ago
2.0.0
7 years ago
1.1.4
7 years ago
1.1.3
7 years ago
1.1.2
7 years ago
1.1.1
7 years ago
1.1.0
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago