* set WC->logged_in to 0 at the top of do_logout() to surpress iconbar on logout
* Fix IE6 iconbar bug, still not as good as it used to look :(
* Completely rework roombanner etc. so the web browser sizes roombanner, navbar etc. itself
* Added javascript hack so the new roombanner works in browsers that don't do display: table-cell;
FlushStrBuf(WC->wc_roomname);
FlushStrBuf(WC->wc_fullname);
+ /* FIXME: this is to suppress the iconbar displaying, because we aren't
+ actually logged out yet */
+ WC->logged_in = 0;
+
/** Calling output_headers() this way causes the cookies to be un-set */
output_headers(1, 1, 0, 1, 0, 0);
hprintf("Cache-Control: private\r\n");
begin_burst();
+ wprintf("#global { left: 16%%; }\r\n");
pos = GetNewHashPos(WC->IconBarSettings, 0);
while(GetNextHashPos(WC->IconBarSettings, pos, &HKLen, &key, &Data)) {
value = (long) Data;
-#button > li , #ib_logoff {
+#button li , #ib_logoff {
min-height: 32px;
background-repeat: no-repeat !important;
vertical-align: middle;
}
-#button > li > a , #ib_logoff > a {
+#button li a , #ib_logoff a {
padding-top: 6px;
padding-left: 35px;
min-height: 25px; /* Makes all of the 'button' to be clickable */
$('m_refresh').observe('click', getMessages);
document.getElementById('m_refresh').setAttribute("href","#");
Event.observe(document.onresize ? document : window, "resize", normalizeHeaderTable);
- sizePreviewPane();
Event.observe(document.onresize ? document : window, "resize", sizePreviewPane);
$('summpage').observe('change', getPage);
takeOverSearchOMatic();
if (loadingMsg.parentNode != null) {
loadingMsg.parentNode.removeChild(loadingMsg);
}
+ sizePreviewPane();
}
function resortAndDisplay(sortMode) {
var start = new Date();
function sizePreviewPane() {
var preview_pane = document.getElementById("preview_pane");
- var content = $('content'); // we'd like to use prototype methods here
+ var summary_view = document.getElementById("summary_view");
+ var banner = document.getElementById("banner");
+ var message_list_hdr = document.getElementById("message_list_hdr");
+ var content = $('global'); // we'd like to use prototype methods here
var childElements = content.childElements();
var sizeOfElementsAbove = 0;
- var heightOfContent = content.offsetHeight;
- for(var i=0; i<childElements.length; i++) {
- var element = childElements[i];
- if (element.id != 'preview_pane') {
- var height = element.offsetHeight;
- sizeOfElementsAbove += height;
- }
- }
- preview_pane.style.height = (heightOfContent-sizeOfElementsAbove)+"px";
+ var heightOfViewPort = document.viewport.getHeight() // prototypejs method
+ var bannerHeight = banner.offsetHeight;
+ var contentViewPortHeight = heightOfViewPort-banner.offsetHeight-message_list_hdr.offsetHeight;
+ contentViewPortHeight = 0.98 * contentViewPortHeight; // leave some error
+ // Set summary_view to 20%;
+ var summary_height = 0.20 * contentViewPortHeight;
+ // Set preview_pane to the remainder
+ var preview_height = 0.80 * contentViewPortHeight;
+
+ summary_view.style.height = (summary_height)+"px";
+ preview_pane.style.height = (preview_height)+"px";
}
function CtdlResizeMouseMove(event) {
var clientX = event.clientX;
function setupPageSelector() {
var summpage = document.getElementById("summpage");
+ //var select_page = document.getElementById("selectpage");
summpage.innerHTML = "";
if (is_safe_mode) {
- summpage.parentNode.style.display="inline !important"; //override webcit.css
+ summpage.parentNode.setAttribute("style","display: inline !important"); //override webcit.css
} else {
return;
}
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<h1>
<?_("Add a new node")>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<h1>
<??("COND:AIDE", 1)><?_("System Administration Menu")><??("X", 1)>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<h1>
<??("COND:AIDE", 1)><?_("System Administration Menu")><??("X", 1)>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<h1>
<?_("Confirm delete")> <?BSTR("node")>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<?ROOMBANNER>
<div id="content">
<div class="fix_scrollbar_bug">
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<h1><?_("Network configuration")></h1>
</div>
-<?=("head")><?=("important_msg")><?ICONBAR>
+<?=("head")><?=("important_msg")>
<div id="banner">
<h1><?_("Site configuration")></h1>
</div>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<?ROOMBANNER>
</div>
<div id="content">
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<h1>
<?_("Add a new node")>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<img src="static/usermanag_48x.gif">
<h1><??("COND:AIDE", 1)><?_("Edit or delete users")><??("X", 1)></h1>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner"><h1><?_("Files available for download in")> <?ROOMNAME></h1></div>
<script language="javascript" type="text/javascript">
<??("COND:BSTR", 1, "frame")>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<h1>
<?_("Pictures in")><?ROOM:NAME>
</head>
<body>
<??("COND:LOGGEDIN",1)>
-<?=("iconbar")>
+<?ICONBAR>
<??("X",1)>
<div id="global">
<!-- end head.html -->
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
</div>
<div id="content" class="service">
<!-- start roombanner.html -->
<div>
-<div class="room_banner" >
+<div class="room_banner" id="room_banner" >
<?ROOMPIC>
<h1 id="rmname"><?ROOMNAME></h1>
<?ROOMINFO>
<p id="nummsgs"><?NUMMSGS></p>
</div>
+<div id="actiondiv">
<ul class="room_actions">
<li class="start_page"><?START></li>
<li class="search" id="searchomatic"><?SEARCHOMATIC></li>
page: ")> <select id="summpage"><option> </option></select></li><??("X",1)>
</ul>
</div>
+</div>
<!-- end roombanner.html -->
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<div id="banner">
<h1><?_("Edit user account: ")><?USERLIST:USERNAME("X")></h1>
</div>
<?=("head")>
<?=("important_msg")>
-<?ICONBAR>
<script type="text/javascript">
function ConfirmKill() {
var ns6=document.getElementById&&!document.all;
Event.observe(window, 'load', ToggleTaskDateOrNoDateActivate);
Event.observe(window, 'load', taskViewActivate);
+Event.observe(window, 'load', fixbanner);
//document.observe("dom:loaded", setupPrefEngine);
document.observe("dom:loaded", setupIconBar);
document.observe('dom:loaded', function() { if (!!document.getElementById("ib_chat_launch")) { $('ib_chat_launch').observe('click', launchChat); } });
opera.postError(msg);
}
}
+
+function fixMissingCSSTable(elems) {
+ if (elems[0] == null) {
+ return;
+ }
+ if (elems[0].getStyle("display") != "table-cell") {
+ var parentNode = elems[0].parentNode;
+ var table = document.createElement("table");
+ table.style.width = "100%";
+ var tbody = document.createElement("tbody");
+ table.appendChild(tbody);
+ var tr = document.createElement("tr");
+ tbody.appendChild(tr);
+ parentNode.appendChild(table);
+ for(var i=0; i<elems.length; i++) {
+ parentNode.removeChild(elems[i]);
+ var td = document.createElement("td");
+ td.appendChild(elems[i]);
+ tr.appendChild(td);
+ }
+ }
+}
+function fixbanner() {
+ var elems = [$('room_banner'),$('actiondiv')];
+ fixMissingCSSTable(elems);
+}
* html {
overflow: hidden;
}
-
+html {
+ overflow: auto;
+}
body {
height: 100%;
overflow: hidden;
}
body, #global {
- margin: 0;
+ margin-left: 0;
padding: 0;
}
+#global {
+ position: absolute;
+ bottom: 0;
+ top: 0;
+ right: 0;
+ left: 0;
+ overflow-y: auto;
+}
+
#important_message {
position: absolute;
top: 0;
}
#banner {
- position: absolute;
+/* position: absolute;
top: 0;
left: 16%;
width: 84%;
- height: 18%;
+ height: 18%; */
}
#navbar {
- position: absolute;
+/* position: absolute;
bottom: 0;
left: 0;
- width: 100%;
+ width: 100%; */
}
#content {
- position: absolute;
+/* position: absolute;
top: 18%;
left: 16%;
width: 84%;
height: 82%;
- overflow: auto;
+ overflow: auto; */
+ position: relative;
+ bottom: 0;
}
/* Please avoid setting heights for any of the mailbox view elements (except summary_view and resize). In particular, do NOT set any for message_list_hdr as its not good feng shui */
#message_list_hdr {
}
#summary_view {
- height: 20%;
- overflow: auto;
+ height: 100px;
+ overflow-y: scroll;
cursor: pointer;
}
#message_list_body {
width: 100%;
overflow: hidden;
cursor: s-resize;
- height: 1%;
+ height: 6px;
}
#preview_pane {
}
/* Banner */
-
+#banner {
+ margin: 0;
+ padding: 0;
+}
#banner .room_banner {
- float: left;
- margin: 0;
- padding: 0;
+ display: table-cell;
+ width: 90%;
}
#banner .room_banner img {
#room_infos img.close_infos {
float: right;
}
-
+#actiondiv {
+ display: table-cell;
+}
#banner ul.room_actions {
- margin: 0;
list-style: none;
- float: right;
text-align: right;
}