mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 15:07:13 +08:00
Removed simple ext for now
This commit is contained in:
@ -1,87 +0,0 @@
|
|||||||
|
|
||||||
(function(window, document, ionic) {
|
|
||||||
|
|
||||||
ionic.Components = [];
|
|
||||||
|
|
||||||
ionic.registerComponent = function(instance) {
|
|
||||||
ionic.Components.push(instance);
|
|
||||||
};
|
|
||||||
|
|
||||||
ionic.component = function(el) {
|
|
||||||
if(el) {
|
|
||||||
if(el.component) {
|
|
||||||
// this element has already been initialized as a component
|
|
||||||
return el.component;
|
|
||||||
}
|
|
||||||
for(var x = 0; x < ionic.Components.length; x++) {
|
|
||||||
if( ionic.Components[x].isComponent(el) ) {
|
|
||||||
// this element is a component, init its view
|
|
||||||
return ionic.Components[x].init(el);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function componentEvent(eventName, e) {
|
|
||||||
if (!e.gesture || !e.gesture.srcEvent || !e.gesture.srcEvent.target) return;
|
|
||||||
|
|
||||||
var
|
|
||||||
component,
|
|
||||||
el = e.gesture.srcEvent.target; // get the original source event's target
|
|
||||||
|
|
||||||
while(el) {
|
|
||||||
// climb up the tree looking to see if the target
|
|
||||||
// is or is in a registered component. If its already
|
|
||||||
// been set that its NOT a component don't bother.
|
|
||||||
if(el.isComponent !== false) {
|
|
||||||
component = ionic.component(el);
|
|
||||||
if(component) {
|
|
||||||
component[eventName] && component[eventName](e.gesture.srcEvent);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// not sure if this element is a component yet,
|
|
||||||
// keep climbing up the tree and check again
|
|
||||||
// remember that this element is not a component so
|
|
||||||
// it can skip this process in the future
|
|
||||||
el.isComponent = false;
|
|
||||||
}
|
|
||||||
el = el.parentElement;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function onTap(e) {
|
|
||||||
componentEvent("tap", e);
|
|
||||||
}
|
|
||||||
ionic.on("tap", onTap, window);
|
|
||||||
|
|
||||||
function onDrag(e) {
|
|
||||||
componentEvent("drag", e);
|
|
||||||
}
|
|
||||||
ionic.on("drag", onDrag, window);
|
|
||||||
|
|
||||||
function onRelease(e) {
|
|
||||||
componentEvent("release", e);
|
|
||||||
}
|
|
||||||
ionic.on("release", onRelease, window);
|
|
||||||
|
|
||||||
|
|
||||||
function initalize() {
|
|
||||||
// remove the ready listeners
|
|
||||||
document.removeEventListener( "DOMContentLoaded", initalize, false );
|
|
||||||
window.removeEventListener( "load", initalize, false );
|
|
||||||
|
|
||||||
// trigger that the DOM is ready
|
|
||||||
ionic.trigger("domready");
|
|
||||||
}
|
|
||||||
|
|
||||||
// When the DOM is ready, initalize the webapp
|
|
||||||
if ( document.readyState === "complete" ) {
|
|
||||||
// DOM is already ready
|
|
||||||
setTimeout( initalize );
|
|
||||||
} else {
|
|
||||||
// DOM isn't ready yet, add event listeners
|
|
||||||
document.addEventListener( "DOMContentLoaded", initalize, false );
|
|
||||||
window.addEventListener( "load", initalize, false );
|
|
||||||
}
|
|
||||||
|
|
||||||
})(this, document, ionic);
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
|
|
||||||
(function(ionic) {
|
|
||||||
|
|
||||||
ionic.registerComponent({
|
|
||||||
|
|
||||||
name: "listview",
|
|
||||||
|
|
||||||
isComponent: function(element) {
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
|
|
||||||
tap: function(e) {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(ionic);
|
|
||||||
@ -1,64 +0,0 @@
|
|||||||
|
|
||||||
(function(window, document, ionic) {
|
|
||||||
|
|
||||||
ionic.fn = {
|
|
||||||
val: function() {
|
|
||||||
var ret, x;
|
|
||||||
for(x = 0; x < this.length; x++) {
|
|
||||||
ret = this[x].component.val.apply(this[x].component, arguments);
|
|
||||||
}
|
|
||||||
return ret;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (window.jQuery) {
|
|
||||||
// if jQuery is present then it should be the default
|
|
||||||
jq = window.jQuery;
|
|
||||||
|
|
||||||
var fnExtended = function() {
|
|
||||||
var
|
|
||||||
x,
|
|
||||||
ret; // if incase this isn't an ionic component
|
|
||||||
|
|
||||||
for(x = 0; x < this.length; x++) {
|
|
||||||
ionic.component( this[x] );
|
|
||||||
if( this[x].component ) {
|
|
||||||
ret = this[x].component[name].apply(this[x].component, arguments);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// if this isn't an ionic component, run the usual jQuery fn
|
|
||||||
return jQueryFn.apply(this, arguments);
|
|
||||||
};
|
|
||||||
|
|
||||||
// extend the methods which are in ionic.fn and in jQuery.fn
|
|
||||||
for(var name in ionic.fn) {
|
|
||||||
var jQueryFn = jq.fn[name];
|
|
||||||
jq.fn[name] = fnExtended;
|
|
||||||
}
|
|
||||||
|
|
||||||
} else {
|
|
||||||
// jQuery is not already present, so use our 'lil version instead
|
|
||||||
jq = {
|
|
||||||
|
|
||||||
init: function(selector, context) {
|
|
||||||
context = context || document;
|
|
||||||
var
|
|
||||||
x,
|
|
||||||
dom = context.querySelectorAll(selector) || [];
|
|
||||||
for(x = 0; x < dom.length; x++) {
|
|
||||||
ionic.component( dom[x] );
|
|
||||||
}
|
|
||||||
dom.__proto__ = ionic.fn;
|
|
||||||
dom.selector = selector || '';
|
|
||||||
return dom;
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
$ = function(selector, context) {
|
|
||||||
return jq.init(selector, context);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
})(this, document, ionic);
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
|
|
||||||
(function(ionic) {
|
|
||||||
|
|
||||||
ionic.registerComponent({
|
|
||||||
|
|
||||||
isComponent: function(el) {
|
|
||||||
// this is a Toggle component if it has a "toggle" classname
|
|
||||||
return el.classList.contains("toggle");
|
|
||||||
},
|
|
||||||
|
|
||||||
init: function(el) {
|
|
||||||
if(!el) { return; }
|
|
||||||
|
|
||||||
// check if we've already created a Toggle instance for this element
|
|
||||||
if(!el.component) {
|
|
||||||
|
|
||||||
// find all the required elements that make up a toggle
|
|
||||||
var opts = {
|
|
||||||
el: el,
|
|
||||||
checkbox: el.querySelector("input[type='checkbox']"),
|
|
||||||
handle: el.querySelector(".handle")
|
|
||||||
};
|
|
||||||
|
|
||||||
// validate its a well formed toggle with the required pieces
|
|
||||||
if(!opts.checkbox || !opts.handle) return;
|
|
||||||
|
|
||||||
// initialize an instance of a Toggle
|
|
||||||
el.component = new ionic.views.Toggle(opts);
|
|
||||||
}
|
|
||||||
|
|
||||||
return el.component;
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(ionic);
|
|
||||||
Reference in New Issue
Block a user