eduvia/lms
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup: moved LiveCodeEditor into a macro

Browse Source
This commit is contained in:
Anand Chitipothu
2021-03-09 11:51:09 +00:00
parent 480774755f
commit 13030b0b9b
2 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
community/www/courses/topic.html
View File

@@ -1,4 +1,5 @@
{% extends "templates/base.html" %}
{% from "www/macros/livecode.html" import LiveCodeEditor %}
{% block title %}{{topic.title}} ({{course.title}}){% endblock %}
{% block head_include %}
<meta name="description" content="Topic {{topic.title}} of the course {{course.title}}" />
@@ -43,7 +44,7 @@
{% if s.type == "text" %}
{{ render_section_text(s) }}
{% elif s.type == "code" %}
{{ render_section_code(s) }}
{{ LiveCodeEditor(s.name, s.code) }}
{% else %}
<div>Unknown section type: {{s.type}}</div>
{% endif %}
@@ -53,28 +54,6 @@
{{ s.contents | markdown }}
{% endmacro %}
{% macro render_section_code(s) %}
<div class="canvas-editor row no-gutters" id="editor-{{s.name}}">
<div class="col-sm">
<div class="heading">
<button class="run">Run</button>
<h2>Editor</h2>
</div>
<textarea class="code">{{s.code}}</textarea>
</div>
<div class="col-sm">
<div class="heading">
<h2>Output</h2>
</div>
<div class="canvas-wrapper">
<canvas class="canvas" width="300" height="300">Dashed box</canvas>
<pre class="output"></pre>
</div>
</pre>
</div>
</div>
{% endmacro %}
{%- block script %}
{{ super() }}
<script type="text/javascript" src="{{ livecode_url }}/static/livecode.js"></script>

22
community/www/macros/livecode.html Normal file
View File

@@ -0,0 +1,22 @@
{% macro LiveCodeEditor(name, code) %}
<div class="canvas-editor row no-gutters" id="editor-{{name}}">
<div class="col-sm">
<div class="heading">
<button class="run">Run</button>
<h2>Editor</h2>
</div>
<textarea class="code">{{code}}</textarea>
</div>
<div class="col-sm">
<div class="heading">
<h2>Output</h2>
</div>
<div class="canvas-wrapper">
<canvas class="canvas" width="300" height="300"></canvas>
<pre class="output"></pre>
</div>
</pre>
</div>
</div>
{% endmacro %}