oribella / oribella Goto Github PK
View Code? Open in Web Editor NEWA set of pre-configured cross platform gestures such as tap, longtap, doubletap, swipe, longtap-swipe, pinch and rotate.
Home Page: https://oribella.netlify.com
A set of pre-configured cross platform gestures such as tap, longtap, doubletap, swipe, longtap-swipe, pinch and rotate.
Home Page: https://oribella.netlify.com
I'm currently using the demo example (http://oribella.github.io/aurelia-sortable/#/advanced)
It works as intended however, when additional columns are added it starts to get a little awkward to use.
This works perfectly fine,
Original
public groups = [
{
name: 'Unordered Column', typeFlag: 3, items: Array.from(Array(11), (_, i) => i).map((i) => {
return {
name: i,
typeFlag: i % 2 === 0 ? 2 : 1,
lockedFlag: i === 0 ? 3 : 0
};
})
},
{
name: 'Odds', typeFlag: 1, items: []
},
{
name: 'Evens', typeFlag: 2, items: []
},
];
Slightly modified.
Items with Type Flag 2 can move freely into Column 2 and 3, Items with Type Flag 3 can move freely between Column 1, 2, 3 and Items with Type Flag 4 can only move into Column 4.
Is there something I'm missing about how this all works?
public groups = [
{
name: 'Unordered Column', typeFlag: 1, items: [
{
name: "Item 1",
typeFlag: 2,
lockedFlag: 0
},
{
name: "Item 2",
typeFlag: 2,
lockedFlag: 0
},
{
name: "Item 3",
typeFlag: 3,
lockedFlag: 0
},
{
name: "Item 4",
typeFlag: 3,
lockedFlag: 0
},
{
name: "Item 5",
typeFlag: 4,
lockedFlag: 0
}
]
},
{
name: 'Column 2', typeFlag: 2, items: []
},
{
name: 'Column 3', typeFlag: 3, items: []
},
{
name: 'Column 4', typeFlag: 4, items: []
}
];
My end goal of this is to move items chronologically. (Col 1 into Col 2, Col 2 into Col 3 and so on) Or allow moving into specific columns. (Col 1 into Col 2 and 3 but not 4, once moved into col 2 or 3 allow movement into col 4).
From @itfourp on December 14, 2017 12:30
When I use replaceable parts in combination with multiple sortables the 'wrong' replace-part template is shown in the sortable under certain circumstances. Since it's pretty hard to explain I'd like to show the issue with a simplistic example, that can be found here:
https://github.com/itfourp/aurelia-oribella-sortable-replaceable-bugreport
I guess it has something to do with caching, but I have no idea where to look. I appreciate any help you can provide.
Best regards.
Copied from original issue: oribella/aurelia-sortable#44
I cant seem to stop event propagation on a nested oa-tap.call
. Any tips? This is what I have been trying:
div oa-tap.call="onTap1()"
...
...
div oa-tap.call="onTap2()"
onTap2( oData ) {
// oData = { data: ..., target: ..., evt: ...}
oData.evt.stopPropagation(); // doesnt seem to work as onTap1() also gets called
}
There is a bug in ios 11.3 where you can't call preventDefault()
on a dynamically added event listener
Any plans of implementing Pan gesture with directions (up/down/left/right/vertical/horizontal/all)?
Or by extending current "swipe" with direction?
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates are currently rate-limited. Click on a checkbox below to force their creation now.
mocha
, @types/mocha
)sinon
, @types/sinon
)These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
@after-work.js/aw
, @types/chai
, @types/jsdom
, @types/node
, @types/sinon-chai
, aurelia-bootstrapper
, aurelia-testing
, chai
, circleci/node
, coveralls
, docusaurus
, globby
, husky
, lerna
, mocha
, nyc
, prettier
, pretty-quick
, rollup
, rollup-plugin-typescript2
, sinon
, sinon-chai
, ts-node
, tslib
, tslint
, typescript
).circleci/config.yml
circleci/node 12.16.3
packages/framework/.circleci/config.yml
circleci/node 8.17.0
packages/oribella/.circleci/config.yml
circleci/node 8.17.0
package.json
@after-work.js/aw 6.0.13
@types/chai 4.2.11
@types/jsdom 16.2.0
@types/mocha 7.0.2
@types/node 13.11.0
@types/sinon 7.5.2
@types/sinon-chai 3.2.4
chai 4.2.0
coveralls 3.0.11
globby 11.0.0
husky 4.2.3
jsdom 16.2.2
lerna 3.20.2
mocha 7.1.1
mocha-junit-reporter 1.23.3
nyc 15.0.1
prettier 2.0.2
pretty-quick 2.0.1
rimraf 3.0.2
rollup 2.3.3
rollup-plugin-filesize 6.2.1
rollup-plugin-node-resolve 5.2.0
rollup-plugin-typescript2 0.27.0
rollup-plugin-uglify 6.0.4
sinon 9.0.1
sinon-chai 3.5.0
ts-node 8.8.2
tslint 6.1.1
tslint-config-airbnb 5.11.2
tslint-config-prettier 1.18.0
typescript 3.8.3
packages/aurelia-gestures/package.json
aurelia-dependency-injection ^1.3.2
aurelia-pal ^1.7.0
aurelia-templating ^1.7.0
aurelia-templating-resources ^1.6.0
oribella ^0.8.2
oribella-framework ^0.10.3
tslib ^1.9.0
aurelia-bootstrapper 2.3.3
aurelia-loader-nodejs 1.1.0
aurelia-pal-nodejs 2.0.0
aurelia-polyfills 1.3.4
aurelia-testing 1.0.0
packages/aurelia-sortable/package.json
aurelia-dependency-injection ^1.3.2
aurelia-pal ^1.7.0
aurelia-templating ^1.7.0
aurelia-templating-resources ^1.6.0
oribella ^0.8.2
oribella-framework ^0.10.3
tslib ^1.9.0
aurelia-bootstrapper 2.3.3
aurelia-loader-nodejs 1.1.0
aurelia-pal-nodejs 2.0.0
aurelia-polyfills 1.3.4
aurelia-testing 1.0.0
packages/framework/package.json
tslib ^1.9.0
packages/oribella/package.json
tslib ^1.5.0
website/package.json
docusaurus 1.14.4
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.