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
  • …
 
<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 Real-time Tasks List</h1>
​
<table>
    <tbody data-bind="foreach: items">
    <tr>
      <td  style="width:60px"><input data-bind="value: priority" type=number style="width:40px;"></td>
        <td data-bind="message: msg"></td>
        <td data-bind="text: _canRead.join(', ')"></td>
        <td><a href='#' data-bind='click: $root.remove'>delete</a></td>
    </tr>
    </tbody>
</table>
​
<form data-bind="submit: postNew">
    Submit  
    <input  data-bind="value: priority" type="number" value="0" style="width:35px">
    <input data-bind="value: msg">
    <input data-bind="value: _canRead, visible: !!email()" placeholder="list, of emails of _canRead">
    <input data-bind="value: _canUpsert, visible: !!email()" placeholder="list, of emails of _canUpsert">
    <input data-bind="value: _canRemove, visible: !!email()" placeholder="list, of, emails of _canRemove">
    <button type="submit">Send</button> as <b data-bind="text: email() || 'Anonymous'"></b>
  or <span data-bind=" visible: !email()"><button data-bind="click: openIdPopup" >Sign in</button> with openid: <span contentEditable=true id=openId>https://www.google.com/accounts/o8/id</span></span>
  <button data-bind="click: logout, visible: !!email()">Logout</button>
    
</form>
  
</body>
</html>
Output

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

Dismiss x
public
Bin info
ci11pro
0viewers