|
|
@ -77,89 +77,142 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="options" class="box is-hidden">
|
|
|
|
<div id="options" class="columns is-hidden">
|
|
|
|
<div class="columns is-multiline">
|
|
|
|
<div class="column">
|
|
|
|
<div class="column is-narrow">
|
|
|
|
<div class="field has-addons">
|
|
|
|
<div class="field has-addons">
|
|
|
|
<div class="control has-icons-left">
|
|
|
|
<div class="control has-icons-left">
|
|
|
|
<span class="select">
|
|
|
|
<span class="select">
|
|
|
|
<select name="size">
|
|
|
|
<select name="size">
|
|
|
|
{% for size in sizes %}
|
|
|
|
{% for size in sizes %}
|
|
|
|
<option value="{{ size }}">{{ size }}</option>
|
|
|
|
<option value="{{ size }}">{{ size }}</option>
|
|
|
|
{% endfor %}
|
|
|
|
{% endfor %}
|
|
|
|
</select>
|
|
|
|
</select>
|
|
|
|
<span class="icon is-small is-left">
|
|
|
|
<span class="icon is-small is-left">
|
|
|
|
<i class="fas fa-magnifying-glass"></i>
|
|
|
|
<i class="fas fa-magnifying-glass"></i>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<p class="control">
|
|
|
|
|
|
|
|
<a class="button is-static">
|
|
|
|
|
|
|
|
results
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="column">
|
|
|
|
|
|
|
|
<div class="field has-addons">
|
|
|
|
|
|
|
|
<div class="control has-icons-left">
|
|
|
|
|
|
|
|
<span class="select">
|
|
|
|
|
|
|
|
<select id="source" name="source">
|
|
|
|
|
|
|
|
<option selected value="all">All</option>
|
|
|
|
|
|
|
|
<option value="irc">IRC</option>
|
|
|
|
|
|
|
|
<option value="dis">Discord</option>
|
|
|
|
|
|
|
|
</select>
|
|
|
|
|
|
|
|
<span class="icon is-small is-left">
|
|
|
|
|
|
|
|
<i class="fas fa-magnifying-glass"></i>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<p class="control">
|
|
|
|
|
|
|
|
<a class="button is-static">
|
|
|
|
|
|
|
|
results
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p class="control">
|
|
|
|
|
|
|
|
<a class="button is-static">
|
|
|
|
|
|
|
|
source
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="column is-narrow">
|
|
|
|
<div class="column">
|
|
|
|
|
|
|
|
<div id="sentiment">
|
|
|
|
|
|
|
|
<div class="field has-addons">
|
|
|
|
<div class="field has-addons">
|
|
|
|
<div class="control">
|
|
|
|
<div class="control has-icons-left">
|
|
|
|
<input disabled="undefined" name="sentiment" id="sliderWithValue" class="slider has-output-tooltip is-fullwidth" min="-1" max="1" value="0" step="0.05" type="range">
|
|
|
|
<span class="select">
|
|
|
|
<output for="sliderWithValue" class="slider-output">0</output>
|
|
|
|
<select id="source" name="source">
|
|
|
|
<script>bulmaSlider.attach();</script>
|
|
|
|
<option selected value="all">All</option>
|
|
|
|
|
|
|
|
<option value="irc">IRC</option>
|
|
|
|
|
|
|
|
<option value="dis">Discord</option>
|
|
|
|
|
|
|
|
</select>
|
|
|
|
|
|
|
|
<span class="icon is-small is-left">
|
|
|
|
|
|
|
|
<i class="fas fa-magnifying-glass"></i>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p class="control">
|
|
|
|
<p class="control">
|
|
|
|
<a class="button is-static">
|
|
|
|
<a class="button is-static">
|
|
|
|
sentiment
|
|
|
|
source
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="control">
|
|
|
|
</div>
|
|
|
|
<label class="radio">
|
|
|
|
<div class="column is-narrow">
|
|
|
|
<input type="radio" value="below" name="sentiment-method">
|
|
|
|
<div id="sentiment">
|
|
|
|
Below
|
|
|
|
<div class="field has-addons">
|
|
|
|
</label>
|
|
|
|
<div class="control">
|
|
|
|
<label class="radio">
|
|
|
|
<input disabled="undefined" name="sentiment" id="sliderWithValue" class="slider has-output-tooltip is-fullwidth" min="-1" max="1" value="0" step="0.05" type="range">
|
|
|
|
<input type="radio" value="exact" name="sentiment-method">
|
|
|
|
<output for="sliderWithValue" class="slider-output">0</output>
|
|
|
|
Exact
|
|
|
|
<script>bulmaSlider.attach();</script>
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
<label class="radio">
|
|
|
|
<p class="control">
|
|
|
|
<input type="radio" value="above" name="sentiment-method">
|
|
|
|
<a class="button is-static">
|
|
|
|
Above
|
|
|
|
sentiment
|
|
|
|
</label>
|
|
|
|
</a>
|
|
|
|
<label class="radio">
|
|
|
|
</p>
|
|
|
|
<input type="radio" value="nonzero" name="sentiment-method">
|
|
|
|
</div>
|
|
|
|
Nonzero
|
|
|
|
<div class="control">
|
|
|
|
</label>
|
|
|
|
<label class="radio">
|
|
|
|
|
|
|
|
<input type="radio" value="below" name="sentiment-method">
|
|
|
|
|
|
|
|
Below
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="radio">
|
|
|
|
|
|
|
|
<input type="radio" value="exact" name="sentiment-method">
|
|
|
|
|
|
|
|
Exact
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="radio">
|
|
|
|
|
|
|
|
<input type="radio" value="above" name="sentiment-method">
|
|
|
|
|
|
|
|
Above
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="radio">
|
|
|
|
|
|
|
|
<input type="radio" value="nonzero" name="sentiment-method">
|
|
|
|
|
|
|
|
Nonzero
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<label class="checkbox">
|
|
|
|
|
|
|
|
<input type="checkbox" name="check-sentiment"
|
|
|
|
|
|
|
|
_="on click toggle @disabled on #sliderWithValue then toggle @disabled on #sentiment">
|
|
|
|
|
|
|
|
Check sentiment
|
|
|
|
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="column is-narrow">
|
|
|
|
|
|
|
|
<div id="date">
|
|
|
|
|
|
|
|
<div class="field">
|
|
|
|
|
|
|
|
<div class="control">
|
|
|
|
|
|
|
|
<input type="date" name="dates">
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
var options = {
|
|
|
|
|
|
|
|
"type": "datetime",
|
|
|
|
|
|
|
|
"isRange": true,
|
|
|
|
|
|
|
|
"color": "info",
|
|
|
|
|
|
|
|
"validateLabel": "Save",
|
|
|
|
|
|
|
|
"dateFormat": "yyyy-MM-dd",
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
// Initialize all input of type date
|
|
|
|
|
|
|
|
var calendars = bulmaCalendar.attach('[type="date"]', options);
|
|
|
|
|
|
|
|
|
|
|
|
<label class="checkbox">
|
|
|
|
// Loop on each calendar initialized
|
|
|
|
<input type="checkbox" name="check-sentiment"
|
|
|
|
for(var i = 0; i < calendars.length; i++) {
|
|
|
|
_="on click toggle @disabled on #sliderWithValue then toggle @disabled on #sentiment">
|
|
|
|
// Add listener to select event
|
|
|
|
Check sentiment
|
|
|
|
calendars[i].on('save', date => {
|
|
|
|
</label>
|
|
|
|
console.log(date);
|
|
|
|
|
|
|
|
htmx.trigger("#search", "click");
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// To access to bulmaCalendar instance of an element
|
|
|
|
|
|
|
|
var element = document.querySelector('#my-element');
|
|
|
|
|
|
|
|
if (element) {
|
|
|
|
|
|
|
|
// bulmaCalendar instance is available as element.bulmaCalendar
|
|
|
|
|
|
|
|
element.bulmaCalendar.on('select', function(datepicker) {
|
|
|
|
|
|
|
|
console.log(datepicker.data.value());
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="control">
|
|
|
|
|
|
|
|
<label class="radio">
|
|
|
|
|
|
|
|
<input type="radio" value="desc" name="sorting" checked>
|
|
|
|
|
|
|
|
Desc
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="radio">
|
|
|
|
|
|
|
|
<input type="radio" value="asc" name="sorting">
|
|
|
|
|
|
|
|
Asc
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
<label class="radio">
|
|
|
|
|
|
|
|
<input type="radio" value="none" name="sorting">
|
|
|
|
|
|
|
|
None
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="is-hidden"></div>
|
|
|
|
<div class="is-hidden"></div>
|
|
|
|