Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<a href="https://github.com/n11/mongo-cli-nodejs"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png" alt="Fork me on GitHub"></a>
  
  <h1>Shared drawings <button data-bind=" visible: !email(), click: openIdPopup"  title="change in console openid='another provider' if you need">Sign in</button><span data-bind="visible: !!email()"><b data-bind="text: email"></b> <button data-bind="click: logout">Logout</button></span></h1>
  
  <form data-bind='submit: add' style='margin: 30px 0 15px;'>
  <button type="submit" >add a paint</button><input data-bind="value:roomToAdd">
  </form>
  
  
  <div id=chats data-bind="foreach: chats">
  
  <div class="chat">
    <div class="top">
    <b data-bind="text: $data.room" class='msg'></b> <a href='#' data-bind='click: $data.clear'>clear</a> <a href='#' data-bind='click: $data.rem'>remove</a>
    </div>
​
    <form class="top" style="margin: 20px 2px 2px;" data-bind="submit: $data.share, visible:!!$parent.email()">
     <input data-bind="value: $data._canRead" placeholder="share with emails" title="share with emails, make sure to include yourself">
    <button type="submit">Share</button> 
</form>
    
   <canvas data-bind='canvasinit: null' width="250" height="300"></canvas>
​
    
​
​
</div>
  
</div>
  
​
​
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
ci11pro
0viewers