textcircle.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <head>
  2. <title>textcircle</title>
  3. </head>
  4. <body>
  5. {{> navbar }}
  6. <div class="container top-margin">
  7. <div class="row">
  8. <div class="col-md-12">
  9. {{> editingUsers }}
  10. </div>
  11. </div>
  12. <div class="row">
  13. <div class="col-md-6">
  14. {{> editor}}
  15. </div>
  16. <div class="col-md-6">
  17. {{> viewer }}
  18. </div>
  19. </div>
  20. </div>
  21. </body>
  22. <template name="navbar">
  23. <nav class="navbar navbar-default navbar-fixed-top">
  24. <div class="container">
  25. <a class="navbar-brand" href="#">TextCircle</a><!-- nav title -->
  26. <ul class="nav navbar-nav">
  27. <li>
  28. <a href="#" class="js-add-doc">
  29. <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
  30. New document
  31. </a>
  32. </li>
  33. </ul>
  34. <p class="navbar-text navbar-right">
  35. {{> loginButtons align="right" }}
  36. </p>
  37. </div><!-- /nav container -->
  38. </nav><!-- /nav -->
  39. </template>
  40. <template name="editor">
  41. <h2>doc id: {{ docid }}</h2>
  42. {{> sharejsCM docid=docid onRender=config id="editor" }}
  43. </template>
  44. <template name="viewer">
  45. <iframe id="viewer_iframe">
  46. </iframe>
  47. </template>
  48. <template name="editingUsers">
  49. Editors:
  50. {{#each users }}
  51. <span class="label label-success">{{firstname}}</span>
  52. {{/each}}
  53. </template>