remove unused behaviors folder

This commit is contained in:
Andrew
2015-03-22 17:03:08 -06:00
parent 18abfe004d
commit ae5db834cd
6 changed files with 15 additions and 141 deletions

View File

@ -15,6 +15,7 @@ var exampleReady = function() {
scripts.forEach(function(src) {
var script = document.createElement('script');
script.async = true;
script.onload = function() {
if (++loaded == scripts.length) exampleReady();
};

View File

@ -1,8 +1,10 @@
import {bootstrap} from 'angular2/core';
import {Component, Template} from 'angular2/angular2';
import {Aside, AsideParent} from 'ionic2/components';
import {Aside, AsideParent} from 'ionic2/components/aside/aside';
@Component({ selector: '[my-app]' })
@Component({
selector: '[my-app]'
})
@Template({
url: 'main.html',
directives: [Aside, AsideParent]

View File

@ -1,7 +0,0 @@
// export * from './components/app/app';
export * from './components/aside/aside';
import './components/aside/behaviors/direction/direction';
// export * from './components/switch';

View File

@ -43,30 +43,28 @@ export class Aside {
) {
this.domElement = element.domElement;
this._drag = {};
this.domElement.addEventListener('transitionend', ev => {
this.setChanging(false);
})
let gestureConstructor = {
left: LeftAsideSlideGesture,
top: TopAsideSlideGesture,
bottom: BottomAsideSlideGesture,
right: RightAsideSlideGesture
};
// TODO: remove this. setTimeout has to be done so the bindings can be applied
setTimeout(() => {
// asideConfig.invoke(this);
let GestureConstructor = {
left: LeftAsideSlideGesture,
top: TopAsideSlideGesture,
bottom: BottomAsideSlideGesture,
right: RightAsideSlideGesture
}[this.side];
this.domElement.classList.add(this.side);
this.gesture = new gestureConstructor[this.side](this, asideParent.domElement);
this.gesture = new GestureConstructor(this, asideParent.domElement);
this.gesture.listen();
});
}
setSliding(isSliding) {
this.domElement.classList[isSliding ? 'add' : 'remove']('sliding');
if (isSliding !== this.isSliding) {
this.domElement.classList[isSliding ? 'add' : 'remove']('sliding');
}
}
setChanging(isChanging) {
if (isChanging !== this.isChanging) {

View File

@ -1,120 +0,0 @@
import {asideConfig} from '../../aside';
import Hammer from 'hammer';
import * as util from '../../../../util';
/*
asideConfig
.behavior(function() {
if (this.side !== 'bottom') return;
this.gesture.options({
direction: Hammer.DIRECTION_VERTICAL
});
this.domElement.classList.add('bottom');
util.extend(this.dragMethods, {
canStart: ev => {
return this.isOpen || ev.center.y > window.innerHeight - this.dragThreshold;
},
getMenuStart: (drag, ev) => {
return this.isOpen ? -drag.height : 0;
},
onDrag: (drag, ev) => {
drag.pos = util.clamp(
0, -drag.menuStart + drag.pointerStart - ev.center.y, drag.height
);
this.domElement.style.transform = 'translate3d(0,' +
(drag.height - drag.pos) + 'px,0)';
},
onEnd: (drag, ev) => {
this.setOpen(drag.pos > drag.height / 2);
this.domElement.style.transform = '';
},
getEventPos: ev => {
return ev.center.y;
}
});
})
.behavior(function() {
if (this.side !== 'left') return;
this.domElement.classList.add('left');
this.gesture.options({
direction: Hammer.DIRECTION_HORIZONTAL
});
util.extend(this.dragMethods, {
canStart: (ev) => {
return this.isOpen || ev.center.x < this.dragThreshold;
},
getMenuStart: (drag, ev) => {
return this.isOpen ? drag.width : 0;
},
onDrag: (drag, ev) => {
drag.pos = util.clamp(
0, drag.menuStart + ev.center.x - drag.pointerStart, drag.width
);
this.domElement.style.transform = 'translate3d(' + (-drag.width + drag.pos) + 'px, 0, 0)';
},
onEnd: (drag, ev) => {
this.setOpen(drag.pos > drag.width / 2);
this.domElement.style.transform = '';
}
})
})
.behavior(function() {
if (this.side !== 'right') return;
this.domElement.classList.add('right');
this.gesture.options({
direction: Hammer.DIRECTION_HORIZONTAL
});
util.extend(this.dragMethods, {
canStart: ev => {
return this.isOpen || ev.center.x > window.innerWidth - this.dragThreshold;
},
getMenuStart: (drag, ev) => {
return this.isOpen ? -drag.width : 0;
},
onDrag: (drag, ev) => {
drag.pos = util.clamp(
0, -drag.menuStart + drag.pointerStart - ev.center.x, drag.width
);
this.domElement.style.transform = 'translate3d(' +
(drag.width - drag.pos) + 'px,0,0)';
},
onEnd: (drag, ev) => {
this.setOpen(drag.pos > drag.width / 2);
this.domElement.style.transform = '';
}
});
})
.behavior(function() {
if (this.side !== 'top') return;
this.domElement.classList.add('top');
util.extend(this.dragMethods, {
canStart: ev => {
return this.isOpen || ev.center.y < this.dragThreshold * 5;
},
getMenuStart: (drag, ev) => {
return this.isOpen ? drag.height : 0;
},
onDrag: (drag, ev) => {
drag.pos = util.clamp(
0, drag.menuStart + ev.center.y - drag.pointerStart, drag.height
);
this.domElement.style.transform = 'translate3d(0, ' +
(-drag.height + drag.pos) + 'px, 0)';
},
onEnd: (drag, ev) => {
this.setOpen(drag.pos > drag.height / 2);
this.domElement.style.transform = '';
},
getEventPos: (ev) => {
return ev.center.y;
}
});
});
*/