rule.html tweaks

_includes/rule-scripts.js → _includes/rule-scripts.html

@@ -2,7 +2,7 @@
 https://github.com/Bernardo-Castilho/dragdroptouch -->
 <script src="/assets/DragDropTouch.js"></script>
 
-<script>
+<script>  
   // Enter JavaScript-land!
   // First, some functions, followed by initialization commands
 
@@ -606,5 +606,4 @@ https://github.com/Bernardo-Castilho/dragdroptouch -->
           editableElements[i].addEventListener("paste", handleEditablePaste);
       } 
   }
-  
-</script>
+</script>

_layouts/rule.html

@@ -4,7 +4,7 @@ layout: default
 # Follow comments below in various sections for further explanation
 ---
 
-{% include rule-scripts.js %}
+{% include rule-scripts.html %}
 
 <article class="post">
 
@@ -16,9 +16,9 @@ layout: default
     <button class="pushButton" id="editToggle" onclick="toggleEditMode()">
       Preview</button>
 
-  <div class="post-content">    
-    {{ content }}
-  </div>
+    <div class="post-content">    
+      {{ content }}
+    </div>
 
   </header>
   
@@ -48,102 +48,100 @@ layout: default
       
       <div id="module-menu">
         
-		<!-- Load preset modules from _modules/ -->
+		    <!-- Load preset modules from _modules/ -->
         {% assign modules_array = site.modules | sort: "type" %}
         {% assign last_type = "" %}
         {% for module in modules_array %}
         {% if module.layout == "module" %}
         {% if module.type != last_type %}
         {% if last_type != "" %}</div>{% endif %} 
-      <div class="module-type-header">
-        <img src="{{ site.baseurl }}/{{ site.data.module_types[module.type].icon }}" />
+        <div class="module-type-header">
+          <img src="{{ site.baseurl }}/{{ site.data.module_types[module.type].icon }}" />
         {{ module.type }}
-        <button onclick="toggleVisible('module-type-{{ module.type }}')" class="button chevrons"><img src="{% link assets/tabler_icons/chevrons-down.svg %}" title="Show/hide" /></button>
-      </div>
-      <div class="module-questions">{{ site.data.module_types[module.type].question }}</div>
-      <div id="module-type-{{ module.type }}" style="display: none;">
-        {% endif %}
-        {% assign last_type = module.type %}
-		<span class="module" id="module-{{ module.title | slugify }}"
-			  draggable="true" ondragstart="drag(event)">
-		  <span id="module-name" title="{{ module.summary }}">{{ module.title }}</span>
-          <a target="_blank" href="{{ module.url }}">
-            <img title="More info" draggable="false" class="module-logo"
-                 src="{% link assets/tabler_icons/info-circle.svg %}" /></a>
-		  <a onclick="this.parentNode.remove()" class="delete-module"
-			 style="display:none">
-			<img src="{% link assets/tabler_icons/x.svg %}" /></a>
-		</span>
+          <button onclick="toggleVisible('module-type-{{ module.type }}')" class="button chevrons"><img src="{% link assets/tabler_icons/chevrons-down.svg %}" title="Show/hide" /></button>
+        </div>
+        <div class="module-questions">{{ site.data.module_types[module.type].question }}</div>
+        <div id="module-type-{{ module.type }}" style="display: none;">
+          {% endif %}
+          {% assign last_type = module.type %}
+		      <span class="module" id="module-{{ module.title | slugify }}"
+            draggable="true" ondragstart="drag(event)">
+            <span id="module-name" title="{{ module.summary }}">{{ module.title }}</span>
+            <a target="_blank" href="{{ module.url }}">
+              <img title="More info" draggable="false" class="module-logo"
+                src="{% link assets/tabler_icons/info-circle.svg %}" /></a>
+            <a onclick="this.parentNode.remove()" class="delete-module"
+              style="display:none">
+            <img src="{% link assets/tabler_icons/x.svg %}" /></a>
+          </span>
         {% endif %}
         {% endfor %}
-      </div>
-
-      <div id="module-custom-container">
-        <!-- Customizable module -->
-        <span class="module" id="module-custom"
-              draggable="true" ondragstart="drag(event)">
-		  <input contenteditable="true" draggable="false" placeholder="Custom..."/>
-          <img src="{% link assets/tabler_icons/bulb.svg %}" class="module-logo"
-               draggable="false" />
-		  <a onclick="this.parentNode.remove()" class="delete-module"
-			 style="display:none">
-			<img src="{% link assets/tabler_icons/x.svg %}" /></a>
-		</span>
-      </div>
-
+        </div>
+
+        <div id="module-custom-container">
+          <!-- Customizable module -->
+          <span class="module" id="module-custom"
+                draggable="true" ondragstart="drag(event)">
+            <input contenteditable="true" draggable="false" placeholder="Custom module..."/>
+            <img src="{% link assets/tabler_icons/bulb.svg %}" class="module-logo"
+                draggable="false" />
+            <a onclick="this.parentNode.remove()" class="delete-module"
+        style="display:none">
+            <img src="{% link assets/tabler_icons/x.svg %}" /></a>
+          </span>
+        </div>
+      </div><!-- END module-menu -->
+    </div><!-- END RuleBuilder -->
+
+    <div id="rulewriter-box">
+      <span class="prompt"></span>
+      <p id="rulewriter" contenteditable="true" class="editable output"></p>
     </div>
-  </div>
-  <!-- END RuleBuilder -->
-
-  <div id="rulewriter-box">
-    <span class="prompt"></span>
-    <p id="rulewriter" contenteditable="true" class="editable output"></p>
-  </div>
   
-  <div id="authorship" class="linkbox">
-    <span id="authorship-words">Created by</span>
-    <input contenteditable="true" class="editable link-text" id="author-text" placeholder="Created by" />
-    <span class="link-divider"><img src="{% link assets/tabler_icons/pencil.svg %}" title="Add link" /></span>
-    <input contenteditable="true" class="editable link-url" id="author-url" placeholder="Creator URL (http://, https://)" type="url" pattern="http://.*|https://.*" />
-    <span id="authorship-result"></span>
-  </div>
+    <div id="authorship" class="linkbox">
+      <span id="authorship-words">Created by</span>
+      <input contenteditable="true" class="editable link-text" id="author-text" placeholder="Created by" />
+      <span class="link-divider"><img src="{% link assets/tabler_icons/pencil.svg %}" title="Add link" /></span>
+      <input contenteditable="true" class="editable link-url" id="author-url" placeholder="Creator URL (http://, https://)" type="url" pattern="http://.*|https://.*" />
+      <span id="authorship-result"></span>
+    </div>
   
-</div><!--#rulebox-->
+  </div><!--#rulebox-->
 
-<div id="lineage">
-  <img src="{% link assets/tabler_icons/file.svg %}" title="Derivation lineage" />
-  <span id="lineage-list"></span>
-</div>
+  <div id="lineage">
+    <img src="{% link assets/tabler_icons/file.svg %}" title="Derivation lineage" />
+    <span id="lineage-list"></span>
+  </div>
 
 
-<button class="pushButton" id="publishRule" onclick="publishRule()"
+  <button class="pushButton" id="publishRule" onclick="publishRule()"
         title="Add to the public Library">Publish</button>
-<button class="pushButton" id="fork" onclick="fork()"
+  <button class="pushButton" id="fork" onclick="fork()"
         title="Edit this Rule into a new one">Fork</button>
-<button class="pushButton" onclick="textOutput()"
+  <button class="pushButton" onclick="textOutput()"
         title="Download this Rule as a Markdown text file">Export</button>
-<button class="pushButton" id="trash" onclick="deleteRule()">
-  <img src="{% link assets/tabler_icons/trash.svg %}" title="Rule deletion request" />
-</button>
-<button class="pushButton"
+  <button class="pushButton" id="trash" onclick="deleteRule()">
+    <img src="{% link assets/tabler_icons/trash.svg %}" title="Rule deletion request" />
+  </button>
+  <button class="pushButton"
         onclick="javascript:location.href='https://www.colorado.edu/lab/medlab/content/communityrule-user-feedback'">
-  Feedback
-</button>
-
-<div id="attribution" style="display:none;">
-  <br />
-  <p><a href="https://communityrule.info">
-      <img src="https://communityrule.info{% link assets/CommunityRule-derived-000000.svg %}" alt="CommunityRule derived"></a></p>
-  <p id="dateTime"></p>
-  <p>Created with <a href="https://communityrule.info">CommunityRule</a>,
-    <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons BY-SA</a></p>
-  <p><strong>The Publish feature is experimental. Rules may be removed without notice</strong></p>
-</div>
-<div id="attributionMD" style="display:none;">---
-
-[![CommunityRule derived](https://communityrule.info{% link assets/CommunityRule-derived-000000.svg %})](https://communityrule.info)
+    Feedback
+  </button>
+
+  <div id="attribution" style="display:none;">
+    <br />
+    <p><a href="https://communityrule.info">
+        <img src="https://communityrule.info{% link assets/CommunityRule-derived-000000.svg %}" alt="CommunityRule derived"></a></p>
+    <p id="dateTime"></p>
+    <p>Created with <a href="https://communityrule.info">CommunityRule</a>,
+      <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons BY-SA</a></p>
+    <p><strong>The Publish feature is experimental. Rules may be removed without notice</strong></p>
+  </div>
+  <div id="attributionMD" style="display:none;">---
 
-[Creative Commons BY-SA](https://creativecommons.org/licenses/by-sa/4.0/)</div>
+[![CommunityRule derived](https://communityrule.info{% link assets/CommunityRule-derived-000000.svg %})](https://communityrule.info)   
+[Creative Commons BY-SA](https://creativecommons.org/licenses/by-sa/4.0/)
+</div>
 
 
 </article>