Break out messagepane from room templates

author: Scott Ostler <scottbot9000@gmail.com> 2010-09-09 21:40:12 -0400
committer: Scott Ostler <scottbot9000@gmail.com> 2010-09-09 21:40:12 -0400
commit: c350da95fc714d9d1c993e010aaad80c5109d510 (patch)
tree: ca30610a2d1bb54efc0994ecc8e5c4d0f59fce88 /template/rooms/chat.st
parent: 2696feb0b7ce673972de9e6086bc71283465d1fa (diff)
1 files changed, 103 insertions, 163 deletions
diff --git a/template/rooms/chat.st b/template/rooms/chat.st
index 81045e4..cf2d64a 100644
--- a/template/rooms/chat.st
+++ b/template/rooms/chat.st
@@ -1,183 +1,123 @@
 <!--/*
 
-     _____          ___           ___           ___         ___         ___     
-    /  /::\        /__/\         /__/\         /  /\       /  /\       /__/\    
+   _____          ___           ___           ___         ___         ___     
+   /  /::\        /__/\         /__/\         /  /\       /  /\       /__/\    
    /  /:/\:\       \  \:\       |  |::\       /  /::\     /  /:/_     |  |::\   
-  /  /:/  \:\       \  \:\      |  |:|:\     /  /:/\:\   /  /:/ /\    |  |:|:\  
- /__/:/ \__\:|  ___  \  \:\   __|__|:|\:\   /  /:/~/:/  /  /:/ /:/  __|__|:|\:\ 
- \  \:\ /  /:/ /__/\  \__\:\ /__/::::| \:\ /__/:/ /:/  /__/:/ /:/  /__/::::| \:\
-  \  \:\  /:/  \  \:\ /  /:/ \  \:\~~\__\/ \  \:\/:/   \  \:\/:/   \  \:\~~\__\/
+   /  /:/  \:\       \  \:\      |  |:|:\     /  /:/\:\   /  /:/ /\    |  |:|:\  
+   /__/:/ \__\:|  ___  \  \:\   __|__|:|\:\   /  /:/~/:/  /  /:/ /:/  __|__|:|\:\ 
+   \  \:\ /  /:/ /__/\  \__\:\ /__/::::| \:\ /__/:/ /:/  /__/:/ /:/  /__/::::| \:\
+   \  \:\  /:/  \  \:\ /  /:/ \  \:\~~\__\/ \  \:\/:/   \  \:\/:/   \  \:\~~\__\/
    \  \:\/:/    \  \:\  /:/   \  \:\        \  \::/     \  \::/     \  \:\      
-    \  \::/      \  \:\/:/     \  \:\        \  \:\      \  \:\      \  \:\     
-     \__\/        \  \::/       \  \:\        \  \:\      \  \:\      \  \:\    
-                   \__\/         \__\/         \__\/       \__\/       \__\/    
+   \  \::/      \  \:\/:/     \  \:\        \  \:\      \  \:\      \  \:\     
+   \__\/        \  \::/       \  \:\        \  \:\      \  \:\      \  \:\    
+   \__\/         \__\/         \__\/       \__\/       \__\/    
 
-(c)2010 dump.fm -->
+   (c)2010 dump.fm -->
 
 <html>
-<head>
-$head()$
-  <title>$roomname$ dump.fm</title>
+  <head>
+    $head()$
+    <title>$roomname$ dump.fm</title>
 
-  <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
-  <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script>
-  <script type="text/javascript" src="$domain$/static/js/ajaxupload.js"></script>
-$if(user_nick)$
-  <script type="text/javascript" src="$domain$/json/$user_nick$/favorites"></script>
-$endif$
-  <script>
-    jQuery(document).ready(initChat);
-    var Nick = $json_user_nick$;
-    var Room = $json_room_key$;
-    var Timestamp = $timestamp$;
-$if(isadmin)$
-    var IsAdmin = true;
-$else$
-    var IsAdmin = false;
-$endif$
-    if (Nick) {
+    <script type="text/javascript" src="$domain$/static/js/invalid_domains.js"></script>
+    <script type="text/javascript" src="$domain$/static/webcam/webcam.js"></script>
+    <script type="text/javascript" src="$domain$/static/js/ajaxupload.js"></script>
+    $if(user_nick)$
+    <script type="text/javascript" src="$domain$/json/$user_nick$/favorites"></script>
+    $endif$
+    <script>
+      jQuery(document).ready(initChat);
+      var Nick = $json_user_nick$;
+      var Room = $json_room_key$;
+      var Timestamp = $timestamp$;
+      $if(isadmin)$
+      var IsAdmin = true;
+      $else$
+      var IsAdmin = false;
+      $endif$
+      if (Nick) {
       jQuery(document).ready(function() { setupUpload('upload', Room); });
-    }
-    function showAlert() { alert('MUST LOGIN'); }
-    var newwindow;
-    function pop(url) {
+      }
+      function showAlert() { alert('MUST LOGIN'); }
+      var newwindow;
+      function pop(url) {
       newwindow=window.open(url,'name','height=50,width=400,left=20,top=20,location=0,status=0,scrollbar=0,resizable=0');
       if (window.focus) {newwindow.focus()}
-    }
-    jQuery(Away.startTitleUpdater);
-    jQuery(initChatMsgs);
-    $if(user_nick)$ //
-    $else$
-    function showAlert() {
-	alert('Join dump.fm @ http://dump.fm/register');
-	}
-
-$endif$
-  </script>
-  <style>
-    #chat-wrapper {
-        position: absolute;
-        z-index: 1000000;
-        right: 100px;
-        bottom: 100px;
-       height: 40px;
-       width: 300px;
-    };
-  </style>
-</head>
-<body>
-$if(dis)$
-  $banner_dis()$
-$else$
-  $banner()$
-  $if(!user_nick)$
+      }
+      jQuery(Away.startTitleUpdater);
+      jQuery(initChatMsgs);
+      $if(user_nick)$ //
+      $else$
+      function showAlert() {
+      alert('Join dump.fm @ http://dump.fm/register');
+      }
 
-<div id="dis_welcome"><center>
-<img src="$domain$/static/img/dumppixellarge3.png">
-	     
-	      <div id="midtxt">dump.fm lets you <i>talk with pictures!</i> Paste an image url, upload,  or snap a pic right from your webcam. Talk to friends, fav images, and keep track of the pix you love.
-<br><br>
-<span id="signintxt">
-	      			If you already have an account, <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong>. If not, <strong><a href="http://dump.fm/register">register</a></strong>!
-	    </span>  </center>	      </div>
-</div>
+      $endif$
+    </script>
+    <style>
+      #chat-wrapper {
+      position: absolute;
+      z-index: 1000000;
+      right: 100px;
+      bottom: 100px;
+      height: 40px;
+      width: 300px;
+      };
+    </style>
+  </head>
+  <body>
+    $if(dis)$
+    $banner_dis()$
+    $else$
+    $banner()$
+    $if(!user_nick)$
+    <div id="dis_welcome">
+      <center>
+        <img src="$domain$/static/img/dumppixellarge3.png">
+        <div id="midtxt">dump.fm lets you <i>talk with pictures!</i> Paste an image url, upload,  or snap a pic right from your webcam. Talk to friends, fav images, and keep track of the pix you love.
+          <br><br>
+          <span id="signintxt">
+            you already have an account, <strong><a href="http://dump.fm/login" class="signin">sign in</a></strong>. If not, <strong><a href="http://dump.fm/register">register</a></strong>!
+          </span>
+      </center>
+      </div>
+    </div>
 
-  <link href="/static/css/pages.css" rel="stylesheet" type="text/css" media="screen" />
-  <link href="/static/css/header.css" rel="stylesheet" type="text/css" media="screen" /> 
-  <script type="text/javascript" src="/static/js/win.js"></script> 
-<script type="text/javascript">
-	var topZ = 7;
-	CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70); 
-</script>
-<style>
-.divDragTitle {
-	left:50%!important;	
-	margin-left: -250px!important;
-}
-.divDragContent {
-z-index:666;
-	left:50%!important;
-	margin-left: -250px!important;
+    <link href="/static/css/pages.css" rel="stylesheet" type="text/css" media="screen" />
+    <link href="/static/css/header.css" rel="stylesheet" type="text/css" media="screen" /> 
+    <script type="text/javascript" src="/static/js/win.js"></script>
+    <script type="text/javascript">
+      var topZ = 7;
+      CreateDropdownWindow('', '500px', true, 'dis_welcome', 300, 70);
+    </script>
+    <style>
+      .divDragTitle {
+      left:50%!important;
+      margin-left: -250px!important;
+      }
+      .divDragContent {
+      z-index:666;
+      left:50%!important;
+      margin-left: -250px!important;
 
-}
-</style>
-$endif$
-$endif$
+      }
+    </style>
+    $endif$
+    $endif$
 
 
-  <div id="chatrap">
- 
+    <div id="chatrap">
       <div id="dcontent">
         <div id="messagetabs"></div>
-        <div id="rapper">
-        </div>
-  
-        <div id="messagePane">
- 
-
-$if(user_nick)$  <div id="userList">
-            $users: { u |
-            <div class="username"><a href="/$u.nick$" target="_blank">
-                $u.score_ent$
-                $if(u.avatar)$
-                <img src="$u.avatar$" width="50" height="50">
-                $else$
-                <img src="/static/img/noinfo.png">
-                $endif$
-                $u.nick$</a><br>
-            </div>
-            }$
-	  </div>$endif$
-          <div id="favbox" style="display: hidden"></div>
-          <div id="messageList">
-$messages: { m |
-            <div class="msgDiv oldmsg dump $if(m.favorited)$favorite$endif$" id="message-$m.message_id$" nick="$m.nick$">
-              <span class="nick">
-                <b><a href="$domain$/$m.nick$" target="_blank">$m.nick$</a></b>
-  $if(m.favorited)$
-    <img src="/static/img/thumbs/chatheartover.gif" class="chat-thumb" onclick="Tag.favorite(this)">
-  $else$
-    <img src="/static/img/thumbs/smallheart.gif" class="chat-thumb" onclick="Tag.favorite(this)">
-  $endif$ 
-              </span>
-            <span class="content">$m.content$</span>
-            </div>
-}$
-            <hr />
-          </div>        
-
-          $if(user_nick)$
-          <div id="msgInputDiv">
-              <div id="msginputrapper">  <input id="msgInput" class="msgInput" type="input" />    </div>   
-                <input id="msgSubmit" type="submit" value="Send"/>
-   
-                <input id="upload" value="Upload" type="submit">
-                <input id="webcam-button-upload" value="Webcam" type="submit">
-                <input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink">  
-                             <button id="palette-button"><img src="/static/img/palette.gif"></button>
-              </div><div id="effects-msg"class="invisible">click on your face for effects!</div>
-          </div>
-$else$
-          <div id="msgInputDiv">
-              <div id="msginputrapper">  <input id="msgInput" class="msgInput" type="input" />    </div>   
-                <input id="msgSubmit" type="submit" value="Send" onClick="showAlert();"/>
-   
-                <input id="upload" value="Upload" type="submit" onClick="showAlert();">
-                <input id="webcam-button-upload" value="Webcam" type="submit" onClick="showAlert();">
-                <input id="webcam-button-snap" value="Send Pic" type="submit" class="invisible blink"onClick="showAlert();">  
-                             <button id="palette-button"><img src="/static/img/palette.gif"  onClick="showAlert();"></button>
-              </div><div id="effects-msg"class="invisible">click on your face for effects!</div>
-          </div>
-          $endif$
-
-        </div>
-      </div>        
+          $messagepane()$
+      </div>
+    </div>
+    <div id="palette">
+      <div id="palette-thumbs"></div>
+    </div>
+    <div id="footerc">
+      $footer()$
     </div>
-  </div>
-  <div id="palette"><div id="palette-thumbs"></div></div>
-  <div id="footerc">
-              $footer()$
-  </div>
-$preload()$
-</body>
+    $preload()$
+  </body>
 </html>
author	Scott Ostler <scottbot9000@gmail.com>	2010-09-09 21:40:12 -0400
committer	Scott Ostler <scottbot9000@gmail.com>	2010-09-09 21:40:12 -0400
commit	c350da95fc714d9d1c993e010aaad80c5109d510 (patch)
tree	ca30610a2d1bb54efc0994ecc8e5c4d0f59fce88 /template/rooms/chat.st
parent	2696feb0b7ce673972de9e6086bc71283465d1fa (diff)