Bootstrap-for-Mendix/index.html at master · eheddema/Bootstrap-for-Mendix · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!-- putting IE6-7 in quirks mode -->
<!doctype html>
<html>
    <head>
        <title>Mendix with Bootstrap</title>

        <!-- keeping IE8-9 in standards mode -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />

        <meta http-equiv="expires" content="0" />
        <meta http-equiv="pragma" content="no-cache" />

        <link type="text/css" rel="stylesheet" href="mxclientsystem/mxui/ui/mxui.css" media="screen"/>
        <link type="text/css" rel="stylesheet" href="ui/theme-default/layout.css" media="screen"/>
        <link type="text/css" rel="stylesheet" href="ui/theme-bootstrap/style.css" media="screen"/>

        <!--[if IE 6]>
        <link type="text/css" rel="stylesheet" href="ui/ie6/banner.css" media="screen"/>
        <![endif]-->

        <script type="text/javascript" src="mxclientsystem/dojo/dojo.js"
            djConfig="
                rtlRedirect: 'index-rtl.html'
            ">
        </script>

        <style type="text/css">
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
        </style>
    </head>
    <body class="tundra default bootstrap">
        <div
            id="mainbox"
            class="MxClient_mainContainer"
            >
            <div dojoType="dijit.layout.ContentPane"
                region="top"
                id="topPane"
                class="MxClient_topPane"
                >
                <div class="MxClient_headerPane">
                    <div class="navbar navbar-inverse navbar-fixed-top">
                        <div class="navbar-inner">
                            <div class="container">
                                <a href="#" class="brand">Project Name</a>
                                <div class="nav-collapse collapse">
                                    <div dojoType="mxui.widget.Navbar" id="MxClient_navbar" class="MxClient_navbar"></div>
                                </div>
                            </div> <!--/.container -->
                        </div> <!--/.navbar-inner -->
                    </div><!--/.navbar -->


                    <!--<div class="currentUserDiv">
                        <div class="log">&nbsp;| <a href="javascript:void(0);" id="log_out"></a></div>
                    </div> -->
                </div>
               <!-- <div class="navigationPane_bg">
                    <div class="MxClient_navigationPane">
                        <div class="MxClient_loader" id="MxClient_loader"></div>
                        <div dojoType="mxui.widget.Toolbar" id="MxClient_toolbar" class="MxClient_toolbar"></div>

                    </div>
                </div>-->
            </div>
            <div
                class="MxClient_contentContainer"
                >
                <div dojoType="mxui.widget.TitlePath" id="MxClient_titlepath" class="MxClient_titlepath"></div>
                <div dojoType="mxui.widget.ScreenBuffer"
                    region="center"
                    id="contentPort"
                    doLayout="false"
                    class="MxClient_contentPane"
                    >
                </div>
            </div>
            <div dojoType="dijit.layout.ContentPane"
                region="bottom"
                class="MxClient_bottomPane"
                >
                <div class="MxClient_footerPane">
                </div>
            </div>
        </div>

        <!--[if IE 6]>
        <div id="ie6banner" class="ie6banner" style="display:none">
            <img src="ui/ie6/ie6banner.png" width="280" height="90" border="0" usemap="#ie6banner" />
            <map name="ie6banner">
                <area shape="rect" coords="35,34,75,74" href="http://www.mozilla-europe.org/" target="_blank" title="Mozilla Firefox" />
                <area shape="rect" coords="82,34,122,74" href="http://www.google.com/chrome/" target="_blank" title="Google Chrome" />
                <area shape="rect" coords="129,34,169,74" href="http://www.apple.com/safari/" target="_blank" title="Apple Safari" />
                <area shape="rect" coords="176,34,216,74" href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank" title="Microsoft Internet Explorer" />
            </map>
        </div>
        <![endif]-->

        <script type="text/javascript" src="mxclientsystem/mxui/mxui.js"></script>

        <script type="text/javascript">
            (function() {
                var btn = document.getElementById("log_out");

                dojo.connect(mx.ui, "startup", function() {
                    btn.innerHTML = mx.session.isGuest() == true   ? "" : "Log out";
                });

                dojo.connect(btn, "click", function() {
                    mx.session.logout();
                });
            })();
        </script>
    </body>
</html>