Small changes/fixes

2013-09-13 01:08:18 +02:00
parent 9c65194d91
commit f53974b138
8 changed files with 57 additions and 33 deletions
--- a/library/server/wsf_html/webcontrol/navbar/wsf_navbar_control.e
+++ b/library/server/wsf_html/webcontrol/navbar/wsf_navbar_control.e
@@ -0,0 +1,123 @@
+note
+	description: "Summary description for {WSF_NAVBAR_CONTROL}."
+	author: ""
+	date: "$Date$"
+	revision: "$Revision$"
+
+class
+	WSF_NAVBAR_CONTROL
+
+inherit
+
+	WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
+
+create
+	make_navbar
+
+feature
+
+	collapse: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
+
+	nav: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
+
+feature {NONE} -- Initialization
+
+	make_navbar (brand: STRING)
+		local
+			container: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
+			header: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
+			collapse_button: WSF_STATELESS_MULTI_CONTROL [WSF_STATELESS_CONTROL]
+		do
+			make_multi_control
+			add_class ("navbar navbar-inverse navbar-fixed-top")
+			create container.make_multi_control
+			create header.make_multi_control
+			create collapse_button.make_with_tag_name ("button")
+			create collapse.make_multi_control
+			create nav.make_multi_control
+			container.add_class ("container")
+			header.add_class ("navbar-header")
+			collapse_button.add_class ("navbar-toggle")
+			collapse_button.set_attributes ("data-target=%".navbar-collapse%" data-toggle=%"collapse%" type=%"button%"")
+			collapse.add_class ("navbar-collapse")
+			collapse.add_control (nav)
+			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