Home Explore Help
Sign In
fgm
/
meteor__coursera-meteor-2
1
0
Fork 0
Files Issues 0 Pull Requests 0
Browse Source

W3.5: restructured templates in preparation for routing.

Frederic G. MARAND 8 years ago
parent
9beeaf07f6
commit
46758d0f60
4 changed files with 89 additions and 82 deletions
Unified View Show Diff Stats
  1. 53 0
      client/docItem.html
  2. 5 0
      client/docList.html
  3. 31 0
      client/navbar.html
  4. 0 82
      client/textcircle.html

+ 53 - 0
client/docItem.html
View File 

@@ -0,0 +1,53 @@
 
+<template name="docItem">
 
+  <div class="container top-margin">
 
+    <div class="row">
 
+      <div class="col-md-12">
 
+        {{> docMeta }}
 
+      </div>
 
+    </div>
 
+    <div class="row">
 
+      <div class="col-md-12">
 
+        {{> editingUsers }}
 
+      </div>
 
+    </div>
 
+    <div class="row">
 
+      <div class="col-md-6">
 
+        {{> editor}}
 
+      </div>
 
+      <div class="col-md-6">
 
+        {{> viewer }}
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<template name="editor">
 
+  <h2>doc id: {{ docid }}</h2>
 
+  {{> sharejsCM docid=docid onRender=config id="editor" mode="javascript" }}
 
+</template>
 
+
 
+<template name="viewer">
 
+  <iframe id="viewer_iframe">
 
+  </iframe>
 
+</template>
 
+
 
+<template name="docMeta">
 
+  {{#with document }}
 
+    <span class="h1">{{> editableText collection="documents" field="title" }}</span>
 
+    {{#if canEdit }}
 
+      <div class="checkbox">
 
+        <label>
 
+          <input type="checkbox" class="js-tog-private" checked="{{ isPrivate }}"/>Private
 
+        </label>
 
+      </div>
 
+    {{/if}}
 
+  {{/with}}
 
+</template>
 
+
 
+<template name="editingUsers">
 
+  Editors:
 
+  {{#each users }}
 
+    <span class="label label-success">{{firstname}}</span>
 
+
 
+  {{/each}}
 
+</template>

+ 5 - 0
client/docList.html
View File 

@@ -0,0 +1,5 @@
 
+<template name="docList">
 
+  {{#each documents }}
 
+    {{title}}
 
+  {{/each}}
 
+</template>

+ 31 - 0
client/navbar.html
View File 

@@ -0,0 +1,31 @@
 
+<template name="navbar">
 
+  <nav class="navbar navbar-default navbar-fixed-top">
 
+    <div class="container">
 
+      <a class="navbar-brand" href="#">TextCircle</a><!-- nav title -->
 
+      <ul class="nav navbar-nav">
 
+        <li>
 
+          <a href="#" class="js-add-doc">
 
+            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
 
+            New document
 
+          </a>
 
+        </li>
 
+        <!-- drop down list -->
 
+        <li role="presentation" class="dropdown">
 
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 
+            Documents <span class="caret"></span>
 
+          </a>
 
+          <ul class="dropdown-menu">
 
+            {{#each documents }}
 
+              <li><a href="#" class="js-load-doc">{{ title }}</a></li>
 
+            {{/each}}
 
+          </ul>
 
+        </li>
 
+        <!-- end drop down list -->
 
+      </ul>
 
+
 
+      <p class="navbar-text navbar-right">
 
+        {{> loginButtons align="right" }}
 
+      </p>
 
+    </div><!-- /nav container -->
 
+  </nav><!-- /nav -->
 
+</template>

+ 0 - 82
client/textcircle.html
View File 

@@ -4,87 +4,5 @@
 
 
 
 <body>
 
 <body>
 
   {{> navbar }}
 
   {{> navbar }}
 
-  <div class="container top-margin">
 
-    <div class="row">
 
-      <div class="col-md-12">
 
-        {{> docMeta }}
 
-      </div>
 
-    </div>
 
-    <div class="row">
 
-      <div class="col-md-12">
 
-        {{> editingUsers }}
 
-      </div>
 
-    </div>
 
-    <div class="row">
 
-      <div class="col-md-6">
 
-        {{> editor}}
 
-      </div>
 
-      <div class="col-md-6">
 
-        {{> viewer }}
 
-      </div>
 
-    </div>
 
-  </div>
 
 </body>
 
 </body>
 
 
 
-<template name="navbar">
 
-  <nav class="navbar navbar-default navbar-fixed-top">
 
-    <div class="container">
 
-      <a class="navbar-brand" href="#">TextCircle</a><!-- nav title -->
 
-      <ul class="nav navbar-nav">
 
-        <li>
 
-          <a href="#" class="js-add-doc">
 
-            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
 
-            New document
 
-          </a>
 
-        </li>
 
-        <!-- drop down list -->
 
-        <li role="presentation" class="dropdown">
 
-          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
 
-            Documents <span class="caret"></span>
 
-          </a>
 
-          <ul class="dropdown-menu">
 
-            {{#each documents }}
 
-            <li><a href="#" class="js-load-doc">{{ title }}</a></li>
 
-            {{/each}}
 
-          </ul>
 
-        </li>
 
-        <!-- end drop down list -->
 
-      </ul>
 
-
 
-      <p class="navbar-text navbar-right">
 
-        {{> loginButtons align="right" }}
 
-      </p>
 
-    </div><!-- /nav container -->
 
-  </nav><!-- /nav -->
 
-</template>
 
-
 
-<template name="editor">
 
-  <h2>doc id: {{ docid }}</h2>
 
-  {{> sharejsCM docid=docid onRender=config id="editor" mode="javascript" }}
 
-</template>
 
-
 
-<template name="viewer">
 
-  <iframe id="viewer_iframe">
 
-  </iframe>
 
-</template>
 
-
 
-<template name="docMeta">
 
-  {{#with document }}
 
-    <span class="h1">{{> editableText collection="documents" field="title" }}</span>
 
-    {{#if canEdit }}
 
-      <div class="checkbox">
 
-        <label>
 
-          <input type="checkbox" class="js-tog-private" checked="{{ isPrivate }}"/>Private
 
-        </label>
 
-      </div>
 
-    {{/if}}
 
-  {{/with}}
 
-</template>
 
-
 
-<template name="editingUsers">
 
-  Editors:
 
-  {{#each users }}
 
-  <span class="label label-success">{{firstname}}</span>
 
-
 
-  {{/each}}
 
-</template>