introduction to jinja files

5 years ago · 9573bb4984
parent afca511958
commit 9573bb4984
5 changed files with 149 additions and 0 deletions
--- a/Jinja-prototype/base.html
+++ b/Jinja-prototype/base.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="stylesheet.css" />
+    <title>{% block title %}{% endblock %}</title>
+</head>
+<body>
+    <div id="content">
+        {% block content %}
+        {% endblock %}
+    </div>
+</body>
+</html>
--- a/Jinja-prototype/child.html
+++ b/Jinja-prototype/child.html
@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{% block title %}{{ mytitle }}{% endblock %}
+
+{% block content %} 
+	<div class="box">
+		{{ content }}
+	</div>
+{% endblock %}
--- a/Jinja-prototype/createhtml.py
+++ b/Jinja-prototype/createhtml.py
@ -0,0 +1,52 @@
+from jinja2 import Template
+
+
+# render template 
+# http://jinja.pocoo.org/docs/2.10/intro/#basic-api-usage
+
+# htmlfragment = """<span id='{{id}}'>
+# {{ content }}
+# </span>"""
+# template = Template(htmlfragment)
+# htmlrendered = template.render(content="Jinja What??",
+# 							   id="iamid")
+# print(htmlrendered)
+
+xpub1 = ["Pedro","Rita","Simon","Artemis","Bo","Biyi"]
+xpub2 = ["Tash", "Angeliki","Alice","Alex", "Joca", "Zalan"]
+users_html = Template('''<ul>
+  {% for user in users  %}
+    <li class="user" id="user_{{ user }}">
+    	<i>{{ user }}</i>
+    </li>
+  {% endfor %}
+  </ul>
+''')
+
+users_1 = users_html.render(users=xpub1)
+users_2 = users_html.render(users=xpub2)
+print(users_1, users_2)
+
+
+# template-inheritance 
+# http://jinja.pocoo.org/docs/2.10/templates/#template-inheritance
+from jinja2 import FileSystemLoader
+from jinja2.environment import Environment
+
+env = Environment()
+env.loader = FileSystemLoader('.')
+tmpl = env.get_template('child.html')
+tmpl_render= tmpl.render(mytitle="xpUB",
+	content=users_1 + users_2)
+print(tmpl_render)
+
+# save
+with open("index.html","w") as index:
+	index.write(tmpl_render)
+
+
+# contro structures
+# http://jinja.pocoo.org/docs/2.10/templates/#list-of-control-structures
+
+
+# print(users_html.render(users=xpub))
--- a/Jinja-prototype/index.html
+++ b/Jinja-prototype/index.html
@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="style.css" />
+    <title>xpUB</title>
+</head>
+<body>
+    <div id="content">
+         
+	<div class="box">
+		<ul>
+  
+    <li class="user" id="user_Pedro">
+    	<i>Pedro</i>
+    </li>
+  
+    <li class="user" id="user_Rita">
+    	<i>Rita</i>
+    </li>
+  
+    <li class="user" id="user_Simon">
+    	<i>Simon</i>
+    </li>
+  
+    <li class="user" id="user_Artemis">
+    	<i>Artemis</i>
+    </li>
+  
+    <li class="user" id="user_Bo">
+    	<i>Bo</i>
+    </li>
+  
+    <li class="user" id="user_Biyi">
+    	<i>Biyi</i>
+    </li>
+  
+  </ul><ul>
+  
+    <li class="user" id="user_Tash">
+    	<i>Tash</i>
+    </li>
+  
+    <li class="user" id="user_Angeliki">
+    	<i>Angeliki</i>
+    </li>
+  
+    <li class="user" id="user_Alice">
+    	<i>Alice</i>
+    </li>
+  
+    <li class="user" id="user_Alex">
+    	<i>Alex</i>
+    </li>
+  
+    <li class="user" id="user_Joca">
+    	<i>Joca</i>
+    </li>
+  
+    <li class="user" id="user_Zalan">
+    	<i>Zalan</i>
+    </li>
+  
+  </ul>
+	</div>
+
+    </div>
+</body>
+</html>
--- a/Jinja-prototype/style.css
+++ b/Jinja-prototype/style.css
@ -0,0 +1,7 @@
+.box{ background: black;
+color:white;
+ }
+
+.user{color:yellow;
+	text-decoration: underline;
+}