mirror of https://github.com/doccano/doccano.git
Hironsan
6 years ago
4 changed files with 51 additions and 409 deletions
Split View
Diff Options
-
214doccano/server/static/inbox.css
-
32doccano/server/static/main.js
-
155doccano/server/templates/index.html
-
59doccano/server/templates/index2.html
@ -1,214 +0,0 @@ |
|||
html,body { |
|||
font-family: 'Open Sans', serif; |
|||
font-size: 14px; |
|||
line-height: 1.5; |
|||
height: 100%; |
|||
background-color: #fff; |
|||
} |
|||
.nav.is-dark { |
|||
background-color: #232B2D; |
|||
color: #F6F7F7; |
|||
} |
|||
.nav.is-dark .nav-item a, .nav.is-dark a.nav-item { |
|||
color: #F6F7F7; |
|||
} |
|||
.nav.is-dark .nav-item a.button.is-default { |
|||
color: #F6F7F7; |
|||
background-color: transparent; |
|||
border-width: 2px; |
|||
} |
|||
.nav.menu { |
|||
border-bottom: 1px solid #e1e1e1; |
|||
} |
|||
.nav.menu .nav-item .icon-btn { |
|||
border: 3px solid #B7C6C9; |
|||
border-radius: 90px; |
|||
padding: 5px 7px; |
|||
color: #B7C6C9; |
|||
} |
|||
.nav.menu .nav-item.is-active .icon-btn { |
|||
color: #2EB398; |
|||
border: 3px solid #2EB398; |
|||
} |
|||
.nav.menu .nav-item .icon-btn .fa { |
|||
font-size: 20px; |
|||
color: #B7C6C9; |
|||
} |
|||
.nav.menu .nav-item.is-active .icon-btn .fa { |
|||
color: #2EB398; |
|||
} |
|||
.aside { |
|||
display:block; |
|||
background-color: #F9F9F9; |
|||
border-right: 1px solid #DEDEDE; |
|||
} |
|||
.messages { |
|||
display:block; |
|||
background-color: #fff; |
|||
border-right: 1px solid #DEDEDE; |
|||
} |
|||
.message { |
|||
display:block; |
|||
background-color: #fff; |
|||
border-right: 1px solid #DEDEDE; |
|||
} |
|||
.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: #F1F1F1; |
|||
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: #5D5D5D; |
|||
font-weight: 500; |
|||
} |
|||
.messages { |
|||
padding: 40px 20px; |
|||
} |
|||
.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: #AAAAA; |
|||
} |
|||
.action-buttons .pg a{ |
|||
font-size:12px; |
|||
color: #AAAAAA; |
|||
text-decoration: none; |
|||
} |
|||
.is-grouped .button { |
|||
background-image: linear-gradient(#F8F8F8, #F1F1F1); |
|||
} |
|||
.is-grouped .button .fa { |
|||
font-size: 15px; |
|||
color: #AAAAAA; |
|||
} |
|||
.inbox-messages { |
|||
margin-top:60px; |
|||
} |
|||
.message-preview { |
|||
margin-top: 60px; |
|||
} |
|||
.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 20px 0px 5px; |
|||
} |
|||
.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; |
|||
} |
|||
@ -0,0 +1,32 @@ |
|||
Vue.config.debug = true; |
|||
|
|||
var app4 = new Vue({ |
|||
el: '#app', |
|||
delimiters: ['[[', ']]'], |
|||
data: { |
|||
cur: 2, |
|||
items: [ |
|||
{"id": 10, "labels": [{"text": "Prefecture", "prob": 0.98}, {"text": "Domestic Region", "prob": 0.58}], "text": "北海道（ほっかいどう）は、日本の北部に位置する島[※ 1][※ 2]。また、同島および付随する島を管轄する地方公共団体（道）である。島としての北海道は日本列島を構成する主要4島の一つである。地方公共団体としての北海道は47都道府県中唯一の「道」で、道庁所在地は札幌市。"}, |
|||
{"id": 11, "labels": [{"text": "Person", "prob": 0.98}], "text": "安倍 晋三（あべ しんぞう、1954年（昭和29年）9月21日 - ）は、日本の政治家。自由民主党所属の衆議院議員（9期）、第90代・第96代・第97代・第98代内閣総理大臣、第21代・第25代自由民主党総裁。"}, |
|||
{"id": 12, "labels": [{"text": "Country", "prob": 0.98}, {"text": "Continental Region", "prob": 0.58}], "text": "アメリカ合衆国（アメリカがっしゅうこく、英語: United States of America）、通称アメリカ、米国（べいこく）は、50の州および連邦区から成る連邦共和国である[6][7]。アメリカ本土の48州およびワシントンD.C.は、カナダとメキシコの間の北アメリカ中央に位置する。アラスカ州は北アメリカ北西部の角に位置し、東ではカナダと、西ではベーリング海峡をはさんでロシアと国境を接している。ハワイ州は中部太平洋における島嶼群である。同国は、太平洋およびカリブに5つの有人の海外領土および9つの無人の海外領土を有する。985万平方キロメートル (km2) の総面積は世界第3位または第4位、3億1千7百万人の人口は世界第3位である。同国は世界で最も民族的に多様かつ多文化な国の1つであり、これは多くの国からの大規模な移住の産物とされている[8]。また同国の広大な国土における地理および気候も極めて多様であり、多種多様な野生生物が存在する。"}, |
|||
], |
|||
labels: [ |
|||
'Location', 'Organization', 'Person' |
|||
], |
|||
guideline: 'annotation text' |
|||
}, |
|||
methods: { |
|||
addLabel: function (label) { |
|||
this.items[this.cur]['labels'].push({"text": label, "prob":null}) |
|||
}, |
|||
deleteLabel: function (index) { |
|||
this.items[this.cur]['labels'].splice(index, 1) |
|||
}, |
|||
nextPage: function () { |
|||
this.cur += 1 |
|||
}, |
|||
prevPage: function () { |
|||
this.cur -= 1 |
|||
} |
|||
} |
|||
}) |
|||
@ -1,155 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<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>Inbox - Free Bulma template</title> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" /> |
|||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> |
|||
<!-- Bulma Version 0.6.2--> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css" integrity="sha256-2k1KVsNPRXxZOsXQ8aqcZ9GOOwmJTMoOB5o5Qp1d6/s=" crossorigin="anonymous" /> |
|||
<link rel="stylesheet" type="text/css" href="{{ static_url('inbox.css') }}"> |
|||
</head> |
|||
<body> |
|||
<nav class="navbar has-shadow"> |
|||
<div class="container"> |
|||
<div class="navbar-brand"> |
|||
<a class="navbar-item" href="../"> |
|||
<img src="http://bulma.io/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox"> |
|||
</a> |
|||
|
|||
<div class="navbar-burger burger" data-target="navMenu"> |
|||
<span></span> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div id="navMenu" class="navbar-menu"> |
|||
<div class="navbar-end"> |
|||
<div class="navbar-item has-dropdown"> |
|||
<a class="navbar-link"> |
|||
Account |
|||
</a> |
|||
|
|||
<div class="navbar-dropdown"> |
|||
<a class="navbar-item"> |
|||
Dashboard |
|||
</a> |
|||
<a class="navbar-item"> |
|||
Profile |
|||
</a> |
|||
<a class="navbar-item"> |
|||
Settings |
|||
</a> |
|||
<hr class="navbar-divider"> |
|||
<div class="navbar-item"> |
|||
Logout |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</nav> |
|||
<div class="columns" id="mail-app"> |
|||
|
|||
<div class="column is-9 message hero is-fullheight" id="message-pane"> |
|||
|
|||
<!-- |
|||
<div class="action-buttons"> |
|||
<div class="control is-grouped"> |
|||
<a class="button is-small"><i class="fa fa-inbox"></i></a> |
|||
<a class="button is-small"><i class="fa fa-exclamation-circle"></i></a> |
|||
<a class="button is-small"><i class="fa fa-trash-o"></i></a> |
|||
</div> |
|||
<div class="control is-grouped"> |
|||
<a class="button is-small"><i class="fa fa-exclamation-circle"></i></a> |
|||
<a class="button is-small"><i class="fa fa-trash-o"></i></a> |
|||
</div> |
|||
<div class="control is-grouped"> |
|||
<a class="button is-small"><i class="fa fa-folder"></i></a> |
|||
<a class="button is-small"><i class="fa fa-tag"></i></a> |
|||
</div> |
|||
</div> |
|||
--> |
|||
|
|||
<div class="box message-preview"> |
|||
<div class="top"> |
|||
<div class="tags"> |
|||
<span class="tag">Label1</span> |
|||
<span class="tag">Label2</span> |
|||
</div> |
|||
<div class="content"> |
|||
アメリカ合衆国（アメリカがっしゅうこく、英語: United States of America）、通称アメリカ、米国（べいこく）は、50の州および連邦区から成る連邦共和国である[6][7]。アメリカ本土の48州およびワシントンD.C.は、カナダとメキシコの間の北アメリカ中央に位置する。アラスカ州は北アメリカ北西部の角に位置し、東ではカナダと、西ではベーリング海峡をはさんでロシアと国境を接している。ハワイ州は中部太平洋における島嶼群である。同国は、太平洋およびカリブに5つの有人の海外領土および9つの無人の海外領土を有する。985万平方キロメートル (km2) の総面積は世界第3位または第4位、3億1千7百万人の人口は世界第3位である。同国は世界で最も民族的に多様かつ多文化な国の1つであり、これは多くの国からの大規模な移住の産物とされている[8]。また同国の広大な国土における地理および気候も極めて多様であり、多種多様な野生生物が存在する。 |
|||
<br><br> |
|||
米国は先進国かつ世界最大級の国民経済を有する[9]。同国経済は、豊富な天然資源と高い労働者の生産性により支えられている[10]。同国経済は脱工業化社会だとされている一方、世界最大の製造国のうちの1つであり続けている[11]。同国は世界の軍事支出の37％を占め[12]、世界最高位の経済・軍事大国であり、大きな政治・文化的勢力であり、科学研究・技術革新におけるリーダー的存在とされている[13]。 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="column is-3 messages hero is-fullheight" id="message-feed"> |
|||
<div class="action-buttons"> |
|||
<div class="control is-grouped"> |
|||
<a class="button is-small"><i class="fa fa-chevron-down"></i></a> |
|||
<a class="button is-small"><i class="fa fa-refresh"></i></a> |
|||
</div> |
|||
<div class="control is-grouped"> |
|||
<a class="button is-small"><i class="fa fa-folder"></i></a> |
|||
<a class="button is-small"><i class="fa fa-tag"></i></a> |
|||
</div> |
|||
<div class="control is-grouped pg"> |
|||
<div class="title">10 of 1000</div> |
|||
<a class="button is-link"><i class="fa fa-chevron-left"></i></a> |
|||
<a class="button is-link"><i class="fa fa-chevron-right"></i></a> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="inbox-messages" id="inbox-messages"> |
|||
<div class="tags"> |
|||
<span class="tag">One</span> |
|||
<span class="tag">Two</span> |
|||
<span class="tag">Three</span> |
|||
<span class="tag">Four</span> |
|||
<span class="tag">Five</span> |
|||
<span class="tag">Six</span> |
|||
<span class="tag">Seven</span> |
|||
<span class="tag">Eight</span> |
|||
<span class="tag">Nine</span> |
|||
<span class="tag">Ten</span> |
|||
<span class="tag is-info">Eleven</span> |
|||
<span class="tag">Twelve</span> |
|||
<span class="tag">Thirteen</span> |
|||
<span class="tag">Fourteen</span> |
|||
<span class="tag">Fifteen</span> |
|||
<span class="tag">Sixteen</span> |
|||
<span class="tag">Seventeen</span> |
|||
<span class="tag">Eighteen</span> |
|||
<span class="tag">Nineteen</span> |
|||
<span class="tag">Twenty</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<footer class="footer"> |
|||
<div class="container"> |
|||
<div class="content has-text-centered"> |
|||
<p> |
|||
<strong>Bulma Templates</strong> by <a href="https://github.com/dansup">Daniel Supernault</a>. The source code is licensed |
|||
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. |
|||
</p> |
|||
<p> |
|||
<a class="icon" href="https://github.com/dansup/bulma-templates"> |
|||
<i class="fa fa-github"></i> |
|||
</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</footer> |
|||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> |
|||
|
|||
</body> |
|||
</html> |
|||
Write
Preview
Loading…
Cancel
Save