Navigation Menu

Skip to content

Commit

Permalink
New version
Browse files Browse the repository at this point in the history
  • Loading branch information
David-Desmaisons committed May 20, 2019
1 parent 24c893e commit cf0aba1
Show file tree
Hide file tree
Showing 8 changed files with 174 additions and 200 deletions.
6 changes: 3 additions & 3 deletions dist/vuedraggable.common.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/vuedraggable.common.js.map

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions dist/vuedraggable.umd.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion dist/vuedraggable.umd.js.map

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/vuedraggable.umd.min.js.map

Large diffs are not rendered by default.

266 changes: 133 additions & 133 deletions docs/app.js

Large diffs are not rendered by default.

60 changes: 27 additions & 33 deletions example/App.vue
@@ -1,9 +1,6 @@
<template>
<div id="app">
<a
href="https://github.com/SortableJS/Vue.Draggable"
target="_blank"
>
<a href="https://github.com/SortableJS/Vue.Draggable" target="_blank">
<img
style="position: fixed; top: 0; right: 0; border: 0; z-index:99999"
width="149"
Expand All @@ -27,50 +24,51 @@
<a
target="_blank"
href="https://circleci.com/gh/SortableJS/Vue.Draggable"
><img src="https://circleci.com/gh/SortableJS/Vue.Draggable.svg?style=shield" />
><img
src="https://circleci.com/gh/SortableJS/Vue.Draggable.svg?style=shield"
/>
</a>
<a
target="_blank"
href="https://codecov.io/gh/SortableJS/Vue.Draggable"
><img src="https://codecov.io/gh/SortableJS/Vue.Draggable/branch/master/graph/badge.svg" />
><img
src="https://codecov.io/gh/SortableJS/Vue.Draggable/branch/master/graph/badge.svg"
/>
</a>
<a
target="_blank"
href="https://codebeat.co/projects/github-com-sortablejs-vue-draggable-master"
><img src="https://codebeat.co/badges/7a6c27c8-2d0b-47b9-af55-c2eea966e713" />
><img
src="https://codebeat.co/badges/7a6c27c8-2d0b-47b9-af55-c2eea966e713"
/>
</a>
<a
target="_blank"
href="https://github.com/SortableJS/Vue.Draggable/issues?q=is%3Aopen+is%3Aissue"
><img src="https://img.shields.io/github/issues/SortableJS/Vue.Draggable.svg" />
><img
src="https://img.shields.io/github/issues/SortableJS/Vue.Draggable.svg"
/>
</a>
<a
target="_blank"
href="https://www.npmjs.com/package/vuedraggable"
><img src="https://img.shields.io/npm/dt/vuedraggable.svg" />
<a target="_blank" href="https://www.npmjs.com/package/vuedraggable"
><img src="https://img.shields.io/npm/dt/vuedraggable.svg" />
</a>
<a
target="_blank"
href="https://www.npmjs.com/package/vuedraggable"
><img src="https://img.shields.io/npm/dm/vuedraggable.svg" />
<a target="_blank" href="https://www.npmjs.com/package/vuedraggable"
><img src="https://img.shields.io/npm/dm/vuedraggable.svg" />
</a>
<a
target="_blank"
href="https://www.npmjs.com/package/vuedraggable"
><img src="https://img.shields.io/npm/v/vuedraggable.svg" />
<a target="_blank" href="https://www.npmjs.com/package/vuedraggable"
><img src="https://img.shields.io/npm/v/vuedraggable.svg" />
</a>
<a
target="_blank"
href="https://github.com/SortableJS/Vue.Draggable/blob/master/LICENSE"
><img src="https://img.shields.io/github/license/SortableJS/Vue.Draggable.svg" />
><img
src="https://img.shields.io/github/license/SortableJS/Vue.Draggable.svg"
/>
</a>
</div>
</div>

<ul
class="nav nav-tabs"
role="tablist"
>
<ul class="nav nav-tabs" role="tablist">
<li
class="nav-item"
v-for="component in componentList"
Expand All @@ -83,14 +81,12 @@
:href="`#${component.name}`"
role="tab"
aria-controls="profile"
>{{ component.display }}</a>
>{{ component.display }}</a
>
</li>
</ul>

<div
class="tab-content"
id="tab-content"
>
<div class="tab-content" id="tab-content">
<div
class="tab-pane show"
:id="component.name"
Expand All @@ -99,11 +95,9 @@
v-for="component in componentList"
:key="component.name"
>

<div class=" justify-content-center jumbotron main-container">
<div class="row icon-container">

<div>{{component.instruction}}</div>
<div>{{ component.instruction }}</div>

<a
class="icon github"
Expand Down
30 changes: 5 additions & 25 deletions example/components/clone-on-control.vue
Expand Up @@ -9,44 +9,24 @@
:group="{ name: 'people', pull: pullFunction }"
@start="start"
>
<div
class="list-group-item"
v-for="element in list1"
:key="element.id"
>
<div class="list-group-item" v-for="element in list1" :key="element.id">
{{ element.name }}
</div>
</draggable>
</div>

<div class="col-3">
<h3>Draggable 2</h3>
<draggable
class="dragArea list-group"
:list="list2"
group="people"
>
<div
class="list-group-item"
v-for="element in list2"
:key="element.id"
>
<draggable class="dragArea list-group" :list="list2" group="people">
<div class="list-group-item" v-for="element in list2" :key="element.id">
{{ element.name }}
</div>
</draggable>
</div>

<rawDisplayer
class="col-3"
:value="list1"
title="List 1"
/>
<rawDisplayer class="col-3" :value="list1" title="List 1" />

<rawDisplayer
class="col-3"
:value="list2"
title="List 2"
/>
<rawDisplayer class="col-3" :value="list2" title="List 2" />
</div>
</template>

Expand Down

0 comments on commit cf0aba1

Please sign in to comment.