mirror of https://github.com/doccano/doccano.git
Hironsan
6 years ago
2 changed files with 0 additions and 299 deletions
Unified View
Diff Options
@ -1,170 +0,0 @@ |
|||||
.aside { |
|
||||
display:block; |
|
||||
background-color: #363636; |
|
||||
border-right: 1px solid #DEDEDE; |
|
||||
} |
|
||||
.messages { |
|
||||
display:block; |
|
||||
background-color: #fff; |
|
||||
border-right: 1px solid #DEDEDE; |
|
||||
} |
|
||||
.message { |
|
||||
display:block; |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
.aside .compose { |
|
||||
height: 95px; |
|
||||
margin:0 -10px; |
|
||||
padding: 25px 30px; |
|
||||
} |
|
||||
.aside .compose .button { |
|
||||
color: #F6F7F7; |
|
||||
} |
|
||||
.aside .compose .button .compose { |
|
||||
font-size: 14px; |
|
||||
font-weight: 700; |
|
||||
} |
|
||||
.aside .main { |
|
||||
padding: 40px; |
|
||||
color: #6F7B7E; |
|
||||
} |
|
||||
.aside .title { |
|
||||
color: #6F7B7E; |
|
||||
font-size: 12px; |
|
||||
font-weight: bold; |
|
||||
text-transform: uppercase; |
|
||||
} |
|
||||
.aside .main .item { |
|
||||
display: block; |
|
||||
padding: 10px 0; |
|
||||
color: #6F7B7E; |
|
||||
} |
|
||||
.aside .main .item.active { |
|
||||
background-color: #363636; |
|
||||
margin: 0 -50px; |
|
||||
padding-left: 50px; |
|
||||
} |
|
||||
.aside .main .item:active,.aside .main .item:hover { |
|
||||
background-color: #F2F2F2; |
|
||||
margin: 0 -50px; |
|
||||
padding-left: 50px; |
|
||||
} |
|
||||
.aside .main .icon { |
|
||||
font-size: 19px; |
|
||||
padding-right: 30px; |
|
||||
color: #A0A0A0; |
|
||||
} |
|
||||
.aside .main .name { |
|
||||
font-size: 15px; |
|
||||
color: #f5f5f5; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.messages { |
|
||||
padding: 40px 0px; |
|
||||
} |
|
||||
.message { |
|
||||
padding: 40px 20px; |
|
||||
} |
|
||||
.messages .action-buttons { |
|
||||
padding: 0; |
|
||||
margin-top: -20px; |
|
||||
} |
|
||||
.message .action-buttons { |
|
||||
padding: 0; |
|
||||
margin-top: -5px; |
|
||||
} |
|
||||
.action-buttons .control.is-grouped { |
|
||||
display: inline-block; |
|
||||
margin-right: 30px; |
|
||||
} |
|
||||
.action-buttons .control.is-grouped:last-child { |
|
||||
margin-right: 0; |
|
||||
} |
|
||||
.action-buttons .control.is-grouped .button:first-child { |
|
||||
border-radius: 5px 0 0 5px; |
|
||||
} |
|
||||
.action-buttons .control.is-grouped .button:last-child { |
|
||||
border-radius: 0 5px 5px 0; |
|
||||
} |
|
||||
.action-buttons .control.is-grouped .button { |
|
||||
margin-right: -5px; |
|
||||
border-radius: 0; |
|
||||
} |
|
||||
.pg { |
|
||||
display: inline-block; |
|
||||
top:10px; |
|
||||
} |
|
||||
.action-buttons .pg .title { |
|
||||
display: block; |
|
||||
margin-top: 0; |
|
||||
padding-top: 0; |
|
||||
margin-bottom: 3px; |
|
||||
font-size:12px; |
|
||||
color: #AAAAAA; |
|
||||
} |
|
||||
.action-buttons .pg a{ |
|
||||
font-size:12px; |
|
||||
color: #AAAAAA; |
|
||||
text-decoration: none; |
|
||||
} |
|
||||
.inbox-messages { |
|
||||
margin-top:30px; |
|
||||
} |
|
||||
.message-preview { |
|
||||
margin-top: 40px; |
|
||||
} |
|
||||
.inbox-messages .card { |
|
||||
width: 100%; |
|
||||
} |
|
||||
.inbox-messages strong { |
|
||||
color: #5D5D5D; |
|
||||
} |
|
||||
.inbox-messages .msg-check { |
|
||||
padding: 0 20px; |
|
||||
} |
|
||||
.inbox-messages .msg-subject { |
|
||||
padding: 10px 0; |
|
||||
color: #5D5D5D; |
|
||||
} |
|
||||
.inbox-messages .msg-attachment { |
|
||||
float:right; |
|
||||
} |
|
||||
.inbox-messages .msg-snippet { |
|
||||
padding: 5px 0px 0px 0px; |
|
||||
} |
|
||||
.inbox-messages .msg-snippet p { |
|
||||
font-size: 14px; |
|
||||
} |
|
||||
.inbox-messages .msg-subject .fa { |
|
||||
font-size: 14px; |
|
||||
padding:3px 0; |
|
||||
} |
|
||||
.inbox-messages .msg-timestamp { |
|
||||
float: right; |
|
||||
padding: 0 20px; |
|
||||
color: #5D5D5D; |
|
||||
} |
|
||||
.message-preview .avatar { |
|
||||
display: inline-block; |
|
||||
} |
|
||||
.message-preview .top .address { |
|
||||
display: inline-block; |
|
||||
padding: 0 20px; |
|
||||
} |
|
||||
.avatar img { |
|
||||
width: 40px; |
|
||||
border-radius: 50px; |
|
||||
border: 2px solid #999; |
|
||||
padding: 2px; |
|
||||
} |
|
||||
.address .name { |
|
||||
font-size: 16px; |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
.address .email { |
|
||||
font-weight: bold; |
|
||||
color: #B6C7D1; |
|
||||
} |
|
||||
.card.active { |
|
||||
background-color:#F5F5F5; |
|
||||
} |
|
||||
@ -1,129 +0,0 @@ |
|||||
{% extends "base.html" %} {% load static %} {% block header %} |
|
||||
<link rel="stylesheet" type="text/css" href="{% static 'css/inbox.css' %}"> {% endblock %} {% block content %} |
|
||||
<div class="columns" id="mail-app"> |
|
||||
<aside class="column is-2 aside hero is-fullheight"> |
|
||||
<div> |
|
||||
<aside class="menu"> |
|
||||
<p class="menu-label" style="color:#f2f2f2;"> |
|
||||
Progress |
|
||||
</p> |
|
||||
<ul class="menu-list"> |
|
||||
<li class="has-text-grey-light level" style="padding-left:10px;margin-bottom:0;font-size:14px"> |
|
||||
<span class="level-left">Achievement</span> |
|
||||
<span class="level-right">[[ achievement ]]%</span> |
|
||||
</li> |
|
||||
<li> |
|
||||
<progress class="progress" v-bind:class="progressColor" v-bind:value="achievement" max="100">30%</progress> |
|
||||
</li> |
|
||||
</ul> |
|
||||
</aside> |
|
||||
<aside class="menu"> |
|
||||
|
|
||||
<p class="menu-label" style="color:#f2f2f2;"> |
|
||||
Labels |
|
||||
</p> |
|
||||
<ul class="menu-list"> |
|
||||
<div class="control" v-for="(label, label_id) in labels"> |
|
||||
<li class="tags has-addons"> |
|
||||
<span class="tag is-primary">[[label.shortcut]]</span> |
|
||||
<a class="tag is-grey" v-on:click="addLabel(label.id)" v-shortkey.once="['ctrl', [[ label.shortcut ]]]" @shortkey="addLabel(label.id)">[[label.text]]</a> |
|
||||
</li> |
|
||||
</div> |
|
||||
</ul> |
|
||||
</aside> |
|
||||
</div> |
|
||||
</aside> |
|
||||
<div class="column is-3 messages hero is-fullheight" id="message-feed"> |
|
||||
<div class="field has-addons" style="margin:0 10px;"> |
|
||||
<div class="control is-expanded"> |
|
||||
<input class="input" type="text" placeholder="Find a document" v-model="searchQuery" @keyup.enter="submit" |
|
||||
style="border-right:none;box-shadow: none;-webkit-box-shadow: none;"> |
|
||||
</div> |
|
||||
|
|
||||
<div class="control"> |
|
||||
<div class="dropdown is-hoverable"> |
|
||||
<div class="dropdown-trigger"> |
|
||||
<button class="button" aria-haspopup="true" aria-controls="dropdown-menu" style="border-left:none"> |
|
||||
<span class="icon"> |
|
||||
<i class="fas fa-angle-down" aria-hidden="true"></i> |
|
||||
</span> |
|
||||
</button> |
|
||||
</div> |
|
||||
<div class="dropdown-menu" id="dropdown-menu" role="menu"> |
|
||||
<div class="dropdown-content"> |
|
||||
<a href="#" class="dropdown-item"> |
|
||||
Default |
|
||||
</a> |
|
||||
<a class="dropdown-item"> |
|
||||
Active |
|
||||
</a> |
|
||||
<a href="#" class="dropdown-item"> |
|
||||
Complete |
|
||||
</a> |
|
||||
<a href="#" class="dropdown-item"> |
|
||||
Probability |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<div class="inbox-messages" id="inbox-messages" v-if="items.length"> |
|
||||
<div v-for="(msg, index) in items" class="card" v-bind:class="{ active: index == cur }" v-on:click="showMessage(index)" v-bind:data-preview-id="index"> |
|
||||
<div class="card-content" style="padding:1.2rem;"> |
|
||||
<div class="msg-header"> |
|
||||
<span class="msg-from"> |
|
||||
<div class="field is-grouped is-grouped-multiline"> |
|
||||
<div class="control" v-for="(annotation, index) in msg.labels"> |
|
||||
<div class="tags has-addons"> |
|
||||
<span class="tag is-dark"> |
|
||||
[[annotation.label.text]] |
|
||||
</span> |
|
||||
<span class="tag is-primary" v-if="annotation.label.prob">[[annotation.label.prob]]</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</span> |
|
||||
</div> |
|
||||
<div class="msg-snippet"> |
|
||||
<p>[[ msg.text.slice(0, 100) ]]</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="column is-7 message hero is-fullheight" id="message-pane"> |
|
||||
<div class="action-buttons"> |
|
||||
<div class="control is-grouped"> |
|
||||
<a class="button is-small" v-on:click="prevPage" v-shortkey="['ctrl', 'p']" @shortkey="prevPage"> |
|
||||
<i class="fa fa-chevron-left"></i> |
|
||||
</a> |
|
||||
<a class="button is-small" v-on:click="nextPage" v-shortkey="['ctrl', 'n']" @shortkey="nextPage"> |
|
||||
<i class="fa fa-chevron-right"></i> |
|
||||
</a> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="box message-preview"> |
|
||||
<div class="top" v-if="items.length"> |
|
||||
<div class="field is-grouped is-grouped-multiline"> |
|
||||
<div class="control" v-for="(annotation, index) in items[cur].labels"> |
|
||||
<div class="tags has-addons"> |
|
||||
<span class="tag is-dark"> |
|
||||
<button class="delete is-small" v-on:click="deleteLabel(index)"></button> |
|
||||
[[ annotation.label.text ]] |
|
||||
</span> |
|
||||
<span class="tag is-primary" v-if="annotation.label.prob">[[ annotation.label.prob ]]</span> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<hr> |
|
||||
<div class="content"> |
|
||||
<p style="line-height:2">[[ items[cur].text ]]</p> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<script type="text/javascript" src="{% static 'js/main.js' %}"></script> |
|
||||
{% endblock %} |
|
||||
Write
Preview
Loading…
Cancel
Save