Initial commit
This commit is contained in:
Stephan Porada
96
app/ngram_viewer/templates/ngram_viewer/ngram_viewer_speaker.html
Executable file
96
app/ngram_viewer/templates/ngram_viewer/ngram_viewer_speaker.html
Executable file
@ -0,0 +1,96 @@
|
||||
{% extends "blog/base.html" %}
|
||||
|
||||
{% block nav-tabs %}
|
||||
<div class="nav-content">
|
||||
<ul class="tabs tabs-transparent">
|
||||
<li class="tab"><a target="_self" href="{% url "ngram-viewer-jahr" %}">Pro Jahr</a></li>
|
||||
<li class="tab"><a target="_self" class="active" href="{% url "ngram-viewer-sprecher" %}">Pro MdB</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock nav-tabs %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<div class="col s12 m12 l4">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<span class="card-title center-align">Suchoptionen</span>
|
||||
<div class="row">
|
||||
<form method="GET" class="col s12">
|
||||
{% csrf_token %}
|
||||
{% if errors %}
|
||||
|
||||
<p class="red-text text-darken-2">Es kann nur jeweils ein Ngramm gesucht werden.</p>
|
||||
|
||||
{% endif %}
|
||||
<div class="input-field col s12">
|
||||
<i class="material-icons prefix">search</i>
|
||||
<input id="id_query" type="text" name="{{form.query.html_name}}" class="autocomplete materialize-textarea validate" {% if form.query.value != None %}value = "{{form.query.value}}" {% else %}value = "Ausländer" {% endif %}}>
|
||||
<label for="id_query">{{form.query.label}}</label>
|
||||
<button class="btn waves-effect waves-light right light-green darken-3" type="submit" name="ngram-search">Suche
|
||||
<i class="material-icons right">send</i>
|
||||
</button>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
Corpus:{{form.corpus_choice}}
|
||||
<div class="section">
|
||||
<div class="switch section ">
|
||||
<span>Case-sensitive Suche:</span>
|
||||
<div style="float: right;">
|
||||
Aus
|
||||
<label>
|
||||
<input type="checkbox" name="{{form.case_sensitive.html_name}}" class="filled-in" {% if form.case_sensitive.value == True %}checked = "checked" {% endif %} />
|
||||
<span class="lever"></span>
|
||||
</label>
|
||||
Ein
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="switch section">
|
||||
<span>Erweiterter Suchsyntax: <a class="tooltipped" data-position="bottom" data-tooltip="Ist diese Option aktiviert, kann die PostgreSQL interne regex-Syntax für die einzelnen Suchanfragen verwendet werden. Allerdings kann diese nur an Wortenden ('Asyl\w*') verwendet werden. Wörter können am Wortende mit '__' ('Krieg__') quasi escaped werden, so dass diese nicht als regulärer Ausdruck interpretiert werden."><i
|
||||
class="material-icons tiny blue-grey-text darken-4">info_outline</i></a></span>
|
||||
<div style="float: right;">
|
||||
Aus
|
||||
<label>
|
||||
<input type="checkbox" name="{{form.search_plus.html_name}}" class="filled-in" {% if form.search_plus.value == True %}checked = "checked" {% endif %} />
|
||||
<span class="lever"></span>
|
||||
</label>
|
||||
Ein
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="section">
|
||||
<div class="input-field col s12">
|
||||
<i class="material-icons prefix">filter_9_plus</i>
|
||||
<input id="id_query" type="text" name="{{form.range.html_name}}" class="autocomplete materialize-textarea validate" {% if form.range.value != None %}value = "{{form.range.value}}" {% else %}value = "10" {% endif %}}>
|
||||
<label for="id_range">{{form.range.label}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="collapsible">
|
||||
<li>
|
||||
<div class="collapsible-header"><i class="material-icons blue-grey-text darken-4">info_outline</i>Hilfe und Hinweise</div>
|
||||
<div class="collapsible-body white">
|
||||
<h6>Muster der Suchanfrage<h6>
|
||||
<p></p>
|
||||
<h6>Suchgeschwindigkeit<h6>
|
||||
<p></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col s12 m12 l8">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<span class="card-title">Graph</span>
|
||||
{{ bar_chart.as_html }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
96
app/ngram_viewer/templates/ngram_viewer/ngram_viewer_year.html
Executable file
96
app/ngram_viewer/templates/ngram_viewer/ngram_viewer_year.html
Executable file
@ -0,0 +1,96 @@
|
||||
{% extends "blog/base.html" %}
|
||||
|
||||
{% block nav-tabs %}
|
||||
<div class="nav-content">
|
||||
<ul class="tabs tabs-transparent">
|
||||
<li class="tab"><a target="_self" class="active" href="{% url "ngram-viewer-jahr" %}">Pro Jahr</a></li>
|
||||
<li class="tab"><a target="_self" href="{% url "ngram-viewer-sprecher" %}">Pro MdB</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock nav-tabs %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<div class="col s12 m12 l4">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<span class="card-title center-align">Suchoptionen</span>
|
||||
<div class="row">
|
||||
<form method="GET" class="col s12">
|
||||
{% csrf_token %}
|
||||
<div class="input-field col s12">
|
||||
<i class="material-icons prefix">search</i>
|
||||
<input id="id_query" type="text" name="{{form.query.html_name}}" class="autocomplete materialize-textarea validate" {% if form.query.value != None %}value = "{{form.query.value}}" {% else %}value = "Kroatien, Krieg, Asyl" {% endif %}}>
|
||||
<label for="id_query">{{form.query.label}}</label>
|
||||
<button class="btn waves-effect waves-light right light-green darken-3" type="submit" name="ngram-search">Suche
|
||||
<i class="material-icons right">send</i>
|
||||
</button>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
Corpus:{{form.corpus_choice}}
|
||||
<div class="section">
|
||||
<div class="switch section ">
|
||||
<span>Case-sensitive Suche:</span>
|
||||
<div style="float: right;">
|
||||
Aus
|
||||
<label>
|
||||
<input type="checkbox" name="{{form.case_sensitive.html_name}}" class="filled-in" {% if form.case_sensitive.value == True %}checked = "checked" {% endif %} />
|
||||
<span class="lever"></span>
|
||||
</label>
|
||||
Ein
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="switch section">
|
||||
<span>Erweiterter Suchsyntax: <a class="tooltipped" data-position="bottom" data-tooltip="Ist diese Option aktiviert, kann die PostgreSQL interne regex-Syntax für die einzelnen Suchanfragen verwendet werden. Allerdings kann diese nur an Wortenden ('Asyl\w*') verwendet werden. Wörter können am Wortende mit '__' ('Krieg__') quasi escaped werden, so dass diese nicht als regulärer Ausdruck interpretiert werden."><i
|
||||
class="material-icons tiny blue-grey-text darken-4">info_outline</i></a></span>
|
||||
<div style="float: right;">
|
||||
Aus
|
||||
<label>
|
||||
<input type="checkbox" name="{{form.search_plus.html_name}}" class="filled-in" {% if form.search_plus.value == True %}checked = "checked" {% endif %} />
|
||||
<span class="lever"></span>
|
||||
</label>
|
||||
Ein
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="switch section">
|
||||
<span>Fehlende Daten ignorieren: <a class="tooltipped" data-position="bottom" data-tooltip="Ist diese Option aus, werden Jahre, die das gesuchte Ngramm nicht enthalten mit Nullwerten auf gefüllt. Wird diese Option aktiviert, werden Jahre, die das gesuchte Ngramm nicht enthalten ignoriert."><i
|
||||
class="material-icons tiny blue-grey-text darken-4">info_outline</i></a></span>
|
||||
<div style="float: right;">
|
||||
Aus
|
||||
<label>
|
||||
<input type="checkbox" name="{{form.ignore_missing.html_name}}" class="filled-in" {% if form.ignore_missing.value == True %}checked="checked" {% endif %} />
|
||||
<span class="lever"></span>
|
||||
</label>
|
||||
Ein
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="collapsible">
|
||||
<li>
|
||||
<div class="collapsible-header"><i class="material-icons blue-grey-text darken-4">info_outline</i>Hilfe und Hinweise</div>
|
||||
<div class="collapsible-body white">
|
||||
<h6>Muster der Suchanfrage<h6>
|
||||
<p></p>
|
||||
<h6>Suchgeschwindigkeit<h6>
|
||||
<p></p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col s12 m12 l8">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<span class="card-title">Graph</span>
|
||||
{{ line_chart.as_html}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
Reference in New Issue
Block a user