##// END OF EJS Templates
outputarea.js: Wrap inline SVGs inside an iframe...
outputarea.js: Wrap inline SVGs inside an iframe When multiple inline SVGs are included in a single document, they share the same parse tree. Therefore, style collisions and use id collisions can occur and upset the rendering. This patch wraps each SVG inside an individual iframe, ensuring that SVG's declarations do not collide. (The SVG representation is kept as XML and not converted to a binary format, so I do not think this approach precludes the use of d3.js) Tested on: * Chrome Version 29.0.1547.57 Debian 7.1 (217859) * Mozilla/5.0 (X11; Linux x86_64; rv:17.0) Gecko/20130806 Firefox/17.0 Iceweasel/17.0.8 Closes #1866

File last commit:

r13062:c4498bf4
r13408:333abbe5
Show More
tree.html
91 lines | 3.3 KiB | text/html | HtmlLexer
{% extends "page.html" %}
{% block title %}IPython Dashboard{% endblock %}
{% block stylesheet %}
{{super()}}
<link rel="stylesheet" href="{{ static_url("tree/css/override.css") }}" type="text/css" />
{% endblock %}
{% block params %}
data-project="{{project}}"
data-base-project-url="{{base_project_url}}"
data-notebook-path="{{notebook_path}}"
data-base-kernel-url="{{base_kernel_url}}"
{% endblock %}
{% block site %}
<div id="ipython-main-app" class="container">
<div id="tabs" class="tabbable">
<ul class="nav nav-tabs" id="tabs">
<li class="active"><a href="#notebooks" data-toggle="tab">Notebooks</a></li>
<li><a href="#clusters" data-toggle="tab">Clusters</a></li>
</ul>
<div class="tab-content">
<div id="notebooks" class="tab-pane active">
<div id="notebook_toolbar">
<form id='alternate_upload' class='alternate_upload' >
<span id="drag_info" style="position:absolute" >
To import a notebook, drag the file onto the listing below or <strong>click here</strong>.
</span>
<input type="file" name="datafile" class="fileinput" multiple='multiple'>
</form>
<span id="notebook_buttons">
<button id="refresh_notebook_list" title="Refresh notebook list" class="btn btn-small">Refresh</button>
<button id="new_notebook" title="Create new notebook" class="btn btn-small">New Notebook</button>
</span>
</div>
<div id="notebook_list">
<div id="notebook_list_header" class="row-fluid list_header">
<div id="project_name">
<ul class="breadcrumb">
{% for component in tree_url_path.strip('/').split('/') %}
<li>{{component}} <span>/</span></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
<div id="clusters" class="tab-pane">
<div id="cluster_toolbar">
<span id="cluster_list_info">IPython parallel computing clusters</span>
<span id="cluster_buttons">
<button id="refresh_cluster_list" title="Refresh cluster list" class="btn btn-small">Refresh</button>
</span>
</div>
<div id="cluster_list">
<div id="cluster_list_header" class="row-fluid list_header">
<span class="profile_col span4">profile</span>
<span class="status_col span3">status</span>
<span class="engines_col span3" title="Enter the number of engines to start or empty for default"># of engines</span>
<span class="action_col span2">action</span>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block script %}
{{super()}}
<script src="{{ static_url("base/js/utils.js") }}" type="text/javascript" charset="utf-8"></script>
<script src="{{static_url("base/js/dialog.js") }}" type="text/javascript" charset="utf-8"></script>
<script src="{{static_url("tree/js/notebooklist.js") }}" type="text/javascript" charset="utf-8"></script>
<script src="{{static_url("tree/js/clusterlist.js") }}" type="text/javascript" charset="utf-8"></script>
<script src="{{static_url("tree/js/main.js") }}" type="text/javascript" charset="utf-8"></script>
{% endblock %}