@@ -133,6 +133,10 @@ h2{
width: 220px;
}
+.invite_modal input{
+ width: 180px;
+}
+
.modal span{
display: block;
line-height: 20px;
client/example/paste_chat/css/screen.css
@@ -57,6 +57,16 @@
</div>
</script>
+ <script type="text/html" id="invite_modal">
+ <div class="modal invite_modal">
+ <form>
+ <label for="url">Copy & Paste:</label>
+ <input type="text" id="url">
+ <button>Close</button>
+ </form>
+ </div>
+ </script>
+
<script type="text/html" id="error_modal">
<div class="modal error_modal">
<span class="error"><strong>Error:</strong> <%= error %></span>
@@ -87,7 +97,7 @@
<h2>Attending</h2>
<ul>
</ul>
- <p><a href="#invite">Invite People</a> <a href="#invite">Get your own Room!</a></p>
+ <p><a rel="invite" href="#invite">Invite People</a> <a href="./" target="_new">Get your own Room!</a></p>
</div>
</div>
</script>
client/example/paste_chat/index.html
@@ -18,6 +18,7 @@ ChatUi.prototype.init = function(context) {
this.$messageButton = $('.message button', this.$chat);
this.$topic = $('.left .header h1', this.$chat);
this.$editTopic = $('.left .header a', this.$chat);
+ this.$invite = $('.right a[rel=invite]', this.$chat);
};
ChatUi.prototype.modal = function(options) {
@@ -143,6 +144,22 @@ ChatUi.prototype.bindEvents = function() {
return false;
}
});
+
+ this.$invite.click(function(e) {
+ var modal = self.modal({
+ type: 'invite'
+ });
+
+ var $modal = modal.$element, overlay = modal.overlay;
+
+ $('input', $modal).val(window.location.href);
+ $('form', $modal).submit(function() {
+ overlay.close();
+ return false;
+ });
+
+ return false;
+ });
};
ChatUi.prototype.log = function($element) {
client/example/paste_chat/js/lib/ui/chat_ui.js
1db1c947fe7867b95e33cc5275b2ecfcc6b17c01
Felix Geisendörfer
felix@debuggable.com
http://github.com/felixge/node-channel/commit/94c86290143fbfe08017b02faa44538b29b4923e
94c86290143fbfe08017b02faa44538b29b4923e
2009-11-07T05:51:46-08:00
2009-11-07T05:51:46-08:00
Invite modal working, 1.0 complete
4b100d9446fdb650c9fde3b8b95eca8ea97da201
Felix Geisendörfer
felix@debuggable.com