mirror of https://github.com/doccano/doccano.git
Hironsan
6 years ago
4 changed files with 396 additions and 398 deletions
Unified View
Diff Options
-
127app/server/templates/base.html
-
375app/server/templates/index.html
-
94app/server/templates/login.html
-
198app/server/templates/projects.html
@ -1,80 +1,77 @@ |
|||||
{% load static %} |
{% load static %} |
||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html> |
<html> |
||||
|
|
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
||||
<title>doccano - Document Annotation Tool</title> |
|
||||
|
<meta charset="utf-8"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
|
<title>doccano - Document Annotation Tool</title> |
||||
|
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" |
|
||||
crossorigin="anonymous"> |
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> |
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" crossorigin="anonymous" /> |
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'css/forum.css' %}"> |
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> |
|
||||
<script src="https://unpkg.com/axios/dist/axios.min.js"></script> |
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css"> |
|
||||
{% block header %}{% endblock %} |
|
||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" |
||||
|
crossorigin="anonymous"> |
||||
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> |
||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" crossorigin="anonymous" |
||||
|
/> |
||||
|
<link rel="stylesheet" href="{% static 'css/forum.css' %}"> |
||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.min.css"> |
||||
|
{% block header %}{% endblock %} |
||||
</head> |
</head> |
||||
|
|
||||
<body> |
<body> |
||||
<nav class="navbar has-shadow"> |
|
||||
<div class="container"> |
|
||||
<div class="navbar-brand"> |
|
||||
<a class="navbar-item" href="{% url 'index' %}"> |
|
||||
<img src="{% static 'images/logo.png' %}" width="32" height="32"> |
|
||||
<b>doccano</b> |
|
||||
</a> |
|
||||
{% block navigation %}{% endblock %} |
|
||||
</div> |
|
||||
<div id="topNav" class="navbar-menu"> |
|
||||
<div class="navbar-end"> |
|
||||
<a class="navbar-item" href="{% url 'index' %}"> |
|
||||
<span>Home</span> |
|
||||
</a> |
|
||||
{% if user.is_authenticated %} |
|
||||
<a class="navbar-item" href="{% url 'projects' %}"> |
|
||||
<span>Projects</span> |
|
||||
</a> |
|
||||
{% endif %} |
|
||||
<!--<a class="navbar-item" href="hoge.html">Live Demo</a>--> |
|
||||
<a class="navbar-item" href="https://github.com/chakki-works/doccano"> |
|
||||
<span>GitHub</span> |
|
||||
</a> |
|
||||
{% if not user.is_authenticated %} |
|
||||
<a class="navbar-item" href="{% url 'login' %}"> |
|
||||
<span>Login</span> |
|
||||
</a> |
|
||||
{% else %} |
|
||||
<a class="navbar-item" href="{% url 'logout' %}"> |
|
||||
<span>Logout</span> |
|
||||
</a> |
|
||||
{% endif %} |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<nav class="navbar has-shadow"> |
||||
|
<div class="container"> |
||||
|
<div class="navbar-brand"> |
||||
|
<a class="navbar-item" href="{% url 'index' %}"> |
||||
|
<img src="{% static 'images/logo.png' %}" width="32" height="32"> |
||||
|
<b>doccano</b> |
||||
|
</a> |
||||
|
{% block navigation %}{% endblock %} |
||||
|
</div> |
||||
|
<div id="topNav" class="navbar-menu"> |
||||
|
<div class="navbar-end"> |
||||
|
<a class="navbar-item" href="{% url 'index' %}"> |
||||
|
<span>Home</span> |
||||
|
</a> |
||||
|
{% if user.is_authenticated %} |
||||
|
<a class="navbar-item" href="{% url 'projects' %}"> |
||||
|
<span>Projects</span> |
||||
|
</a> |
||||
|
{% endif %} |
||||
|
<!--<a class="navbar-item" href="hoge.html">Live Demo</a>--> |
||||
|
<a class="navbar-item" href="https://github.com/chakki-works/doccano"> |
||||
|
<span>GitHub</span> |
||||
|
</a> |
||||
|
{% if not user.is_authenticated %} |
||||
|
<a class="navbar-item" href="{% url 'login' %}"> |
||||
|
<span>Login</span> |
||||
|
</a> |
||||
|
{% else %} |
||||
|
<a class="navbar-item" href="{% url 'logout' %}"> |
||||
|
<span>Logout</span> |
||||
|
</a> |
||||
|
{% endif %} |
||||
</div> |
</div> |
||||
</nav> |
|
||||
|
|
||||
{% block content %} {% endblock %} |
|
||||
|
</div> |
||||
|
</div> |
||||
|
</nav> |
||||
|
|
||||
{% block footer %}{% endblock %} |
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/js/swiper.min.js"></script> |
|
||||
<script> |
|
||||
var mySwiper = new Swiper ('.swiper-container', { |
|
||||
// Optional parameters |
|
||||
loop: true, |
|
||||
autoplay: { |
|
||||
delay: 5000, |
|
||||
}, |
|
||||
// Navigation arrows |
|
||||
navigation: { |
|
||||
|
{% block content %}{% endblock %} |
||||
|
|
||||
|
{% block footer %}{% endblock %} |
||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/js/swiper.min.js"></script> |
||||
|
<script> |
||||
|
var mySwiper = new Swiper('.swiper-container', { |
||||
|
// Optional parameters |
||||
|
loop: true, |
||||
|
autoplay: { |
||||
|
delay: 5000, |
||||
|
}, |
||||
|
// Navigation arrows |
||||
|
navigation: { |
||||
nextEl: '.swiper-button-next', |
nextEl: '.swiper-button-next', |
||||
prevEl: '.swiper-button-prev', |
prevEl: '.swiper-button-prev', |
||||
}, |
|
||||
|
}, |
||||
}) |
}) |
||||
</script> |
|
||||
|
</script> |
||||
</body> |
</body> |
||||
|
|
||||
</html> |
</html> |
||||
@ -1,210 +1,211 @@ |
|||||
{% extends "base.html" %} {% load static %} {% block content %} |
|
||||
|
{% extends "base.html" %} |
||||
|
{% load static %} |
||||
|
{% block content %} |
||||
<section class="hero" style="background-color:#2a2e2f"> |
<section class="hero" style="background-color:#2a2e2f"> |
||||
<div class="container"> |
|
||||
<div class="columns"> |
|
||||
<div class="column is-6"> |
|
||||
<h1 class="title is-1 has-text-white">Text annotation for Human</h1> |
|
||||
<h2 class="subtitle is-4 has-text-white">Just create project, upload data and start annotation. You can build dataset in hours.</h2> |
|
||||
<p> |
|
||||
<a class="button is-medium is-primary"> |
|
||||
Try Demo |
|
||||
</a> |
|
||||
</p> |
|
||||
</div> |
|
||||
<div class="column is-6"> |
|
||||
<figure class="image"> |
|
||||
<img src="{% static 'images/sequence_labeling.png' %}"> |
|
||||
</figure> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<div class="container"> |
||||
|
<div class="columns"> |
||||
|
<div class="column is-6"> |
||||
|
<h1 class="title is-1 has-text-white">Text annotation for Human</h1> |
||||
|
<h2 class="subtitle is-4 has-text-white">Just create project, upload data and start annotation. You can build dataset in hours.</h2> |
||||
|
<p> |
||||
|
<a class="button is-medium is-primary"> |
||||
|
Try Demo |
||||
|
</a> |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="column is-6"> |
||||
|
<figure class="image"> |
||||
|
<img src="{% static 'images/sequence_labeling.png' %}"> |
||||
|
</figure> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</section> |
</section> |
||||
|
|
||||
<div class="hero-body" style="background-image:linear-gradient(to bottom, #fafafa, #f3f3f3)"> |
<div class="hero-body" style="background-image:linear-gradient(to bottom, #fafafa, #f3f3f3)"> |
||||
|
|
||||
<div class="swiper-container"> |
|
||||
<div class="swiper-wrapper"> |
|
||||
<div class="swiper-slide"> |
|
||||
<div class="columns is-vcentered"> |
|
||||
<div class="column is-5 is-offset-1"> |
|
||||
<figure class="image"> |
|
||||
<img src="{% static 'images/sequence_labeling.png' %}" alt="Description"> |
|
||||
</figure> |
|
||||
</div> |
|
||||
<div class="column is-5"> |
|
||||
<h1 class="title is-2"> |
|
||||
Document Classification |
|
||||
</h1> |
|
||||
<h2 class="subtitle is-4"> |
|
||||
Document annotation for any document classification tasks. |
|
||||
</h2> |
|
||||
<br> |
|
||||
<p> |
|
||||
<a class="button is-primary"> |
|
||||
Try Demo |
|
||||
</a> |
|
||||
</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="swiper-slide"> |
|
||||
<div class="columns is-vcentered"> |
|
||||
<div class="column is-5 is-offset-1"> |
|
||||
<figure class="image"> |
|
||||
<img src="{% static 'images/sequence_labeling.png' %}" alt="Description"> |
|
||||
</figure> |
|
||||
</div> |
|
||||
<div class="column is-5"> |
|
||||
<h1 class="title is-2"> |
|
||||
Sequence Labeling |
|
||||
</h1> |
|
||||
<h2 class="subtitle is-4"> |
|
||||
A super easy interface to tag for named entity recognition, part-of-speech tagging, semantic role labeling. |
|
||||
</h2> |
|
||||
<br> |
|
||||
<p> |
|
||||
<a class="button is-primary"> |
|
||||
Try Demo |
|
||||
</a> |
|
||||
</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="swiper-slide"> |
|
||||
<div class="columns is-vcentered"> |
|
||||
<div class="column is-5 is-offset-1"> |
|
||||
<figure class="image"> |
|
||||
<img src="{% static 'images/sequence_labeling.png' %}" alt="Description"> |
|
||||
</figure> |
|
||||
</div> |
|
||||
<div class="column is-5"> |
|
||||
<h1 class="title is-2"> |
|
||||
Sequence to Sequence |
|
||||
</h1> |
|
||||
<h2 class="subtitle is-4"> |
|
||||
A super easy interface to label for any sequence to sequence tasks. |
|
||||
</h2> |
|
||||
<br> |
|
||||
<p> |
|
||||
<a class="button is-primary"> |
|
||||
Try Demo |
|
||||
</a> |
|
||||
</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<div class="swiper-container"> |
||||
|
<div class="swiper-wrapper"> |
||||
|
<div class="swiper-slide"> |
||||
|
<div class="columns is-vcentered"> |
||||
|
<div class="column is-5 is-offset-1"> |
||||
|
<figure class="image"> |
||||
|
<img src="{% static 'images/sequence_labeling.png' %}" alt="Description"> |
||||
|
</figure> |
||||
|
</div> |
||||
|
<div class="column is-5"> |
||||
|
<h1 class="title is-2"> |
||||
|
Document Classification |
||||
|
</h1> |
||||
|
<h2 class="subtitle is-4"> |
||||
|
Document annotation for any document classification tasks. |
||||
|
</h2> |
||||
|
<br> |
||||
|
<p> |
||||
|
<a class="button is-primary"> |
||||
|
Try Demo |
||||
|
</a> |
||||
|
</p> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
|
||||
<div class="swiper-button-prev"></div> |
|
||||
<div class="swiper-button-next"></div> |
|
||||
|
</div> |
||||
|
<div class="swiper-slide"> |
||||
|
<div class="columns is-vcentered"> |
||||
|
<div class="column is-5 is-offset-1"> |
||||
|
<figure class="image"> |
||||
|
<img src="{% static 'images/sequence_labeling.png' %}" alt="Description"> |
||||
|
</figure> |
||||
|
</div> |
||||
|
<div class="column is-5"> |
||||
|
<h1 class="title is-2"> |
||||
|
Sequence Labeling |
||||
|
</h1> |
||||
|
<h2 class="subtitle is-4"> |
||||
|
A super easy interface to tag for named entity recognition, part-of-speech tagging, semantic role labeling. |
||||
|
</h2> |
||||
|
<br> |
||||
|
<p> |
||||
|
<a class="button is-primary"> |
||||
|
Try Demo |
||||
|
</a> |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="swiper-slide"> |
||||
|
<div class="columns is-vcentered"> |
||||
|
<div class="column is-5 is-offset-1"> |
||||
|
<figure class="image"> |
||||
|
<img src="{% static 'images/sequence_labeling.png' %}" alt="Description"> |
||||
|
</figure> |
||||
|
</div> |
||||
|
<div class="column is-5"> |
||||
|
<h1 class="title is-2"> |
||||
|
Sequence to Sequence |
||||
|
</h1> |
||||
|
<h2 class="subtitle is-4"> |
||||
|
A super easy interface to label for any sequence to sequence tasks. |
||||
|
</h2> |
||||
|
<br> |
||||
|
<p> |
||||
|
<a class="button is-primary"> |
||||
|
Try Demo |
||||
|
</a> |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
|
||||
|
<div class="swiper-button-prev"></div> |
||||
|
<div class="swiper-button-next"></div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
|
||||
<div class="hero-body" style="background-image:linear-gradient(to bottom, #fafafa, #f3f3f3)"> |
<div class="hero-body" style="background-image:linear-gradient(to bottom, #fafafa, #f3f3f3)"> |
||||
<div class="container"> |
|
||||
|
<div class="container"> |
||||
|
|
||||
<div class="columns features"> |
|
||||
<div class="column is-4"> |
|
||||
<div class="card is-shady"> |
|
||||
<div class="card-image"> |
|
||||
<figure class="image is-4by3"> |
|
||||
<img src="https://source.unsplash.com/RWnpyGtY1aU" alt="Placeholder image" class="modal-button" data-target="modal-image2"> |
|
||||
</figure> |
|
||||
</div> |
|
||||
<div class="card-content"> |
|
||||
<div class="content"> |
|
||||
<h4>Team Collaboration</h4> |
|
||||
<p>Invite other users to help you annotate text and create an annotated corpus. You only have to |
|
||||
create a guideline and upload text data. Team collaboration can accelate annotation process. |
|
||||
</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<div class="columns features"> |
||||
|
<div class="column is-4"> |
||||
|
<div class="card is-shady"> |
||||
|
<div class="card-image"> |
||||
|
<figure class="image is-4by3"> |
||||
|
<img src="https://source.unsplash.com/RWnpyGtY1aU" alt="Placeholder image" class="modal-button" data-target="modal-image2"> |
||||
|
</figure> |
||||
|
</div> |
||||
|
<div class="card-content"> |
||||
|
<div class="content"> |
||||
|
<h4>Team Collaboration</h4> |
||||
|
<p>Invite other users to help you annotate text and create an annotated corpus. You only have to create a guideline |
||||
|
and upload text data. Team collaboration can accelate annotation process. |
||||
|
</p> |
||||
</div> |
</div> |
||||
<div class="column is-4"> |
|
||||
<div class="card is-shady"> |
|
||||
<div class="card-image"> |
|
||||
<figure class="image is-4by3"> |
|
||||
<img src="https://source.unsplash.com/6Ticnhs1AG0" alt="Placeholder image"> |
|
||||
</figure> |
|
||||
</div> |
|
||||
<div class="card-content"> |
|
||||
<div class="content"> |
|
||||
<h4>Language independent</h4> |
|
||||
<p>doccano is not dependent on any languages. You can annotate any languages such as English, Spanish, |
|
||||
Chinese and so on. Regardless of your language, you can quickly start annotating text.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="column is-4"> |
||||
|
<div class="card is-shady"> |
||||
|
<div class="card-image"> |
||||
|
<figure class="image is-4by3"> |
||||
|
<img src="https://source.unsplash.com/6Ticnhs1AG0" alt="Placeholder image"> |
||||
|
</figure> |
||||
|
</div> |
||||
|
<div class="card-content"> |
||||
|
<div class="content"> |
||||
|
<h4>Language independent</h4> |
||||
|
<p>doccano is not dependent on any languages. You can annotate any languages such as English, Spanish, Chinese |
||||
|
and so on. Regardless of your language, you can quickly start annotating text.</p> |
||||
</div> |
</div> |
||||
<div class="column is-4 modal-button" data-target="modal-image"> |
|
||||
<div class="card is-shady"> |
|
||||
<div class="card-image"> |
|
||||
<figure class="image is-4by3"> |
|
||||
<img src="https://i.imgsafe.org/ba/baa924a5e3.png" alt="Placeholder image"> |
|
||||
</figure> |
|
||||
</div> |
|
||||
<div class="card-content"> |
|
||||
<div class="content"> |
|
||||
<h4>Active learning</h4> |
|
||||
<p>Active learning is one of the most powerful tools in creating annotated corpora. Machine learning |
|
||||
model automatically annotates texts. You're only asked to judge whether the examples are |
|
||||
correct or not.</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="column is-4 modal-button" data-target="modal-image"> |
||||
|
<div class="card is-shady"> |
||||
|
<div class="card-image"> |
||||
|
<figure class="image is-4by3"> |
||||
|
<img src="https://i.imgsafe.org/ba/baa924a5e3.png" alt="Placeholder image"> |
||||
|
</figure> |
||||
|
</div> |
||||
|
<div class="card-content"> |
||||
|
<div class="content"> |
||||
|
<h4>Active learning</h4> |
||||
|
<p>Active learning is one of the most powerful tools in creating annotated corpora. Machine learning model automatically |
||||
|
annotates texts. You're only asked to judge whether the examples are correct or not.</p> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
|
||||
<footer class="footer"> |
<footer class="footer"> |
||||
<div class="container"> |
|
||||
<div class="columns"> |
|
||||
<div class="column is-4"> |
|
||||
<h2> |
|
||||
<strong class="has-text-white">DOCCANO</strong> |
|
||||
</h2> |
|
||||
<ul> |
|
||||
<li> |
|
||||
<a href="#">Documentation</a> |
|
||||
</li> |
|
||||
<li> |
|
||||
<a href="#">Live Demo</a> |
|
||||
</li> |
|
||||
<li> |
|
||||
<a href="#">Source code</a> |
|
||||
</li> |
|
||||
<li> |
|
||||
<a href="#">Contribution</a> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
<div class="column is-4"> |
|
||||
<h2> |
|
||||
<strong class="has-text-white">FEATURES</strong> |
|
||||
</h2> |
|
||||
<ul> |
|
||||
<li> |
|
||||
<a href="#">Text Classification</a> |
|
||||
</li> |
|
||||
<li> |
|
||||
<a href="#">Sequence Labeling</a> |
|
||||
</li> |
|
||||
<li> |
|
||||
<a href="#">Sequence to Sequence</a> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="content has-text-centered"> |
|
||||
<p> |
|
||||
<a href="https://github.com/chakki-works/doccano">doccano</a> by |
|
||||
<a href="https://github.com/Hironsan">Hironsan</a>. The source code is licensed |
|
||||
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. |
|
||||
<br> |
|
||||
</p> |
|
||||
</div> |
|
||||
|
<div class="container"> |
||||
|
<div class="columns"> |
||||
|
<div class="column is-4"> |
||||
|
<h2> |
||||
|
<strong class="has-text-white">DOCCANO</strong> |
||||
|
</h2> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<a href="#">Documentation</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#">Live Demo</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#">Source code</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#">Contribution</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="column is-4"> |
||||
|
<h2> |
||||
|
<strong class="has-text-white">FEATURES</strong> |
||||
|
</h2> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<a href="#">Text Classification</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#">Sequence Labeling</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#">Sequence to Sequence</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="content has-text-centered"> |
||||
|
<p> |
||||
|
<a href="https://github.com/chakki-works/doccano">doccano</a> by |
||||
|
<a href="https://github.com/Hironsan">Hironsan</a>. The source code is licensed |
||||
|
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. |
||||
|
<br> |
||||
|
</p> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</footer> |
</footer> |
||||
{% endblock %} |
{% endblock %} |
||||
@ -1,54 +1,56 @@ |
|||||
{% extends "base.html" %} {% load widget_tweaks %} {% block content %} |
|
||||
|
{% extends "base.html" %} |
||||
|
{% load widget_tweaks %} |
||||
|
{% block content %} |
||||
|
|
||||
<section class="hero container has-text-centered"> |
<section class="hero container has-text-centered"> |
||||
<div class="columns hero-body"> |
|
||||
<div class="column is-4 is-offset-4"> |
|
||||
<div class="box has-text-left"> |
|
||||
{% if form.errors %} |
|
||||
<p>Your username and password didn't match. Please try again.</p> |
|
||||
{% endif %} {% if next %} {% if user.is_authenticated %} |
|
||||
<p>Your account doesn't have access to this page. To proceed, please login with an account that has access.</p> |
|
||||
{% else %} |
|
||||
<p>Please login to see this page.</p> |
|
||||
{% endif %} {% endif %} |
|
||||
|
<div class="columns hero-body"> |
||||
|
<div class="column is-4 is-offset-4"> |
||||
|
<div class="box has-text-left"> |
||||
|
{% if form.errors %} |
||||
|
<p>Your username and password didn't match. Please try again.</p> |
||||
|
{% endif %} {% if next %} {% if user.is_authenticated %} |
||||
|
<p>Your account doesn't have access to this page. To proceed, please login with an account that has access.</p> |
||||
|
{% else %} |
||||
|
<p>Please login to see this page.</p> |
||||
|
{% endif %} {% endif %} |
||||
|
|
||||
<form method="post" action="{% url 'login' %}"> |
|
||||
{% csrf_token %} |
|
||||
<div class="field "> |
|
||||
<label class="label">Username</label> |
|
||||
<div class="control has-icons-left has-icons-right"> |
|
||||
{{ form.username|add_class:"input" }} |
|
||||
<span class="icon is-small is-left"> |
|
||||
<i class="fas fa-user"></i> |
|
||||
</span> |
|
||||
<span class="icon is-small is-right"> |
|
||||
<i class="fas fa-check"></i> |
|
||||
</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<form method="post" action="{% url 'login' %}"> |
||||
|
{% csrf_token %} |
||||
|
<div class="field "> |
||||
|
<label class="label">Username</label> |
||||
|
<div class="control has-icons-left has-icons-right"> |
||||
|
{{ form.username|add_class:"input" }} |
||||
|
<span class="icon is-small is-left"> |
||||
|
<i class="fas fa-user"></i> |
||||
|
</span> |
||||
|
<span class="icon is-small is-right"> |
||||
|
<i class="fas fa-check"></i> |
||||
|
</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
<div class="field"> |
|
||||
<label class="label">Password</label> |
|
||||
<div class="control has-icons-left has-icons-right"> |
|
||||
{{ form.password|add_class:"input"}} |
|
||||
<span class="icon is-small is-left"> |
|
||||
<i class="fas fa-lock"></i> |
|
||||
</span> |
|
||||
<span class="icon is-small is-right"> |
|
||||
<i class="fas fa-check"></i> |
|
||||
</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="field"> |
|
||||
<label class="checkbox"> |
|
||||
<input type="checkbox"> Remember me |
|
||||
</label> |
|
||||
</div> |
|
||||
<input class="button is-block is-primary is-middle is-fullwidth" type="submit" value="Login" /> |
|
||||
<input type="hidden" name="next" value="{{ next }}" /> |
|
||||
</form> |
|
||||
|
<div class="field"> |
||||
|
<label class="label">Password</label> |
||||
|
<div class="control has-icons-left has-icons-right"> |
||||
|
{{ form.password|add_class:"input"}} |
||||
|
<span class="icon is-small is-left"> |
||||
|
<i class="fas fa-lock"></i> |
||||
|
</span> |
||||
|
<span class="icon is-small is-right"> |
||||
|
<i class="fas fa-check"></i> |
||||
|
</span> |
||||
</div> |
</div> |
||||
</div> |
|
||||
|
</div> |
||||
|
<div class="field"> |
||||
|
<label class="checkbox"> |
||||
|
<input type="checkbox"> Remember me |
||||
|
</label> |
||||
|
</div> |
||||
|
<input class="button is-block is-primary is-middle is-fullwidth" type="submit" value="Login" /> |
||||
|
<input type="hidden" name="next" value="{{ next }}" /> |
||||
|
</form> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</section> |
</section> |
||||
{% endblock %} |
{% endblock %} |
||||
@ -1,113 +1,111 @@ |
|||||
{% extends "base.html" %} {% load static %} |
|
||||
|
{% extends "base.html" %} |
||||
|
{% load static %} |
||||
{% load widget_tweaks %} |
{% load widget_tweaks %} |
||||
{% block content %} |
{% block content %} |
||||
<div id="projects_root"> |
<div id="projects_root"> |
||||
<section class="hero project-image"> |
|
||||
<div class="container"> |
|
||||
<div class="columns"> |
|
||||
<div class="column is-12"> |
|
||||
<h1 class="title is-1 has-text-white"> |
|
||||
Hello, {{ user.get_username | title }}. |
|
||||
</h1> |
|
||||
<h2 class="subtitle is-4 has-text-white"> |
|
||||
I hope you are having a great day! |
|
||||
</h2> |
|
||||
{% if user.is_superuser %} |
|
||||
<p> |
|
||||
<a class="button is-medium is-primary" @click="isActive=!isActive"> |
|
||||
Create Project |
|
||||
</a> |
|
||||
</p> |
|
||||
{% endif %} |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<section class="hero project-image"> |
||||
|
<div class="container"> |
||||
|
<div class="columns"> |
||||
|
<div class="column is-12"> |
||||
|
<h1 class="title is-1 has-text-white"> |
||||
|
Hello, {{ user.get_username | title }}. |
||||
|
</h1> |
||||
|
<h2 class="subtitle is-4 has-text-white"> |
||||
|
I hope you are having a great day! |
||||
|
</h2> |
||||
|
{% if user.is_superuser %} |
||||
|
<p> |
||||
|
<a class="button is-medium is-primary" @click="isActive=!isActive"> |
||||
|
Create Project |
||||
|
</a> |
||||
|
</p> |
||||
|
{% endif %} |
||||
</div> |
</div> |
||||
</section> |
|
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
<div class="container"> |
|
||||
<div class="columns" style="margin-top:0"> |
|
||||
<div class="column is-3"> |
|
||||
<aside class="menu"> |
|
||||
<p class="menu-label"> |
|
||||
Categories |
|
||||
</p> |
|
||||
<ul class="menu-list"> |
|
||||
<li> |
|
||||
<a v-bind:class="{active: selectedType == 'All' }" v-on:click="updateSelectedType('All')">All</a> |
|
||||
</li> |
|
||||
<li v-for="t in uniqueProjectTypes"> |
|
||||
<a v-bind:class="{active: t == selectedType }" v-on:click="updateSelectedType(t)">[[ t ]]</a> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</aside> |
|
||||
</div> |
|
||||
<div class="column is-9"> |
|
||||
<!-- Modal card for creating project. --> |
|
||||
<div class="modal" :class="{ 'is-active': isActive }"> |
|
||||
<div class="modal-background"></div> |
|
||||
<div class="modal-card"> |
|
||||
<header class="modal-card-head"> |
|
||||
<p class="modal-card-title">Create Project</p> |
|
||||
<button class="delete" aria-label="close" @click="isActive=!isActive"></button> |
|
||||
</header> |
|
||||
<form method="post"> |
|
||||
{% csrf_token %} |
|
||||
<section class="modal-card-body"> |
|
||||
{% for hidden_field in form.hidden_fields %} |
|
||||
{{ hidden_field }} |
|
||||
{% endfor %} |
|
||||
|
|
||||
{% for field in form.visible_fields %} |
|
||||
<div class="field"> |
|
||||
{{ field.label_tag }} |
|
||||
<div class="control"> |
|
||||
{% render_field field class="input select-height" %} |
|
||||
</div> |
|
||||
{% if field.help_text %} |
|
||||
<small class="form-text text-muted">{{ field.help_text }}</small> |
|
||||
{% endif %} |
|
||||
</div> |
|
||||
{% endfor %} |
|
||||
</section> |
|
||||
<footer class="modal-card-foot" style="background-color:#dbdbdb !important;padding:20px !important;"> |
|
||||
<button class="button is-primary">Create</button> |
|
||||
<button class="button" @click="isActive=!isActive">Cancel</button> |
|
||||
</footer> |
|
||||
</form> |
|
||||
</div> |
|
||||
|
<div class="container"> |
||||
|
<div class="columns" style="margin-top:0"> |
||||
|
<div class="column is-3"> |
||||
|
<aside class="menu"> |
||||
|
<p class="menu-label"> |
||||
|
Categories |
||||
|
</p> |
||||
|
<ul class="menu-list"> |
||||
|
<li> |
||||
|
<a v-bind:class="{active: selectedType == 'All' }" v-on:click="updateSelectedType('All')">All</a> |
||||
|
</li> |
||||
|
<li v-for="t in uniqueProjectTypes"> |
||||
|
<a v-bind:class="{active: t == selectedType }" v-on:click="updateSelectedType(t)">[[ t ]]</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</aside> |
||||
|
</div> |
||||
|
<div class="column is-9"> |
||||
|
<!-- Modal card for creating project. --> |
||||
|
<div class="modal" :class="{ 'is-active': isActive }"> |
||||
|
<div class="modal-background"></div> |
||||
|
<div class="modal-card"> |
||||
|
<header class="modal-card-head"> |
||||
|
<p class="modal-card-title">Create Project</p> |
||||
|
<button class="delete" aria-label="close" @click="isActive=!isActive"></button> |
||||
|
</header> |
||||
|
<form method="post"> |
||||
|
{% csrf_token %} |
||||
|
<section class="modal-card-body"> |
||||
|
{% for hidden_field in form.hidden_fields %} {{ hidden_field }} {% endfor %} {% for field in form.visible_fields %} |
||||
|
<div class="field"> |
||||
|
{{ field.label_tag }} |
||||
|
<div class="control"> |
||||
|
{% render_field field class="input select-height" %} |
||||
|
</div> |
||||
|
{% if field.help_text %} |
||||
|
<small class="form-text text-muted">{{ field.help_text }}</small> |
||||
|
{% endif %} |
||||
</div> |
</div> |
||||
|
{% endfor %} |
||||
|
</section> |
||||
|
<footer class="modal-card-foot" style="background-color:#dbdbdb !important;padding:20px !important;"> |
||||
|
<button class="button is-primary">Create</button> |
||||
|
<button class="button" @click="isActive=!isActive">Cancel</button> |
||||
|
</footer> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
<div class="columns features" v-for="projects in filteredProjects"> |
|
||||
<div class="column is-4" v-for="project in projects"> |
|
||||
<div class="card is-shady"> |
|
||||
<div class="card-image"> |
|
||||
<figure class="image is-4by3"> |
|
||||
<img v-bind:src="project.image" alt="Placeholder image"> |
|
||||
</figure> |
|
||||
</div> |
|
||||
<div class="card-content"> |
|
||||
<div class="content"> |
|
||||
<h4> |
|
||||
<a v-bind:href="'/projects/' + project.id">[[ project.name ]]</a> |
|
||||
</h4> |
|
||||
<p> |
|
||||
[[ project.description.slice(0, 50) ]] |
|
||||
</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
{% if user.is_superuser %} |
|
||||
<div class="card-footer"> |
|
||||
<a v-bind:href="'/projects/' + project.id + '/docs'" class="card-footer-item">Edit</a> |
|
||||
<a href="" class="card-footer-item has-text-danger" style="font-weight:700">Delete</a> |
|
||||
</div> |
|
||||
{% endif %} |
|
||||
</div> |
|
||||
</div> |
|
||||
|
<div class="columns features" v-for="projects in filteredProjects"> |
||||
|
<div class="column is-4" v-for="project in projects"> |
||||
|
<div class="card is-shady"> |
||||
|
<div class="card-image"> |
||||
|
<figure class="image is-4by3"> |
||||
|
<img v-bind:src="project.image" alt="Placeholder image"> |
||||
|
</figure> |
||||
|
</div> |
||||
|
<div class="card-content"> |
||||
|
<div class="content"> |
||||
|
<h4> |
||||
|
<a v-bind:href="'/projects/' + project.id">[[ project.name ]]</a> |
||||
|
</h4> |
||||
|
<p> |
||||
|
[[ project.description.slice(0, 50) ]] |
||||
|
</p> |
||||
</div> |
</div> |
||||
|
</div> |
||||
|
{% if user.is_superuser %} |
||||
|
<div class="card-footer"> |
||||
|
<a v-bind:href="'/projects/' + project.id + '/docs'" class="card-footer-item">Edit</a> |
||||
|
<a href="" class="card-footer-item has-text-danger" style="font-weight:700">Delete</a> |
||||
|
</div> |
||||
|
{% endif %} |
||||
</div> |
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
|
</div> |
||||
</div> |
</div> |
||||
{% endblock %} {% block footer %} |
|
||||
<script type="text/javascript" src="{% static 'bundle/projects.js' %}"></script> |
|
||||
|
{% endblock %} |
||||
|
{% block footer %} |
||||
|
<script src="{% static 'bundle/projects.js' %}"></script> |
||||
{% endblock %} |
{% endblock %} |
||||
Write
Preview
Loading…
Cancel
Save