textcircle.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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. <!-- drop down list -->
  34. <li role="presentation" class="dropdown">
  35. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
  36. Documents <span class="caret"></span>
  37. </a>
  38. <ul class="dropdown-menu">
  39. {{#each documents }}
  40. <li><a href="#" class="js-load-doc">{{ title }}</a></li>
  41. {{/each}}
  42. </ul>
  43. </li>
  44. <!-- end drop down list -->
  45. </ul>
  46. <p class="navbar-text navbar-right">
  47. {{> loginButtons align="right" }}
  48. </p>
  49. </div><!-- /nav container -->
  50. </nav><!-- /nav -->
  51. </template>
  52. <template name="editor">
  53. <h2>doc id: {{ docid }}</h2>
  54. {{> sharejsCM docid=docid onRender=config id="editor" }}
  55. </template>
  56. <template name="viewer">
  57. <iframe id="viewer_iframe">
  58. </iframe>
  59. </template>
  60. <template name="editingUsers">
  61. Editors:
  62. {{#each users }}
  63. <span class="label label-success">{{firstname}}</span>
  64. {{/each}}
  65. </template>