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

Included navbar example

Browse Source
This commit is contained in:
Severin Münger
2013-09-15 00:44:20 +02:00
parent 09544ba6d2
commit 9db93cf4c9
4 changed files with 40 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
examples/widgetapp/sample_page.e
View File

@@ -18,16 +18,18 @@ feature
initialize_controls
local
container: WSF_MULTI_CONTROL[WSF_STATELESS_CONTROL]
container: WSF_MULTI_CONTROL [WSF_STATELESS_CONTROL]
navbar: WSF_NAVBAR_CONTROL
form: WSF_FORM_CONTROL
n1_container: WSF_FORM_ELEMENT_CONTROL [STRING]
n2_container: WSF_FORM_ELEMENT_CONTROL [STRING]
n3_container: WSF_FORM_ELEMENT_CONTROL [STRING]
cats_container: WSF_FORM_ELEMENT_CONTROL [LIST [STRING]]
link1: WSF_BASIC_CONTROL
link2: WSF_BASIC_CONTROL
s: FLAG_AUTOCOMPLETION
do
create s.make(<<["dz", "Algeria"], ["be", "Belgium"] , ["ca", "Canada"],["de", "Deutschland"], ["england", "England"], ["fi", "Finland"], ["gr", "Greece"], ["hu", "Hungary"]>>)
create s.make (<<["dz", "Algeria"], ["be", "Belgium"], ["ca", "Canada"], ["de", "Deutschland"], ["england", "England"], ["fi", "Finland"], ["gr", "Greece"], ["hu", "Hungary"]>>)
create container.make_multi_control ("container")
create navbar.make_navbar ("Sample Page")
create textbox1.make_input ("txtBox1", "1")
@@ -35,6 +37,14 @@ feature
create autocompletion1.make_autocomplete ("autocompletion1", s)
create button1.make_button ("sample_button1", "SUM")
create textbox_result.make_html ("txtBox3", "p", "")
create link1.make_control ("a")
create link2.make_control ("a")
link1.set_content ("Home")
link1.set_attributes ("href=%"#%"")
link2.set_content ("About")
link2.set_attributes ("href=%"#%"")
navbar.add_element (link1)
navbar.add_element_right (link2)
button1.set_click_event (agent handle_click)
button1.add_class ("col-lg-offset-2")
create form.make_form_control ("panel")

2
examples/widgetapp/widget.css
View File

@@ -1,5 +1,5 @@
body {
padding-top: 30px;
padding-top: 80px;
}
.twitter-typeahead {

100
library/server/wsf_html/webcontrol/navbar/wsf_navbar_control.e
View File

@@ -20,6 +20,29 @@ feature
nav: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
nav_right: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
feature
add_element (c: WSF_STATELESS_CONTROL)
do
add_element_to_nav (c, nav)
end
add_element_right (c: WSF_STATELESS_CONTROL)
do
add_element_to_nav (c, nav_right)
end
add_element_to_nav (e: WSF_STATELESS_CONTROL; n: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL])
local
li: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
do
create li.make_with_tag_name ("li")
li.add_control (e)
n.add_control (li)
end
feature {NONE} -- Initialization
make_navbar (b: STRING)
@@ -37,6 +60,7 @@ feature {NONE} -- Initialization
create collapse_button.make_with_tag_name ("button")
create collapse.make_multi_control
create nav.make_with_tag_name ("ul")
create nav_right.make_with_tag_name ("ul")
create brand.make_control ("a")
create icon_bar.make_control ("span")
container.add_class ("container")
@@ -53,85 +77,13 @@ feature {NONE} -- Initialization
header.add_control (collapse_button)
header.add_control (brand)
nav.add_class ("nav navbar-nav")
nav_right.add_class ("nav navbar-nav navbar-right")
collapse.add_class ("navbar-collapse")
collapse.add_control (nav)
collapse.add_control (nav_right)
container.add_control (header)
container.add_control (collapse)
add_control (container)
-- EXAMPLE NAVBAR USED AS REFERENCE
-- <div class="navbar navbar-inverse navbar-fixed-top">
-- <div class="container">
-- <div class="navbar-header">
-- <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
-- <span class="icon-bar"></span>
-- </button>
-- <a class="navbar-brand" href="#">WG Manager
-- </a>
-- </div>
-- <div class="navbar-collapse in" style="height: auto;">
-- <ul class="nav navbar-nav">
-- <li class="active">
-- <a href="/wgmanager">
-- <span class="glyphicon glyphicon-home"></span> Home
-- </a>
-- </li>
-- <li>
-- <a href="users">Users
-- </a>
-- </li>
-- <li>
-- <a href="about">About
-- </a>
-- </li>
-- </ul>
-- <ul class="nav navbar-nav navbar-right" id="loginnavbar">
-- <li>
-- <a href="register">
-- <span class="glyphicon glyphicon-pencil"></span> Register
-- </a>
-- </li>
-- <li class="dropdown">
-- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
-- <span class="glyphicon glyphicon-log-in"></span> Sign In
-- <strong class="caret"></strong>
-- </a>
-- <ul class="dropdown-menu" style="min-width: 250px; padding: 15px; padding-bottom: 0px">
-- <form id="signinform" onsubmit="check_login();return false;">
-- <div class="alert alert-danger" id="login_alert" style="display: none"></div>
-- <div class="form-group">
-- <input class="form-control" id="username" autofocus="autofocus" placeholder="username" name="username" type="text">
-- </div>
-- <div class="form-group">
-- <input class="form-control" id="password" placeholder="password" name="password" type="password">
-- </div>
-- <div class="checkbox">
-- <label>
-- <input type="checkbox"> Remember me
-- </label>
-- </div>
-- <div class="form-group">
-- <input class="btn btn-primary btn-block form-control" id="signin" value="Sign In" type="submit">
-- </div>
-- </form>
-- </ul>
-- </li>
-- </ul>
-- <ul class="nav navbar-nav navbar-right" id="accountnavbar" style="display: none">
-- <li>
-- <a id="account" href="account">
-- <span class="glyphicon glyphicon-user"></span>
-- </a>
-- </li>
-- <li>
-- <a href="javascript:logout()">
-- <span class="glyphicon glyphicon-log-out"></span> Logout
-- </a>
-- </li>
-- </ul>
-- </div>
-- </div>
-- </div>
end
end

2
library/server/wsf_html/webcontrol/wsf_stateless_control.e
View File

@@ -54,7 +54,7 @@ feature
l_attributes := l_attributes + " class=%"" + css_classes_string + "%""
end
Result := "<" + tag + " " + l_attributes
if body.is_empty and not tag.is_equal ("textarea") and not tag.is_equal ("span") and not tag.is_equal ("button") then
if body.is_empty and not tag.is_equal ("textarea") and not tag.is_equal ("span") and not tag.is_equal ("button") and not tag.is_equal ("ul") then
Result := Result + " />"
else
Result := Result + " >" + body + "</" + tag + ">"