mirrors/EWF
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added dropdown control

Browse Source
This commit is contained in:
severin
2013-11-02 22:36:21 +01:00
parent 10b950a7e7
commit b70450cfe9
4 changed files with 969 additions and 914 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
draft/library/wsf_js_widget/kernel/dropdown/wsf_dropdown_control.e
View File

@@ -11,17 +11,61 @@ inherit
WSF_MULTI_CONTROL [WSF_STATELESS_CONTROL]
rename
make as make_multi_control
make as make_multi_control,
make_with_tag_name as make_multi_control_with_tag_name
end
create
make
make, make_with_tag_name
feature {NONE} -- Initialization
make (n: STRING)
make (n, title: STRING)
-- Make a dropdown control with div tag name and specified menu title
do
make_multi_control (n)
make_with_tag_name (n, title, "div")
end
make_with_tag_name (n, title, t: STRING)
-- Make a dropdown control with specified tag name and menu title (such as li)
do
make_multi_control_with_tag_name (n, t)
add_class ("dropdown")
create {WSF_BASIC_CONTROL} dropdown_toggle.make_with_body_class ("a", "data-toggle=%"dropdown%" href=%"#%"", "dropdown-toggle", title + " <strong class=%"caret%"></strong>")
create dropdown_menu.make_with_tag_name (n + "_menu", "ul")
dropdown_menu.add_class ("dropdown-menu")
add_control (dropdown_toggle)
add_control (dropdown_menu)
end
feature -- Change
add_item (c: WSF_STATELESS_CONTROL)
local
li: WSF_MULTI_CONTROL [WSF_STATELESS_CONTROL]
do
create li.make_with_tag_name (control_name + "_item" + dropdown_menu.controls.count.out, "li")
li.add_control (c)
dropdown_menu.add_control (li)
end
add_link_item (label, link: STRING)
local
c: WSF_BASIC_CONTROL
do
create c.make_with_body ("a", "href=%"" + link + "%"", label)
add_item (c)
end
add_divider
do
dropdown_menu.add_control (create {WSF_BASIC_CONTROL}.make_with_body_class ("li", "", "divider", ""))
end
feature -- Properties
dropdown_toggle: WSF_STATELESS_CONTROL
dropdown_menu: WSF_MULTI_CONTROL [WSF_STATELESS_CONTROL]
end

8
draft/library/wsf_js_widget/kernel/webcontrol/wsf_basic_control.e
View File

@@ -10,16 +10,18 @@ class
inherit
WSF_STATELESS_CONTROL
rename
make as make_stateless_control
redefine
attributes
end
create
make_control, make_with_body, make_with_body_class
make, make_with_body, make_with_body_class
feature {NONE} -- Initialization
make_control (t: STRING)
make (t: STRING)
-- Initialize
do
make_with_body_class (t, "", "", "")
@@ -28,7 +30,7 @@ feature {NONE} -- Initialization
make_with_body (t, attr, b: STRING)
-- Initialize with specific attributes and body
do
make (t)
make_stateless_control (t)
attributes := attr
body := b
end

125
examples/widgetapp/assets/widget.js
View File

@@ -1,11 +1,12 @@
// Generated by CoffeeScript 1.6.1
var Mini, WSF_AUTOCOMPLETE_CONTROL, WSF_BUTTON_CONTROL, WSF_CHECKBOX_CONTROL, WSF_CHECKBOX_LIST_CONTROL, WSF_CODEVIEW_CONTROL, WSF_CONTROL, WSF_FORM_ELEMENT_CONTROL, WSF_GRID_CONTROL, WSF_HTML_CONTROL, WSF_INPUT_CONTROL, WSF_MAX_VALIDATOR, WSF_MIN_VALIDATOR, WSF_PAGE_CONTROL, WSF_PAGINATION_CONTROL, WSF_PROGRESS_CONTROL, WSF_REGEXP_VALIDATOR, WSF_REPEATER_CONTROL, WSF_SLIDER_CONTROL, WSF_TEXTAREA_CONTROL, WSF_VALIDATOR, build_control, cache, controls, lazy_load, loaded, show_alert, start_modal, start_modal_big, template, tmpl,
(function() {
var Mini, WSF_AUTOCOMPLETE_CONTROL, WSF_BUTTON_CONTROL, WSF_CHECKBOX_CONTROL, WSF_CHECKBOX_LIST_CONTROL, WSF_CODEVIEW_CONTROL, WSF_CONTROL, WSF_FORM_ELEMENT_CONTROL, WSF_GRID_CONTROL, WSF_HTML_CONTROL, WSF_INPUT_CONTROL, WSF_MAX_VALIDATOR, WSF_MIN_VALIDATOR, WSF_PAGE_CONTROL, WSF_PAGINATION_CONTROL, WSF_PROGRESS_CONTROL, WSF_REGEXP_VALIDATOR, WSF_REPEATER_CONTROL, WSF_SLIDER_CONTROL, WSF_TEXTAREA_CONTROL, WSF_VALIDATOR, build_control, cache, controls, lazy_load, loaded, show_alert, start_modal, start_modal_big, template, tmpl,
__hasProp = {}.hasOwnProperty,
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
cache = {};
cache = {};
jQuery.cachedAsset = function(url, options) {
jQuery.cachedAsset = function(url, options) {
var head, onload, script, success, successful, timeoutHandle;
if (/\.css$/.test(url)) {
$("<link/>", {
@@ -64,9 +65,9 @@ jQuery.cachedAsset = function(url, options) {
}
};
}
};
};
jQuery.unparam = function(value) {
jQuery.unparam = function(value) {
var i, l, pair, params, pieces;
params = {};
pieces = value.split("&");
@@ -81,9 +82,9 @@ jQuery.unparam = function(value) {
i++;
}
return params;
};
};
template = tmpl = function(str, data) {
template = tmpl = function(str, data) {
var fn;
fn = (!/\W/.test(str) ? cache[str] = cache[str] || tmpl(str) : new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" + "with(obj){p.push('" + str.replace(/[\r\t\n]/g, " ").split("{{").join("\t").replace(/((^|}})[^\t]*)'/g, "$1\r").replace(/\t=(.*?)}}/g, "',$1,'").split("\t").join("');").split("}}").join("p.push('").split("\r").join("\\'") + "');}return p.join('');"));
if (data) {
@@ -91,19 +92,19 @@ template = tmpl = function(str, data) {
} else {
return fn;
}
};
};
Mini = {
Mini = {
compile: function(t) {
return {
render: template(t)
};
}
};
};
loaded = {};
loaded = {};
lazy_load = function(requirements, fn, that) {
lazy_load = function(requirements, fn, that) {
if (requirements.length === 0) {
return function() {
var a;
@@ -137,9 +138,9 @@ lazy_load = function(requirements, fn, that) {
}
return done();
};
};
};
build_control = function(control_name, state, control) {
build_control = function(control_name, state, control) {
var $el, type, typeclass;
$el = control.$el.find('[data-name=' + control_name + ']');
type = $el.data('type');
@@ -153,9 +154,9 @@ build_control = function(control_name, state, control) {
return new typeclass(control, $el, control_name, state);
}
return null;
};
};
WSF_VALIDATOR = (function() {
WSF_VALIDATOR = (function() {
function WSF_VALIDATOR(parent_control, settings) {
this.parent_control = parent_control;
@@ -170,9 +171,9 @@ WSF_VALIDATOR = (function() {
return WSF_VALIDATOR;
})();
})();
WSF_REGEXP_VALIDATOR = (function(_super) {
WSF_REGEXP_VALIDATOR = (function(_super) {
__extends(WSF_REGEXP_VALIDATOR, _super);
@@ -190,9 +191,9 @@ WSF_REGEXP_VALIDATOR = (function(_super) {
return WSF_REGEXP_VALIDATOR;
})(WSF_VALIDATOR);
})(WSF_VALIDATOR);
WSF_MIN_VALIDATOR = (function(_super) {
WSF_MIN_VALIDATOR = (function(_super) {
__extends(WSF_MIN_VALIDATOR, _super);
@@ -208,9 +209,9 @@ WSF_MIN_VALIDATOR = (function(_super) {
return WSF_MIN_VALIDATOR;
})(WSF_VALIDATOR);
})(WSF_VALIDATOR);
WSF_MAX_VALIDATOR = (function(_super) {
WSF_MAX_VALIDATOR = (function(_super) {
__extends(WSF_MAX_VALIDATOR, _super);
@@ -226,9 +227,9 @@ WSF_MAX_VALIDATOR = (function(_super) {
return WSF_MAX_VALIDATOR;
})(WSF_VALIDATOR);
})(WSF_VALIDATOR);
WSF_CONTROL = (function() {
WSF_CONTROL = (function() {
WSF_CONTROL.prototype.requirements = [];
@@ -397,9 +398,9 @@ WSF_CONTROL = (function() {
return WSF_CONTROL;
})();
})();
WSF_PAGE_CONTROL = (function(_super) {
WSF_PAGE_CONTROL = (function(_super) {
__extends(WSF_PAGE_CONTROL, _super);
@@ -427,9 +428,9 @@ WSF_PAGE_CONTROL = (function(_super) {
return WSF_PAGE_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_SLIDER_CONTROL = (function(_super) {
WSF_SLIDER_CONTROL = (function(_super) {
__extends(WSF_SLIDER_CONTROL, _super);
@@ -441,11 +442,11 @@ WSF_SLIDER_CONTROL = (function(_super) {
return WSF_SLIDER_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
controls = {};
controls = {};
WSF_BUTTON_CONTROL = (function(_super) {
WSF_BUTTON_CONTROL = (function(_super) {
__extends(WSF_BUTTON_CONTROL, _super);
@@ -478,9 +479,9 @@ WSF_BUTTON_CONTROL = (function(_super) {
return WSF_BUTTON_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_INPUT_CONTROL = (function(_super) {
WSF_INPUT_CONTROL = (function(_super) {
__extends(WSF_INPUT_CONTROL, _super);
@@ -518,9 +519,9 @@ WSF_INPUT_CONTROL = (function(_super) {
return WSF_INPUT_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_TEXTAREA_CONTROL = (function(_super) {
WSF_TEXTAREA_CONTROL = (function(_super) {
__extends(WSF_TEXTAREA_CONTROL, _super);
@@ -530,9 +531,9 @@ WSF_TEXTAREA_CONTROL = (function(_super) {
return WSF_TEXTAREA_CONTROL;
})(WSF_INPUT_CONTROL);
})(WSF_INPUT_CONTROL);
WSF_CODEVIEW_CONTROL = (function(_super) {
WSF_CODEVIEW_CONTROL = (function(_super) {
__extends(WSF_CODEVIEW_CONTROL, _super);
@@ -560,9 +561,9 @@ WSF_CODEVIEW_CONTROL = (function(_super) {
return WSF_CODEVIEW_CONTROL;
})(WSF_INPUT_CONTROL);
})(WSF_INPUT_CONTROL);
WSF_AUTOCOMPLETE_CONTROL = (function(_super) {
WSF_AUTOCOMPLETE_CONTROL = (function(_super) {
__extends(WSF_AUTOCOMPLETE_CONTROL, _super);
@@ -608,9 +609,9 @@ WSF_AUTOCOMPLETE_CONTROL = (function(_super) {
return WSF_AUTOCOMPLETE_CONTROL;
})(WSF_INPUT_CONTROL);
})(WSF_INPUT_CONTROL);
WSF_CHECKBOX_CONTROL = (function(_super) {
WSF_CHECKBOX_CONTROL = (function(_super) {
__extends(WSF_CHECKBOX_CONTROL, _super);
@@ -649,9 +650,9 @@ WSF_CHECKBOX_CONTROL = (function(_super) {
return WSF_CHECKBOX_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_FORM_ELEMENT_CONTROL = (function(_super) {
WSF_FORM_ELEMENT_CONTROL = (function(_super) {
__extends(WSF_FORM_ELEMENT_CONTROL, _super);
@@ -720,9 +721,9 @@ WSF_FORM_ELEMENT_CONTROL = (function(_super) {
return WSF_FORM_ELEMENT_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_HTML_CONTROL = (function(_super) {
WSF_HTML_CONTROL = (function(_super) {
__extends(WSF_HTML_CONTROL, _super);
@@ -743,9 +744,9 @@ WSF_HTML_CONTROL = (function(_super) {
return WSF_HTML_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_CHECKBOX_LIST_CONTROL = (function(_super) {
WSF_CHECKBOX_LIST_CONTROL = (function(_super) {
__extends(WSF_CHECKBOX_LIST_CONTROL, _super);
@@ -782,9 +783,9 @@ WSF_CHECKBOX_LIST_CONTROL = (function(_super) {
return WSF_CHECKBOX_LIST_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_PROGRESS_CONTROL = (function(_super) {
WSF_PROGRESS_CONTROL = (function(_super) {
__extends(WSF_PROGRESS_CONTROL, _super);
@@ -820,9 +821,9 @@ WSF_PROGRESS_CONTROL = (function(_super) {
return WSF_PROGRESS_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_PAGINATION_CONTROL = (function(_super) {
WSF_PAGINATION_CONTROL = (function(_super) {
__extends(WSF_PAGINATION_CONTROL, _super);
@@ -859,9 +860,9 @@ WSF_PAGINATION_CONTROL = (function(_super) {
return WSF_PAGINATION_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_GRID_CONTROL = (function(_super) {
WSF_GRID_CONTROL = (function(_super) {
__extends(WSF_GRID_CONTROL, _super);
@@ -886,9 +887,9 @@ WSF_GRID_CONTROL = (function(_super) {
return WSF_GRID_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
WSF_REPEATER_CONTROL = (function(_super) {
WSF_REPEATER_CONTROL = (function(_super) {
__extends(WSF_REPEATER_CONTROL, _super);
@@ -914,13 +915,13 @@ WSF_REPEATER_CONTROL = (function(_super) {
return WSF_REPEATER_CONTROL;
})(WSF_CONTROL);
})(WSF_CONTROL);
show_alert = function(action) {
show_alert = function(action) {
return alert(action.message);
};
};
start_modal = lazy_load(['assets/bootstrap.min.js'], function(action) {
start_modal = lazy_load(['assets/bootstrap.min.js'], function(action) {
var cssclass, modal;
cssclass = "";
if (action.type === "start_modal_big") {
@@ -939,6 +940,8 @@ start_modal = lazy_load(['assets/bootstrap.min.js'], function(action) {
}).done(function(data) {
return modal.find('.modal-body').append(data);
});
});
});
start_modal_big = start_modal;
start_modal_big = start_modal;
}).call(this);

6
examples/widgetapp/base_page.e
View File

@@ -19,14 +19,20 @@ feature
initialize_controls
local
btn: WSF_BUTTON_CONTROL
dropdown:WSF_DROPDOWN_CONTROL
do
create control.make ("container")
control.add_class ("container")
create dropdown.make_with_tag_name ("mydropdown", "Dropdown", "li")
dropdown.add_link_item ("Example link 1", "#")
dropdown.add_divider
dropdown.add_link_item ("Example link 2", "#")
create navbar.make_with_brand ("navbar1", "Example")
navbar.add_list_element (create {WSF_BASIC_CONTROL}.make_with_body ("a", "href=%"/%"", "Home"))
navbar.add_list_element (create {WSF_BASIC_CONTROL}.make_with_body ("a", "href=%"/grid%"", "Grid"))
navbar.add_list_element (create {WSF_BASIC_CONTROL}.make_with_body ("a", "href=%"/repeater%"", "Repeater"))
navbar.add_list_element (create {WSF_BASIC_CONTROL}.make_with_body ("a", "href=%"/slider%"", "Slider"))
navbar.add_element (dropdown)
navbar.add_list_element_right (create {WSF_BASIC_CONTROL}.make_with_body ("a", "href=%"/about%"", "About"))
create btn.make ("scode", "Show Code")
btn.set_click_event (agent show_code)