-
-
-
- Latest judged - documents
- -
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-
-
+
+ Latest judged + documents
+ +
+
+
+
+
+
+
+
+
+
-
-
-
+
+
-
+
-
+
-
-
- Loading...
-
-
-
-
-
-
-
- docno:
-
- {% if request.user.current_task.show_full_document_content and request.user.current_task.strategy != 'doc' %}
- Please wait...
--
-
-
-
- {% endif %}
-
-
+
+ Here you can view and export the set of documents you have judged for the current topic.
-{% endblock %}
-
-
{% block main %}
-
+
{% endblock %}
{% block extra_scripts %}
-{# #}
-{# #}
@@ -352,7 +309,7 @@
+
+
+
+
+
+
+
+ Loading...
+
+
+
+
+ +
+
+ {% if request.user.current_task.show_full_document_content and request.user.current_task.strategy != 'doc' %}
+ +
+
+
-
-
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+
+ Judge document
+Keyboard shortcuts
+ +
+
+
+ s
+
+
+ Mark as non-relevant
+
+
+
+
+
+ r
+
+
+ Mark as relevant
+
+
+
+
+
+ h
+
+
+ Mark as highly relevant
+
+
+ +
+
+ u
+
+
+ Show latest judged documents
+
+ Here you can view and export the set of documents you have judged for the current topic.
-{% endblock %}
-
-
{% block main %}
-
-
-
-
- Judged documents
-
-
-
-
-
- DocID
- Document Title
- Judgment
-
-
-
- {% for row in judgments %}
-
- {{ row.doc_id }}
- {{ row.doc_title }}
-
- {% if row.highlyRelevant %}
- Highly relevant
- {% elif row.relevant %}
- Relevant
- {% else %}
- Non-relevant
- {% endif %}
-
-
- {% endfor %}
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+ Judged documents
+
+
+
+
+
+ Docno
+ Document Title
+ Judgment
+
+
+
+ {% for row in judgments %}
+
+ {{ row.doc_id }}
+ {{ row.doc_title|truncatechars:100 }}
+
+ {% if row.highlyRelevant %}
+ Highly relevant
+ {% elif row.relevant %}
+ Relevant
+ {% else %}
+ Non-relevant
+ {% endif %}
+
+
+ {% endfor %}
+
+
+
+
+
+
-
-
-
-
-
- Please wait...
-
-
+
+
+
+
+
+
+
+
+
+
+
+ Please wait...
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
- Fetching document. Please wait...
-
-
-
-
-
-
-
-
+
+ Fetching document. Please wait...
+
+
+
+
+
-
+
+
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
{% endblock %}
diff --git a/HiCALWeb/hicalweb/progress/forms.py b/HiCALWeb/hicalweb/progress/forms.py
old mode 100644
new mode 100755
index 2483c32..c4f5fbf
--- a/HiCALWeb/hicalweb/progress/forms.py
+++ b/HiCALWeb/hicalweb/progress/forms.py
@@ -1,8 +1,8 @@
+from crispy_forms.bootstrap import StrictButton
from crispy_forms.helper import FormHelper
-from crispy_forms.layout import Submit
+from crispy_forms.layout import Submit, Layout, Column, Row
from django import forms
from django.db.models import Q
-
from hicalweb.progress.models import Task
from hicalweb.topic.models import Topic
@@ -18,13 +18,10 @@ class Meta:
model = Task
exclude = ["username", "setting", "timespent", "last_activity"]
help_texts = {
- 'max_number_of_judgments': 'Max number of judgments (effort) for this task. '
- 'Enter 0 or negative number to '
- 'disable (i.e. no max).',
- 'strategy': 'Choose the strategy of retrieval.',
- 'show_full_document_content': 'For paragraph strategies, '
- 'indicate whether you would like ability to view full '
- 'document content.',
+ 'max_number_of_judgments': 'Max number of judgments for this topic. '
+ 'Enter <= 0 to disable (i.e. no max).',
+ 'strategy': 'CAL strategy of retrieval.',
+ 'show_full_document_content': 'Only for paragraph strategies.'
}
def __init__(self, *args, **kwargs):
@@ -44,11 +41,14 @@ class TopicForm(forms.ModelForm):
"""
submit_name = 'submit-topic-form'
- max_number_of_judgments = forms.IntegerField(required=True)
+ max_number_of_judgments = forms.IntegerField(required=True,
+ label="Effort",
+ help_text=TaskForm.Meta.help_texts.get('max_number_of_judgments'))
strategy = forms.ChoiceField(choices=Task.STRATEGY_CHOICES,
required=True,
help_text=TaskForm.Meta.help_texts.get('strategy'))
- show_full_document_content = forms.BooleanField(required=False,help_text=TaskForm.Meta.help_texts.get('show_full_document_content'))
+ show_full_document_content = forms.BooleanField(required=False,
+ help_text=TaskForm.Meta.help_texts.get('show_full_document_content'))
class Meta:
model = Topic
@@ -56,8 +56,26 @@ class Meta:
def __init__(self, *args, **kwargs):
super(TopicForm, self).__init__(*args, **kwargs)
+ self.fields['description'].widget.attrs['rows'] = 2
self.helper = FormHelper(self)
- self.helper.layout.append(
- Submit(self.submit_name, u'Create topic and start judging',
- css_class='btn btn-warning btn-sm')
+ self.helper.layout = Layout(
+ Row(
+ Column('title', css_class='form-group col-md-4 mb-0'),
+ Column('seed_query', css_class='form-group col-md-8 mb-0'),
+ css_class='form-row'
+ ),
+ 'description',
+ Row(
+ Column('max_number_of_judgments', css_class='form-group col-md-6 mb-0'),
+ Column('strategy', css_class='form-group col-md-6 mb-0'),
+ css_class='form-row'
+ ),
+ 'show_full_document_content',
+ StrictButton(u'Create topic and start judging',
+ name=self.submit_name,
+ type="submit",
+ css_class='btn btn-sm btn-outline-secondary')
+ # Alternative to StrictButton
+ # Submit(self.submit_name, u'Create topic and start judging',
+ # css_class='btn btn-sm')
)
diff --git a/HiCALWeb/hicalweb/progress/templates/progress/home.html b/HiCALWeb/hicalweb/progress/templates/progress/home.html
old mode 100644
new mode 100755
index 3e1c58e..7af7b61
--- a/HiCALWeb/hicalweb/progress/templates/progress/home.html
+++ b/HiCALWeb/hicalweb/progress/templates/progress/home.html
@@ -4,172 +4,142 @@
{% block pagetitle %}Home{% endblock %}
{% block extra_head %}
-
+
{% endblock %}
-
-{% block nav-header %}{% endblock %}
-{% block nav-right%}
-
- {% if request.user.is_authenticated and request.user|has_group:"practice" %}
- Exit practice
- {% elif request.user.is_authenticated %}
- Sign out
- {% else %}
- Sign In
- {% endif %}
-
-{% endblock %}
-
-
-{% block help_modal_text %}
- Here you can initiate the topic of your search. You can select one of the pre-defined TREC topics or create your own topic.
-{% endblock %}
-
-
-
{% block main %}
-
-
-
-
- {% if user.current_task %}
- Your current topic
-
- Title: {{ user.current_task.topic.title }}
- Seed query: {{ user.current_task.topic.seed_query }}
- Description: {{ user.current_task.topic.description }}
- {% else %}
- Please create or select a topic
-
- You currently don't have an active topic session. Please select or create a topic of search.
- {% endif %}
-
-
+
- {% if user.current_task %}
-
-
- How many documents did you judge?
-
-
-
-
-
- Judgment Category
- Learning model
- Search model
- All
-
-
-
-
- Highly relevant
- {{ total_highlyRelevant_CAL }}
- {{ total_highlyRelevant_search }}
- {{ total_highlyRelevant_CAL|add:total_highlyRelevant_search }}
-
-
- Relevant
- {{ total_relevant_CAL }}
- {{ total_relevant_search }}
- {{ total_relevant_CAL|add:total_relevant_search }}
-
-
- Non relevant
- {{ total_nonrelevant_CAL }}
- {{ total_nonrelevant_search }}
- {{ total_nonrelevant_CAL|add:total_nonrelevant_search }}
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ {% if user.current_task %}
+ Current topic
+
+ Title: {{ user.current_task.topic.title }}
+ Seed query: {{ user.current_task.topic.seed_query }}
+ {% if user.current_task.topic.description %}Description: {{ user.current_task.topic.description }}
{% endif %}
+ {% else %}
+ Please create a topic
+
+ You currently don't have an active topic session. Please create a topic first.
+ {% endif %}
+
+
+
-
-
- {% endif %}
-
+
+
+
-
-
-
+ {% if user.current_task %}
+ Judgments
+
+
+
+
+
+
+ Type
+ CAL
+ Search
+ All
+
+
+
+
+ Highly relevant
+ {{ total_highlyRelevant_CAL }}
+ {{ total_highlyRelevant_search }}
+ {{ total_highlyRelevant_CAL|add:total_highlyRelevant_search }}
+
+
+ Relevant
+ {{ total_relevant_CAL }}
+ {{ total_relevant_search }}
+ {{ total_relevant_CAL|add:total_relevant_search }}
+
+
+ Non relevant
+ {{ total_nonrelevant_CAL }}
+ {{ total_nonrelevant_search }}
+ {{ total_nonrelevant_CAL|add:total_nonrelevant_search }}
+
+
+
-
-
-
- TREC topics
-
-
-
+
+
+
+
+
+
+ {% endif %}
+
+
+
-
-
- Create new topic
-
-
-
+
+
+
+ Create new topic
+
+
+
+
+
+
+
-
+
+
+
+
+
{% endblock %}
diff --git a/HiCALWeb/hicalweb/progress/templates/progress/sessions.html b/HiCALWeb/hicalweb/progress/templates/progress/sessions.html
index 26a25e8..6b3408b 100644
--- a/HiCALWeb/hicalweb/progress/templates/progress/sessions.html
+++ b/HiCALWeb/hicalweb/progress/templates/progress/sessions.html
@@ -4,89 +4,57 @@
{% block pagetitle %}Sessions{% endblock %}
{% block extra_head %}
-
+
{% endblock %}
-
-{% block nav-header %}{% endblock %}
-{% block nav-right%}
-
- {% if request.user.is_authenticated and request.user|has_group:"practice" %}
- Exit practice
- {% elif request.user.is_authenticated %}
- Sign out
- {% else %}
- Sign In
- {% endif %}
-
-{% endblock %}
-
-
-{% block help_modal_text %}
- Here you can select one of your previously started sessions.
-{% endblock %}
-
-
-
{% block main %}
-
-
-
- Your sessions
-
- {% if not tasks %}
- Please create or select a topic
- There are currently no topic sessions..
- {% endif %}
-
- {% for task in tasks %}
- {% if user.current_task == task.task_obj %}
-
- {% else %}
-
- {% endif %}
-
-
-
- Topic: {{ task.task_obj.topic.number }}
- Strategy: {{ task.task_obj.get_strategy_display }}
- Max Judgments (effort): {{ task.task_obj.max_number_of_judgments }}
- Show Full Document: {{ task.task_obj.show_full_document_content }}
-
- {% if user.current_task == task.task_obj %}
-
- {% else %}
-
- {% endif %}
-
-
-
- Title: {{ task.task_obj.topic.title }}
- Description: {{ task.task_obj.topic.description }}
- Created at: {{ task.created_at }}
-
-
- Total judged: {{ task.total_judged }}
- Highly Rel: {{ task.total_highlyRelevant }}
- Rel: {{ task.total_relevant }}
- NonRel: {{ task.total_nonrelevant }}
-
-
-
-
-
-
-
-
- {% endfor %}
+
+
+ Your sessions
+ {% if not tasks %}
+ Please create or select a topic
+ There are currently no topic sessions..
+ {% endif %}
+ {% for task in tasks %}
+ {% if user.current_task == task.task_obj %}
+
+ {% else %}
+
+ {% endif %}
+
+
+
+ {% if task.task_obj.topic.number %}Topic#: {{ task.task_obj.topic.number }}
{% endif %}
+ Strategy: {{ task.task_obj.get_strategy_display }}
+ Max Judgments (effort): {{ task.task_obj.max_number_of_judgments }}
+ Show Full Document: {{ task.task_obj.show_full_document_content }}
+ {% if user.current_task == task.task_obj %}
+
+ {% else %}
+
+ {% endif %}
+
+
+
+ Title: {{ task.task_obj.topic.title }}
+ {% if task.task_obj.topic.description %}Description: {{ task.task_obj.topic.description }}
{% endif %}
+ Created at: {{ task.created_at }}
+
+
+ Total judged: {{ task.total_judged }}
+ Highly Rel: {{ task.total_highlyRelevant }}
+ Rel: {{ task.total_relevant }}
+ NonRel: {{ task.total_nonrelevant }}
+
+
-
-
+
+ {% endfor %}
+
{% endblock %}
diff --git a/HiCALWeb/hicalweb/search/templates/search/search.html b/HiCALWeb/hicalweb/search/templates/search/search.html
index f06b9ea..9a10962 100644
--- a/HiCALWeb/hicalweb/search/templates/search/search.html
+++ b/HiCALWeb/hicalweb/search/templates/search/search.html
@@ -3,67 +3,32 @@
{% block pagetitle %}Search{% endblock %}
-{% block nav-header %}{% endblock %}
-
-
-{% block help_modal_text %}
- This is the Interactive Search and Judging (ISJ) interface.
- You can search for documents by submitting your query in the search box.
- You can also select the number of documents to return.
-
- Documents can be clicked to view their full content.
-
- To judge a document, you can click on any of the judging buttons or use the keyboard shortcuts.
-
+{% block navbar-center %}
+
{% endblock %}
-
{% block main %}
-
-
- Search
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
{% endblock %}
{% block extra_scripts %}
-
@@ -297,14 +262,15 @@
").hide().fadeIn();
+ $("#doc_"+doc_id+"_card").removeClass(find_borders_css).addClass("border-left border-3 border-success");
}else if(non){
- $("#doc_"+doc_id+"_status").html("").hide().fadeIn();
+ $("#doc_"+doc_id+"_card").removeClass(find_borders_css).addClass("border-left border-3 border-danger");
}else if(relevant){
- $("#doc_"+doc_id+"_status").html("").hide().fadeIn();
+ $("#doc_"+doc_id+"_card").removeClass(find_borders_css).addClass("border-left border-3 border-warning");
}
document.getElementById("isJudged_"+doc_id).style.display = "inherit";
}
diff --git a/HiCALWeb/hicalweb/search/templates/search/search_list.html b/HiCALWeb/hicalweb/search/templates/search/search_list.html
index 313c6ae..deeea5a 100644
--- a/HiCALWeb/hicalweb/search/templates/search/search_list.html
+++ b/HiCALWeb/hicalweb/search/templates/search/search_list.html
@@ -5,457 +5,446 @@
{% endif %}
+
{% if not documents.items %}
-
- Your search - {{ query }} - did not match any documents.
- Suggestions:
-
- - Make sure that all words are spelled correctly.
- - Try different keywords.
- - Try more general keywords.
- - Try fewer keywords.
+
+ Your search - {{ query }} - did not match any documents.
+ Suggestions:
+
+ - Make sure that all words are spelled correctly.
+ - Try different keywords.
+ - Try more general keywords.
+ - Try fewer keywords.
+
{% endif %}
+
{% if total_time %}
-{{ total_time }} seconds.
+{{ total_time }} seconds.
{% endif %}
+
{% for doc_id, document_values in documents.items %}
-
-
- {% if document_values.isJudged %}
- {% if document_values.relevance_judgment.highlyRelevant %}
-
-
-
- {% elif document_values.relevance_judgment.nonrelevant %}
-
-
-
- {% elif document_values.relevance_judgment.relevant %}
-
-
-
- {% endif %}
- {% endif %}
-
-
-
- {{ document_values.title|safe }}
- doc_id: {{ document_values.docno }}
-
{{ document_values.snippet|safe }}
-
-
-
-
- Document has been judged.
-
+
+
+
+ {{ document_values.title|safe }}
+ doc_id: {{ document_values.docno }}
+
{{ document_values.snippet|safe }}
+
+
+
+ This document has been judged.
+
+
-
-
-
-
-
-
- Please wait...
-
-
+
+
+
+
+
+
+ Please wait...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Fetching document content. Please wait..
-
-
-
-
-
-
-
+
+
Fetching document content. Please wait..
+
+
+
+
+
+
-
-
+
+
+ Judge document:
+
+
+
+ Keyboard shortcuts:
+
+
+
+ s
+
+
+ Mark as non-relevant
+
+
+
+
+
+
+
+ r
+
+
+ Mark as relevant
+
+
+
+
+
+
+
+ h
+
+
+ Mark as highly relevant
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
-
+ // fake an updated on the ctrl+f search bar to update
+ $("#search_content_doc_{{ document_values.docno }}").trigger("updated");
+ updateMatchesLists();
+ console.log("Model has been shown");
+ isModalOpen = true;
+ currentOpenedModalDocId = '{{ document_values.docno }}';
+ });
+
-
-
-
+
{% endfor %}
diff --git a/HiCALWeb/hicalweb/static/css/project.css b/HiCALWeb/hicalweb/static/css/project.css
index 964ef01..4e1f5e9 100644
--- a/HiCALWeb/hicalweb/static/css/project.css
+++ b/HiCALWeb/hicalweb/static/css/project.css
@@ -1,4 +1,3 @@
-
/*
* Base structure
*/
@@ -21,6 +20,10 @@ h1 {
border-bottom: 1px solid #eee;
}
+.card-block {
+ padding: 1rem !important;
+}
+
.mt-0-4 {
margin-top: .4rem !important;
}
@@ -37,20 +40,17 @@ h1 {
* Sidebar
*/
-
.navbar.fixed-top {
z-index: 100;
min-height: 40px;
}
-
-.nav-link:hover {
- background-color: #e6e6e6;
-
+.border-3 {
+ border-width: 3px!important;
}
.sidebar .nav-link {
- -webkit-transition: background-color .2s ease-out;
+ -webkit-transition: background-color .2s ease-out;
-moz-transition: background-color .2s ease-out;
-o-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
@@ -62,9 +62,8 @@ h1 {
}
-
.nav-link {
- padding: .5em 0em;
+ padding: .5em 0em;
}
.sidebar-brand {
@@ -72,15 +71,14 @@ h1 {
color: #fff;
}
-.sidebar-brand:hover{
+.sidebar-brand:hover {
background-color: #d2d5d7;
}
-a.sidebar-brand{
+a.sidebar-brand {
color: #0275d8;
}
-
.sidebar {
position: fixed;
top: 0px;
@@ -120,7 +118,7 @@ a.sidebar-brand{
* Dashboard
*/
- /* Placeholders */
+/* Placeholders */
.placeholders {
padding-bottom: 3rem;
}
@@ -167,179 +165,172 @@ a.sidebar-brand{
display: block !important;
}
-
-
-.center-text{
+.center-text {
text-align: center;
}
-
-.display-inline{
- display: inline;
+.display-inline {
+ display: inline;
}
-.display-inline-flex{
- display: inline-flex;
+.display-inline-flex {
+ display: inline-flex;
}
-.display-table-caption{
- display: table-caption;
+.display-table-caption {
+ display: table-caption;
}
-.display-block{
- display: block;
+.display-block {
+ display: block;
}
-.page-link{
- cursor: hand;
+.page-link {
+ cursor: hand;
}
.right-border {
- border-right: 2px solid #ccc;
+ border-right: 2px solid #ccc;
}
.right-margin {
- margin-right: 40px;
+ margin-right: 40px;
}
.left-border {
- border-left: 1px solid #ccc;
+ border-left: 1px solid #ccc;
}
.no-decoration,
.no-decoration a,
.no-decoration a:hover {
- text-decoration: none;
+ text-decoration: none;
}
.small-shadow {
- box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
}
.no-border {
- border: none;
+ border: none;
}
.small-border {
- border: 1px solid rgba(0,0,0,.125);
+ border: 1px solid rgba(0, 0, 0, .125);
}
.small-radius {
border-radius: 4px;
}
-.no-padding{
+.no-padding {
padding: 0;
}
.left-padding {
- padding-left: 2.0em;
+ padding-left: 2.0em;
}
.right-padding {
- padding-right : 2.0em;
-}
-
-.no-margin{
- margin: 0;
+ padding-right: 2.0em;
}
.left-margin {
- margin-left: 1.0em;
+ margin-left: 1.0em;
}
.right-margin {
- margin-right: 1.0em;
+ margin-right: 1.0em;
}
.extra-left-margin {
- margin-left: 2.0em;
+ margin-left: 2.0em;
}
.extra-right-margin {
- margin-right: 2.0em;
+ margin-right: 2.0em;
}
.top-margin {
- margin-top: 1.0rem;
+ margin-top: 1.0rem;
}
.extra-top-margin {
- margin-top: 2.0rem;
+ margin-top: 2.0rem;
}
.double-extra-top-margin {
- margin-top: 7.0rem;
+ margin-top: 7.0rem;
}
.bottom-margin {
- margin-bottom: 1.0rem;
+ margin-bottom: 1.0rem;
}
.extra-bottom-margin {
- margin-bottom: 2.0rem;
+ margin-bottom: 2.0rem;
}
.double-extra-bottom-margin {
- margin-bottom: 7.0rem;
+ margin-bottom: 7.0rem;
}
.top-bottom-margin {
- margin: 1.0rem 0;
+ margin: 1.0rem 0;
}
.extra-top-bottom-margin {
- margin: 2.0rem 0;
+ margin: 2.0rem 0;
}
.double-extra-top-bottom-margin {
- margin: 7.0rem 0;
+ margin: 7.0rem 0;
}
.triple-extra-top-bottom-margin {
- margin: 10.0rem 0;
+ margin: 10.0rem 0;
}
.little-padding {
- padding: 2.0rem;
+ padding: 2.0rem;
}
.extra-padding {
- padding: 3.0rem;
+ padding: 3.0rem;
}
.extra-padding-left-right {
- padding: 0 4.0rem;
+ padding: 0 4.0rem;
}
.double-extra-padding {
- padding: 7.0rem;
+ padding: 7.0rem;
}
.double-extra-padding-left-right {
- padding: 0 7.0rem;
+ padding: 0 7.0rem;
}
.double-extra-padding-both-side {
- padding: 9.0rem 7rem;
+ padding: 9.0rem 7rem;
}
.center-text {
- text-align: center;
+ text-align: center;
}
.align-left {
- text-align: left;
+ text-align: left;
}
.align-right {
- text-align: right;
+ text-align: right;
}
.vcenter {
- display: inline-block;
- vertical-align: middle;
- float: none;
+ display: inline-block;
+ vertical-align: middle;
+ float: none;
}
.display-5 {
@@ -348,13 +339,13 @@ a.sidebar-brand{
}
.light-gray-text {
- color: #cdcdcd;
+ color: #cdcdcd;
}
.light-gray-text a,
.gray-text a {
- color: inherit;
- text-decoration: none;
+ color: inherit;
+ text-decoration: none;
}
@@ -362,290 +353,286 @@ a.sidebar-brand{
.light-gray-text a:hover,
.gray-text a:focus,
.gray-text a:hover {
- color: #787878;
- text-decoration: none;
+ color: #787878;
+ text-decoration: none;
}
.gray-text {
- color: #888;
+ color: #888;
}
.gray-background {
- background-color: #ccc;
+ background-color: #ccc;
}
.light-gray-background {
- background-color: #fafafa;
+ background-color: #fafafa;
}
.almost-white-background {
- background-color: #FBFBFB;
+ background-color: #FBFBFB;
}
.text-overflow {
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
}
.borderless td, .borderless th {
- border: none;
+ border: none;
}
table.vertical-align > tbody > tr > td {
- vertical-align: middle;
+ vertical-align: middle;
}
.border-bottom {
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #eee;
}
.form-information h1,
.form-information h2,
.form-information h3,
.form-information h4 {
- color: #0275d8;
+ color: #0275d8;
}
-.form-information p{
- color: #888;
+.form-information p {
+ color: #888;
}
.right-corner-button {
- position: absolute;
- top: 0;
- right: 0;
- padding: 3px 5px 3px 8px;
- border-radius: 0 3px 0 3px;
- border-left: 1px solid #ccc;
- border-bottom: 1px solid #ccc;
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 3px 5px 3px 8px;
+ border-radius: 0 3px 0 3px;
+ border-left: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
}
.right-corner-button:hover {
- background-color: #888888;
- border: none;
- color: white;
+ background-color: #888888;
+ border: none;
+ color: white;
}
.features-container .feature-icon {
- text-align: center;
+ text-align: center;
}
.borderd-circle {
- padding: 2px;
- border: 1px solid rgba(2, 117, 216, .5);
+ padding: 2px;
+ border: 1px solid rgba(2, 117, 216, .5);
}
.btn-circle {
- width: 85px;
- height: 85px;
- text-align: center;
- padding: 15px 0;
- font-size: 12px;
- line-height: 1.428571429;
- border-radius: 50%;
+ width: 85px;
+ height: 85px;
+ text-align: center;
+ padding: 15px 0;
+ font-size: 12px;
+ line-height: 1.428571429;
+ border-radius: 50%;
}
.btn-primary-bordered {
- color: #0275d8;
- background-color: #fff;
- border: 5px solid #0275d8;
+ color: #0275d8;
+ background-color: #fff;
+ border: 5px solid #0275d8;
}
.btn-primary-bordered:hover {
- color: #fff;
- background-color: #0275d8;
+ color: #fff;
+ background-color: #0275d8;
}
.btn-primary-bordered.active {
- color: #fff;
- background-color: #0275d8;
+ color: #fff;
+ background-color: #0275d8;
}
-
.btn-primary-bordered-inverse {
- color: #fff;
- background-color: #0275d8;
- border: 5px solid #fff;
+ color: #fff;
+ background-color: #0275d8;
+ border: 5px solid #fff;
}
.btn-primary-bordered-inverse:hover {
- color: #0275d8;
- background-color: #fff;
+ color: #0275d8;
+ background-color: #fff;
}
.btn-primary-bordered-inverse.active {
- color: #0275d8;
- background-color: #fff;
+ color: #0275d8;
+ background-color: #fff;
}
-
input.date-radio-button[type="radio"] {
- display: none;
+ display: none;
}
input.date-radio-button[type="radio"]:checked {
- color: #fff;
- background-color: #0275d8;
+ color: #fff;
+ background-color: #0275d8;
}
.used-by-slider-items {
- padding: 20px 0;
+ padding: 20px 0;
}
.btn-circle-strong {
- display: block;
- font-size: large;
+ display: block;
+ font-size: large;
}
.date-circle .day {
- display: block;
- margin: 10px 0;
+ display: block;
+ margin: 10px 0;
}
.normal-cursor {
- cursor: wait;
+ cursor: wait;
}
.navButton {
- font-size: 4em;
- cursor: pointer;
+ font-size: 4em;
+ cursor: pointer;
}
.small-navButton {
- font-size: 2.5em;
- cursor: pointer;
+ font-size: 2.5em;
+ cursor: pointer;
}
.prevDateButton {
- margin-top: -50px;
+ margin-top: -50px;
}
.nextDateButton {
- margin-top: -50px;
+ margin-top: -50px;
}
.font-montserrat {
- font-family: 'Montserrat', sans-serif;
+ font-family: 'Montserrat', sans-serif;
}
.font-open-sans {
- font-family: 'Open Sans', sans-serif;
+ font-family: 'Open Sans', sans-serif;
}
-
-.font-sans{
- font-family: sans-serif;
+.font-sans {
+ font-family: sans-serif;
}
.bold {
- font-weight: bold;
+ font-weight: bold;
}
.thin {
- font-weight: 200;
+ font-weight: 200;
}
-.nav-bar-padding{
+.nav-bar-padding {
padding: 0rem 1rem 0rem 4rem;
}
-.nav-link{
- transition-duration: 0.3s;
- transition-property: color;
- text-decoration: none;
+.nav-link {
+ transition-duration: 0.3s;
+ transition-property: color;
+ text-decoration: none;
}
.nav-justified {
- width: 100%;
- border-bottom: 0;
+ width: 100%;
+ border-bottom: 0;
}
.nav-justified .nav-item {
- float: none;
+ float: none;
}
.nav-justified .nav-link {
- text-align: center;
- margin-bottom: 5px;
+ text-align: center;
+ margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
- top: auto;
- left: auto;
+ top: auto;
+ left: auto;
}
@media (min-width: 544px) {
- .nav-justified .nav-item {
- display: table-cell;
- width: 1%;
- }
+ .nav-justified .nav-item {
+ display: table-cell;
+ width: 1%;
+ }
- .nav-justified .nav-link {
- margin-bottom: 0;
- }
+ .nav-justified .nav-link {
+ margin-bottom: 0;
+ }
}
.nav-justified .nav-link {
- margin-right: 0;
- border-radius: 0.25rem;
+ margin-right: 0;
+ border-radius: 0.25rem;
}
.nav-justified .nav-link.active,
.nav-justified .nav-link.active:hover,
.nav-justified .nav-link.active:focus {
- border: none;
+ border: none;
}
@media (min-width: 544px) {
- .nav-justified .nav-link {
- border-radius: 0.25rem;
- }
+ .nav-justified .nav-link {
+ border-radius: 0.25rem;
+ }
- .nav-justified .nav-link.active,
- .nav-justified .nav-link.active:hover,
- .nav-justified .nav-link.active:focus {
+ .nav-justified .nav-link.active,
+ .nav-justified .nav-link.active:hover,
+ .nav-justified .nav-link.active:focus {
- }
+ }
}
.colorRadioLabel {
- margin-bottom: 0px;
+ margin-bottom: 0px;
}
input[type=text],
input[type=password],
input[type=radio],
-input[type=checkbox]{
- transition-duration: .3s;
+input[type=checkbox] {
+ transition-duration: .3s;
}
-
input[type=radio].with-font {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
}
input[type=radio].with-font ~ label:before {
- font-family: FontAwesome;
- display: inline-block;
- content: "\f111";
- letter-spacing: 10px;
- font-size: 1.5em;
- width: 1.7em;
+ font-family: FontAwesome;
+ display: inline-block;
+ content: "\f111";
+ letter-spacing: 10px;
+ font-size: 1.5em;
+ width: 1.7em;
}
input[type=radio].with-font:checked ~ label:before {
- content: '\f058';
- font-size: 1.5em;
- letter-spacing: 5px;
+ content: '\f058';
+ font-size: 1.5em;
+ letter-spacing: 5px;
}
input[type=radio].with-font:focus ~ label:before,
@@ -655,30 +642,29 @@ input[type=radio].with-font:focus ~ label {
.tooltip.bs-tether-element-attached-left .tooltip-inner::before,
.tooltip.tooltip-right .tooltip-inner::before {
- display: none;
+ display: none;
}
a.dropdown-item {
- cursor: pointer;
+ cursor: pointer;
}
.vsmall {
- font-size: 65%
+ font-size: 65%
}
.vvsmall {
- font-size: 85%
+ font-size: 85%
}
.vbig {
- font-size: 2em;
+ font-size: 2em;
}
.vvbig {
- font-size: 185%;
+ font-size: 185%;
}
-
@media (min-width: 768px) {
.col-md-0-5 {
-webkit-box-flex: 0;
@@ -687,91 +673,91 @@ a.dropdown-item {
flex: 0 0 3.333333%;
max-width: 3.333333%;
}
+
.offset-md-0-5 {
margin-left: 3.333333%;
}
}
-
-
.document {
- padding: 10px 10px;
- margin: 5px 0px 5px 10px;
- max-width: 600px;
- min-height: 100px;
+ padding: 10px 10px;
+ margin: 5px 0px 5px 10px;
+ max-width: 600px;
+ min-height: 100px;
}
-.document:hover{
- background-color: #F5F5F5;
+.document:hover {
+ background-color: #F5F5F5;
}
-.document .title{
- color: #2735D4;
- font-size: 18px;
+.document .title {
+ color: #001ba0;
+ font-size: 18px;
}
-.document .purple-title{
- color: #600090;
- font-size: 18px;
+.document .purple-title {
+ color: #600090;
+ font-size: 18px;
}
.document .url{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
- color: #009030;
+ color: #006d21;
}
.document .snippet{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
- color: black;
+ color: #545454;
}
.document .snippet strong{
color: black;
}
-.document-cal{
- font-family: georgia,"times new roman",times,serif;
+.document-cal {
+ font-family: georgia, "times new roman", times, serif;
}
.sidebar-nav-fixed {
position: fixed;
}
-
.bg-faded {
background-color: #F5F8FA;
}
.btn-success, .bg-success, .badge-success {
- background-color: #13ce66!important;
- border-color: #13ce66;
+ background-color: #13ce66 !important;
+ border-color: #13ce66;
}
.btn-warning, .bg-warning, .badge-warning {
- background-color: #ffc82c!important;
- border-color: #ffc82c;
+ background-color: #ffc82c !important;
+ border-color: #ffc82c;
}
-.btn-danger, .bg-danger , .badge-danger {
- background-color: #ff4949!important;
+.btn-danger, .bg-danger, .badge-danger {
+ background-color: #ff4949 !important;
border-color: #ff4949;
}
-
.text-primary {
- color: #6190e8!important;
+ color: #6190e8 !important;
}
+
.text-danger {
- color: #ff4949!important;
+ color: #ff4949 !important;
}
+
.text-warning {
- color: #ffc82c!important;
+ color: #ffc82c !important;
}
+
.text-success {
- color: #13ce66!important;
+ color: #13ce66 !important;
}
mark {
@@ -785,21 +771,20 @@ mark.current {
.judged_doc_title_nonrelevant {
border-left: 5px solid #ff4949;
- padding-left: 1.25rem!important;
+ padding-left: 1.25rem !important;
}
.judged_doc_title_relevant {
border-left: 5px solid #ffc82c;
- padding-left: 1.25rem!important;
+ padding-left: 1.25rem !important;
}
.judged_doc_title_highly_relevant {
border-left: 5px solid #13ce66;
- padding-left: 1.25rem!important;
+ padding-left: 1.25rem !important;
}
-
-.cal-search{
+.cal-search {
display: inline-flex;
}
@@ -811,9 +796,125 @@ mark.current {
border-radius: 3px;
}
-
@media (min-width: 992px) {
.modal-xlg {
max-width: 1200px;
}
}
+
+.btn:focus {
+ outline: none;
+ box-shadow: none;
+}
+
+/* PACE CSS */
+.pace {
+ -webkit-pointer-events: none;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+}
+
+.pace-inactive {
+ display: none;
+}
+
+.pace .pace-progress {
+ background: #6c757d;
+ position: fixed;
+ z-index: 2000;
+ top: 0;
+ right: 100%;
+ width: 100%;
+ height: 2px;
+}
+
+.pace .pace-progress-inner {
+ display: block;
+ position: absolute;
+ right: 0px;
+ width: 100px;
+ height: 100%;
+ box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d;
+ opacity: 1.0;
+ -webkit-transform: rotate(3deg) translate(0px, -4px);
+ -moz-transform: rotate(3deg) translate(0px, -4px);
+ -ms-transform: rotate(3deg) translate(0px, -4px);
+ -o-transform: rotate(3deg) translate(0px, -4px);
+ transform: rotate(3deg) translate(0px, -4px);
+}
+
+.pace .pace-activity {
+ display: block;
+ position: fixed;
+ z-index: 2000;
+ top: 95%;
+ right: 15px;
+ width: 24px;
+ height: 24px;
+ border: solid 2px transparent;
+ border-top-color: #6c757d;
+ border-left-color: #6c757d;
+ border-radius: 10px;
+ -webkit-animation: pace-spinner 400ms linear infinite;
+ -moz-animation: pace-spinner 400ms linear infinite;
+ -ms-animation: pace-spinner 400ms linear infinite;
+ -o-animation: pace-spinner 400ms linear infinite;
+ animation: pace-spinner 400ms linear infinite;
+}
+
+@-webkit-keyframes pace-spinner {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@-moz-keyframes pace-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -moz-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@-o-keyframes pace-spinner {
+ 0% {
+ -o-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@-ms-keyframes pace-spinner {
+ 0% {
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes pace-spinner {
+ 0% {
+ transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
diff --git a/HiCALWeb/hicalweb/static/images/hicalsmall.png b/HiCALWeb/hicalweb/static/images/hicalsmall.png
new file mode 100644
index 0000000..8dcb362
Binary files /dev/null and b/HiCALWeb/hicalweb/static/images/hicalsmall.png differ
diff --git a/HiCALWeb/hicalweb/static/js/pace.min.js b/HiCALWeb/hicalweb/static/js/pace.min.js
new file mode 100644
index 0000000..c47d6e5
--- /dev/null
+++ b/HiCALWeb/hicalweb/static/js/pace.min.js
@@ -0,0 +1,2 @@
+/*! pace 1.0.0 */
+(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X=[].slice,Y={}.hasOwnProperty,Z=function(a,b){function c(){this.constructor=a}for(var d in b)Y.call(b,d)&&(a[d]=b[d]);return c.prototype=b.prototype,a.prototype=new c,a.__super__=b.prototype,a},$=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};for(u={catchupTime:100,initialRate:.03,minTime:250,ghostTime:100,maxProgressPerFrame:20,easeFactor:1.25,startOnPageLoad:!0,restartOnPushState:!0,restartOnRequestAfter:500,target:"body",elements:{checkInterval:100,selectors:["body"]},eventLag:{minSamples:10,sampleCount:3,lagThreshold:3},ajax:{trackMethods:["GET"],trackWebSockets:!0,ignoreURLs:[]}},C=function(){var a;return null!=(a="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?a:+new Date},E=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,t=window.cancelAnimationFrame||window.mozCancelAnimationFrame,null==E&&(E=function(a){return setTimeout(a,50)},t=function(a){return clearTimeout(a)}),G=function(a){var b,c;return b=C(),(c=function(){var d;return d=C()-b,d>=33?(b=C(),a(d,function(){return E(c)})):setTimeout(c,33-d)})()},F=function(){var a,b,c;return c=arguments[0],b=arguments[1],a=3<=arguments.length?X.call(arguments,2):[],"function"==typeof c[b]?c[b].apply(c,a):c[b]},v=function(){var a,b,c,d,e,f,g;for(b=arguments[0],d=2<=arguments.length?X.call(arguments,1):[],f=0,g=d.length;g>f;f++)if(c=d[f])for(a in c)Y.call(c,a)&&(e=c[a],null!=b[a]&&"object"==typeof b[a]&&null!=e&&"object"==typeof e?v(b[a],e):b[a]=e);return b},q=function(a){var b,c,d,e,f;for(c=b=0,e=0,f=a.length;f>e;e++)d=a[e],c+=Math.abs(d),b++;return c/b},x=function(a,b){var c,d,e;if(null==a&&(a="options"),null==b&&(b=!0),e=document.querySelector("[data-pace-"+a+"]")){if(c=e.getAttribute("data-pace-"+a),!b)return c;try{return JSON.parse(c)}catch(f){return d=f,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",d):void 0}}},g=function(){function a(){}return a.prototype.on=function(a,b,c,d){var e;return null==d&&(d=!1),null==this.bindings&&(this.bindings={}),null==(e=this.bindings)[a]&&(e[a]=[]),this.bindings[a].push({handler:b,ctx:c,once:d})},a.prototype.once=function(a,b,c){return this.on(a,b,c,!0)},a.prototype.off=function(a,b){var c,d,e;if(null!=(null!=(d=this.bindings)?d[a]:void 0)){if(null==b)return delete this.bindings[a];for(c=0,e=[];cQ;Q++)K=U[Q],D[K]===!0&&(D[K]=u[K]);i=function(a){function b(){return V=b.__super__.constructor.apply(this,arguments)}return Z(b,a),b}(Error),b=function(){function a(){this.progress=0}return a.prototype.getElement=function(){var a;if(null==this.el){if(a=document.querySelector(D.target),!a)throw new i;this.el=document.createElement("div"),this.el.className="pace pace-active",document.body.className=document.body.className.replace(/pace-done/g,""),document.body.className+=" pace-running",this.el.innerHTML='\n \n\n',null!=a.firstChild?a.insertBefore(this.el,a.firstChild):a.appendChild(this.el)}return this.el},a.prototype.finish=function(){var a;return a=this.getElement(),a.className=a.className.replace("pace-active",""),a.className+=" pace-inactive",document.body.className=document.body.className.replace("pace-running",""),document.body.className+=" pace-done"},a.prototype.update=function(a){return this.progress=a,this.render()},a.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(a){i=a}return this.el=void 0},a.prototype.render=function(){var a,b,c,d,e,f,g;if(null==document.querySelector(D.target))return!1;for(a=this.getElement(),d="translate3d("+this.progress+"%, 0, 0)",g=["webkitTransform","msTransform","transform"],e=0,f=g.length;f>e;e++)b=g[e],a.children[0].style[b]=d;return(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(a.children[0].setAttribute("data-progress-text",""+(0|this.progress)+"%"),this.progress>=100?c="99":(c=this.progress<10?"0":"",c+=0|this.progress),a.children[0].setAttribute("data-progress",""+c)),this.lastRenderedProgress=this.progress},a.prototype.done=function(){return this.progress>=100},a}(),h=function(){function a(){this.bindings={}}return a.prototype.trigger=function(a,b){var c,d,e,f,g;if(null!=this.bindings[a]){for(f=this.bindings[a],g=[],d=0,e=f.length;e>d;d++)c=f[d],g.push(c.call(this,b));return g}},a.prototype.on=function(a,b){var c;return null==(c=this.bindings)[a]&&(c[a]=[]),this.bindings[a].push(b)},a}(),P=window.XMLHttpRequest,O=window.XDomainRequest,N=window.WebSocket,w=function(a,b){var c,d,e,f;f=[];for(d in b.prototype)try{e=b.prototype[d],f.push(null==a[d]&&"function"!=typeof e?a[d]=e:void 0)}catch(g){c=g}return f},A=[],j.ignore=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?X.call(arguments,1):[],A.unshift("ignore"),c=b.apply(null,a),A.shift(),c},j.track=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?X.call(arguments,1):[],A.unshift("track"),c=b.apply(null,a),A.shift(),c},J=function(a){var b;if(null==a&&(a="GET"),"track"===A[0])return"force";if(!A.length&&D.ajax){if("socket"===a&&D.ajax.trackWebSockets)return!0;if(b=a.toUpperCase(),$.call(D.ajax.trackMethods,b)>=0)return!0}return!1},k=function(a){function b(){var a,c=this;b.__super__.constructor.apply(this,arguments),a=function(a){var b;return b=a.open,a.open=function(d,e){return J(d)&&c.trigger("request",{type:d,url:e,request:a}),b.apply(a,arguments)}},window.XMLHttpRequest=function(b){var c;return c=new P(b),a(c),c};try{w(window.XMLHttpRequest,P)}catch(d){}if(null!=O){window.XDomainRequest=function(){var b;return b=new O,a(b),b};try{w(window.XDomainRequest,O)}catch(d){}}if(null!=N&&D.ajax.trackWebSockets){window.WebSocket=function(a,b){var d;return d=null!=b?new N(a,b):new N(a),J("socket")&&c.trigger("request",{type:"socket",url:a,protocols:b,request:d}),d};try{w(window.WebSocket,N)}catch(d){}}}return Z(b,a),b}(h),R=null,y=function(){return null==R&&(R=new k),R},I=function(a){var b,c,d,e;for(e=D.ajax.ignoreURLs,c=0,d=e.length;d>c;c++)if(b=e[c],"string"==typeof b){if(-1!==a.indexOf(b))return!0}else if(b.test(a))return!0;return!1},y().on("request",function(b){var c,d,e,f,g;return f=b.type,e=b.request,g=b.url,I(g)?void 0:j.running||D.restartOnRequestAfter===!1&&"force"!==J(f)?void 0:(d=arguments,c=D.restartOnRequestAfter||0,"boolean"==typeof c&&(c=0),setTimeout(function(){var b,c,g,h,i,k;if(b="socket"===f?e.readyState<2:0<(h=e.readyState)&&4>h){for(j.restart(),i=j.sources,k=[],c=0,g=i.length;g>c;c++){if(K=i[c],K instanceof a){K.watch.apply(K,d);break}k.push(void 0)}return k}},c))}),a=function(){function a(){var a=this;this.elements=[],y().on("request",function(){return a.watch.apply(a,arguments)})}return a.prototype.watch=function(a){var b,c,d,e;return d=a.type,b=a.request,e=a.url,I(e)?void 0:(c="socket"===d?new n(b):new o(b),this.elements.push(c))},a}(),o=function(){function a(a){var b,c,d,e,f,g,h=this;if(this.progress=0,null!=window.ProgressEvent)for(c=null,a.addEventListener("progress",function(a){return h.progress=a.lengthComputable?100*a.loaded/a.total:h.progress+(100-h.progress)/2},!1),g=["load","abort","timeout","error"],d=0,e=g.length;e>d;d++)b=g[d],a.addEventListener(b,function(){return h.progress=100},!1);else f=a.onreadystatechange,a.onreadystatechange=function(){var b;return 0===(b=a.readyState)||4===b?h.progress=100:3===a.readyState&&(h.progress=50),"function"==typeof f?f.apply(null,arguments):void 0}}return a}(),n=function(){function a(a){var b,c,d,e,f=this;for(this.progress=0,e=["error","open"],c=0,d=e.length;d>c;c++)b=e[c],a.addEventListener(b,function(){return f.progress=100},!1)}return a}(),d=function(){function a(a){var b,c,d,f;for(null==a&&(a={}),this.elements=[],null==a.selectors&&(a.selectors=[]),f=a.selectors,c=0,d=f.length;d>c;c++)b=f[c],this.elements.push(new e(b))}return a}(),e=function(){function a(a){this.selector=a,this.progress=0,this.check()}return a.prototype.check=function(){var a=this;return document.querySelector(this.selector)?this.done():setTimeout(function(){return a.check()},D.elements.checkInterval)},a.prototype.done=function(){return this.progress=100},a}(),c=function(){function a(){var a,b,c=this;this.progress=null!=(b=this.states[document.readyState])?b:100,a=document.onreadystatechange,document.onreadystatechange=function(){return null!=c.states[document.readyState]&&(c.progress=c.states[document.readyState]),"function"==typeof a?a.apply(null,arguments):void 0}}return a.prototype.states={loading:0,interactive:50,complete:100},a}(),f=function(){function a(){var a,b,c,d,e,f=this;this.progress=0,a=0,e=[],d=0,c=C(),b=setInterval(function(){var g;return g=C()-c-50,c=C(),e.push(g),e.length>D.eventLag.sampleCount&&e.shift(),a=q(e),++d>=D.eventLag.minSamples&&a=100&&(this.done=!0),b===this.last?this.sinceLastUpdate+=a:(this.sinceLastUpdate&&(this.rate=(b-this.last)/this.sinceLastUpdate),this.catchup=(b-this.progress)/D.catchupTime,this.sinceLastUpdate=0,this.last=b),b>this.progress&&(this.progress+=this.catchup*a),c=1-Math.pow(this.progress/100,D.easeFactor),this.progress+=c*this.rate*a,this.progress=Math.min(this.lastProgress+D.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},a}(),L=null,H=null,r=null,M=null,p=null,s=null,j.running=!1,z=function(){return D.restartOnPushState?j.restart():void 0},null!=window.history.pushState&&(T=window.history.pushState,window.history.pushState=function(){return z(),T.apply(window.history,arguments)}),null!=window.history.replaceState&&(W=window.history.replaceState,window.history.replaceState=function(){return z(),W.apply(window.history,arguments)}),l={ajax:a,elements:d,document:c,eventLag:f},(B=function(){var a,c,d,e,f,g,h,i;for(j.sources=L=[],g=["ajax","elements","document","eventLag"],c=0,e=g.length;e>c;c++)a=g[c],D[a]!==!1&&L.push(new l[a](D[a]));for(i=null!=(h=D.extraSources)?h:[],d=0,f=i.length;f>d;d++)K=i[d],L.push(new K(D));return j.bar=r=new b,H=[],M=new m})(),j.stop=function(){return j.trigger("stop"),j.running=!1,r.destroy(),s=!0,null!=p&&("function"==typeof t&&t(p),p=null),B()},j.restart=function(){return j.trigger("restart"),j.stop(),j.start()},j.go=function(){var a;return j.running=!0,r.render(),a=C(),s=!1,p=G(function(b,c){var d,e,f,g,h,i,k,l,n,o,p,q,t,u,v,w;for(l=100-r.progress,e=p=0,f=!0,i=q=0,u=L.length;u>q;i=++q)for(K=L[i],o=null!=H[i]?H[i]:H[i]=[],h=null!=(w=K.elements)?w:[K],k=t=0,v=h.length;v>t;k=++t)g=h[k],n=null!=o[k]?o[k]:o[k]=new m(g),f&=n.done,n.done||(e++,p+=n.tick(b));return d=p/e,r.update(M.tick(b,d)),r.done()||f||s?(r.update(100),j.trigger("done"),setTimeout(function(){return r.finish(),j.running=!1,j.trigger("hide")},Math.max(D.ghostTime,Math.max(D.minTime-(C()-a),0)))):c()})},j.start=function(a){v(D,a),j.running=!0;try{r.render()}catch(b){i=b}return document.querySelector(".pace")?(j.trigger("start"),j.go()):setTimeout(j.start,50)},"function"==typeof define&&define.amd?define(function(){return j}):"object"==typeof exports?module.exports=j:D.startOnPageLoad&&j.start()}).call(this);
\ No newline at end of file
diff --git a/HiCALWeb/hicalweb/static/js/popper.min.js b/HiCALWeb/hicalweb/static/js/popper.min.js
new file mode 100644
index 0000000..79ccbf5
--- /dev/null
+++ b/HiCALWeb/hicalweb/static/js/popper.min.js
@@ -0,0 +1,5 @@
+/*
+ Copyright (C) Federico Zivolo 2018
+ Distributed under the MIT License (license terms are at http://opensource.org/licenses/MIT).
+ */(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.Popper=t()})(this,function(){'use strict';function e(e){return e&&'[object Function]'==={}.toString.call(e)}function t(e,t){if(1!==e.nodeType)return[];var o=getComputedStyle(e,null);return t?o[t]:o}function o(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function n(e){if(!e)return document.body;switch(e.nodeName){case'HTML':case'BODY':return e.ownerDocument.body;case'#document':return e.body;}var i=t(e),r=i.overflow,p=i.overflowX,s=i.overflowY;return /(auto|scroll|overlay)/.test(r+s+p)?e:n(o(e))}function r(e){return 11===e?re:10===e?pe:re||pe}function p(e){if(!e)return document.documentElement;for(var o=r(10)?document.body:null,n=e.offsetParent;n===o&&e.nextElementSibling;)n=(e=e.nextElementSibling).offsetParent;var i=n&&n.nodeName;return i&&'BODY'!==i&&'HTML'!==i?-1!==['TD','TABLE'].indexOf(n.nodeName)&&'static'===t(n,'position')?p(n):n:e?e.ownerDocument.documentElement:document.documentElement}function s(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||p(e.firstElementChild)===e)}function d(e){return null===e.parentNode?e:d(e.parentNode)}function a(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,n=o?e:t,i=o?t:e,r=document.createRange();r.setStart(n,0),r.setEnd(i,0);var l=r.commonAncestorContainer;if(e!==l&&t!==l||n.contains(i))return s(l)?l:p(l);var f=d(e);return f.host?a(f.host,t):a(e,d(t).host)}function l(e){var t=1=o.clientWidth&&n>=o.clientHeight}),l=0a[e]&&!t.escapeWithReference&&(n=J(f[o],a[e]-('right'===e?f.width:f.height))),ae({},o,n)}};return l.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';f=le({},f,m[t](e))}),e.offsets.popper=f,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,o=t.popper,n=t.reference,i=e.placement.split('-')[0],r=Z,p=-1!==['top','bottom'].indexOf(i),s=p?'right':'bottom',d=p?'left':'top',a=p?'width':'height';return o[s]r(n[s])&&(e.offsets.popper[d]=r(n[s])),e}},arrow:{order:500,enabled:!0,fn:function(e,o){var n;if(!q(e.instance.modifiers,'arrow','keepTogether'))return e;var i=o.element;if('string'==typeof i){if(i=e.instance.popper.querySelector(i),!i)return e;}else if(!e.instance.popper.contains(i))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var r=e.placement.split('-')[0],p=e.offsets,s=p.popper,d=p.reference,a=-1!==['left','right'].indexOf(r),l=a?'height':'width',f=a?'Top':'Left',m=f.toLowerCase(),h=a?'left':'top',c=a?'bottom':'right',u=S(i)[l];d[c]-us[c]&&(e.offsets.popper[m]+=d[m]+u-s[c]),e.offsets.popper=g(e.offsets.popper);var b=d[m]+d[l]/2-u/2,y=t(e.instance.popper),w=parseFloat(y['margin'+f],10),E=parseFloat(y['border'+f+'Width'],10),v=b-e.offsets.popper[m]-w-E;return v=$(J(s[l]-u,v),0),e.arrowElement=i,e.offsets.arrow=(n={},ae(n,m,Q(v)),ae(n,h,''),n),e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(W(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=v(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement,e.positionFixed),n=e.placement.split('-')[0],i=T(n),r=e.placement.split('-')[1]||'',p=[];switch(t.behavior){case he.FLIP:p=[n,i];break;case he.CLOCKWISE:p=z(n);break;case he.COUNTERCLOCKWISE:p=z(n,!0);break;default:p=t.behavior;}return p.forEach(function(s,d){if(n!==s||p.length===d+1)return e;n=e.placement.split('-')[0],i=T(n);var a=e.offsets.popper,l=e.offsets.reference,f=Z,m='left'===n&&f(a.right)>f(l.left)||'right'===n&&f(a.left)f(l.top)||'bottom'===n&&f(a.top)f(o.right),g=f(a.top)f(o.bottom),b='left'===n&&h||'right'===n&&c||'top'===n&&g||'bottom'===n&&u,y=-1!==['top','bottom'].indexOf(n),w=!!t.flipVariations&&(y&&'start'===r&&h||y&&'end'===r&&c||!y&&'start'===r&&g||!y&&'end'===r&&u);(m||b||w)&&(e.flipped=!0,(m||b)&&(n=p[d+1]),w&&(r=G(r)),e.placement=n+(r?'-'+r:''),e.offsets.popper=le({},e.offsets.popper,C(e.instance.popper,e.offsets.reference,e.placement)),e=P(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,o=t.split('-')[0],n=e.offsets,i=n.popper,r=n.reference,p=-1!==['left','right'].indexOf(o),s=-1===['top','left'].indexOf(o);return i[p?'left':'top']=r[o]-(s?i[p?'width':'height']:0),e.placement=T(t),e.offsets.popper=g(i),e}},hide:{order:800,enabled:!0,fn:function(e){if(!q(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,o=D(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottomo.right||t.top>o.bottom||t.right
- {% trans "Click here to practice" %}
-
-{% endblock %}
{% block main %}
{% block inner %}
-{% block help_modal_text %}
-{% endblock %}
-
-
-
+
-
- 
- A System for Efficient High-Recall Retrieval
-
-
+
+
+ A System for Efficient High-Recall Retrieval
+
+
- {% trans "Sign In" %}
+ {% trans "Sign In" %}
- {% blocktrans %}If you have not created an account yet, then please
- sign up first. {% endblocktrans %}
- If you would like to practice using the system, click on the
- practice button above.
+ {% blocktrans %}If you have not created an account yet, then please
+ sign up first. {% endblocktrans %}
+ If you would like to practice using the system, click on the
+ practice button above.
-
+
-
+
diff --git a/HiCALWeb/hicalweb/templates/base.html b/HiCALWeb/hicalweb/templates/base.html
index c3c9ef3..4715224 100644
--- a/HiCALWeb/hicalweb/templates/base.html
+++ b/HiCALWeb/hicalweb/templates/base.html
@@ -1,275 +1,220 @@
-{% load staticfiles i18n static raven %}
+{% load staticfiles i18n static raven has_group crispy_forms_tags %}
-
-
-
-
-
-
- HiCAL - {% block pagetitle %}home{% endblock %}
-
-
-
-
-
-
-
- {% include "raven-config.html" %}
-
-
-
-
- {% block extra_head %}{% endblock %}
-
-
-
-
-
-
-
-
-
-
-
-
-
- Judged documents
-
-
-
-
-
-
-
- | DocID | -Document Title | -Judgment | -
|---|---|---|
{{ row.doc_id }}
- |
- {{ row.doc_title }} | -- {% if row.highlyRelevant %} - Highly relevant - {% elif row.relevant %} - Relevant - {% else %} - Non-relevant - {% endif %} - | -
-
-
-
+
+
+
-
+
+
+
+ Judged documents
+
+
+
+
+
+
+
| Docno | +Document Title | +Judgment | +
|---|---|---|
{{ row.doc_id }}
+ |
+ {{ row.doc_title|truncatechars:100 }} | ++ {% if row.highlyRelevant %} + Highly relevant + {% elif row.relevant %} + Relevant + {% else %} + Non-relevant + {% endif %} + | +
-
-
- {% if request.user.is_authenticated and request.user|has_group:"practice" %}
- Exit practice
- {% elif request.user.is_authenticated %}
- Sign out
- {% else %}
- Sign In
- {% endif %}
-
-{% endblock %}
-
-
-{% block help_modal_text %}
-
-
{% endblock %}
diff --git a/HiCALWeb/hicalweb/progress/forms.py b/HiCALWeb/hicalweb/progress/forms.py
old mode 100644
new mode 100755
index 2483c32..c4f5fbf
--- a/HiCALWeb/hicalweb/progress/forms.py
+++ b/HiCALWeb/hicalweb/progress/forms.py
@@ -1,8 +1,8 @@
+from crispy_forms.bootstrap import StrictButton
from crispy_forms.helper import FormHelper
-from crispy_forms.layout import Submit
+from crispy_forms.layout import Submit, Layout, Column, Row
from django import forms
from django.db.models import Q
-
from hicalweb.progress.models import Task
from hicalweb.topic.models import Topic
@@ -18,13 +18,10 @@ class Meta:
model = Task
exclude = ["username", "setting", "timespent", "last_activity"]
help_texts = {
- 'max_number_of_judgments': 'Max number of judgments (effort) for this task. '
- 'Enter 0 or negative number to '
- 'disable (i.e. no max).',
- 'strategy': 'Choose the strategy of retrieval.',
- 'show_full_document_content': 'For paragraph strategies, '
- 'indicate whether you would like ability to view full '
- 'document content.',
+ 'max_number_of_judgments': 'Max number of judgments for this topic. '
+ 'Enter <= 0 to disable (i.e. no max).',
+ 'strategy': 'CAL strategy of retrieval.',
+ 'show_full_document_content': 'Only for paragraph strategies.'
}
def __init__(self, *args, **kwargs):
@@ -44,11 +41,14 @@ class TopicForm(forms.ModelForm):
"""
submit_name = 'submit-topic-form'
- max_number_of_judgments = forms.IntegerField(required=True)
+ max_number_of_judgments = forms.IntegerField(required=True,
+ label="Effort",
+ help_text=TaskForm.Meta.help_texts.get('max_number_of_judgments'))
strategy = forms.ChoiceField(choices=Task.STRATEGY_CHOICES,
required=True,
help_text=TaskForm.Meta.help_texts.get('strategy'))
- show_full_document_content = forms.BooleanField(required=False,help_text=TaskForm.Meta.help_texts.get('show_full_document_content'))
+ show_full_document_content = forms.BooleanField(required=False,
+ help_text=TaskForm.Meta.help_texts.get('show_full_document_content'))
class Meta:
model = Topic
@@ -56,8 +56,26 @@ class Meta:
def __init__(self, *args, **kwargs):
super(TopicForm, self).__init__(*args, **kwargs)
+ self.fields['description'].widget.attrs['rows'] = 2
self.helper = FormHelper(self)
- self.helper.layout.append(
- Submit(self.submit_name, u'Create topic and start judging',
- css_class='btn btn-warning btn-sm')
+ self.helper.layout = Layout(
+ Row(
+ Column('title', css_class='form-group col-md-4 mb-0'),
+ Column('seed_query', css_class='form-group col-md-8 mb-0'),
+ css_class='form-row'
+ ),
+ 'description',
+ Row(
+ Column('max_number_of_judgments', css_class='form-group col-md-6 mb-0'),
+ Column('strategy', css_class='form-group col-md-6 mb-0'),
+ css_class='form-row'
+ ),
+ 'show_full_document_content',
+ StrictButton(u'Create topic and start judging',
+ name=self.submit_name,
+ type="submit",
+ css_class='btn btn-sm btn-outline-secondary')
+ # Alternative to StrictButton
+ # Submit(self.submit_name, u'Create topic and start judging',
+ # css_class='btn btn-sm')
)
diff --git a/HiCALWeb/hicalweb/progress/templates/progress/home.html b/HiCALWeb/hicalweb/progress/templates/progress/home.html
old mode 100644
new mode 100755
index 3e1c58e..7af7b61
--- a/HiCALWeb/hicalweb/progress/templates/progress/home.html
+++ b/HiCALWeb/hicalweb/progress/templates/progress/home.html
@@ -4,172 +4,142 @@
{% block pagetitle %}Home{% endblock %}
{% block extra_head %}
-
+
{% endblock %}
-
-{% block nav-header %}{% endblock %}
-{% block nav-right%}
-
-
+- Please wait... -
- +
+
+
+
+
+
+
+
+
+
+
+
+
+ + Please wait... +
+ +
+
+
+
+
+
+
-
+
-
+
-
+
+
-
-
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Fetching document. Please wait... -
-
-
+
+
+ Fetching document. Please wait... +
+
+
+
-
-
-
-
-
+
+ Here you can initiate the topic of your search. You can select one of the pre-defined TREC topics or create your own topic.
-{% endblock %} - - - {% block main %} -
-
-
-
+
- {% if user.current_task %}
-
-
-
- Your current topic
--
Title: {{ user.current_task.topic.title }}
-Seed query: {{ user.current_task.topic.seed_query }}
-Description: {{ user.current_task.topic.description }}
- {% else %} -Please create or select a topic
--
You currently don't have an active topic session. Please select or create a topic of search.
- {% endif %} -
- {% if user.current_task %}
-
+
-
- {% endif %}
-
-
-
- How many documents did you judge?
-
-
-
-
-
-
-
- | Judgment Category | -Learning model | -Search model | -All | -
|---|---|---|---|
| Highly relevant | -{{ total_highlyRelevant_CAL }} | -{{ total_highlyRelevant_search }} | -{{ total_highlyRelevant_CAL|add:total_highlyRelevant_search }} | -
| Relevant | -{{ total_relevant_CAL }} | -{{ total_relevant_search }} | -{{ total_relevant_CAL|add:total_relevant_search }} | -
| Non relevant | -{{ total_nonrelevant_CAL }} | -{{ total_nonrelevant_search }} | -{{ total_nonrelevant_CAL|add:total_nonrelevant_search }} | -
-
-
-
+
-
-
-
+
-
+
+
+ {% if user.current_task %}
+
+
+
+ Current topic
++
Title: {{ user.current_task.topic.title }}
+Seed query: {{ user.current_task.topic.seed_query }}
+ {% if user.current_task.topic.description %}Description: {{ user.current_task.topic.description }}
{% endif %} + {% else %} +Please create a topic
++
You currently don't have an active topic session. Please create a topic first.
+ {% endif %} +
+
+
-
- {% if request.user.is_authenticated and request.user|has_group:"practice" %}
- Exit practice
- {% elif request.user.is_authenticated %}
- Sign out
- {% else %}
- Sign In
- {% endif %}
-
-{% endblock %}
-
-
-{% block help_modal_text %}
-
-
-
-
+ {% if user.current_task %}
+
+
+ Judgments
++
+
+
+
+
+
-
- | Type | +CAL | +Search | +All | +
|---|---|---|---|
| Highly relevant | +{{ total_highlyRelevant_CAL }} | +{{ total_highlyRelevant_search }} | +{{ total_highlyRelevant_CAL|add:total_highlyRelevant_search }} | +
| Relevant | +{{ total_relevant_CAL }} | +{{ total_relevant_search }} | +{{ total_relevant_CAL|add:total_relevant_search }} | +
| Non relevant | +{{ total_nonrelevant_CAL }} | +{{ total_nonrelevant_search }} | +{{ total_nonrelevant_CAL|add:total_nonrelevant_search }} | +
-
+
-
- -
+ TREC topics
-- -
+
+ {% endif %}
+
+
+
+
-
{% endblock %}
diff --git a/HiCALWeb/hicalweb/progress/templates/progress/sessions.html b/HiCALWeb/hicalweb/progress/templates/progress/sessions.html
index 26a25e8..6b3408b 100644
--- a/HiCALWeb/hicalweb/progress/templates/progress/sessions.html
+++ b/HiCALWeb/hicalweb/progress/templates/progress/sessions.html
@@ -4,89 +4,57 @@
{% block pagetitle %}Sessions{% endblock %}
{% block extra_head %}
-
+
{% endblock %}
-
-{% block nav-header %}{% endblock %}
-{% block nav-right%}
-
-
- -
+ Create new topic
-- -
+
+
+
+
+
+
+
Create new topic
++
+
+
+
+
-
+
+
+
Here you can select one of your previously started sessions.
-{% endblock %} - - - {% block main %} -
-
-
-
{% endif %}
+
{% if not documents.items %}
Your sessions
- - {% if not tasks %} -Please create or select a topic
-There are currently no topic sessions..
- {% endif %} - - {% for task in tasks %} - {% if user.current_task == task.task_obj %} -
- {% else %}
-
- {% endif %}
-
-
-
-
- {% endfor %}
+
-
-
-
-
-
- {% if user.current_task == task.task_obj %} - - {% else %} - - {% endif %} - -
- Topic: {{ task.task_obj.topic.number }}
-Strategy: {{ task.task_obj.get_strategy_display }}
-Max Judgments (effort): {{ task.task_obj.max_number_of_judgments }}
-Show Full Document: {{ task.task_obj.show_full_document_content }}
-- {% if user.current_task == task.task_obj %} - - {% else %} - - {% endif %} - -
-
- Title: {{ task.task_obj.topic.title }}
-Description: {{ task.task_obj.topic.description }}
-Created at: {{ task.created_at }}
-
-
-
- Total judged: {{ task.total_judged }}
-Highly Rel: {{ task.total_highlyRelevant }}
-Rel: {{ task.total_relevant }}
-NonRel: {{ task.total_nonrelevant }}
-
+
").hide().fadeIn();
+ $("#doc_"+doc_id+"_card").removeClass(find_borders_css).addClass("border-left border-3 border-success");
}else if(non){
- $("#doc_"+doc_id+"_status").html("
+
{% endblock %}
diff --git a/HiCALWeb/hicalweb/search/templates/search/search.html b/HiCALWeb/hicalweb/search/templates/search/search.html
index f06b9ea..9a10962 100644
--- a/HiCALWeb/hicalweb/search/templates/search/search.html
+++ b/HiCALWeb/hicalweb/search/templates/search/search.html
@@ -3,67 +3,32 @@
{% block pagetitle %}Search{% endblock %}
-{% block nav-header %}{% endblock %}
-
-
-{% block help_modal_text %}
- Your sessions
+ {% if not tasks %} +Please create or select a topic
+There are currently no topic sessions..
+ {% endif %} + {% for task in tasks %} + {% if user.current_task == task.task_obj %} +
+ {% else %}
+
+
+ {% endif %}
+
+ {% endfor %}
+
-
-
+
+
+ {% if task.task_obj.topic.number %}
+ Topic#: {{ task.task_obj.topic.number }}
{% endif %} +Strategy: {{ task.task_obj.get_strategy_display }}
+Max Judgments (effort): {{ task.task_obj.max_number_of_judgments }}
+Show Full Document: {{ task.task_obj.show_full_document_content }}
+ {% if user.current_task == task.task_obj %} + + {% else %} + + {% endif %} + +
+
+ Title: {{ task.task_obj.topic.title }}
+ {% if task.task_obj.topic.description %}Description: {{ task.task_obj.topic.description }}
{% endif %} +Created at: {{ task.created_at }}
+
+
+ Total judged: {{ task.total_judged }}
+Highly Rel: {{ task.total_highlyRelevant }}
+Rel: {{ task.total_relevant }}
+NonRel: {{ task.total_nonrelevant }}
+This is the Interactive Search and Judging (ISJ) interface. - You can search for documents by submitting your query in the search box. - You can also select the number of documents to return.
- -Documents can be clicked to view their full content.
- -To judge a document, you can click on any of the judging buttons or use the keyboard shortcuts.
- +{% block navbar-center %} + {% endblock %} - {% block main %} -
-
-
-
-
- Search
-
-
-
-
-
+
-
-
-
-
-
-
+
+
+
{% endblock %}
{% block extra_scripts %}
-
@@ -297,14 +262,15 @@
+
+").hide().fadeIn();
+ $("#doc_"+doc_id+"_card").removeClass(find_borders_css).addClass("border-left border-3 border-danger");
}else if(relevant){
- $("#doc_"+doc_id+"_status").html("
").hide().fadeIn();
+ $("#doc_"+doc_id+"_card").removeClass(find_borders_css).addClass("border-left border-3 border-warning");
}
document.getElementById("isJudged_"+doc_id).style.display = "inherit";
}
diff --git a/HiCALWeb/hicalweb/search/templates/search/search_list.html b/HiCALWeb/hicalweb/search/templates/search/search_list.html
index 313c6ae..deeea5a 100644
--- a/HiCALWeb/hicalweb/search/templates/search/search_list.html
+++ b/HiCALWeb/hicalweb/search/templates/search/search_list.html
@@ -5,457 +5,446 @@
-
{% endif %}
+
{% if total_time %}
-{{ total_time }} seconds.
+{{ total_time }} seconds.
{% endif %}
+
{% for doc_id, document_values in documents.items %}
- - Your search - {{ query }} - did not match any documents.
-Suggestions:
--
-
- Make sure that all words are spelled correctly. -
- Try different keywords. -
- Try more general keywords. -
- Try fewer keywords.
+ Your search - {{ query }} - did not match any documents.
+Suggestions:
+-
+
- Make sure that all words are spelled correctly. +
- Try different keywords. +
- Try more general keywords. +
- Try fewer keywords. +
-
- {% if document_values.isJudged %}
- {% if document_values.relevance_judgment.highlyRelevant %}
-
-
-
-
- {% elif document_values.relevance_judgment.nonrelevant %}
-
-
-
- {% elif document_values.relevance_judgment.relevant %}
-
-
-
- {% endif %}
- {% endif %}
-
-
-
-
- {{ document_values.title|safe }}
- doc_id: {{ document_values.docno }}
-
{{ document_values.snippet|safe }}
-
-
-
+Document has been judged.
-
+
-
-
+
+
+
+ {{ document_values.title|safe }}
+ doc_id: {{ document_values.docno }}
+
{{ document_values.snippet|safe }}
+
+
+This document has been judged.
+
-
-
-
-
- Please wait... -
- + +
+
+
+ {% endfor %} diff --git a/HiCALWeb/hicalweb/static/css/project.css b/HiCALWeb/hicalweb/static/css/project.css index 964ef01..4e1f5e9 100644 --- a/HiCALWeb/hicalweb/static/css/project.css +++ b/HiCALWeb/hicalweb/static/css/project.css @@ -1,4 +1,3 @@ - /* * Base structure */ @@ -21,6 +20,10 @@ h1 { border-bottom: 1px solid #eee; } +.card-block { + padding: 1rem !important; +} + .mt-0-4 { margin-top: .4rem !important; } @@ -37,20 +40,17 @@ h1 { * Sidebar */ - .navbar.fixed-top { z-index: 100; min-height: 40px; } - -.nav-link:hover { - background-color: #e6e6e6; - +.border-3 { + border-width: 3px!important; } .sidebar .nav-link { - -webkit-transition: background-color .2s ease-out; + -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; @@ -62,9 +62,8 @@ h1 { } - .nav-link { - padding: .5em 0em; + padding: .5em 0em; } .sidebar-brand { @@ -72,15 +71,14 @@ h1 { color: #fff; } -.sidebar-brand:hover{ +.sidebar-brand:hover { background-color: #d2d5d7; } -a.sidebar-brand{ +a.sidebar-brand { color: #0275d8; } - .sidebar { position: fixed; top: 0px; @@ -120,7 +118,7 @@ a.sidebar-brand{ * Dashboard */ - /* Placeholders */ +/* Placeholders */ .placeholders { padding-bottom: 3rem; } @@ -167,179 +165,172 @@ a.sidebar-brand{ display: block !important; } - - -.center-text{ +.center-text { text-align: center; } - -.display-inline{ - display: inline; +.display-inline { + display: inline; } -.display-inline-flex{ - display: inline-flex; +.display-inline-flex { + display: inline-flex; } -.display-table-caption{ - display: table-caption; +.display-table-caption { + display: table-caption; } -.display-block{ - display: block; +.display-block { + display: block; } -.page-link{ - cursor: hand; +.page-link { + cursor: hand; } .right-border { - border-right: 2px solid #ccc; + border-right: 2px solid #ccc; } .right-margin { - margin-right: 40px; + margin-right: 40px; } .left-border { - border-left: 1px solid #ccc; + border-left: 1px solid #ccc; } .no-decoration, .no-decoration a, .no-decoration a:hover { - text-decoration: none; + text-decoration: none; } .small-shadow { - box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); } .no-border { - border: none; + border: none; } .small-border { - border: 1px solid rgba(0,0,0,.125); + border: 1px solid rgba(0, 0, 0, .125); } .small-radius { border-radius: 4px; } -.no-padding{ +.no-padding { padding: 0; } .left-padding { - padding-left: 2.0em; + padding-left: 2.0em; } .right-padding { - padding-right : 2.0em; -} - -.no-margin{ - margin: 0; + padding-right: 2.0em; } .left-margin { - margin-left: 1.0em; + margin-left: 1.0em; } .right-margin { - margin-right: 1.0em; + margin-right: 1.0em; } .extra-left-margin { - margin-left: 2.0em; + margin-left: 2.0em; } .extra-right-margin { - margin-right: 2.0em; + margin-right: 2.0em; } .top-margin { - margin-top: 1.0rem; + margin-top: 1.0rem; } .extra-top-margin { - margin-top: 2.0rem; + margin-top: 2.0rem; } .double-extra-top-margin { - margin-top: 7.0rem; + margin-top: 7.0rem; } .bottom-margin { - margin-bottom: 1.0rem; + margin-bottom: 1.0rem; } .extra-bottom-margin { - margin-bottom: 2.0rem; + margin-bottom: 2.0rem; } .double-extra-bottom-margin { - margin-bottom: 7.0rem; + margin-bottom: 7.0rem; } .top-bottom-margin { - margin: 1.0rem 0; + margin: 1.0rem 0; } .extra-top-bottom-margin { - margin: 2.0rem 0; + margin: 2.0rem 0; } .double-extra-top-bottom-margin { - margin: 7.0rem 0; + margin: 7.0rem 0; } .triple-extra-top-bottom-margin { - margin: 10.0rem 0; + margin: 10.0rem 0; } .little-padding { - padding: 2.0rem; + padding: 2.0rem; } .extra-padding { - padding: 3.0rem; + padding: 3.0rem; } .extra-padding-left-right { - padding: 0 4.0rem; + padding: 0 4.0rem; } .double-extra-padding { - padding: 7.0rem; + padding: 7.0rem; } .double-extra-padding-left-right { - padding: 0 7.0rem; + padding: 0 7.0rem; } .double-extra-padding-both-side { - padding: 9.0rem 7rem; + padding: 9.0rem 7rem; } .center-text { - text-align: center; + text-align: center; } .align-left { - text-align: left; + text-align: left; } .align-right { - text-align: right; + text-align: right; } .vcenter { - display: inline-block; - vertical-align: middle; - float: none; + display: inline-block; + vertical-align: middle; + float: none; } .display-5 { @@ -348,13 +339,13 @@ a.sidebar-brand{ } .light-gray-text { - color: #cdcdcd; + color: #cdcdcd; } .light-gray-text a, .gray-text a { - color: inherit; - text-decoration: none; + color: inherit; + text-decoration: none; } @@ -362,290 +353,286 @@ a.sidebar-brand{ .light-gray-text a:hover, .gray-text a:focus, .gray-text a:hover { - color: #787878; - text-decoration: none; + color: #787878; + text-decoration: none; } .gray-text { - color: #888; + color: #888; } .gray-background { - background-color: #ccc; + background-color: #ccc; } .light-gray-background { - background-color: #fafafa; + background-color: #fafafa; } .almost-white-background { - background-color: #FBFBFB; + background-color: #FBFBFB; } .text-overflow { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } .borderless td, .borderless th { - border: none; + border: none; } table.vertical-align > tbody > tr > td { - vertical-align: middle; + vertical-align: middle; } .border-bottom { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #eee; } .form-information h1, .form-information h2, .form-information h3, .form-information h4 { - color: #0275d8; + color: #0275d8; } -.form-information p{ - color: #888; +.form-information p { + color: #888; } .right-corner-button { - position: absolute; - top: 0; - right: 0; - padding: 3px 5px 3px 8px; - border-radius: 0 3px 0 3px; - border-left: 1px solid #ccc; - border-bottom: 1px solid #ccc; + position: absolute; + top: 0; + right: 0; + padding: 3px 5px 3px 8px; + border-radius: 0 3px 0 3px; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; } .right-corner-button:hover { - background-color: #888888; - border: none; - color: white; + background-color: #888888; + border: none; + color: white; } .features-container .feature-icon { - text-align: center; + text-align: center; } .borderd-circle { - padding: 2px; - border: 1px solid rgba(2, 117, 216, .5); + padding: 2px; + border: 1px solid rgba(2, 117, 216, .5); } .btn-circle { - width: 85px; - height: 85px; - text-align: center; - padding: 15px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 50%; + width: 85px; + height: 85px; + text-align: center; + padding: 15px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 50%; } .btn-primary-bordered { - color: #0275d8; - background-color: #fff; - border: 5px solid #0275d8; + color: #0275d8; + background-color: #fff; + border: 5px solid #0275d8; } .btn-primary-bordered:hover { - color: #fff; - background-color: #0275d8; + color: #fff; + background-color: #0275d8; } .btn-primary-bordered.active { - color: #fff; - background-color: #0275d8; + color: #fff; + background-color: #0275d8; } - .btn-primary-bordered-inverse { - color: #fff; - background-color: #0275d8; - border: 5px solid #fff; + color: #fff; + background-color: #0275d8; + border: 5px solid #fff; } .btn-primary-bordered-inverse:hover { - color: #0275d8; - background-color: #fff; + color: #0275d8; + background-color: #fff; } .btn-primary-bordered-inverse.active { - color: #0275d8; - background-color: #fff; + color: #0275d8; + background-color: #fff; } - input.date-radio-button[type="radio"] { - display: none; + display: none; } input.date-radio-button[type="radio"]:checked { - color: #fff; - background-color: #0275d8; + color: #fff; + background-color: #0275d8; } .used-by-slider-items { - padding: 20px 0; + padding: 20px 0; } .btn-circle-strong { - display: block; - font-size: large; + display: block; + font-size: large; } .date-circle .day { - display: block; - margin: 10px 0; + display: block; + margin: 10px 0; } .normal-cursor { - cursor: wait; + cursor: wait; } .navButton { - font-size: 4em; - cursor: pointer; + font-size: 4em; + cursor: pointer; } .small-navButton { - font-size: 2.5em; - cursor: pointer; + font-size: 2.5em; + cursor: pointer; } .prevDateButton { - margin-top: -50px; + margin-top: -50px; } .nextDateButton { - margin-top: -50px; + margin-top: -50px; } .font-montserrat { - font-family: 'Montserrat', sans-serif; + font-family: 'Montserrat', sans-serif; } .font-open-sans { - font-family: 'Open Sans', sans-serif; + font-family: 'Open Sans', sans-serif; } - -.font-sans{ - font-family: sans-serif; +.font-sans { + font-family: sans-serif; } .bold { - font-weight: bold; + font-weight: bold; } .thin { - font-weight: 200; + font-weight: 200; } -.nav-bar-padding{ +.nav-bar-padding { padding: 0rem 1rem 0rem 4rem; } -.nav-link{ - transition-duration: 0.3s; - transition-property: color; - text-decoration: none; +.nav-link { + transition-duration: 0.3s; + transition-property: color; + text-decoration: none; } .nav-justified { - width: 100%; - border-bottom: 0; + width: 100%; + border-bottom: 0; } .nav-justified .nav-item { - float: none; + float: none; } .nav-justified .nav-link { - text-align: center; - margin-bottom: 5px; + text-align: center; + margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; + top: auto; + left: auto; } @media (min-width: 544px) { - .nav-justified .nav-item { - display: table-cell; - width: 1%; - } + .nav-justified .nav-item { + display: table-cell; + width: 1%; + } - .nav-justified .nav-link { - margin-bottom: 0; - } + .nav-justified .nav-link { + margin-bottom: 0; + } } .nav-justified .nav-link { - margin-right: 0; - border-radius: 0.25rem; + margin-right: 0; + border-radius: 0.25rem; } .nav-justified .nav-link.active, .nav-justified .nav-link.active:hover, .nav-justified .nav-link.active:focus { - border: none; + border: none; } @media (min-width: 544px) { - .nav-justified .nav-link { - border-radius: 0.25rem; - } + .nav-justified .nav-link { + border-radius: 0.25rem; + } - .nav-justified .nav-link.active, - .nav-justified .nav-link.active:hover, - .nav-justified .nav-link.active:focus { + .nav-justified .nav-link.active, + .nav-justified .nav-link.active:hover, + .nav-justified .nav-link.active:focus { - } + } } .colorRadioLabel { - margin-bottom: 0px; + margin-bottom: 0px; } input[type=text], input[type=password], input[type=radio], -input[type=checkbox]{ - transition-duration: .3s; +input[type=checkbox] { + transition-duration: .3s; } - input[type=radio].with-font { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } input[type=radio].with-font ~ label:before { - font-family: FontAwesome; - display: inline-block; - content: "\f111"; - letter-spacing: 10px; - font-size: 1.5em; - width: 1.7em; + font-family: FontAwesome; + display: inline-block; + content: "\f111"; + letter-spacing: 10px; + font-size: 1.5em; + width: 1.7em; } input[type=radio].with-font:checked ~ label:before { - content: '\f058'; - font-size: 1.5em; - letter-spacing: 5px; + content: '\f058'; + font-size: 1.5em; + letter-spacing: 5px; } input[type=radio].with-font:focus ~ label:before, @@ -655,30 +642,29 @@ input[type=radio].with-font:focus ~ label { .tooltip.bs-tether-element-attached-left .tooltip-inner::before, .tooltip.tooltip-right .tooltip-inner::before { - display: none; + display: none; } a.dropdown-item { - cursor: pointer; + cursor: pointer; } .vsmall { - font-size: 65% + font-size: 65% } .vvsmall { - font-size: 85% + font-size: 85% } .vbig { - font-size: 2em; + font-size: 2em; } .vvbig { - font-size: 185%; + font-size: 185%; } - @media (min-width: 768px) { .col-md-0-5 { -webkit-box-flex: 0; @@ -687,91 +673,91 @@ a.dropdown-item { flex: 0 0 3.333333%; max-width: 3.333333%; } + .offset-md-0-5 { margin-left: 3.333333%; } } - - .document { - padding: 10px 10px; - margin: 5px 0px 5px 10px; - max-width: 600px; - min-height: 100px; + padding: 10px 10px; + margin: 5px 0px 5px 10px; + max-width: 600px; + min-height: 100px; } -.document:hover{ - background-color: #F5F5F5; +.document:hover { + background-color: #F5F5F5; } -.document .title{ - color: #2735D4; - font-size: 18px; +.document .title { + color: #001ba0; + font-size: 18px; } -.document .purple-title{ - color: #600090; - font-size: 18px; +.document .purple-title { + color: #600090; + font-size: 18px; } .document .url{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; - color: #009030; + color: #006d21; } .document .snippet{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; - color: black; + color: #545454; } .document .snippet strong{ color: black; } -.document-cal{ - font-family: georgia,"times new roman",times,serif; +.document-cal { + font-family: georgia, "times new roman", times, serif; } .sidebar-nav-fixed { position: fixed; } - .bg-faded { background-color: #F5F8FA; } .btn-success, .bg-success, .badge-success { - background-color: #13ce66!important; - border-color: #13ce66; + background-color: #13ce66 !important; + border-color: #13ce66; } .btn-warning, .bg-warning, .badge-warning { - background-color: #ffc82c!important; - border-color: #ffc82c; + background-color: #ffc82c !important; + border-color: #ffc82c; } -.btn-danger, .bg-danger , .badge-danger { - background-color: #ff4949!important; +.btn-danger, .bg-danger, .badge-danger { + background-color: #ff4949 !important; border-color: #ff4949; } - .text-primary { - color: #6190e8!important; + color: #6190e8 !important; } + .text-danger { - color: #ff4949!important; + color: #ff4949 !important; } + .text-warning { - color: #ffc82c!important; + color: #ffc82c !important; } + .text-success { - color: #13ce66!important; + color: #13ce66 !important; } mark { @@ -785,21 +771,20 @@ mark.current { .judged_doc_title_nonrelevant { border-left: 5px solid #ff4949; - padding-left: 1.25rem!important; + padding-left: 1.25rem !important; } .judged_doc_title_relevant { border-left: 5px solid #ffc82c; - padding-left: 1.25rem!important; + padding-left: 1.25rem !important; } .judged_doc_title_highly_relevant { border-left: 5px solid #13ce66; - padding-left: 1.25rem!important; + padding-left: 1.25rem !important; } - -.cal-search{ +.cal-search { display: inline-flex; } @@ -811,9 +796,125 @@ mark.current { border-radius: 3px; } - @media (min-width: 992px) { .modal-xlg { max-width: 1200px; } } + +.btn:focus { + outline: none; + box-shadow: none; +} + +/* PACE CSS */ +.pace { + -webkit-pointer-events: none; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #6c757d; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 95%; + right: 15px; + width: 24px; + height: 24px; + border: solid 2px transparent; + border-top-color: #6c757d; + border-left-color: #6c757d; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; +} + +@-webkit-keyframes pace-spinner { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-moz-keyframes pace-spinner { + 0% { + -moz-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-o-keyframes pace-spinner { + 0% { + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-ms-keyframes pace-spinner { + 0% { + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes pace-spinner { + 0% { + transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + transform: rotate(360deg); + } +} diff --git a/HiCALWeb/hicalweb/static/images/hicalsmall.png b/HiCALWeb/hicalweb/static/images/hicalsmall.png new file mode 100644 index 0000000..8dcb362 Binary files /dev/null and b/HiCALWeb/hicalweb/static/images/hicalsmall.png differ diff --git a/HiCALWeb/hicalweb/static/js/pace.min.js b/HiCALWeb/hicalweb/static/js/pace.min.js new file mode 100644 index 0000000..c47d6e5 --- /dev/null +++ b/HiCALWeb/hicalweb/static/js/pace.min.js @@ -0,0 +1,2 @@ +/*! pace 1.0.0 */ +(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X=[].slice,Y={}.hasOwnProperty,Z=function(a,b){function c(){this.constructor=a}for(var d in b)Y.call(b,d)&&(a[d]=b[d]);return c.prototype=b.prototype,a.prototype=new c,a.__super__=b.prototype,a},$=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};for(u={catchupTime:100,initialRate:.03,minTime:250,ghostTime:100,maxProgressPerFrame:20,easeFactor:1.25,startOnPageLoad:!0,restartOnPushState:!0,restartOnRequestAfter:500,target:"body",elements:{checkInterval:100,selectors:["body"]},eventLag:{minSamples:10,sampleCount:3,lagThreshold:3},ajax:{trackMethods:["GET"],trackWebSockets:!0,ignoreURLs:[]}},C=function(){var a;return null!=(a="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?a:+new Date},E=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,t=window.cancelAnimationFrame||window.mozCancelAnimationFrame,null==E&&(E=function(a){return setTimeout(a,50)},t=function(a){return clearTimeout(a)}),G=function(a){var b,c;return b=C(),(c=function(){var d;return d=C()-b,d>=33?(b=C(),a(d,function(){return E(c)})):setTimeout(c,33-d)})()},F=function(){var a,b,c;return c=arguments[0],b=arguments[1],a=3<=arguments.length?X.call(arguments,2):[],"function"==typeof c[b]?c[b].apply(c,a):c[b]},v=function(){var a,b,c,d,e,f,g;for(b=arguments[0],d=2<=arguments.length?X.call(arguments,1):[],f=0,g=d.length;g>f;f++)if(c=d[f])for(a in c)Y.call(c,a)&&(e=c[a],null!=b[a]&&"object"==typeof b[a]&&null!=e&&"object"==typeof e?v(b[a],e):b[a]=e);return b},q=function(a){var b,c,d,e,f;for(c=b=0,e=0,f=a.length;f>e;e++)d=a[e],c+=Math.abs(d),b++;return c/b},x=function(a,b){var c,d,e;if(null==a&&(a="options"),null==b&&(b=!0),e=document.querySelector("[data-pace-"+a+"]")){if(c=e.getAttribute("data-pace-"+a),!b)return c;try{return JSON.parse(c)}catch(f){return d=f,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",d):void 0}}},g=function(){function a(){}return a.prototype.on=function(a,b,c,d){var e;return null==d&&(d=!1),null==this.bindings&&(this.bindings={}),null==(e=this.bindings)[a]&&(e[a]=[]),this.bindings[a].push({handler:b,ctx:c,once:d})},a.prototype.once=function(a,b,c){return this.on(a,b,c,!0)},a.prototype.off=function(a,b){var c,d,e;if(null!=(null!=(d=this.bindings)?d[a]:void 0)){if(null==b)return delete this.bindings[a];for(c=0,e=[];cQ;Q++)K=U[Q],D[K]===!0&&(D[K]=u[K]);i=function(a){function b(){return V=b.__super__.constructor.apply(this,arguments)}return Z(b,a),b}(Error),b=function(){function a(){this.progress=0}return a.prototype.getElement=function(){var a;if(null==this.el){if(a=document.querySelector(D.target),!a)throw new i;this.el=document.createElement("div"),this.el.className="pace pace-active",document.body.className=document.body.className.replace(/pace-done/g,""),document.body.className+=" pace-running",this.el.innerHTML='=100&&(this.done=!0),b===this.last?this.sinceLastUpdate+=a:(this.sinceLastUpdate&&(this.rate=(b-this.last)/this.sinceLastUpdate),this.catchup=(b-this.progress)/D.catchupTime,this.sinceLastUpdate=0,this.last=b),b>this.progress&&(this.progress+=this.catchup*a),c=1-Math.pow(this.progress/100,D.easeFactor),this.progress+=c*this.rate*a,this.progress=Math.min(this.lastProgress+D.maxProgressPerFrame,this.progress),this.progress=Math.max(0,this.progress),this.progress=Math.min(100,this.progress),this.lastProgress=this.progress,this.progress},a}(),L=null,H=null,r=null,M=null,p=null,s=null,j.running=!1,z=function(){return D.restartOnPushState?j.restart():void 0},null!=window.history.pushState&&(T=window.history.pushState,window.history.pushState=function(){return z(),T.apply(window.history,arguments)}),null!=window.history.replaceState&&(W=window.history.replaceState,window.history.replaceState=function(){return z(),W.apply(window.history,arguments)}),l={ajax:a,elements:d,document:c,eventLag:f},(B=function(){var a,c,d,e,f,g,h,i;for(j.sources=L=[],g=["ajax","elements","document","eventLag"],c=0,e=g.length;e>c;c++)a=g[c],D[a]!==!1&&L.push(new l[a](D[a]));for(i=null!=(h=D.extraSources)?h:[],d=0,f=i.length;f>d;d++)K=i[d],L.push(new K(D));return j.bar=r=new b,H=[],M=new m})(),j.stop=function(){return j.trigger("stop"),j.running=!1,r.destroy(),s=!0,null!=p&&("function"==typeof t&&t(p),p=null),B()},j.restart=function(){return j.trigger("restart"),j.stop(),j.start()},j.go=function(){var a;return j.running=!0,r.render(),a=C(),s=!1,p=G(function(b,c){var d,e,f,g,h,i,k,l,n,o,p,q,t,u,v,w;for(l=100-r.progress,e=p=0,f=!0,i=q=0,u=L.length;u>q;i=++q)for(K=L[i],o=null!=H[i]?H[i]:H[i]=[],h=null!=(w=K.elements)?w:[K],k=t=0,v=h.length;v>t;k=++t)g=h[k],n=null!=o[k]?o[k]:o[k]=new m(g),f&=n.done,n.done||(e++,p+=n.tick(b));return d=p/e,r.update(M.tick(b,d)),r.done()||f||s?(r.update(100),j.trigger("done"),setTimeout(function(){return r.finish(),j.running=!1,j.trigger("hide")},Math.max(D.ghostTime,Math.max(D.minTime-(C()-a),0)))):c()})},j.start=function(a){v(D,a),j.running=!0;try{r.render()}catch(b){i=b}return document.querySelector(".pace")?(j.trigger("start"),j.go()):setTimeout(j.start,50)},"function"==typeof define&&define.amd?define(function(){return j}):"object"==typeof exports?module.exports=j:D.startOnPageLoad&&j.start()}).call(this);
\ No newline at end of file
diff --git a/HiCALWeb/hicalweb/static/js/popper.min.js b/HiCALWeb/hicalweb/static/js/popper.min.js
new file mode 100644
index 0000000..79ccbf5
--- /dev/null
+++ b/HiCALWeb/hicalweb/static/js/popper.min.js
@@ -0,0 +1,5 @@
+/*
+ Copyright (C) Federico Zivolo 2018
+ Distributed under the MIT License (license terms are at http://opensource.org/licenses/MIT).
+ */(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.Popper=t()})(this,function(){'use strict';function e(e){return e&&'[object Function]'==={}.toString.call(e)}function t(e,t){if(1!==e.nodeType)return[];var o=getComputedStyle(e,null);return t?o[t]:o}function o(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function n(e){if(!e)return document.body;switch(e.nodeName){case'HTML':case'BODY':return e.ownerDocument.body;case'#document':return e.body;}var i=t(e),r=i.overflow,p=i.overflowX,s=i.overflowY;return /(auto|scroll|overlay)/.test(r+s+p)?e:n(o(e))}function r(e){return 11===e?re:10===e?pe:re||pe}function p(e){if(!e)return document.documentElement;for(var o=r(10)?document.body:null,n=e.offsetParent;n===o&&e.nextElementSibling;)n=(e=e.nextElementSibling).offsetParent;var i=n&&n.nodeName;return i&&'BODY'!==i&&'HTML'!==i?-1!==['TD','TABLE'].indexOf(n.nodeName)&&'static'===t(n,'position')?p(n):n:e?e.ownerDocument.documentElement:document.documentElement}function s(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||p(e.firstElementChild)===e)}function d(e){return null===e.parentNode?e:d(e.parentNode)}function a(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,n=o?e:t,i=o?t:e,r=document.createRange();r.setStart(n,0),r.setEnd(i,0);var l=r.commonAncestorContainer;if(e!==l&&t!==l||n.contains(i))return s(l)?l:p(l);var f=d(e);return f.host?a(f.host,t):a(e,d(t).host)}function l(e){var t=1=o.clientWidth&&n>=o.clientHeight}),l=0a[e]&&!t.escapeWithReference&&(n=J(f[o],a[e]-('right'===e?f.width:f.height))),ae({},o,n)}};return l.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';f=le({},f,m[t](e))}),e.offsets.popper=f,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,o=t.popper,n=t.reference,i=e.placement.split('-')[0],r=Z,p=-1!==['top','bottom'].indexOf(i),s=p?'right':'bottom',d=p?'left':'top',a=p?'width':'height';return o[s]r(n[s])&&(e.offsets.popper[d]=r(n[s])),e}},arrow:{order:500,enabled:!0,fn:function(e,o){var n;if(!q(e.instance.modifiers,'arrow','keepTogether'))return e;var i=o.element;if('string'==typeof i){if(i=e.instance.popper.querySelector(i),!i)return e;}else if(!e.instance.popper.contains(i))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var r=e.placement.split('-')[0],p=e.offsets,s=p.popper,d=p.reference,a=-1!==['left','right'].indexOf(r),l=a?'height':'width',f=a?'Top':'Left',m=f.toLowerCase(),h=a?'left':'top',c=a?'bottom':'right',u=S(i)[l];d[c]-us[c]&&(e.offsets.popper[m]+=d[m]+u-s[c]),e.offsets.popper=g(e.offsets.popper);var b=d[m]+d[l]/2-u/2,y=t(e.instance.popper),w=parseFloat(y['margin'+f],10),E=parseFloat(y['border'+f+'Width'],10),v=b-e.offsets.popper[m]-w-E;return v=$(J(s[l]-u,v),0),e.arrowElement=i,e.offsets.arrow=(n={},ae(n,m,Q(v)),ae(n,h,''),n),e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(W(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=v(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement,e.positionFixed),n=e.placement.split('-')[0],i=T(n),r=e.placement.split('-')[1]||'',p=[];switch(t.behavior){case he.FLIP:p=[n,i];break;case he.CLOCKWISE:p=z(n);break;case he.COUNTERCLOCKWISE:p=z(n,!0);break;default:p=t.behavior;}return p.forEach(function(s,d){if(n!==s||p.length===d+1)return e;n=e.placement.split('-')[0],i=T(n);var a=e.offsets.popper,l=e.offsets.reference,f=Z,m='left'===n&&f(a.right)>f(l.left)||'right'===n&&f(a.left)f(l.top)||'bottom'===n&&f(a.top)f(o.right),g=f(a.top)f(o.bottom),b='left'===n&&h||'right'===n&&c||'top'===n&&g||'bottom'===n&&u,y=-1!==['top','bottom'].indexOf(n),w=!!t.flipVariations&&(y&&'start'===r&&h||y&&'end'===r&&c||!y&&'start'===r&&g||!y&&'end'===r&&u);(m||b||w)&&(e.flipped=!0,(m||b)&&(n=p[d+1]),w&&(r=G(r)),e.placement=n+(r?'-'+r:''),e.offsets.popper=le({},e.offsets.popper,C(e.instance.popper,e.offsets.reference,e.placement)),e=P(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,o=t.split('-')[0],n=e.offsets,i=n.popper,r=n.reference,p=-1!==['left','right'].indexOf(o),s=-1===['top','left'].indexOf(o);return i[p?'left':'top']=r[o]-(s?i[p?'width':'height']:0),e.placement=T(t),e.offsets.popper=g(i),e}},hide:{order:800,enabled:!0,fn:function(e){if(!q(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,o=D(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottomo.right||t.top>o.bottom||t.right
- {% trans "Click here to practice" %}
-
-{% endblock %}
{% block main %}
{% block inner %}
-{% block help_modal_text %}
-{% endblock %}
-
-
-
+
-
+ // fake an updated on the ctrl+f search bar to update
+ $("#search_content_doc_{{ document_values.docno }}").trigger("updated");
+ updateMatchesLists();
+ console.log("Model has been shown");
+ isModalOpen = true;
+ currentOpenedModalDocId = '{{ document_values.docno }}';
+ });
+
-
-
-
+
+ + Please wait... +
+ +
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
-
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Fetching document content. Please wait..
-
+
+
+
+
+ Fetching document content. Please wait..
+
-
-
+
+
+
+
+
+
+
+ Judge document:
+
+
+
+
+
+
+
+
- Keyboard shortcuts:
+
+
+
+ s
+
+
+ Mark as non-relevant
+
+
+
+
+
+ r
+
+
+ Mark as relevant
+
+
+
+
+
+ h
+
+
+ Mark as highly relevant
+
+
+
+
+
+ {% endfor %} diff --git a/HiCALWeb/hicalweb/static/css/project.css b/HiCALWeb/hicalweb/static/css/project.css index 964ef01..4e1f5e9 100644 --- a/HiCALWeb/hicalweb/static/css/project.css +++ b/HiCALWeb/hicalweb/static/css/project.css @@ -1,4 +1,3 @@ - /* * Base structure */ @@ -21,6 +20,10 @@ h1 { border-bottom: 1px solid #eee; } +.card-block { + padding: 1rem !important; +} + .mt-0-4 { margin-top: .4rem !important; } @@ -37,20 +40,17 @@ h1 { * Sidebar */ - .navbar.fixed-top { z-index: 100; min-height: 40px; } - -.nav-link:hover { - background-color: #e6e6e6; - +.border-3 { + border-width: 3px!important; } .sidebar .nav-link { - -webkit-transition: background-color .2s ease-out; + -webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; @@ -62,9 +62,8 @@ h1 { } - .nav-link { - padding: .5em 0em; + padding: .5em 0em; } .sidebar-brand { @@ -72,15 +71,14 @@ h1 { color: #fff; } -.sidebar-brand:hover{ +.sidebar-brand:hover { background-color: #d2d5d7; } -a.sidebar-brand{ +a.sidebar-brand { color: #0275d8; } - .sidebar { position: fixed; top: 0px; @@ -120,7 +118,7 @@ a.sidebar-brand{ * Dashboard */ - /* Placeholders */ +/* Placeholders */ .placeholders { padding-bottom: 3rem; } @@ -167,179 +165,172 @@ a.sidebar-brand{ display: block !important; } - - -.center-text{ +.center-text { text-align: center; } - -.display-inline{ - display: inline; +.display-inline { + display: inline; } -.display-inline-flex{ - display: inline-flex; +.display-inline-flex { + display: inline-flex; } -.display-table-caption{ - display: table-caption; +.display-table-caption { + display: table-caption; } -.display-block{ - display: block; +.display-block { + display: block; } -.page-link{ - cursor: hand; +.page-link { + cursor: hand; } .right-border { - border-right: 2px solid #ccc; + border-right: 2px solid #ccc; } .right-margin { - margin-right: 40px; + margin-right: 40px; } .left-border { - border-left: 1px solid #ccc; + border-left: 1px solid #ccc; } .no-decoration, .no-decoration a, .no-decoration a:hover { - text-decoration: none; + text-decoration: none; } .small-shadow { - box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); } .no-border { - border: none; + border: none; } .small-border { - border: 1px solid rgba(0,0,0,.125); + border: 1px solid rgba(0, 0, 0, .125); } .small-radius { border-radius: 4px; } -.no-padding{ +.no-padding { padding: 0; } .left-padding { - padding-left: 2.0em; + padding-left: 2.0em; } .right-padding { - padding-right : 2.0em; -} - -.no-margin{ - margin: 0; + padding-right: 2.0em; } .left-margin { - margin-left: 1.0em; + margin-left: 1.0em; } .right-margin { - margin-right: 1.0em; + margin-right: 1.0em; } .extra-left-margin { - margin-left: 2.0em; + margin-left: 2.0em; } .extra-right-margin { - margin-right: 2.0em; + margin-right: 2.0em; } .top-margin { - margin-top: 1.0rem; + margin-top: 1.0rem; } .extra-top-margin { - margin-top: 2.0rem; + margin-top: 2.0rem; } .double-extra-top-margin { - margin-top: 7.0rem; + margin-top: 7.0rem; } .bottom-margin { - margin-bottom: 1.0rem; + margin-bottom: 1.0rem; } .extra-bottom-margin { - margin-bottom: 2.0rem; + margin-bottom: 2.0rem; } .double-extra-bottom-margin { - margin-bottom: 7.0rem; + margin-bottom: 7.0rem; } .top-bottom-margin { - margin: 1.0rem 0; + margin: 1.0rem 0; } .extra-top-bottom-margin { - margin: 2.0rem 0; + margin: 2.0rem 0; } .double-extra-top-bottom-margin { - margin: 7.0rem 0; + margin: 7.0rem 0; } .triple-extra-top-bottom-margin { - margin: 10.0rem 0; + margin: 10.0rem 0; } .little-padding { - padding: 2.0rem; + padding: 2.0rem; } .extra-padding { - padding: 3.0rem; + padding: 3.0rem; } .extra-padding-left-right { - padding: 0 4.0rem; + padding: 0 4.0rem; } .double-extra-padding { - padding: 7.0rem; + padding: 7.0rem; } .double-extra-padding-left-right { - padding: 0 7.0rem; + padding: 0 7.0rem; } .double-extra-padding-both-side { - padding: 9.0rem 7rem; + padding: 9.0rem 7rem; } .center-text { - text-align: center; + text-align: center; } .align-left { - text-align: left; + text-align: left; } .align-right { - text-align: right; + text-align: right; } .vcenter { - display: inline-block; - vertical-align: middle; - float: none; + display: inline-block; + vertical-align: middle; + float: none; } .display-5 { @@ -348,13 +339,13 @@ a.sidebar-brand{ } .light-gray-text { - color: #cdcdcd; + color: #cdcdcd; } .light-gray-text a, .gray-text a { - color: inherit; - text-decoration: none; + color: inherit; + text-decoration: none; } @@ -362,290 +353,286 @@ a.sidebar-brand{ .light-gray-text a:hover, .gray-text a:focus, .gray-text a:hover { - color: #787878; - text-decoration: none; + color: #787878; + text-decoration: none; } .gray-text { - color: #888; + color: #888; } .gray-background { - background-color: #ccc; + background-color: #ccc; } .light-gray-background { - background-color: #fafafa; + background-color: #fafafa; } .almost-white-background { - background-color: #FBFBFB; + background-color: #FBFBFB; } .text-overflow { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } .borderless td, .borderless th { - border: none; + border: none; } table.vertical-align > tbody > tr > td { - vertical-align: middle; + vertical-align: middle; } .border-bottom { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #eee; } .form-information h1, .form-information h2, .form-information h3, .form-information h4 { - color: #0275d8; + color: #0275d8; } -.form-information p{ - color: #888; +.form-information p { + color: #888; } .right-corner-button { - position: absolute; - top: 0; - right: 0; - padding: 3px 5px 3px 8px; - border-radius: 0 3px 0 3px; - border-left: 1px solid #ccc; - border-bottom: 1px solid #ccc; + position: absolute; + top: 0; + right: 0; + padding: 3px 5px 3px 8px; + border-radius: 0 3px 0 3px; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; } .right-corner-button:hover { - background-color: #888888; - border: none; - color: white; + background-color: #888888; + border: none; + color: white; } .features-container .feature-icon { - text-align: center; + text-align: center; } .borderd-circle { - padding: 2px; - border: 1px solid rgba(2, 117, 216, .5); + padding: 2px; + border: 1px solid rgba(2, 117, 216, .5); } .btn-circle { - width: 85px; - height: 85px; - text-align: center; - padding: 15px 0; - font-size: 12px; - line-height: 1.428571429; - border-radius: 50%; + width: 85px; + height: 85px; + text-align: center; + padding: 15px 0; + font-size: 12px; + line-height: 1.428571429; + border-radius: 50%; } .btn-primary-bordered { - color: #0275d8; - background-color: #fff; - border: 5px solid #0275d8; + color: #0275d8; + background-color: #fff; + border: 5px solid #0275d8; } .btn-primary-bordered:hover { - color: #fff; - background-color: #0275d8; + color: #fff; + background-color: #0275d8; } .btn-primary-bordered.active { - color: #fff; - background-color: #0275d8; + color: #fff; + background-color: #0275d8; } - .btn-primary-bordered-inverse { - color: #fff; - background-color: #0275d8; - border: 5px solid #fff; + color: #fff; + background-color: #0275d8; + border: 5px solid #fff; } .btn-primary-bordered-inverse:hover { - color: #0275d8; - background-color: #fff; + color: #0275d8; + background-color: #fff; } .btn-primary-bordered-inverse.active { - color: #0275d8; - background-color: #fff; + color: #0275d8; + background-color: #fff; } - input.date-radio-button[type="radio"] { - display: none; + display: none; } input.date-radio-button[type="radio"]:checked { - color: #fff; - background-color: #0275d8; + color: #fff; + background-color: #0275d8; } .used-by-slider-items { - padding: 20px 0; + padding: 20px 0; } .btn-circle-strong { - display: block; - font-size: large; + display: block; + font-size: large; } .date-circle .day { - display: block; - margin: 10px 0; + display: block; + margin: 10px 0; } .normal-cursor { - cursor: wait; + cursor: wait; } .navButton { - font-size: 4em; - cursor: pointer; + font-size: 4em; + cursor: pointer; } .small-navButton { - font-size: 2.5em; - cursor: pointer; + font-size: 2.5em; + cursor: pointer; } .prevDateButton { - margin-top: -50px; + margin-top: -50px; } .nextDateButton { - margin-top: -50px; + margin-top: -50px; } .font-montserrat { - font-family: 'Montserrat', sans-serif; + font-family: 'Montserrat', sans-serif; } .font-open-sans { - font-family: 'Open Sans', sans-serif; + font-family: 'Open Sans', sans-serif; } - -.font-sans{ - font-family: sans-serif; +.font-sans { + font-family: sans-serif; } .bold { - font-weight: bold; + font-weight: bold; } .thin { - font-weight: 200; + font-weight: 200; } -.nav-bar-padding{ +.nav-bar-padding { padding: 0rem 1rem 0rem 4rem; } -.nav-link{ - transition-duration: 0.3s; - transition-property: color; - text-decoration: none; +.nav-link { + transition-duration: 0.3s; + transition-property: color; + text-decoration: none; } .nav-justified { - width: 100%; - border-bottom: 0; + width: 100%; + border-bottom: 0; } .nav-justified .nav-item { - float: none; + float: none; } .nav-justified .nav-link { - text-align: center; - margin-bottom: 5px; + text-align: center; + margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; + top: auto; + left: auto; } @media (min-width: 544px) { - .nav-justified .nav-item { - display: table-cell; - width: 1%; - } + .nav-justified .nav-item { + display: table-cell; + width: 1%; + } - .nav-justified .nav-link { - margin-bottom: 0; - } + .nav-justified .nav-link { + margin-bottom: 0; + } } .nav-justified .nav-link { - margin-right: 0; - border-radius: 0.25rem; + margin-right: 0; + border-radius: 0.25rem; } .nav-justified .nav-link.active, .nav-justified .nav-link.active:hover, .nav-justified .nav-link.active:focus { - border: none; + border: none; } @media (min-width: 544px) { - .nav-justified .nav-link { - border-radius: 0.25rem; - } + .nav-justified .nav-link { + border-radius: 0.25rem; + } - .nav-justified .nav-link.active, - .nav-justified .nav-link.active:hover, - .nav-justified .nav-link.active:focus { + .nav-justified .nav-link.active, + .nav-justified .nav-link.active:hover, + .nav-justified .nav-link.active:focus { - } + } } .colorRadioLabel { - margin-bottom: 0px; + margin-bottom: 0px; } input[type=text], input[type=password], input[type=radio], -input[type=checkbox]{ - transition-duration: .3s; +input[type=checkbox] { + transition-duration: .3s; } - input[type=radio].with-font { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } input[type=radio].with-font ~ label:before { - font-family: FontAwesome; - display: inline-block; - content: "\f111"; - letter-spacing: 10px; - font-size: 1.5em; - width: 1.7em; + font-family: FontAwesome; + display: inline-block; + content: "\f111"; + letter-spacing: 10px; + font-size: 1.5em; + width: 1.7em; } input[type=radio].with-font:checked ~ label:before { - content: '\f058'; - font-size: 1.5em; - letter-spacing: 5px; + content: '\f058'; + font-size: 1.5em; + letter-spacing: 5px; } input[type=radio].with-font:focus ~ label:before, @@ -655,30 +642,29 @@ input[type=radio].with-font:focus ~ label { .tooltip.bs-tether-element-attached-left .tooltip-inner::before, .tooltip.tooltip-right .tooltip-inner::before { - display: none; + display: none; } a.dropdown-item { - cursor: pointer; + cursor: pointer; } .vsmall { - font-size: 65% + font-size: 65% } .vvsmall { - font-size: 85% + font-size: 85% } .vbig { - font-size: 2em; + font-size: 2em; } .vvbig { - font-size: 185%; + font-size: 185%; } - @media (min-width: 768px) { .col-md-0-5 { -webkit-box-flex: 0; @@ -687,91 +673,91 @@ a.dropdown-item { flex: 0 0 3.333333%; max-width: 3.333333%; } + .offset-md-0-5 { margin-left: 3.333333%; } } - - .document { - padding: 10px 10px; - margin: 5px 0px 5px 10px; - max-width: 600px; - min-height: 100px; + padding: 10px 10px; + margin: 5px 0px 5px 10px; + max-width: 600px; + min-height: 100px; } -.document:hover{ - background-color: #F5F5F5; +.document:hover { + background-color: #F5F5F5; } -.document .title{ - color: #2735D4; - font-size: 18px; +.document .title { + color: #001ba0; + font-size: 18px; } -.document .purple-title{ - color: #600090; - font-size: 18px; +.document .purple-title { + color: #600090; + font-size: 18px; } .document .url{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; - color: #009030; + color: #006d21; } .document .snippet{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; - color: black; + color: #545454; } .document .snippet strong{ color: black; } -.document-cal{ - font-family: georgia,"times new roman",times,serif; +.document-cal { + font-family: georgia, "times new roman", times, serif; } .sidebar-nav-fixed { position: fixed; } - .bg-faded { background-color: #F5F8FA; } .btn-success, .bg-success, .badge-success { - background-color: #13ce66!important; - border-color: #13ce66; + background-color: #13ce66 !important; + border-color: #13ce66; } .btn-warning, .bg-warning, .badge-warning { - background-color: #ffc82c!important; - border-color: #ffc82c; + background-color: #ffc82c !important; + border-color: #ffc82c; } -.btn-danger, .bg-danger , .badge-danger { - background-color: #ff4949!important; +.btn-danger, .bg-danger, .badge-danger { + background-color: #ff4949 !important; border-color: #ff4949; } - .text-primary { - color: #6190e8!important; + color: #6190e8 !important; } + .text-danger { - color: #ff4949!important; + color: #ff4949 !important; } + .text-warning { - color: #ffc82c!important; + color: #ffc82c !important; } + .text-success { - color: #13ce66!important; + color: #13ce66 !important; } mark { @@ -785,21 +771,20 @@ mark.current { .judged_doc_title_nonrelevant { border-left: 5px solid #ff4949; - padding-left: 1.25rem!important; + padding-left: 1.25rem !important; } .judged_doc_title_relevant { border-left: 5px solid #ffc82c; - padding-left: 1.25rem!important; + padding-left: 1.25rem !important; } .judged_doc_title_highly_relevant { border-left: 5px solid #13ce66; - padding-left: 1.25rem!important; + padding-left: 1.25rem !important; } - -.cal-search{ +.cal-search { display: inline-flex; } @@ -811,9 +796,125 @@ mark.current { border-radius: 3px; } - @media (min-width: 992px) { .modal-xlg { max-width: 1200px; } } + +.btn:focus { + outline: none; + box-shadow: none; +} + +/* PACE CSS */ +.pace { + -webkit-pointer-events: none; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.pace-inactive { + display: none; +} + +.pace .pace-progress { + background: #6c757d; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; +} + +.pace .pace-progress-inner { + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #6c757d, 0 0 5px #6c757d; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); +} + +.pace .pace-activity { + display: block; + position: fixed; + z-index: 2000; + top: 95%; + right: 15px; + width: 24px; + height: 24px; + border: solid 2px transparent; + border-top-color: #6c757d; + border-left-color: #6c757d; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; +} + +@-webkit-keyframes pace-spinner { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-moz-keyframes pace-spinner { + 0% { + -moz-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-o-keyframes pace-spinner { + 0% { + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@-ms-keyframes pace-spinner { + 0% { + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes pace-spinner { + 0% { + transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + transform: rotate(360deg); + } +} diff --git a/HiCALWeb/hicalweb/static/images/hicalsmall.png b/HiCALWeb/hicalweb/static/images/hicalsmall.png new file mode 100644 index 0000000..8dcb362 Binary files /dev/null and b/HiCALWeb/hicalweb/static/images/hicalsmall.png differ diff --git a/HiCALWeb/hicalweb/static/js/pace.min.js b/HiCALWeb/hicalweb/static/js/pace.min.js new file mode 100644 index 0000000..c47d6e5 --- /dev/null +++ b/HiCALWeb/hicalweb/static/js/pace.min.js @@ -0,0 +1,2 @@ +/*! pace 1.0.0 */ +(function(){var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X=[].slice,Y={}.hasOwnProperty,Z=function(a,b){function c(){this.constructor=a}for(var d in b)Y.call(b,d)&&(a[d]=b[d]);return c.prototype=b.prototype,a.prototype=new c,a.__super__=b.prototype,a},$=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};for(u={catchupTime:100,initialRate:.03,minTime:250,ghostTime:100,maxProgressPerFrame:20,easeFactor:1.25,startOnPageLoad:!0,restartOnPushState:!0,restartOnRequestAfter:500,target:"body",elements:{checkInterval:100,selectors:["body"]},eventLag:{minSamples:10,sampleCount:3,lagThreshold:3},ajax:{trackMethods:["GET"],trackWebSockets:!0,ignoreURLs:[]}},C=function(){var a;return null!=(a="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?a:+new Date},E=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,t=window.cancelAnimationFrame||window.mozCancelAnimationFrame,null==E&&(E=function(a){return setTimeout(a,50)},t=function(a){return clearTimeout(a)}),G=function(a){var b,c;return b=C(),(c=function(){var d;return d=C()-b,d>=33?(b=C(),a(d,function(){return E(c)})):setTimeout(c,33-d)})()},F=function(){var a,b,c;return c=arguments[0],b=arguments[1],a=3<=arguments.length?X.call(arguments,2):[],"function"==typeof c[b]?c[b].apply(c,a):c[b]},v=function(){var a,b,c,d,e,f,g;for(b=arguments[0],d=2<=arguments.length?X.call(arguments,1):[],f=0,g=d.length;g>f;f++)if(c=d[f])for(a in c)Y.call(c,a)&&(e=c[a],null!=b[a]&&"object"==typeof b[a]&&null!=e&&"object"==typeof e?v(b[a],e):b[a]=e);return b},q=function(a){var b,c,d,e,f;for(c=b=0,e=0,f=a.length;f>e;e++)d=a[e],c+=Math.abs(d),b++;return c/b},x=function(a,b){var c,d,e;if(null==a&&(a="options"),null==b&&(b=!0),e=document.querySelector("[data-pace-"+a+"]")){if(c=e.getAttribute("data-pace-"+a),!b)return c;try{return JSON.parse(c)}catch(f){return d=f,"undefined"!=typeof console&&null!==console?console.error("Error parsing inline pace options",d):void 0}}},g=function(){function a(){}return a.prototype.on=function(a,b,c,d){var e;return null==d&&(d=!1),null==this.bindings&&(this.bindings={}),null==(e=this.bindings)[a]&&(e[a]=[]),this.bindings[a].push({handler:b,ctx:c,once:d})},a.prototype.once=function(a,b,c){return this.on(a,b,c,!0)},a.prototype.off=function(a,b){var c,d,e;if(null!=(null!=(d=this.bindings)?d[a]:void 0)){if(null==b)return delete this.bindings[a];for(c=0,e=[];c
\n \n
\n',null!=a.firstChild?a.insertBefore(this.el,a.firstChild):a.appendChild(this.el)}return this.el},a.prototype.finish=function(){var a;return a=this.getElement(),a.className=a.className.replace("pace-active",""),a.className+=" pace-inactive",document.body.className=document.body.className.replace("pace-running",""),document.body.className+=" pace-done"},a.prototype.update=function(a){return this.progress=a,this.render()},a.prototype.destroy=function(){try{this.getElement().parentNode.removeChild(this.getElement())}catch(a){i=a}return this.el=void 0},a.prototype.render=function(){var a,b,c,d,e,f,g;if(null==document.querySelector(D.target))return!1;for(a=this.getElement(),d="translate3d("+this.progress+"%, 0, 0)",g=["webkitTransform","msTransform","transform"],e=0,f=g.length;f>e;e++)b=g[e],a.children[0].style[b]=d;return(!this.lastRenderedProgress||this.lastRenderedProgress|0!==this.progress|0)&&(a.children[0].setAttribute("data-progress-text",""+(0|this.progress)+"%"),this.progress>=100?c="99":(c=this.progress<10?"0":"",c+=0|this.progress),a.children[0].setAttribute("data-progress",""+c)),this.lastRenderedProgress=this.progress},a.prototype.done=function(){return this.progress>=100},a}(),h=function(){function a(){this.bindings={}}return a.prototype.trigger=function(a,b){var c,d,e,f,g;if(null!=this.bindings[a]){for(f=this.bindings[a],g=[],d=0,e=f.length;e>d;d++)c=f[d],g.push(c.call(this,b));return g}},a.prototype.on=function(a,b){var c;return null==(c=this.bindings)[a]&&(c[a]=[]),this.bindings[a].push(b)},a}(),P=window.XMLHttpRequest,O=window.XDomainRequest,N=window.WebSocket,w=function(a,b){var c,d,e,f;f=[];for(d in b.prototype)try{e=b.prototype[d],f.push(null==a[d]&&"function"!=typeof e?a[d]=e:void 0)}catch(g){c=g}return f},A=[],j.ignore=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?X.call(arguments,1):[],A.unshift("ignore"),c=b.apply(null,a),A.shift(),c},j.track=function(){var a,b,c;return b=arguments[0],a=2<=arguments.length?X.call(arguments,1):[],A.unshift("track"),c=b.apply(null,a),A.shift(),c},J=function(a){var b;if(null==a&&(a="GET"),"track"===A[0])return"force";if(!A.length&&D.ajax){if("socket"===a&&D.ajax.trackWebSockets)return!0;if(b=a.toUpperCase(),$.call(D.ajax.trackMethods,b)>=0)return!0}return!1},k=function(a){function b(){var a,c=this;b.__super__.constructor.apply(this,arguments),a=function(a){var b;return b=a.open,a.open=function(d,e){return J(d)&&c.trigger("request",{type:d,url:e,request:a}),b.apply(a,arguments)}},window.XMLHttpRequest=function(b){var c;return c=new P(b),a(c),c};try{w(window.XMLHttpRequest,P)}catch(d){}if(null!=O){window.XDomainRequest=function(){var b;return b=new O,a(b),b};try{w(window.XDomainRequest,O)}catch(d){}}if(null!=N&&D.ajax.trackWebSockets){window.WebSocket=function(a,b){var d;return d=null!=b?new N(a,b):new N(a),J("socket")&&c.trigger("request",{type:"socket",url:a,protocols:b,request:d}),d};try{w(window.WebSocket,N)}catch(d){}}}return Z(b,a),b}(h),R=null,y=function(){return null==R&&(R=new k),R},I=function(a){var b,c,d,e;for(e=D.ajax.ignoreURLs,c=0,d=e.length;d>c;c++)if(b=e[c],"string"==typeof b){if(-1!==a.indexOf(b))return!0}else if(b.test(a))return!0;return!1},y().on("request",function(b){var c,d,e,f,g;return f=b.type,e=b.request,g=b.url,I(g)?void 0:j.running||D.restartOnRequestAfter===!1&&"force"!==J(f)?void 0:(d=arguments,c=D.restartOnRequestAfter||0,"boolean"==typeof c&&(c=0),setTimeout(function(){var b,c,g,h,i,k;if(b="socket"===f?e.readyState<2:0<(h=e.readyState)&&4>h){for(j.restart(),i=j.sources,k=[],c=0,g=i.length;g>c;c++){if(K=i[c],K instanceof a){K.watch.apply(K,d);break}k.push(void 0)}return k}},c))}),a=function(){function a(){var a=this;this.elements=[],y().on("request",function(){return a.watch.apply(a,arguments)})}return a.prototype.watch=function(a){var b,c,d,e;return d=a.type,b=a.request,e=a.url,I(e)?void 0:(c="socket"===d?new n(b):new o(b),this.elements.push(c))},a}(),o=function(){function a(a){var b,c,d,e,f,g,h=this;if(this.progress=0,null!=window.ProgressEvent)for(c=null,a.addEventListener("progress",function(a){return h.progress=a.lengthComputable?100*a.loaded/a.total:h.progress+(100-h.progress)/2},!1),g=["load","abort","timeout","error"],d=0,e=g.length;e>d;d++)b=g[d],a.addEventListener(b,function(){return h.progress=100},!1);else f=a.onreadystatechange,a.onreadystatechange=function(){var b;return 0===(b=a.readyState)||4===b?h.progress=100:3===a.readyState&&(h.progress=50),"function"==typeof f?f.apply(null,arguments):void 0}}return a}(),n=function(){function a(a){var b,c,d,e,f=this;for(this.progress=0,e=["error","open"],c=0,d=e.length;d>c;c++)b=e[c],a.addEventListener(b,function(){return f.progress=100},!1)}return a}(),d=function(){function a(a){var b,c,d,f;for(null==a&&(a={}),this.elements=[],null==a.selectors&&(a.selectors=[]),f=a.selectors,c=0,d=f.length;d>c;c++)b=f[c],this.elements.push(new e(b))}return a}(),e=function(){function a(a){this.selector=a,this.progress=0,this.check()}return a.prototype.check=function(){var a=this;return document.querySelector(this.selector)?this.done():setTimeout(function(){return a.check()},D.elements.checkInterval)},a.prototype.done=function(){return this.progress=100},a}(),c=function(){function a(){var a,b,c=this;this.progress=null!=(b=this.states[document.readyState])?b:100,a=document.onreadystatechange,document.onreadystatechange=function(){return null!=c.states[document.readyState]&&(c.progress=c.states[document.readyState]),"function"==typeof a?a.apply(null,arguments):void 0}}return a.prototype.states={loading:0,interactive:50,complete:100},a}(),f=function(){function a(){var a,b,c,d,e,f=this;this.progress=0,a=0,e=[],d=0,c=C(),b=setInterval(function(){var g;return g=C()-c-50,c=C(),e.push(g),e.length>D.eventLag.sampleCount&&e.shift(),a=q(e),++d>=D.eventLag.minSamples&&a
+HiCAL - {% block pagetitle %}home{% endblock %}
-
-
-
-
-
-
-
- {% include "raven-config.html" %}
-
-
-
-
- {% block extra_head %}{% endblock %}
-
-
-
-
-
-
-
diff --git a/HiCALWeb/hicalweb/templates/base.html b/HiCALWeb/hicalweb/templates/base.html
index c3c9ef3..4715224 100644
--- a/HiCALWeb/hicalweb/templates/base.html
+++ b/HiCALWeb/hicalweb/templates/base.html
@@ -1,275 +1,220 @@
-{% load staticfiles i18n static raven %}
+{% load staticfiles i18n static raven has_group crispy_forms_tags %}
-
-
-
-
-
-
-
-
-
- A System for Efficient High-Recall Retrieval
-
+
+
+
+ A System for Efficient High-Recall Retrieval
+
-
+ {% trans "Sign In" %}
+{% trans "Sign In" %}
-{% blocktrans %}If you have not created an account yet, then please - sign up first. {% endblocktrans %}
-If you would like to practice using the system, click on the - practice button above.
+{% blocktrans %}If you have not created an account yet, then please + sign up first. {% endblocktrans %}
+If you would like to practice using the system, click on the + practice button above.
- + -