You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
219 lines
23 KiB
219 lines
23 KiB
<!DOCTYPE html> |
|
<html class="writer-html5" lang="en" > |
|
<head> |
|
<meta charset="utf-8" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
<title>TermTk.TTkWidgets.graph — pyTermTk 0.36.0-a |
|
documentation</title> |
|
<link rel="stylesheet" href="../../../_static/pygments.css" type="text/css" /> |
|
<link rel="stylesheet" href="../../../_static/css/theme.css" type="text/css" /> |
|
<link rel="stylesheet" href="../../../_static/theme_overrides.css" type="text/css" /> |
|
<link rel="stylesheet" href="../../../_static/ttk.css" type="text/css" /> |
|
<link rel="shortcut icon" href="https://ceccopierangiolieugenio.github.io/pyTermTk/sandbox/www/favicon.ico"/> |
|
<!--[if lt IE 9]> |
|
<script src="../../../_static/js/html5shiv.min.js"></script> |
|
<![endif]--> |
|
|
|
<script data-url_root="../../../" id="documentation_options" src="../../../_static/documentation_options.js"></script> |
|
<script src="../../../_static/jquery.js"></script> |
|
<script src="../../../_static/underscore.js"></script> |
|
<script src="../../../_static/_sphinx_javascript_frameworks_compat.js"></script> |
|
<script src="../../../_static/doctools.js"></script> |
|
<script src="../../../_static/js/theme.js"></script> |
|
<link rel="index" title="Index" href="../../../genindex.html" /> |
|
<link rel="search" title="Search" href="../../../search.html" /> |
|
</head> |
|
|
|
<body class="wy-body-for-nav"> |
|
<div class="wy-grid-for-nav"> |
|
<nav data-toggle="wy-nav-shift" class="wy-nav-side"> |
|
<div class="wy-side-scroll"> |
|
<div class="wy-side-nav-search" > |
|
<a href="../../../index.html" class="icon icon-home"> pyTermTk |
|
</a> |
|
<div role="search"> |
|
<form id="rtd-search-form" class="wy-form" action="../../../search.html" method="get"> |
|
<input type="text" name="q" placeholder="Search docs" /> |
|
<input type="hidden" name="check_keywords" value="yes" /> |
|
<input type="hidden" name="area" value="default" /> |
|
</form> |
|
</div> |
|
</div><div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="Navigation menu"> |
|
<p class="caption" role="heading"><span class="caption-text">Tutorials</span></p> |
|
<ul> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../tutorial/000-examples.html">pyTermTk - < <strong>the Examples</strong> ></a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../tutorial/001-helloworld.html">pyTermTk - Hello World</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../tutorial/002-layout.html">pyTermTk - Layouts</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../tutorial/003-signalslots.html">pyTermTk - Signal & Slots</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../tutorial/004-logging.html">pyTermTk - Logging</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../tutorial/005-calculator.html">pyTermTk - Your first Calculator</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../tutorial/ttkDesigner/textEdit/README.html">ttkDesigner - Your first TextEditor</a></li> |
|
</ul> |
|
<p class="caption" role="heading"><span class="caption-text">Stuff</span></p> |
|
<ul> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../info/features/index.html">Features</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../info/features/crosscompatible.html">Cross Compatibility</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../info/installing.html">Installation</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../info/installing.html#quickstart">Quickstart</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../info/debug.html">Debug</a></li> |
|
</ul> |
|
<p class="caption" role="heading"><span class="caption-text">API Reference</span></p> |
|
<ul> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkAbstract.html">TermTk.TTkAbstract</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkCore.html">TermTk.TTkCore</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkCore.TTkTerm.html">TermTk.TTkCore.TTkTerm</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkGui.html">TermTk.TTkGui</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkLayouts.html">TermTk.TTkLayouts</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkTemplates.html">TermTk.TTkTemplates</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkTestWidgets.html">TermTk.TTkTestWidgets</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkTheme.html">TermTk.TTkTheme</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkTypes.html">TermTk.TTkTypes</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkUiTools.html">TermTk.TTkUiTools</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkWidgets.html">TermTk.TTkWidgets</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkWidgets.TTkModelView.html">TermTk.TTkWidgets.TTkModelView</a></li> |
|
<li class="toctree-l1"><a class="reference internal" href="../../../autogen.TermTk/TermTk.TTkWidgets.TTkPickers.html">TermTk.TTkWidgets.TTkPickers</a></li> |
|
</ul> |
|
|
|
</div> |
|
</div> |
|
</nav> |
|
|
|
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap"><nav class="wy-nav-top" aria-label="Mobile navigation menu" > |
|
<i data-toggle="wy-nav-top" class="fa fa-bars"></i> |
|
<a href="../../../index.html">pyTermTk</a> |
|
</nav> |
|
|
|
<div class="wy-nav-content"> |
|
<div class="rst-content"> |
|
<div role="navigation" aria-label="Page navigation"> |
|
<ul class="wy-breadcrumbs"> |
|
<li><a href="../../../index.html" class="icon icon-home"></a> »</li> |
|
<li><a href="../../index.html">Module code</a> »</li> |
|
<li>TermTk.TTkWidgets.graph</li> |
|
<li class="wy-breadcrumbs-aside"> |
|
</li> |
|
</ul> |
|
<hr/> |
|
</div> |
|
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article"> |
|
<div itemprop="articleBody"> |
|
|
|
<h1>Source code for TermTk.TTkWidgets.graph</h1><div class="highlight"><pre> |
|
<span></span><span class="c1"># MIT License</span> |
|
<span class="c1">#</span> |
|
<span class="c1"># Copyright (c) 2021 Eugenio Parodi <ceccopierangiolieugenio AT googlemail DOT com></span> |
|
<span class="c1">#</span> |
|
<span class="c1"># Permission is hereby granted, free of charge, to any person obtaining a copy</span> |
|
<span class="c1"># of this software and associated documentation files (the "Software"), to deal</span> |
|
<span class="c1"># in the Software without restriction, including without limitation the rights</span> |
|
<span class="c1"># to use, copy, modify, merge, publish, distribute, sublicense, and/or sell</span> |
|
<span class="c1"># copies of the Software, and to permit persons to whom the Software is</span> |
|
<span class="c1"># furnished to do so, subject to the following conditions:</span> |
|
<span class="c1">#</span> |
|
<span class="c1"># The above copyright notice and this permission notice shall be included in all</span> |
|
<span class="c1"># copies or substantial portions of the Software.</span> |
|
<span class="c1">#</span> |
|
<span class="c1"># THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR</span> |
|
<span class="c1"># IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,</span> |
|
<span class="c1"># FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE</span> |
|
<span class="c1"># AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER</span> |
|
<span class="c1"># LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,</span> |
|
<span class="c1"># OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE</span> |
|
<span class="c1"># SOFTWARE.</span> |
|
|
|
<span class="n">__all__</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'TTkGraph'</span><span class="p">]</span> |
|
|
|
<span class="c1"># inspired by:</span> |
|
<span class="c1"># https://grafana.com/docs/grafana/latest/panels/visualizations/graph-panel/</span> |
|
<span class="c1"># And of course:</span> |
|
<span class="c1"># https://github.com/aristocratos/bpytop</span> |
|
|
|
<span class="kn">from</span> <span class="nn">TermTk.TTkCore.cfg</span> <span class="kn">import</span> <span class="n">TTkCfg</span> |
|
<span class="kn">from</span> <span class="nn">TermTk.TTkCore.color</span> <span class="kn">import</span> <span class="n">TTkColor</span> |
|
<span class="kn">from</span> <span class="nn">TermTk.TTkCore.constant</span> <span class="kn">import</span> <span class="n">TTkK</span> |
|
<span class="kn">from</span> <span class="nn">TermTk.TTkWidgets.widget</span> <span class="kn">import</span> <span class="n">TTkWidget</span> |
|
|
|
<div class="viewcode-block" id="TTkGraph"><a class="viewcode-back" href="../../../autogen.TermTk/TermTk.TTkWidgets.graph.html#TermTk.TTkWidgets.graph.TTkGraph">[docs]</a><span class="k">class</span> <span class="nc">TTkGraph</span><span class="p">(</span><span class="n">TTkWidget</span><span class="p">):</span> |
|
<span class="vm">__slots__</span> <span class="o">=</span> <span class="p">(</span><span class="s1">'_data'</span><span class="p">,</span> <span class="s1">'_maxData'</span><span class="p">,</span> <span class="s1">'_offset'</span><span class="p">,</span> <span class="s1">'_direction'</span><span class="p">,</span> <span class="s1">'_align'</span><span class="p">,</span> <span class="s1">'_color'</span><span class="p">)</span> |
|
<span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">):</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">_data</span> <span class="o">=</span> <span class="p">[[</span><span class="mi">0</span><span class="p">]]</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">_offset</span> <span class="o">=</span> <span class="mi">0</span> |
|
<span class="nb">super</span><span class="p">()</span><span class="o">.</span><span class="fm">__init__</span><span class="p">(</span><span class="o">*</span><span class="n">args</span><span class="p">,</span> <span class="o">**</span><span class="n">kwargs</span><span class="p">)</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">_color</span> <span class="o">=</span> <span class="n">kwargs</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">'color'</span><span class="p">,</span> <span class="n">TTkColor</span><span class="o">.</span><span class="n">RST</span> <span class="p">)</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">_maxData</span> <span class="o">=</span> <span class="n">kwargs</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">'maxData'</span><span class="p">,</span> <span class="mh">0x1000</span><span class="p">)</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">_direction</span> <span class="o">=</span> <span class="n">kwargs</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">'direction'</span><span class="p">,</span> <span class="n">TTkK</span><span class="o">.</span><span class="n">RIGHT</span><span class="p">)</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">_align</span> <span class="o">=</span> <span class="n">kwargs</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">'align'</span><span class="p">,</span> <span class="n">TTkK</span><span class="o">.</span><span class="n">CENTER</span><span class="p">)</span> |
|
|
|
<span class="k">def</span> <span class="nf">color</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span> |
|
<span class="k">return</span> <span class="bp">self</span><span class="o">.</span><span class="n">_color</span> |
|
|
|
<span class="k">def</span> <span class="nf">setColor</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">color</span><span class="p">):</span> |
|
<span class="k">if</span> <span class="bp">self</span><span class="o">.</span><span class="n">_color</span> <span class="o">!=</span> <span class="n">color</span><span class="p">:</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">_color</span> <span class="o">=</span> <span class="n">color</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">update</span><span class="p">()</span> |
|
|
|
<span class="k">def</span> <span class="nf">addValue</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">values</span><span class="p">):</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">_data</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">values</span><span class="p">)</span> |
|
<span class="bp">self</span><span class="o">.</span><span class="n">update</span><span class="p">()</span> |
|
|
|
<div class="viewcode-block" id="TTkGraph.paintEvent"><a class="viewcode-back" href="../../../autogen.TermTk/TermTk.TTkWidgets.graph.html#TermTk.TTkWidgets.graph.TTkGraph.paintEvent">[docs]</a> <span class="k">def</span> <span class="nf">paintEvent</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="n">canvas</span><span class="p">):</span> |
|
<span class="k">if</span> <span class="ow">not</span> <span class="bp">self</span><span class="o">.</span><span class="n">_data</span><span class="p">:</span> <span class="k">return</span> |
|
<span class="n">w</span><span class="p">,</span><span class="n">h</span> <span class="o">=</span> <span class="bp">self</span><span class="o">.</span><span class="n">size</span><span class="p">()</span> |
|
<span class="n">x</span><span class="o">=</span><span class="mi">0</span> |
|
<span class="k">if</span> <span class="bp">self</span><span class="o">.</span><span class="n">_align</span> <span class="o">==</span> <span class="n">TTkK</span><span class="o">.</span><span class="n">CENTER</span><span class="p">:</span> |
|
<span class="n">y</span> <span class="o">=</span> <span class="n">h</span><span class="o">//</span><span class="mi">2</span> |
|
<span class="k">elif</span> <span class="bp">self</span><span class="o">.</span><span class="n">_align</span> <span class="o">==</span> <span class="n">TTkK</span><span class="o">.</span><span class="n">TOP</span><span class="p">:</span> |
|
<span class="n">y</span> <span class="o">=</span> <span class="mi">0</span> |
|
<span class="k">else</span><span class="p">:</span> |
|
<span class="n">y</span> <span class="o">=</span> <span class="n">h</span> |
|
<span class="n">v1</span><span class="p">,</span><span class="n">v2</span> <span class="o">=</span> <span class="p">[</span><span class="mi">0</span><span class="p">],[</span><span class="mi">0</span><span class="p">]</span> |
|
<span class="n">i</span><span class="o">=</span><span class="mi">0</span> |
|
<span class="n">data</span> <span class="o">=</span> <span class="bp">self</span><span class="o">.</span><span class="n">_data</span><span class="p">[</span><span class="o">-</span><span class="n">w</span><span class="o">*</span><span class="mi">2</span><span class="p">:]</span> |
|
<span class="c1"># TTkLog.debug(data)</span> |
|
<span class="c1"># TODO: use deep unpacking technique to grab couples of values</span> |
|
<span class="c1"># https://mathspp.com/blog/pydonts/enumerate-me#deep-unpacking</span> |
|
<span class="n">mv</span> <span class="o">=</span> <span class="nb">max</span><span class="p">(</span><span class="nb">max</span><span class="p">(</span><span class="nb">map</span><span class="p">(</span><span class="nb">max</span><span class="p">,</span><span class="n">data</span><span class="p">)),</span><span class="o">-</span><span class="nb">min</span><span class="p">(</span><span class="nb">map</span><span class="p">(</span><span class="nb">min</span><span class="p">,</span><span class="n">data</span><span class="p">)))</span> |
|
<span class="n">zoom</span> <span class="o">=</span> <span class="mi">2</span><span class="o">*</span><span class="n">h</span><span class="o">/</span><span class="n">mv</span> <span class="k">if</span> <span class="n">mv</span><span class="o">></span><span class="mi">0</span> <span class="k">else</span> <span class="mf">1.0</span> |
|
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">data</span><span class="p">)):</span> |
|
<span class="n">v2</span> <span class="o">=</span> <span class="n">v1</span> |
|
<span class="n">v1</span> <span class="o">=</span> <span class="n">data</span><span class="p">[</span><span class="n">i</span><span class="p">]</span> |
|
<span class="k">if</span> <span class="n">i</span><span class="o">%</span><span class="mi">2</span><span class="o">==</span><span class="mi">0</span><span class="p">:</span> |
|
<span class="k">if</span> <span class="bp">self</span><span class="o">.</span><span class="n">_direction</span> <span class="o">==</span> <span class="n">TTkK</span><span class="o">.</span><span class="n">RIGHT</span><span class="p">:</span> |
|
<span class="n">canvas</span><span class="o">.</span><span class="n">drawHChart</span><span class="p">(</span><span class="n">pos</span><span class="o">=</span><span class="p">(</span><span class="n">x</span><span class="o">+</span><span class="n">i</span><span class="o">//</span><span class="mi">2</span><span class="p">,</span><span class="n">y</span><span class="p">),</span><span class="n">values</span><span class="o">=</span><span class="p">(</span><span class="n">v2</span><span class="p">,</span><span class="n">v1</span><span class="p">),</span> <span class="n">zoom</span><span class="o">=</span><span class="n">zoom</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">_color</span><span class="o">.</span><span class="n">modParam</span><span class="p">(</span><span class="n">val</span><span class="o">=-</span><span class="n">y</span><span class="p">))</span> |
|
<span class="k">else</span><span class="p">:</span> |
|
<span class="n">canvas</span><span class="o">.</span><span class="n">drawHChart</span><span class="p">(</span><span class="n">pos</span><span class="o">=</span><span class="p">(</span><span class="n">w</span><span class="o">-</span><span class="p">(</span><span class="n">x</span><span class="o">+</span><span class="n">i</span><span class="o">//</span><span class="mi">2</span><span class="p">),</span><span class="n">y</span><span class="p">),</span><span class="n">values</span><span class="o">=</span><span class="p">(</span><span class="n">v1</span><span class="p">,</span><span class="n">v2</span><span class="p">),</span> <span class="n">zoom</span><span class="o">=</span><span class="n">zoom</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">_color</span><span class="o">.</span><span class="n">modParam</span><span class="p">(</span><span class="n">val</span><span class="o">=-</span><span class="n">y</span><span class="p">))</span> |
|
<span class="k">if</span> <span class="n">i</span><span class="o">%</span><span class="mi">2</span><span class="o">==</span><span class="mi">1</span><span class="p">:</span> |
|
<span class="k">if</span> <span class="bp">self</span><span class="o">.</span><span class="n">_direction</span> <span class="o">==</span> <span class="n">TTkK</span><span class="o">.</span><span class="n">RIGHT</span><span class="p">:</span> |
|
<span class="n">canvas</span><span class="o">.</span><span class="n">drawHChart</span><span class="p">(</span><span class="n">pos</span><span class="o">=</span><span class="p">(</span><span class="n">x</span><span class="o">+</span><span class="n">i</span><span class="o">//</span><span class="mi">2</span><span class="o">+</span><span class="mi">1</span><span class="p">,</span><span class="n">y</span><span class="p">),</span><span class="n">values</span><span class="o">=</span><span class="p">(</span><span class="n">v1</span><span class="p">,</span><span class="n">v1</span><span class="p">),</span> <span class="n">zoom</span><span class="o">=</span><span class="n">zoom</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">_color</span><span class="o">.</span><span class="n">modParam</span><span class="p">(</span><span class="n">val</span><span class="o">=-</span><span class="n">y</span><span class="p">))</span> |
|
<span class="k">else</span><span class="p">:</span> |
|
<span class="n">canvas</span><span class="o">.</span><span class="n">drawHChart</span><span class="p">(</span><span class="n">pos</span><span class="o">=</span><span class="p">(</span><span class="n">w</span><span class="o">-</span><span class="p">(</span><span class="n">x</span><span class="o">+</span><span class="n">i</span><span class="o">//</span><span class="mi">2</span><span class="o">+</span><span class="mi">1</span><span class="p">),</span><span class="n">y</span><span class="p">),</span><span class="n">values</span><span class="o">=</span><span class="p">(</span><span class="n">v1</span><span class="p">,</span><span class="n">v1</span><span class="p">),</span> <span class="n">zoom</span><span class="o">=</span><span class="n">zoom</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="bp">self</span><span class="o">.</span><span class="n">_color</span><span class="o">.</span><span class="n">modParam</span><span class="p">(</span><span class="n">val</span><span class="o">=-</span><span class="n">y</span><span class="p">))</span></div></div> |
|
</pre></div> |
|
|
|
</div> |
|
</div> |
|
<footer> |
|
|
|
<hr/> |
|
|
|
<div role="contentinfo"> |
|
<p>© Copyright 2021, Eugenio Parodi.</p> |
|
</div> |
|
|
|
Built with <a href="https://www.sphinx-doc.org/">Sphinx</a> using a |
|
<a href="https://github.com/readthedocs/sphinx_rtd_theme">theme</a> |
|
provided by <a href="https://readthedocs.org">Read the Docs</a>. |
|
|
|
|
|
</footer> |
|
</div> |
|
</div> |
|
</section> |
|
</div> |
|
<script> |
|
jQuery(function () { |
|
SphinxRtdTheme.Navigation.enable(true); |
|
}); |
|
</script> |
|
|
|
</body> |
|
</html> |