ck-ntuh-net/mysite/ck/templates/base.html

212 lines
10 KiB
HTML
Raw Permalink Normal View History

2024-12-11 08:15:42 +00:00
{% load static %}
{% with openicon='http://www.ntuh.net/open_icon_library-full/' beta=2 open_icon_library='http://www.ntuh.net/open_icon_library-full/' %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" type="image/icon" href="https://www.djangoproject.com/favicon.ico"/>
<!-- https://glyphsearch.com/ -->
<!-- https://fonts.google.com/icons -->
<!-- icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp" rel="stylesheet">
<!-- dojo -->
<!-- <script src="//ajax.googleapis.com/ajax/libs/dojo/1.14.1/dojo/dojo.js"></script> -->
<script src="/site_media/js/dojo.js" type="text/javascript"
djConfig="parseOnLoad: true, isDebug: false"></script>
<!-- <script type="text/javascript" src="{% static 'jquery/dist/jquery.js' %}"></script> -->
<!-- jquery-ui -->
<!-- It's caused by jquery-ui and bootstrap-button plugins conflict. In fact jquery-ui code js code should go before bootstrap.js, and that solves the problem. -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" ></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" >
<!-- bootstrap 3 + x-editable -->
<!-- Latest compiled and minified CSS -->
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
<!-- Optional theme -->
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous"> -->
<!-- Latest compiled and minified JavaScript -->
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> -->
<!-- Download corresponding X-editable build and include it on your page: -->
<!-- <link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script> -->
<!-- bootstrap 4 + x-editable -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> -->
<!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="{% static 'bootstrap/dist/css/bootstrap.min.css' %}">
<!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> -->
<script src="{% static 'bootstrap/dist/js/bootstrap.bundle.min.js' %}"></script>
<!-- <link href="https://cdn.jsdelivr.net/gh/Talv/x-editable@develop/dist/bootstrap4-editable/css/bootstrap-editable.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/Talv/x-editable@develop/dist/bootstrap4-editable/js/bootstrap-editable.min.js"></script> -->
<link href="{% static 'x-editable/dist/bootstrap4-editable/css/bootstrap-editable.css' %}" rel="stylesheet">
<script src="{% static 'x-editable/dist/bootstrap4-editable/js/bootstrap-editable.min.js' %}"></script>
<script type="text/javascript">
$.datepicker.setDefaults({
buttonImageOnly: true,
buttonImage: '{{openicon}}/icons/png/16x16/actions/date-2.png',
dateFormat: 'yy-mm-dd',
// showButtonPanel: true,
showOn: 'button',
})
</script>
<!-- jquery -->
<!-- <script type="text/javascript" src="/site_media/js/jquery.cookie.js"></script> -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<!-- Dynamic Drive -->
<link rel="stylesheet" type="text/css" href="/site_media/css/arrow_bullet_list_menu.css" />
<link rel="stylesheet" type="text/css" href="/site_media/css/urban_grey_side_menu.css" />
<link rel="stylesheet" type="text/css" href="/site_media/css/css-liquid-layout-21-fixed-fluid.css" />
<link rel="stylesheet" type="text/css" href="/site_media/css/tableless-form.css" />
<script type="text/javascript">
/*** Temporary text filler function. Remove when deploying template. ***/
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]
function filltext(words){
for (var i=0; i<words; i++)
document.write(gibberish[Math.floor(Math.random()*3)]+" ")
}
</script>
<!-- Dynamic Drive -->
<!-- CSS Table Gallery -->
<!-- <link rel="stylesheet" type="text/css" href="/site_media/css/0m4r.table.css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="/site_media/css/acuity.css" /> -->
<link rel="stylesheet" type="text/css" href="/site_media/css/tagbox.css" />
<!-- CSS Table Gallery -->
<script type="text/javascript">function onLoadBody(){}</script>
{% block head %}{% endblock %}
<title>{% block title %}NTUH CyberKnife{% endblock %}</title>
<style type="text/css">
ul.errorlist {
margin: 0;
padding: 0;
}
.errorlist li {
background-color: red;
color: white;
display: block;
font-size: 10px;
margin: 0 0 3px;
padding: 4px 5px;
}
</style> </head>
<body class="claro" onLoad="onLoadBody()">
<div id="maincontainer">
<div id="topsection">
{% block topsection %}
<img src="/site_media/css/media/logo.gif" alt="NTUH CyberKnife" height="70" width="100%"/>
<div class="col-md-10 innertube">
<div align="right">
{% if user.is_authenticated %}
{{ user.username }} <a href=/accounts/logout/>登出</a>
{% else %}
<a href=/accounts/login/>登入</a>
{% endif %}
</div>
</div>
{% endblock %}
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<!--div class="innertube"><b>Content Column: <em>Fluid</em></b> <script type="text/javascript">filltext(45)</script></div-->
{% block pre_content %}{% endblock %}
{% block content %}{% endblock %}
</div>
</div>
<div id="leftcolumn">
<!--div class="innertube"><b>Left Column: <em>20%</em></b> <script type="text/javascript">filltext(20)</script></div-->
<!-- <div class="arrowlistmenu"> -->
<div class="urbangreymenu">
{% block menu %}
{% endblock %}
<h3 class="headerbar">NTUHCK</h3>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/admin/" target="_blank">管理</a></li>
<!-- <li><a href="http://intra.mc.ntu.edu.tw/Adm/kf/9899orthtb.xls" target="_blank">事前審查案件</a></li> -->
<li><a href="/pre-case/">事前審查</a></li>
</ul>
<h3 class="headerbar">Event</h3>
<ul>
<li><a href="/calendar/">Calendar</a></li>
<!-- <li><a href="/wdCalendar/">wdCalendar</a></li> -->
<!-- <li><a href="/calendar/followup/">Followup Calendar</a></li> -->
<li><a href="/record/weekly/" target="_blank">每週病人數紀錄</a></li>
<li><a href="/timetable/scheduling/" target="_blank">排程時間表</a></li>
</ul>
<h3 class="headerbar">Patient</h3>
<ul>
<li><a href="/patient/list/">List</a></li>
<li><a href="/patient/search/">Search</a></li>
<li><a href="/followup/newimages/">New images</a></li>
<li><a href="/followup/nosee/">Long time no see</a></li>
<li><a href="/followup/image_long/">Long image follow-up</a></li>
</ul>
<h3 class="headerbar">Treatment</h3>
<ul>
<li><a href="{% url 'treatment-list' %}">List</a></li>
<li><a href="/treatment/finished/">Finished</a></li>
<li><a href="/treatment/unfinished/">Unfinished</a></li>
<li><a href="/treatment/no-icd/">No ICD</a></li>
</ul>
<h3 class="headerbar">Calculator</h3>
<ul>
<li><a href="/calculator/prescription/">Prescription dose</a></li>
<li><a href="/calculator/ci/">CI/nCI</a></li>
</ul>
</div>
{% block leftcolumn %}{% endblock %}
</div>
<div id="footer">
{% block footer %}
{% endblock %}
</div>
</div>
<script type="text/javascript" src="/site_media/js/jquery.lazyload-ad-1.4.min.js"></script>
<script type="text/javascript">
// -- Load Lazy Advertisement placement as deferred
$(document).ready(function() {
$("div.lazyload_ad").lazyLoadAd() ;
}) ;
</script>
</body>
</html>
{% endwith %}