Zergling_man/thedesk
Zergling_man/thedesk
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

More prettier

Browse Source
This commit is contained in:
Cutls 2019-05-19 16:39:30 +09:00
parent de6e9c6f11
commit 06eb347cf8
101 changed files with 20094 additions and 16766 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
README.md
View File

@ -1,17 +1,18 @@
# TheDesk # TheDesk
TheDesk Minami (19)はVueで書き直します(rewrite-vueブランチ参照)。18までのバージョンはTheDesk Kawaii (20)以降で継続します。 TheDesk Minami (19)はVueで書き直します(rewrite-vueブランチ参照)。18までのバージョンはTheDesk Kawaii (20)(仮称)以降で継続します。
[![Build Status](https://travis-ci.org/cutls/TheDesk.svg?branch=master)](https://travis-ci.org/cutls/TheDesk) [![Build Status](https://travis-ci.org/cutls/TheDesk.svg?branch=master)](https://travis-ci.org/cutls/TheDesk)
[![Crowdin](https://d322cqt584bo4o.cloudfront.net/thedesk/localized.svg)](https://translate.thedesk.top/project/thedesk) [![Crowdin](https://d322cqt584bo4o.cloudfront.net/thedesk/localized.svg)](https://translate.thedesk.top/project/thedesk)
[![code style: prettier](https://flat.badgen.net/badge/code%20style/prettier/pink)](https://github.com/prettier/prettier)
[![PRs Welcome](https://flat.badgen.net/badge/PRs/welcome/green)](https://github.com/cutls/TheDesk/pulls)
[![Version](https://flat.badgen.net/github/release/cutls/TheDesk)](https://github.com/cutls/TheDesk/releases)
[![Download](https://flat.badgen.net/github/assets-dl/cutls/TheDesk)](https://github.com/cutls/TheDesk/releases)
![Contributors](https://flat.badgen.net/github/contributors/cutls/TheDesk)
Mastodon/Misskey client for PC(Windows/Linux/macOS) Mastodon/Misskey client for PC(Windows/Linux/macOS)
オープンソースSNSマストドン/MisskeyのWindows/Linuxクライアント オープンソースSNSマストドン/MisskeyのWindows/Linuxクライアント
Download:[TheDesk](https://thedesk.top) Download:[TheDesk](https://thedesk.top)
Contact me(bug report...):GitHub Issues, mention to [Cutls@kirishima.cloud](https://kirishima.cloud/@Cutls) or toot with #Desk
バグレポートなど:GitHub Issuesや[Cutls@kirishima.cloud](https://kirishima.cloud/@Cutls)へのリプ,または#Deskでトゥートして下さい.
### Contribute/コントリビュート ### Contribute/コントリビュート
Please make a pull request to ***WIP(before CI)*** brunch Please make a pull request to ***WIP(before CI)*** brunch

17
app/about.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="ja"> <html lang="ja">
<head> <head>
<title>TheDesk</title> <title>TheDesk</title>
<meta content="width=device-width,initial-scale=1.0" name="viewport"> <meta content="width=device-width,initial-scale=1.0" name="viewport">
@ -15,9 +16,12 @@ body{
-webkit-app-region: drag; -webkit-app-region: drag;
cursor: move; cursor: move;
} }
a,button{
a,
button {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
.container { .container {
width: 100%; width: 100%;
display: grid; display: grid;
@ -69,6 +73,7 @@ a,button{
} }
</style> </style>
</head> </head>
<body class="center " style="overflow:hidden"> <body class="center " style="overflow:hidden">
<script type="text/javascript" src="./js/common/jquery.js"></script> <script type="text/javascript" src="./js/common/jquery.js"></script>
<script type="text/javascript" src="./js/platform/first-not-view.js"></script> <script type="text/javascript" src="./js/platform/first-not-view.js"></script>
@ -89,10 +94,14 @@ a,button{
</div> </div>
<div class="cp">Copyright &copy; TheDesk 2018<br> <div class="cp">Copyright &copy; TheDesk 2018<br>
Main developer(author): <a href="https://cutls.com/@Cutls" target="_blank">Cutls P</a><br> Main developer(author): <a href="https://cutls.com/@Cutls" target="_blank">Cutls P</a><br>
Thanks:<a href="https://minohdon.jp/@toneji" target="_blank">toneji</a>/<a href="https://popon.pptdn.jp/@popn_ja" target="_blank">popn_ja</a>/<a href="https://pawoo.net/@kPherox" target="_blank">kPherox</a> and all users Thanks:<a href="https://minohdon.jp/@toneji" target="_blank">toneji</a>/<a
<img draggable="false" style="width:0.8rem;top: 1px;margin-left: 1px;position: relative;" alt="❤️" title=":heart:" src="https://twemoji.maxcdn.com/2/72x72/2764.png"> href="https://popon.pptdn.jp/@popn_ja" target="_blank">popn_ja</a>/<a href="https://pawoo.net/@kPherox"
target="_blank">kPherox</a> and all users
<img draggable="false" style="width:0.8rem;top: 1px;margin-left: 1px;position: relative;" alt="❤️"
title=":heart:" src="https://twemoji.maxcdn.com/2/72x72/2764.png">
<br><a href="https://thedesk.top" target="_blank">Web site</a></div> <br><a href="https://thedesk.top" target="_blank">Web site</a></div>
<button onclick="window.close()" class="btn waves-effect indigo" style="width:calc(100% - 10px);"><i class="material-icons left">close</i>Close</button> <button onclick="window.close()" class="btn waves-effect indigo" style="width:calc(100% - 10px);"><i
class="material-icons left">close</i>Close</button>
<script type="text/javascript" src="./js/ui/theme.js"></script> <script type="text/javascript" src="./js/ui/theme.js"></script>
<script> <script>
$("#now").text(localStorage.getItem("ver")); $("#now").text(localStorage.getItem("ver"));

10
app/adobe.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="ja"> <html lang="ja">
<head> <head>
<title>Adobe Photo Editor - TheDesk</title> <title>Adobe Photo Editor - TheDesk</title>
<meta content="width=device-width,initial-scale=1.0" name="viewport"> <meta content="width=device-width,initial-scale=1.0" name="viewport">
@ -17,32 +18,38 @@
padding: 24px 0; padding: 24px 0;
text-align: center; text-align: center;
} }
#cb-drag p { #cb-drag p {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
#cb-file { #cb-file {
cursor: pointer; cursor: pointer;
} }
#cb-display { #cb-display {
margin-bottom: 0; margin-bottom: 0;
} }
#cb-display p { #cb-display p {
margin-top: 8px; margin-top: 8px;
margin-bottom: 0; margin-bottom: 0;
line-height: 1.4; line-height: 1.4;
} }
.cb-div { .cb-div {
padding: 16px; padding: 16px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.cb-image { .cb-image {
cursor: pointer; cursor: pointer;
} }
</style> </style>
<meta charset="utf-8"> <meta charset="utf-8">
</head> </head>
<body id="mainView"> <body id="mainView">
<script type="text/javascript" src="./js/common/jquery.js"></script> <script type="text/javascript" src="./js/common/jquery.js"></script>
<script type="text/javascript" src="./js/platform/first-not-view.js"></script> <script type="text/javascript" src="./js/platform/first-not-view.js"></script>
@ -256,4 +263,5 @@ photoEditor.init();
<script type="text/javascript" src="./js/ui/theme.js"></script> <script type="text/javascript" src="./js/ui/theme.js"></script>
<script type="text/javascript" src="./js/platform/end.js"></script> <script type="text/javascript" src="./js/platform/end.js"></script>
</body> </body>
</html> </html>

4
app/css/about.css
View File

@ -1,2 +1,4 @@
/*このソフトについてを押した時に読み込まれます*/ /*このソフトについてを押した時に読み込まれます*/
body{font-family:Open Sans;} body {
font-family: Open Sans;
}

24
app/css/font-awesome.css vendored
View File

@ -5,9 +5,15 @@
/* FONT PATH /* FONT PATH
* -------------------------- */ * -------------------------- */
@font-face { @font-face {
font-family: 'FontAwesome'; font-family: "FontAwesome";
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0")
format("embedded-opentype"),
url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")
format("svg");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -60,9 +66,9 @@
left: -1.85714286em; left: -1.85714286em;
} }
.fa-border { .fa-border {
padding: .2em .25em .15em; padding: 0.2em 0.25em 0.15em;
border: solid 0.08em #eeeeee; border: solid 0.08em #eeeeee;
border-radius: .1em; border-radius: 0.1em;
} }
.fa-pull-left { .fa-pull-left {
float: left; float: left;
@ -71,10 +77,10 @@
float: right; float: right;
} }
.fa.fa-pull-left { .fa.fa-pull-left {
margin-right: .3em; margin-right: 0.3em;
} }
.fa.fa-pull-right { .fa.fa-pull-right {
margin-left: .3em; margin-left: 0.3em;
} }
/* Deprecated as of 4.4.0 */ /* Deprecated as of 4.4.0 */
.pull-right { .pull-right {
@ -84,10 +90,10 @@
float: left; float: left;
} }
.fa.pull-left { .fa.pull-left {
margin-right: .3em; margin-right: 0.3em;
} }
.fa.pull-right { .fa.pull-right {
margin-left: .3em; margin-left: 0.3em;
} }
.fa-spin { .fa-spin {
-webkit-animation: fa-spin 2s infinite linear; -webkit-animation: fa-spin 2s infinite linear;

44
app/css/master.css
View File

@ -1,5 +1,6 @@
/*共通CSS*/ /*共通CSS*/
html,body{ html,
body {
/*transform: translate3d(0,0,0);*/ /*transform: translate3d(0,0,0);*/
overflow: hidden; overflow: hidden;
user-select: none; user-select: none;
@ -42,14 +43,16 @@ option {
color: white; color: white;
z-index: 9999; z-index: 9999;
} }
#imagemodal, #videomodal { #imagemodal,
#videomodal {
display: none; display: none;
max-width: 100vw; max-width: 100vw;
max-height: 100vh; max-height: 100vh;
position: fixed; position: fixed;
z-index: 9; z-index: 9;
} }
#videomodal, #tootmodal { #videomodal,
#tootmodal {
background-color: var(--modal); background-color: var(--modal);
} }
#imagemodal .modal-content { #imagemodal .modal-content {
@ -72,7 +75,9 @@ option {
min-width: 0 !important; min-width: 0 !important;
margin-left: 5px !important; margin-left: 5px !important;
} }
.bbcode-pulse-loadings, .bbcode-pulse-loading, .fa-pulse { .bbcode-pulse-loadings,
.bbcode-pulse-loading,
.fa-pulse {
display: inline-block; display: inline-block;
animation-duration: 3s; animation-duration: 3s;
animation-fill-mode: both; animation-fill-mode: both;
@ -80,10 +85,13 @@ option {
animation-name: pulse; animation-name: pulse;
} }
@keyframes pulse { @keyframes pulse {
from, 50%, to { from,
50%,
to {
opacity: 1; opacity: 1;
} }
25%, 75% { 25%,
75% {
opacity: 0; opacity: 0;
} }
} }
@ -119,7 +127,8 @@ option {
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-name: shake; animation-name: shake;
} }
code:before, .pre:before { code:before,
.pre:before {
content: "Code"; content: "Code";
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1em; line-height: 1em;
@ -129,7 +138,8 @@ code:before, .pre:before {
right: 0; right: 0;
top: 0; top: 0;
} }
code, pre { code,
pre {
color: white; color: white;
display: block; display: block;
border-left: 5px solid; border-left: 5px solid;
@ -145,10 +155,12 @@ code, pre {
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
} }
blockquote, .quote p { blockquote,
.quote p {
margin: 0; margin: 0;
} }
blockquote, .quote { blockquote,
.quote {
color: black; color: black;
background-color: #ddd; background-color: #ddd;
padding: 1em 1em 1em; padding: 1em 1em 1em;
@ -157,7 +169,8 @@ blockquote, .quote {
border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
} }
blockquote:before, .quote:before { blockquote:before,
.quote:before {
content: "Quote"; content: "Quote";
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1em; line-height: 1em;
@ -222,7 +235,7 @@ blockquote:before, .quote:before {
font-size: 2rem; font-size: 2rem;
} }
.radio { .radio {
font-family:'Baloo Bhai' font-family: "Baloo Bhai";
} }
#pip { #pip {
z-index: 504; z-index: 504;
@ -252,7 +265,7 @@ blockquote:before, .quote:before {
background-color: var(--modal); background-color: var(--modal);
} }
#releasenote li { #releasenote li {
list-style-type: disc list-style-type: disc;
} }
@media only screen and (min-width: 993px) { @media only screen and (min-width: 993px) {
#toast-container { #toast-container {
@ -286,7 +299,8 @@ blockquote:before, .quote:before {
opacity: 0; opacity: 0;
} }
} }
.collapsible-header,.tabs{ .collapsible-header,
.tabs {
background-color: var(--subcolor); background-color: var(--subcolor);
} }
.modal-footer { .modal-footer {
@ -353,7 +367,6 @@ blockquote:before, .quote:before {
#tltype { #tltype {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
#tltype .type { #tltype .type {
display: flex; display: flex;
@ -377,7 +390,6 @@ blockquote:before, .quote:before {
position: relative; position: relative;
color: var(--beforehover); color: var(--beforehover);
left: -15px; left: -15px;
} }
.drag-bar { .drag-bar {
cursor: move; cursor: move;

1490
app/css/materialize.css vendored
View File

File diff suppressed because it is too large Load Diff

302
app/css/pickr.css
View File

File diff suppressed because one or more lines are too long

15
app/css/post.css
View File

@ -20,7 +20,6 @@
position: absolute; position: absolute;
right: 2px; right: 2px;
top: 4px; top: 4px;
} }
.more-show { .more-show {
display: none; display: none;
@ -44,7 +43,9 @@
#sch-box input { #sch-box input {
width: auto; width: auto;
} }
.picker__close, .picker__today, .picker__clear { .picker__close,
.picker__today,
.picker__clear {
color: #26a69a !important; color: #26a69a !important;
} }
.cw { .cw {
@ -54,7 +55,6 @@
filter: blur(50px); filter: blur(50px);
} }
#emoji { #emoji {
} }
#suggest { #suggest {
max-height: 300px; max-height: 300px;
@ -93,10 +93,14 @@
display: flex; display: flex;
} }
#toot-post-btn { #toot-post-btn {
width:calc(100% - 10px); padding:0; margin-top:10px; width: calc(100% - 10px);
padding: 0;
margin-top: 10px;
} }
#toot-sec-btn { #toot-sec-btn {
width:30px; padding:0; margin-top:10px; width: 30px;
padding: 0;
margin-top: 10px;
} }
#left-side { #left-side {
float: left; float: left;
@ -109,7 +113,6 @@
padding: 5px; padding: 5px;
} }
#poll { #poll {
} }
.poll-provider { .poll-provider {
position: absolute; position: absolute;

3
app/css/sort.css
View File

@ -1,4 +1,3 @@
.drag-content { .drag-content {
text-overflow: ellipsis; text-overflow: ellipsis;
cursor: move; cursor: move;
@ -10,7 +9,7 @@
padding: 3px; padding: 3px;
display: grid; display: grid;
grid-template-columns: 43px 1fr 60px; grid-template-columns: 43px 1fr 60px;
grid-template-areas: 'sorticon sorttitle sorttitle' 'sorticon sortacct sortaction'; grid-template-areas: "sorticon sorttitle sorttitle" "sorticon sortacct sortaction";
} }
.sorticon { .sorticon {
grid-area: sorticon; grid-area: sorticon;

52
app/css/tl.css
View File

@ -87,8 +87,13 @@
font-size: 15px; font-size: 15px;
} }
@media screen and (max-width: 890px) { @media screen and (max-width: 890px) {
.btnsgroup .grouptitle{ display: none; } .btnsgroup .grouptitle {
#tips,#tips-menu{ display: none; } display: none;
}
#tips,
#tips-menu {
display: none;
}
} }
iframe { iframe {
max-width: 100%; max-width: 100%;
@ -125,17 +130,20 @@ iframe {
border: thin solid gray; border: thin solid gray;
overflow: hidden; overflow: hidden;
} }
.box .pin,#his-data .pin{ .box .pin,
#his-data .pin {
display: none; display: none;
} }
.user { .user {
cursor: text; cursor: text;
font-size: 1.1rem; font-size: 1.1rem;
} }
.emoji,.emoji-img{ .emoji,
.emoji-img {
width: 15px; width: 15px;
} }
.area-toot .emoji,.area-toot .emoji-img{ .area-toot .emoji,
.area-toot .emoji-img {
width: 20px; width: 20px;
vertical-align: middle; vertical-align: middle;
margin: -1px 0; margin: -1px 0;
@ -147,7 +155,8 @@ iframe {
position: relative; position: relative;
height: calc(100% - 40px); height: calc(100% - 40px);
overflow-y: scroll; overflow-y: scroll;
overflow-x:hidden } overflow-x: hidden;
}
.additional { .additional {
overflow-x: scroll; overflow-x: scroll;
width: 100%; width: 100%;
@ -170,9 +179,14 @@ iframe {
width: 100%; width: 100%;
display: grid; display: grid;
grid-template-columns: 43px 2fr 1fr; grid-template-columns: 43px 2fr 1fr;
grid-template-areas: 'notice notice notice' 'icon display_name display_name' 'icon toot toot' 'vis additional additional' 'actions actions side'; grid-template-areas: "notice notice notice" "icon display_name display_name" "icon toot toot" "vis additional additional" "actions actions side";
} }
.cvo h1,.cvo h2,.cvo h3,.cvo h4,.cvo h5,.cvo h6{ .cvo h1,
.cvo h2,
.cvo h3,
.cvo h4,
.cvo h5,
.cvo h6 {
margin: 0; margin: 0;
} }
@ -199,7 +213,7 @@ text-overflow: ellipsis;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
flex-wrap:nowrap flex-wrap: nowrap;
} }
.flex-name { .flex-name {
max-width: calc(100% - 60px); max-width: calc(100% - 60px);
@ -253,7 +267,7 @@ grid-area: toot;
.quote-renote { .quote-renote {
display: grid; display: grid;
grid-template-columns: 43px 2fr 1fr; grid-template-columns: 43px 2fr 1fr;
grid-template-areas: 'ricon ruser' 'ricon rtext'; grid-template-areas: "ricon ruser" "ricon rtext";
border: 1px solid; border: 1px solid;
margin-top: 3px; margin-top: 3px;
padding: 1px; padding: 1px;
@ -370,7 +384,7 @@ p:not(:last-child){
display: grid; display: grid;
grid-template-columns: 40px 48px 1fr 24px; grid-template-columns: 40px 48px 1fr 24px;
grid-template-rows: 30px 30px; grid-template-rows: 30px 30px;
grid-template-areas: 'notice notice_name notice_name a2' 'notice a1 sta a3' 'notf-box notf-box notf-box notf-box'; grid-template-areas: "notice notice_name notice_name a2" "notice a1 sta a3" "notf-box notf-box notf-box notf-box";
} }
.emp { .emp {
font-weight: bold; font-weight: bold;
@ -456,7 +470,9 @@ p:not(:last-child){
border: thin solid gray; border: thin solid gray;
border-bottom: 2px solid white; border-bottom: 2px solid white;
grid-area: notf-box; grid-area: notf-box;
box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3), 0px -10px 10px 0px rgba(0,0,0,0.3) inset; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3),
0px -10px 10px 0px rgba(0, 0, 0, 0.3) inset;
} }
#src-contents { #src-contents {
min-height: 100px; min-height: 100px;
@ -493,19 +509,19 @@ p:not(:last-child){
} }
.fa-2x > .emoji-img { .fa-2x > .emoji-img {
width: 36px !important; width: 36px !important;
height: 36px!important height: 36px !important;
} }
.fa-3x > .emoji-img { .fa-3x > .emoji-img {
width: 54px !important; width: 54px !important;
height: 54px!important height: 54px !important;
} }
.fa-4x > .emoji-img { .fa-4x > .emoji-img {
width: 72px !important; width: 72px !important;
height: 72px!important height: 72px !important;
} }
.fa-5x > .emoji-img { .fa-5x > .emoji-img {
width: 90px !important; width: 90px !important;
height: 90px!important height: 90px !important;
} }
#lists-user { #lists-user {
overflow-y: scroll; overflow-y: scroll;
@ -529,7 +545,8 @@ p:not(:last-child){
background-color: var(--color); background-color: var(--color);
} }
.jump { .jump {
display: inline-block; animation: jump 0.75s linear infinite; display: inline-block;
animation: jump 0.75s linear infinite;
} }
.img-link { .img-link {
position: relative; position: relative;
@ -601,4 +618,3 @@ p:not(:last-child){
animation-duration: 0.1s; animation-duration: 0.1s;
animation-name: fadeInDown; animation-name: fadeInDown;
} }

6764
app/css/twemoji-awesome.css
View File

File diff suppressed because it is too large Load Diff

22
app/css/userdata.css
View File

@ -1,7 +1,7 @@
/*アイコンをクリックした時とかにでてくるユーザーデータ*/ /*アイコンをクリックした時とかにでてくるユーザーデータ*/
#his-data { #his-data {
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url('../../loading.svg'); background-image: url("../../loading.svg");
overflow-y: hidden; overflow-y: hidden;
} }
#his-name { #his-name {
@ -42,13 +42,18 @@
height: 1.5rem; height: 1.5rem;
} }
.his-field-title { .his-field-title {
height:1.5rem; padding:0; background-color:#757575; text-align:center; height: 1.5rem;
padding: 0;
background-color: #757575;
text-align: center;
padding: 5px; padding: 5px;
margin-bottom: 1px; margin-bottom: 1px;
width: 30%; width: 30%;
} }
.his-field-content { .his-field-content {
height:1.5rem; padding:0; padding-left:5px; height: 1.5rem;
padding: 0;
padding-left: 5px;
} }
#his-data a span.ellipsis:after { #his-data a span.ellipsis:after {
content: "..."; content: "...";
@ -67,7 +72,7 @@
.tab-content { .tab-content {
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
height: calc(100% - 240px) height: calc(100% - 240px);
} }
.my-data-width { .my-data-width {
width: 10%; width: 10%;
@ -75,11 +80,12 @@
.active-back { .active-back {
background-color: var(--active); background-color: var(--active);
} }
#his-name .emojione,#his-name .emoji-img{ #his-name .emojione,
#his-name .emoji-img {
width: 20px; width: 20px;
} }
#his-plus-action .btn { #his-plus-action .btn {
width:170px width: 170px;
} }
.custom-tabs { .custom-tabs {
display: flex; display: flex;
@ -92,7 +98,9 @@
cursor: pointer; cursor: pointer;
} }
#his-float-blocked { #his-float-blocked {
display:flex; justify-content: center; align-items:center; display: flex;
justify-content: center;
align-items: center;
font-size: 2rem; font-size: 2rem;
width: 90%; width: 90%;
height: 100%; height: 100%;

307
app/js/common/materialize.js vendored
View File

@ -246,7 +246,8 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
r.dequeue(a, t); r.dequeue(a, t);
})); }));
}); });
}, r.fn = r.prototype = { init: function (e) { }, r.fn = r.prototype = {
init: function (e) {
if (e.nodeType) return this[0] = e, this; throw new Error("Not a DOM node."); if (e.nodeType) return this[0] = e, this; throw new Error("Not a DOM node.");
}, offset: function () { }, offset: function () {
var t = this[0].getBoundingClientRect ? this[0].getBoundingClientRect() : { top: 0, left: 0 }; return { top: t.top + (e.pageYOffset || document.scrollTop || 0) - (document.clientTop || 0), left: t.left + (e.pageXOffset || document.scrollLeft || 0) - (document.clientLeft || 0) }; var t = this[0].getBoundingClientRect ? this[0].getBoundingClientRect() : { top: 0, left: 0 }; return { top: t.top + (e.pageYOffset || document.scrollTop || 0) - (document.clientTop || 0), left: t.left + (e.pageXOffset || document.scrollLeft || 0) - (document.clientLeft || 0) };
@ -259,7 +260,8 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
e = e.apply(t), e = e.apply(t),
a = this.offset(), a = this.offset(),
n = /^(?:body|html)$/i.test(e.nodeName) ? { top: 0, left: 0 } : r(e).offset(); return a.top -= parseFloat(t.style.marginTop) || 0, a.left -= parseFloat(t.style.marginLeft) || 0, e.style && (n.top += parseFloat(e.style.borderTopWidth) || 0, n.left += parseFloat(e.style.borderLeftWidth) || 0), { top: a.top - n.top, left: a.left - n.left }; n = /^(?:body|html)$/i.test(e.nodeName) ? { top: 0, left: 0 } : r(e).offset(); return a.top -= parseFloat(t.style.marginTop) || 0, a.left -= parseFloat(t.style.marginLeft) || 0, e.style && (n.top += parseFloat(e.style.borderTopWidth) || 0, n.left += parseFloat(e.style.borderLeftWidth) || 0), { top: a.top - n.top, left: a.left - n.left };
} };var a = {};r.expando = "velocity" + new Date().getTime(), r.uuid = 0;for (var n = {}, o = n.hasOwnProperty, i = n.toString, s = "Boolean Number String Function Array Date RegExp Object Error".split(" "), l = 0; l < s.length; l++) { }
}; var a = {}; r.expando = "velocity" + new Date().getTime(), r.uuid = 0; for (var n = {}, o = n.hasOwnProperty, i = n.toString, s = "Boolean Number String Function Array Date RegExp Object Error".split(" "), l = 0; l < s.length; l++) {
n["[object " + s[l] + "]"] = s[l].toLowerCase(); n["[object " + s[l] + "]"] = s[l].toLowerCase();
} r.fn.init.prototype = r.fn, e.Velocity = { Utilities: r }; } r.fn.init.prototype = r.fn, e.Velocity = { Utilities: r };
} }
@ -404,7 +406,8 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
}, r); }, r);
}; };
}(), }(),
m = { isString: function (e) { m = {
isString: function (e) {
return "string" == typeof e; return "string" == typeof e;
}, isArray: Array.isArray || function (e) { }, isArray: Array.isArray || function (e) {
return "[object Array]" === Object.prototype.toString.call(e); return "[object Array]" === Object.prototype.toString.call(e);
@ -422,12 +425,15 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
for (var t in e) { for (var t in e) {
return !1; return !1;
} return !0; } return !0;
} }, }
},
y = !1; if (e.fn && e.fn.jquery ? (f = e, y = !0) : f = t.Velocity.Utilities, 8 >= d && !y) throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity."); if (7 >= d) return void (jQuery.fn.velocity = jQuery.fn.animate); var h = 400, y = !1; if (e.fn && e.fn.jquery ? (f = e, y = !0) : f = t.Velocity.Utilities, 8 >= d && !y) throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity."); if (7 >= d) return void (jQuery.fn.velocity = jQuery.fn.animate); var h = 400,
v = "swing", v = "swing",
b = { State: { isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), isAndroid: /Android/i.test(navigator.userAgent), isGingerbread: /Android 2\.3\.[3-7]/i.test(navigator.userAgent), isChrome: t.chrome, isFirefox: /Firefox/i.test(navigator.userAgent), prefixElement: r.createElement("div"), prefixMatches: {}, scrollAnchor: null, scrollPropertyLeft: null, scrollPropertyTop: null, isTicking: !1, calls: [] }, CSS: {}, Utilities: f, Redirects: {}, Easings: {}, Promise: t.Promise, defaults: { queue: "", duration: h, easing: v, begin: a, complete: a, progress: a, display: a, visibility: a, loop: !1, delay: !1, mobileHA: !0, _cacheValues: !0 }, init: function (e) { b = {
State: { isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), isAndroid: /Android/i.test(navigator.userAgent), isGingerbread: /Android 2\.3\.[3-7]/i.test(navigator.userAgent), isChrome: t.chrome, isFirefox: /Firefox/i.test(navigator.userAgent), prefixElement: r.createElement("div"), prefixMatches: {}, scrollAnchor: null, scrollPropertyLeft: null, scrollPropertyTop: null, isTicking: !1, calls: [] }, CSS: {}, Utilities: f, Redirects: {}, Easings: {}, Promise: t.Promise, defaults: { queue: "", duration: h, easing: v, begin: a, complete: a, progress: a, display: a, visibility: a, loop: !1, delay: !1, mobileHA: !0, _cacheValues: !0 }, init: function (e) {
f.data(e, "velocity", { isSVG: m.isSVG(e), isAnimating: !1, computedStyle: null, tweensContainer: null, rootPropertyValueCache: {}, transformCache: {} }); f.data(e, "velocity", { isSVG: m.isSVG(e), isAnimating: !1, computedStyle: null, tweensContainer: null, rootPropertyValueCache: {}, transformCache: {} });
}, hook: null, mock: !1, version: { major: 1, minor: 2, patch: 2 }, debug: !1 };t.pageYOffset !== a ? (b.State.scrollAnchor = t, b.State.scrollPropertyLeft = "pageXOffset", b.State.scrollPropertyTop = "pageYOffset") : (b.State.scrollAnchor = r.documentElement || r.body.parentNode || r.body, b.State.scrollPropertyLeft = "scrollLeft", b.State.scrollPropertyTop = "scrollTop");var x = function () { }, hook: null, mock: !1, version: { major: 1, minor: 2, patch: 2 }, debug: !1
}; t.pageYOffset !== a ? (b.State.scrollAnchor = t, b.State.scrollPropertyLeft = "pageXOffset", b.State.scrollPropertyTop = "pageYOffset") : (b.State.scrollAnchor = r.documentElement || r.body.parentNode || r.body, b.State.scrollPropertyLeft = "scrollLeft", b.State.scrollPropertyTop = "scrollTop"); var x = function () {
function e(e) { function e(e) {
return -e.tension * e.x - e.friction * e.v; return -e.tension * e.x - e.friction * e.v;
} function t(t, r, a) { } function t(t, r, a) {
@ -451,15 +457,19 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
return u[e * (u.length - 1) | 0]; return u[e * (u.length - 1) | 0];
} : c; } : c;
}; };
}();b.Easings = { linear: function (e) { }(); b.Easings = {
linear: function (e) {
return e; return e;
}, swing: function (e) { }, swing: function (e) {
return .5 - Math.cos(e * Math.PI) / 2; return .5 - Math.cos(e * Math.PI) / 2;
}, spring: function (e) { }, spring: function (e) {
return 1 - Math.cos(4.5 * e * Math.PI) * Math.exp(6 * -e); return 1 - Math.cos(4.5 * e * Math.PI) * Math.exp(6 * -e);
} }, f.each([["ease", [.25, .1, .25, 1]], ["ease-in", [.42, 0, 1, 1]], ["ease-out", [0, 0, .58, 1]], ["ease-in-out", [.42, 0, .58, 1]], ["easeInSine", [.47, 0, .745, .715]], ["easeOutSine", [.39, .575, .565, 1]], ["easeInOutSine", [.445, .05, .55, .95]], ["easeInQuad", [.55, .085, .68, .53]], ["easeOutQuad", [.25, .46, .45, .94]], ["easeInOutQuad", [.455, .03, .515, .955]], ["easeInCubic", [.55, .055, .675, .19]], ["easeOutCubic", [.215, .61, .355, 1]], ["easeInOutCubic", [.645, .045, .355, 1]], ["easeInQuart", [.895, .03, .685, .22]], ["easeOutQuart", [.165, .84, .44, 1]], ["easeInOutQuart", [.77, 0, .175, 1]], ["easeInQuint", [.755, .05, .855, .06]], ["easeOutQuint", [.23, 1, .32, 1]], ["easeInOutQuint", [.86, 0, .07, 1]], ["easeInExpo", [.95, .05, .795, .035]], ["easeOutExpo", [.19, 1, .22, 1]], ["easeInOutExpo", [1, 0, 0, 1]], ["easeInCirc", [.6, .04, .98, .335]], ["easeOutCirc", [.075, .82, .165, 1]], ["easeInOutCirc", [.785, .135, .15, .86]]], function (e, t) { }
}, f.each([["ease", [.25, .1, .25, 1]], ["ease-in", [.42, 0, 1, 1]], ["ease-out", [0, 0, .58, 1]], ["ease-in-out", [.42, 0, .58, 1]], ["easeInSine", [.47, 0, .745, .715]], ["easeOutSine", [.39, .575, .565, 1]], ["easeInOutSine", [.445, .05, .55, .95]], ["easeInQuad", [.55, .085, .68, .53]], ["easeOutQuad", [.25, .46, .45, .94]], ["easeInOutQuad", [.455, .03, .515, .955]], ["easeInCubic", [.55, .055, .675, .19]], ["easeOutCubic", [.215, .61, .355, 1]], ["easeInOutCubic", [.645, .045, .355, 1]], ["easeInQuart", [.895, .03, .685, .22]], ["easeOutQuart", [.165, .84, .44, 1]], ["easeInOutQuart", [.77, 0, .175, 1]], ["easeInQuint", [.755, .05, .855, .06]], ["easeOutQuint", [.23, 1, .32, 1]], ["easeInOutQuint", [.86, 0, .07, 1]], ["easeInExpo", [.95, .05, .795, .035]], ["easeOutExpo", [.19, 1, .22, 1]], ["easeInOutExpo", [1, 0, 0, 1]], ["easeInCirc", [.6, .04, .98, .335]], ["easeOutCirc", [.075, .82, .165, 1]], ["easeInOutCirc", [.785, .135, .15, .86]]], function (e, t) {
b.Easings[t[0]] = l.apply(null, t[1]); b.Easings[t[0]] = l.apply(null, t[1]);
});var S = b.CSS = { RegEx: { isHex: /^#([A-f\d]{3}){1,2}$/i, valueUnwrap: /^[A-z]+\((.*)\)$/i, wrappedValueAlreadyExtracted: /[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/, valueSplit: /([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi }, Lists: { colors: ["fill", "stroke", "stopColor", "color", "backgroundColor", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor", "outlineColor"], transformsBase: ["translateX", "translateY", "scale", "scaleX", "scaleY", "skewX", "skewY", "rotateZ"], transforms3D: ["transformPerspective", "translateZ", "scaleZ", "rotateX", "rotateY"] }, Hooks: { templates: { textShadow: ["Color X Y Blur", "black 0px 0px 0px"], boxShadow: ["Color X Y Blur Spread", "black 0px 0px 0px 0px"], clip: ["Top Right Bottom Left", "0px 0px 0px 0px"], backgroundPosition: ["X Y", "0% 0%"], transformOrigin: ["X Y Z", "50% 50% 0px"], perspectiveOrigin: ["X Y", "50% 50%"] }, registered: {}, register: function () { }); var S = b.CSS = {
RegEx: { isHex: /^#([A-f\d]{3}){1,2}$/i, valueUnwrap: /^[A-z]+\((.*)\)$/i, wrappedValueAlreadyExtracted: /[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/, valueSplit: /([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi }, Lists: { colors: ["fill", "stroke", "stopColor", "color", "backgroundColor", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor", "outlineColor"], transformsBase: ["translateX", "translateY", "scale", "scaleX", "scaleY", "skewX", "skewY", "rotateZ"], transforms3D: ["transformPerspective", "translateZ", "scaleZ", "rotateX", "rotateY"] }, Hooks: {
templates: { textShadow: ["Color X Y Blur", "black 0px 0px 0px"], boxShadow: ["Color X Y Blur Spread", "black 0px 0px 0px 0px"], clip: ["Top Right Bottom Left", "0px 0px 0px 0px"], backgroundPosition: ["X Y", "0% 0%"], transformOrigin: ["X Y Z", "50% 50% 0px"], perspectiveOrigin: ["X Y", "50% 50%"] }, registered: {}, register: function () {
for (var e = 0; e < S.Lists.colors.length; e++) { for (var e = 0; e < S.Lists.colors.length; e++) {
var t = "color" === S.Lists.colors[e] ? "0 0 0 1" : "255 255 255 1"; S.Hooks.templates[S.Lists.colors[e]] = ["Red Green Blue Alpha", t]; var t = "color" === S.Lists.colors[e] ? "0 0 0 1" : "255 255 255 1"; S.Hooks.templates[S.Lists.colors[e]] = ["Red Green Blue Alpha", t];
} var r, a, n; if (d) for (r in S.Hooks.templates) { } var r, a, n; if (d) for (r in S.Hooks.templates) {
@ -486,54 +496,74 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
i = a[0], i = a[0],
s = a[1]; return r = S.Hooks.cleanRootPropertyValue(i, r), n = r.toString().match(S.RegEx.valueSplit), n[s] = t, o = n.join(" "); s = a[1]; return r = S.Hooks.cleanRootPropertyValue(i, r), n = r.toString().match(S.RegEx.valueSplit), n[s] = t, o = n.join(" ");
} return r; } return r;
} }, Normalizations: { registered: { clip: function (e, t, r) { }
switch (e) {case "name": }, Normalizations: {
registered: {
clip: function (e, t, r) {
switch (e) {
case "name":
return "clip"; case "extract": return "clip"; case "extract":
var a; return S.RegEx.wrappedValueAlreadyExtracted.test(r) ? a = r : (a = r.toString().match(S.RegEx.valueUnwrap), a = a ? a[1].replace(/,(\s+)?/g, " ") : r), a; case "inject": var a; return S.RegEx.wrappedValueAlreadyExtracted.test(r) ? a = r : (a = r.toString().match(S.RegEx.valueUnwrap), a = a ? a[1].replace(/,(\s+)?/g, " ") : r), a; case "inject":
return "rect(" + r + ")";} return "rect(" + r + ")";
}
}, blur: function (e, t, r) { }, blur: function (e, t, r) {
switch (e) {case "name": switch (e) {
case "name":
return b.State.isFirefox ? "filter" : "-webkit-filter"; case "extract": return b.State.isFirefox ? "filter" : "-webkit-filter"; case "extract":
var a = parseFloat(r); if (!a && 0 !== a) { var a = parseFloat(r); if (!a && 0 !== a) {
var n = r.toString().match(/blur\(([0-9]+[A-z]+)\)/i); a = n ? n[1] : 0; var n = r.toString().match(/blur\(([0-9]+[A-z]+)\)/i); a = n ? n[1] : 0;
} return a; case "inject": } return a; case "inject":
return parseFloat(r) ? "blur(" + r + ")" : "none";} return parseFloat(r) ? "blur(" + r + ")" : "none";
}
}, opacity: function (e, t, r) { }, opacity: function (e, t, r) {
if (8 >= d) switch (e) {case "name": if (8 >= d) switch (e) {
case "name":
return "filter"; case "extract": return "filter"; case "extract":
var a = r.toString().match(/alpha\(opacity=(.*)\)/i); return r = a ? a[1] / 100 : 1; case "inject": var a = r.toString().match(/alpha\(opacity=(.*)\)/i); return r = a ? a[1] / 100 : 1; case "inject":
return t.style.zoom = 1, parseFloat(r) >= 1 ? "" : "alpha(opacity=" + parseInt(100 * parseFloat(r), 10) + ")";} else switch (e) {case "name": return t.style.zoom = 1, parseFloat(r) >= 1 ? "" : "alpha(opacity=" + parseInt(100 * parseFloat(r), 10) + ")";
} else switch (e) {
case "name":
return "opacity"; case "extract": return "opacity"; case "extract":
return r; case "inject": return r; case "inject":
return r;} return r;
} }, register: function () { }
}
}, register: function () {
9 >= d || b.State.isGingerbread || (S.Lists.transformsBase = S.Lists.transformsBase.concat(S.Lists.transforms3D)); for (var e = 0; e < S.Lists.transformsBase.length; e++) { 9 >= d || b.State.isGingerbread || (S.Lists.transformsBase = S.Lists.transformsBase.concat(S.Lists.transforms3D)); for (var e = 0; e < S.Lists.transformsBase.length; e++) {
!function () { !function () {
var t = S.Lists.transformsBase[e]; S.Normalizations.registered[t] = function (e, r, n) { var t = S.Lists.transformsBase[e]; S.Normalizations.registered[t] = function (e, r, n) {
switch (e) {case "name": switch (e) {
case "name":
return "transform"; case "extract": return "transform"; case "extract":
return i(r) === a || i(r).transformCache[t] === a ? /^scale/i.test(t) ? 1 : 0 : i(r).transformCache[t].replace(/[()]/g, ""); case "inject": return i(r) === a || i(r).transformCache[t] === a ? /^scale/i.test(t) ? 1 : 0 : i(r).transformCache[t].replace(/[()]/g, ""); case "inject":
var o = !1;switch (t.substr(0, t.length - 1)) {case "translate": var o = !1; switch (t.substr(0, t.length - 1)) {
case "translate":
o = !/(%|px|em|rem|vw|vh|\d)$/i.test(n); break; case "scal": case "scale": o = !/(%|px|em|rem|vw|vh|\d)$/i.test(n); break; case "scal": case "scale":
b.State.isAndroid && i(r).transformCache[t] === a && 1 > n && (n = 1), o = !/(\d)$/i.test(n); break; case "skew": b.State.isAndroid && i(r).transformCache[t] === a && 1 > n && (n = 1), o = !/(\d)$/i.test(n); break; case "skew":
o = !/(deg|\d)$/i.test(n); break; case "rotate": o = !/(deg|\d)$/i.test(n); break; case "rotate":
o = !/(deg|\d)$/i.test(n);}return o || (i(r).transformCache[t] = "(" + n + ")"), i(r).transformCache[t];} o = !/(deg|\d)$/i.test(n);
}return o || (i(r).transformCache[t] = "(" + n + ")"), i(r).transformCache[t];
}
}; };
}(); }();
} for (var e = 0; e < S.Lists.colors.length; e++) { } for (var e = 0; e < S.Lists.colors.length; e++) {
!function () { !function () {
var t = S.Lists.colors[e]; S.Normalizations.registered[t] = function (e, r, n) { var t = S.Lists.colors[e]; S.Normalizations.registered[t] = function (e, r, n) {
switch (e) {case "name": switch (e) {
case "name":
return t; case "extract": return t; case "extract":
var o; if (S.RegEx.wrappedValueAlreadyExtracted.test(n)) o = n; else { var o; if (S.RegEx.wrappedValueAlreadyExtracted.test(n)) o = n; else {
var i, var i,
s = { black: "rgb(0, 0, 0)", blue: "rgb(0, 0, 255)", gray: "rgb(128, 128, 128)", green: "rgb(0, 128, 0)", red: "rgb(255, 0, 0)", white: "rgb(255, 255, 255)" }; /^[A-z]+$/i.test(n) ? i = s[n] !== a ? s[n] : s.black : S.RegEx.isHex.test(n) ? i = "rgb(" + S.Values.hexToRgb(n).join(" ") + ")" : /^rgba?\(/i.test(n) || (i = s.black), o = (i || n).toString().match(S.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g, " "); s = { black: "rgb(0, 0, 0)", blue: "rgb(0, 0, 255)", gray: "rgb(128, 128, 128)", green: "rgb(0, 128, 0)", red: "rgb(255, 0, 0)", white: "rgb(255, 255, 255)" }; /^[A-z]+$/i.test(n) ? i = s[n] !== a ? s[n] : s.black : S.RegEx.isHex.test(n) ? i = "rgb(" + S.Values.hexToRgb(n).join(" ") + ")" : /^rgba?\(/i.test(n) || (i = s.black), o = (i || n).toString().match(S.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g, " ");
} return 8 >= d || 3 !== o.split(" ").length || (o += " 1"), o; case "inject": } return 8 >= d || 3 !== o.split(" ").length || (o += " 1"), o; case "inject":
return 8 >= d ? 4 === n.split(" ").length && (n = n.split(/\s+/).slice(0, 3).join(" ")) : 3 === n.split(" ").length && (n += " 1"), (8 >= d ? "rgb" : "rgba") + "(" + n.replace(/\s+/g, ",").replace(/\.(\d)+(?=,)/g, "") + ")";} return 8 >= d ? 4 === n.split(" ").length && (n = n.split(/\s+/).slice(0, 3).join(" ")) : 3 === n.split(" ").length && (n += " 1"), (8 >= d ? "rgb" : "rgba") + "(" + n.replace(/\s+/g, ",").replace(/\.(\d)+(?=,)/g, "") + ")";
}
}; };
}(); }();
} }
} }, Names: { camelCase: function (e) { }
}, Names: {
camelCase: function (e) {
return e.replace(/-(\w)/g, function (e, t) { return e.replace(/-(\w)/g, function (e, t) {
return t.toUpperCase(); return t.toUpperCase();
}); });
@ -545,7 +575,9 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
return e.toUpperCase(); return e.toUpperCase();
}), m.isString(b.State.prefixElement.style[n])) return b.State.prefixMatches[e] = n, [n, !0]; }), m.isString(b.State.prefixElement.style[n])) return b.State.prefixMatches[e] = n, [n, !0];
} return [e, !1]; } return [e, !1];
} }, Values: { hexToRgb: function (e) { }
}, Values: {
hexToRgb: function (e) {
var t, var t,
r = /^#?([a-f\d])([a-f\d])([a-f\d])$/i, r = /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i; return e = e.replace(r, function (e, t, r, a) { a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i; return e = e.replace(r, function (e, t, r, a) {
@ -563,7 +595,8 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
e.classList ? e.classList.add(t) : e.className += (e.className.length ? " " : "") + t; e.classList ? e.classList.add(t) : e.className += (e.className.length ? " " : "") + t;
}, removeClass: function (e, t) { }, removeClass: function (e, t) {
e.classList ? e.classList.remove(t) : e.className = e.className.toString().replace(new RegExp("(^|\\s)" + t.split(" ").join("|") + "(\\s|$)", "gi"), " "); e.classList ? e.classList.remove(t) : e.className = e.className.toString().replace(new RegExp("(^|\\s)" + t.split(" ").join("|") + "(\\s|$)", "gi"), " ");
} }, getPropertyValue: function (e, r, n, o) { }
}, getPropertyValue: function (e, r, n, o) {
function s(e, r) { function s(e, r) {
function n() { function n() {
u && S.setPropertyValue(e, "display", "none"); u && S.setPropertyValue(e, "display", "none");
@ -613,7 +646,8 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
return n = i(e).transformCache[t], "transformPerspective" === t ? (o = n, !0) : (9 === d && "rotateZ" === t && (t = "rotate"), void (r += t + n + " ")); return n = i(e).transformCache[t], "transformPerspective" === t ? (o = n, !0) : (9 === d && "rotateZ" === t && (t = "rotate"), void (r += t + n + " "));
}), o && (r = "perspective" + o + " " + r); }), o && (r = "perspective" + o + " " + r);
} S.setPropertyValue(e, "transform", r); } S.setPropertyValue(e, "transform", r);
} };S.Hooks.register(), S.Normalizations.register(), b.hook = function (e, t, r) { }
}; S.Hooks.register(), S.Normalizations.register(), b.hook = function (e, t, r) {
var n = a; return e = o(e), f.each(e, function (e, o) { var n = a; return e = o(e), f.each(e, function (e, o) {
if (i(o) === a && b.init(o), r === a) n === a && (n = b.CSS.getPropertyValue(o, t)); else { if (i(o) === a && b.init(o), r === a) n === a && (n = b.CSS.getPropertyValue(o, t)); else {
var s = b.CSS.setPropertyValue(o, t, r); "transform" === s[0] && b.CSS.flushTransformCache(o), n = s; var s = b.CSS.setPropertyValue(o, t, r); "transform" === s[0] && b.CSS.flushTransformCache(o), n = s;
@ -685,18 +719,24 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
D = !1; if (W = d(z, M), M = W[0], Y = W[1], W = d(z, q), q = W[0].replace(/^([+-\/*])=/, function (e, t) { D = !1; if (W = d(z, M), M = W[0], Y = W[1], W = d(z, q), q = W[0].replace(/^([+-\/*])=/, function (e, t) {
return D = t, ""; return D = t, "";
}), G = W[1], M = parseFloat(M) || 0, q = parseFloat(q) || 0, "%" === G && (/^(fontSize|lineHeight)$/.test(z) ? (q /= 100, G = "em") : /^scale/.test(z) ? (q /= 100, G = "") : /(Red|Green|Blue)$/i.test(z) && (q = q / 100 * 255, G = "")), /[\/*]/.test(D)) G = Y; else if (Y !== G && 0 !== M) if (0 === q) G = Y; else { }), G = W[1], M = parseFloat(M) || 0, q = parseFloat(q) || 0, "%" === G && (/^(fontSize|lineHeight)$/.test(z) ? (q /= 100, G = "em") : /^scale/.test(z) ? (q /= 100, G = "") : /(Red|Green|Blue)$/i.test(z) && (q = q / 100 * 255, G = "")), /[\/*]/.test(D)) G = Y; else if (Y !== G && 0 !== M) if (0 === q) G = Y; else {
n = n || h();var Q = /margin|padding|left|right|width|text|word|letter/i.test(z) || /X$/.test(z) || "x" === z ? "x" : "y";switch (Y) {case "%": n = n || h(); var Q = /margin|padding|left|right|width|text|word|letter/i.test(z) || /X$/.test(z) || "x" === z ? "x" : "y"; switch (Y) {
case "%":
M *= "x" === Q ? n.percentToPxWidth : n.percentToPxHeight; break; case "px": M *= "x" === Q ? n.percentToPxWidth : n.percentToPxHeight; break; case "px":
break; default: break; default:
M *= n[Y + "ToPx"];}switch (G) {case "%": M *= n[Y + "ToPx"];
}switch (G) {
case "%":
M *= 1 / ("x" === Q ? n.percentToPxWidth : n.percentToPxHeight); break; case "px": M *= 1 / ("x" === Q ? n.percentToPxWidth : n.percentToPxHeight); break; case "px":
break; default: break; default:
M *= 1 / n[G + "ToPx"];} M *= 1 / n[G + "ToPx"];
}switch (D) {case "+": }
} switch (D) {
case "+":
q = M + q; break; case "-": q = M + q; break; case "-":
q = M - q; break; case "*": q = M - q; break; case "*":
q = M * q; break; case "/": q = M * q; break; case "/":
q = M / q;}l[z] = { rootPropertyValue: B, startValue: M, currentValue: M, endValue: q, unitType: G, easing: $ }, b.debug && console.log("tweensContainer (" + z + "): " + JSON.stringify(l[z]), o); q = M / q;
}l[z] = { rootPropertyValue: B, startValue: M, currentValue: M, endValue: q, unitType: G, easing: $ }, b.debug && console.log("tweensContainer (" + z + "): " + JSON.stringify(l[z]), o);
} else b.debug && console.log("Skipping [" + I + "] due to a lack of browser support."); } else b.debug && console.log("Skipping [" + I + "] due to a lack of browser support.");
} l.element = o; } l.element = o;
} l.element && (S.Values.addClass(o, "velocity-animating"), R.push(l), "" === s.queue && (i(o).tweensContainer = l, i(o).opts = s), i(o).isAnimating = !0, V === w - 1 ? (b.State.calls.push([R, g, s, null, k.resolver]), b.State.isTicking === !1 && (b.State.isTicking = !0, c())) : V++); } l.element && (S.Values.addClass(o, "velocity-animating"), R.push(l), "" === s.queue && (i(o).tweensContainer = l, i(o).opts = s), i(o).isAnimating = !0, V === w - 1 ? (b.State.calls.push([R, g, s, null, k.resolver]), b.State.isTicking === !1 && (b.State.isTicking = !0, c())) : V++);
@ -705,11 +745,13 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
s = f.extend({}, b.defaults, v), s = f.extend({}, b.defaults, v),
l = {}; switch (i(o) === a && b.init(o), parseFloat(s.delay) && s.queue !== !1 && f.queue(o, s.queue, function (e) { l = {}; switch (i(o) === a && b.init(o), parseFloat(s.delay) && s.queue !== !1 && f.queue(o, s.queue, function (e) {
b.velocityQueueEntryFlag = !0, i(o).delayTimer = { setTimeout: setTimeout(e, parseFloat(s.delay)), next: e }; b.velocityQueueEntryFlag = !0, i(o).delayTimer = { setTimeout: setTimeout(e, parseFloat(s.delay)), next: e };
}), s.duration.toString().toLowerCase()) {case "fast": }), s.duration.toString().toLowerCase()) {
case "fast":
s.duration = 200; break; case "normal": s.duration = 200; break; case "normal":
s.duration = h; break; case "slow": s.duration = h; break; case "slow":
s.duration = 600; break; default: s.duration = 600; break; default:
s.duration = parseFloat(s.duration) || 1;}b.mock !== !1 && (b.mock === !0 ? s.duration = s.delay = 1 : (s.duration *= parseFloat(b.mock) || 1, s.delay *= parseFloat(b.mock) || 1)), s.easing = u(s.easing, s.duration), s.begin && !m.isFunction(s.begin) && (s.begin = null), s.progress && !m.isFunction(s.progress) && (s.progress = null), s.complete && !m.isFunction(s.complete) && (s.complete = null), s.display !== a && null !== s.display && (s.display = s.display.toString().toLowerCase(), "auto" === s.display && (s.display = b.CSS.Values.getDisplayType(o))), s.visibility !== a && null !== s.visibility && (s.visibility = s.visibility.toString().toLowerCase()), s.mobileHA = s.mobileHA && b.State.isMobile && !b.State.isGingerbread, s.queue === !1 ? s.delay ? setTimeout(e, s.delay) : e() : f.queue(o, s.queue, function (t, r) { s.duration = parseFloat(s.duration) || 1;
}b.mock !== !1 && (b.mock === !0 ? s.duration = s.delay = 1 : (s.duration *= parseFloat(b.mock) || 1, s.delay *= parseFloat(b.mock) || 1)), s.easing = u(s.easing, s.duration), s.begin && !m.isFunction(s.begin) && (s.begin = null), s.progress && !m.isFunction(s.progress) && (s.progress = null), s.complete && !m.isFunction(s.complete) && (s.complete = null), s.display !== a && null !== s.display && (s.display = s.display.toString().toLowerCase(), "auto" === s.display && (s.display = b.CSS.Values.getDisplayType(o))), s.visibility !== a && null !== s.visibility && (s.visibility = s.visibility.toString().toLowerCase()), s.mobileHA = s.mobileHA && b.State.isMobile && !b.State.isGingerbread, s.queue === !1 ? s.delay ? setTimeout(e, s.delay) : e() : f.queue(o, s.queue, function (t, r) {
return r === !0 ? (k.promise && k.resolver(g), !0) : (b.velocityQueueEntryFlag = !0, void e(t)); return r === !0 ? (k.promise && k.resolver(g), !0) : (b.velocityQueueEntryFlag = !0, void e(t));
}), "" !== s.queue && "fx" !== s.queue || "inprogress" === f.queue(o)[0] || f.dequeue(o); }), "" !== s.queue && "fx" !== s.queue || "inprogress" === f.queue(o)[0] || f.dequeue(o);
} var s, } var s,
@ -726,7 +768,8 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
} }
} var k = { promise: null, resolver: null, rejecter: null }; s && b.Promise && (k.promise = new b.Promise(function (e, t) { } var k = { promise: null, resolver: null, rejecter: null }; s && b.Promise && (k.promise = new b.Promise(function (e, t) {
k.resolver = e, k.rejecter = t; k.resolver = e, k.rejecter = t;
}));var A;switch (y) {case "scroll": })); var A; switch (y) {
case "scroll":
A = "scroll"; break; case "reverse": A = "scroll"; break; case "reverse":
A = "reverse"; break; case "finish": case "stop": A = "reverse"; break; case "finish": case "stop":
f.each(g, function (e, t) { f.each(g, function (e, t) {
@ -752,7 +795,8 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
parseFloat(j.stagger) ? j.delay = H + parseFloat(j.stagger) * e : m.isFunction(j.stagger) && (j.delay = H + j.stagger.call(t, e, w)), j.drag && (j.duration = parseFloat(E) || (/^(callout|transition)/.test(y) ? 1e3 : h), j.duration = Math.max(j.duration * (j.backwards ? 1 - e / w : (e + 1) / w), .75 * j.duration, 200)), b.Redirects[y].call(t, t, j || {}, e, w, g, k.promise ? k : a); parseFloat(j.stagger) ? j.delay = H + parseFloat(j.stagger) * e : m.isFunction(j.stagger) && (j.delay = H + j.stagger.call(t, e, w)), j.drag && (j.duration = parseFloat(E) || (/^(callout|transition)/.test(y) ? 1e3 : h), j.duration = Math.max(j.duration * (j.backwards ? 1 - e / w : (e + 1) / w), .75 * j.duration, 200)), b.Redirects[y].call(t, t, j || {}, e, w, g, k.promise ? k : a);
}), e(); }), e();
} var N = "Velocity: First argument (" + y + ") was not a property map, a known action, or a registered redirect. Aborting."; return k.promise ? k.rejecter(new Error(N)) : console.log(N), e(); } var N = "Velocity: First argument (" + y + ") was not a property map, a known action, or a registered redirect. Aborting."; return k.promise ? k.rejecter(new Error(N)) : console.log(N), e();
}A = "start";}var L = { lastParent: null, lastPosition: null, lastFontSize: null, lastPercentToPxWidth: null, lastPercentToPxHeight: null, lastEmToPx: null, remToPx: null, vwToPx: null, vhToPx: null }, } A = "start";
}var L = { lastParent: null, lastPosition: null, lastFontSize: null, lastPercentToPxWidth: null, lastPercentToPxHeight: null, lastEmToPx: null, remToPx: null, vwToPx: null, vhToPx: null },
R = []; f.each(g, function (e, t) { R = []; f.each(g, function (e, t) {
m.isNode(t) && n.call(t); m.isNode(t) && n.call(t);
}); var z, }); var z,
@ -1009,18 +1053,23 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
Y = V | W, Y = V | W,
Z = X | Y, Z = X | Y,
$ = ["x", "y"], $ = ["x", "y"],
_ = ["clientX", "clientY"];ab.prototype = { handler: function () {}, init: function () { _ = ["clientX", "clientY"]; ab.prototype = {
handler: function () { }, init: function () {
this.evEl && t(this.element, this.evEl, this.domHandler), this.evTarget && t(this.target, this.evTarget, this.domHandler), this.evWin && t(E(this.element), this.evWin, this.domHandler); this.evEl && t(this.element, this.evEl, this.domHandler), this.evTarget && t(this.target, this.evTarget, this.domHandler), this.evWin && t(E(this.element), this.evWin, this.domHandler);
}, destroy: function () { }, destroy: function () {
this.evEl && u(this.element, this.evEl, this.domHandler), this.evTarget && u(this.target, this.evTarget, this.domHandler), this.evWin && u(E(this.element), this.evWin, this.domHandler); this.evEl && u(this.element, this.evEl, this.domHandler), this.evTarget && u(this.target, this.evTarget, this.domHandler), this.evWin && u(E(this.element), this.evWin, this.domHandler);
} };var ob = { mousedown: O, mousemove: P, mouseup: Q }, }
}; var ob = { mousedown: O, mousemove: P, mouseup: Q },
pb = "mousedown", pb = "mousedown",
qb = "mousemove mouseup";p(rb, ab, { handler: function (a) { qb = "mousemove mouseup"; p(rb, ab, {
handler: function (a) {
var b = ob[a.type]; b & O && 0 === a.button && (this.pressed = !0), b & P && 1 !== a.which && (b = Q), this.pressed && this.allow && (b & Q && (this.pressed = !1), this.callback(this.manager, b, { pointers: [a], changedPointers: [a], pointerType: L, srcEvent: a })); var b = ob[a.type]; b & O && 0 === a.button && (this.pressed = !0), b & P && 1 !== a.which && (b = Q), this.pressed && this.allow && (b & Q && (this.pressed = !1), this.callback(this.manager, b, { pointers: [a], changedPointers: [a], pointerType: L, srcEvent: a }));
} });var sb = { pointerdown: O, pointermove: P, pointerup: Q, pointercancel: R, pointerout: R }, }
}); var sb = { pointerdown: O, pointermove: P, pointerup: Q, pointercancel: R, pointerout: R },
tb = { 2: J, 3: K, 4: L, 5: M }, tb = { 2: J, 3: K, 4: L, 5: M },
ub = "pointerdown", ub = "pointerdown",
vb = "pointermove pointerup pointercancel";a.MSPointerEvent && (ub = "MSPointerDown", vb = "MSPointerMove MSPointerUp MSPointerCancel"), p(wb, ab, { handler: function (a) { vb = "pointermove pointerup pointercancel"; a.MSPointerEvent && (ub = "MSPointerDown", vb = "MSPointerMove MSPointerUp MSPointerCancel"), p(wb, ab, {
handler: function (a) {
var b = this.store, var b = this.store,
c = !1, c = !1,
d = a.type.toLowerCase().replace("ms", ""), d = a.type.toLowerCase().replace("ms", ""),
@ -1028,29 +1077,37 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
f = tb[a.pointerType] || a.pointerType, f = tb[a.pointerType] || a.pointerType,
g = f == J, g = f == J,
h = y(b, a.pointerId, "pointerId"); e & O && (0 === a.button || g) ? 0 > h && (b.push(a), h = b.length - 1) : e & (Q | R) && (c = !0), 0 > h || (b[h] = a, this.callback(this.manager, e, { pointers: b, changedPointers: [a], pointerType: f, srcEvent: a }), c && b.splice(h, 1)); h = y(b, a.pointerId, "pointerId"); e & O && (0 === a.button || g) ? 0 > h && (b.push(a), h = b.length - 1) : e & (Q | R) && (c = !0), 0 > h || (b[h] = a, this.callback(this.manager, e, { pointers: b, changedPointers: [a], pointerType: f, srcEvent: a }), c && b.splice(h, 1));
} });var xb = { touchstart: O, touchmove: P, touchend: Q, touchcancel: R }, }
}); var xb = { touchstart: O, touchmove: P, touchend: Q, touchcancel: R },
yb = "touchstart", yb = "touchstart",
zb = "touchstart touchmove touchend touchcancel";p(Ab, ab, { handler: function (a) { zb = "touchstart touchmove touchend touchcancel"; p(Ab, ab, {
handler: function (a) {
var b = xb[a.type]; if (b === O && (this.started = !0), this.started) { var b = xb[a.type]; if (b === O && (this.started = !0), this.started) {
var c = Bb.call(this, a, b); b & (Q | R) && 0 === c[0].length - c[1].length && (this.started = !1), this.callback(this.manager, b, { pointers: c[0], changedPointers: c[1], pointerType: J, srcEvent: a }); var c = Bb.call(this, a, b); b & (Q | R) && 0 === c[0].length - c[1].length && (this.started = !1), this.callback(this.manager, b, { pointers: c[0], changedPointers: c[1], pointerType: J, srcEvent: a });
} }
} });var Cb = { touchstart: O, touchmove: P, touchend: Q, touchcancel: R }, }
Db = "touchstart touchmove touchend touchcancel";p(Eb, ab, { handler: function (a) { }); var Cb = { touchstart: O, touchmove: P, touchend: Q, touchcancel: R },
Db = "touchstart touchmove touchend touchcancel"; p(Eb, ab, {
handler: function (a) {
var b = Cb[a.type], var b = Cb[a.type],
c = Fb.call(this, a, b); c && this.callback(this.manager, b, { pointers: c[0], changedPointers: c[1], pointerType: J, srcEvent: a }); c = Fb.call(this, a, b); c && this.callback(this.manager, b, { pointers: c[0], changedPointers: c[1], pointerType: J, srcEvent: a });
} }), p(Gb, ab, { handler: function (a, b, c) { }
}), p(Gb, ab, {
handler: function (a, b, c) {
var d = c.pointerType == J, var d = c.pointerType == J,
e = c.pointerType == L; if (d) this.mouse.allow = !1; else if (e && !this.mouse.allow) return; b & (Q | R) && (this.mouse.allow = !0), this.callback(a, b, c); e = c.pointerType == L; if (d) this.mouse.allow = !1; else if (e && !this.mouse.allow) return; b & (Q | R) && (this.mouse.allow = !0), this.callback(a, b, c);
}, destroy: function () { }, destroy: function () {
this.touch.destroy(), this.mouse.destroy(); this.touch.destroy(), this.mouse.destroy();
} });var Hb = B(f.style, "touchAction"), }
}); var Hb = B(f.style, "touchAction"),
Ib = Hb !== d, Ib = Hb !== d,
Jb = "compute", Jb = "compute",
Kb = "auto", Kb = "auto",
Lb = "manipulation", Lb = "manipulation",
Mb = "none", Mb = "none",
Nb = "pan-x", Nb = "pan-x",
Ob = "pan-y";Pb.prototype = { set: function (a) { Ob = "pan-y"; Pb.prototype = {
set: function (a) {
a == Jb && (a = this.compute()), Ib && (this.manager.element.style[Hb] = a), this.actions = a.toLowerCase().trim(); a == Jb && (a = this.compute()), Ib && (this.manager.element.style[Hb] = a), this.actions = a.toLowerCase().trim();
}, update: function () { }, update: function () {
this.set(this.manager.options.touchAction); this.set(this.manager.options.touchAction);
@ -1068,13 +1125,15 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
} }
}, preventSrc: function (a) { }, preventSrc: function (a) {
this.manager.session.prevented = !0, a.preventDefault(); this.manager.session.prevented = !0, a.preventDefault();
} };var Rb = 1, }
}; var Rb = 1,
Sb = 2, Sb = 2,
Tb = 4, Tb = 4,
Ub = 8, Ub = 8,
Vb = Ub, Vb = Ub,
Wb = 16, Wb = 16,
Xb = 32;Yb.prototype = { defaults: {}, set: function (a) { Xb = 32; Yb.prototype = {
defaults: {}, set: function (a) {
return n(this.options, a), this.manager && this.manager.touchAction.update(), this; return n(this.options, a), this.manager && this.manager.touchAction.update(), this;
}, recognizeWith: function (a) { }, recognizeWith: function (a) {
if (l(a, "recognizeWith", this)) return this; var b = this.simultaneous; return a = _b(a, this), b[a.id] || (b[a.id] = a, a.recognizeWith(this)), this; if (l(a, "recognizeWith", this)) return this; var b = this.simultaneous; return a = _b(a, this), b[a.id] || (b[a.id] = a, a.recognizeWith(this)), this;
@ -1101,14 +1160,18 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
} return !0; } return !0;
}, recognize: function (a) { }, recognize: function (a) {
var b = n({}, a); return r(this.options.enable, [this, b]) ? (this.state & (Vb | Wb | Xb) && (this.state = Rb), this.state = this.process(b), this.state & (Sb | Tb | Ub | Wb) && this.tryEmit(b), void 0) : (this.reset(), this.state = Xb, void 0); var b = n({}, a); return r(this.options.enable, [this, b]) ? (this.state & (Vb | Wb | Xb) && (this.state = Rb), this.state = this.process(b), this.state & (Sb | Tb | Ub | Wb) && this.tryEmit(b), void 0) : (this.reset(), this.state = Xb, void 0);
}, process: function () {}, getTouchAction: function () {}, reset: function () {} }, p(ac, Yb, { defaults: { pointers: 1 }, attrTest: function (a) { }, process: function () { }, getTouchAction: function () { }, reset: function () { }
}, p(ac, Yb, {
defaults: { pointers: 1 }, attrTest: function (a) {
var b = this.options.pointers; return 0 === b || a.pointers.length === b; var b = this.options.pointers; return 0 === b || a.pointers.length === b;
}, process: function (a) { }, process: function (a) {
var b = this.state, var b = this.state,
c = a.eventType, c = a.eventType,
d = b & (Sb | Tb), d = b & (Sb | Tb),
e = this.attrTest(a); return d && (c & R || !e) ? b | Wb : d || e ? c & Q ? b | Ub : b & Sb ? b | Tb : Sb : Xb; e = this.attrTest(a); return d && (c & R || !e) ? b | Wb : d || e ? c & Q ? b | Ub : b & Sb ? b | Tb : Sb : Xb;
} }), p(bc, ac, { defaults: { event: "pan", threshold: 10, pointers: 1, direction: Z }, getTouchAction: function () { }
}), p(bc, ac, {
defaults: { event: "pan", threshold: 10, pointers: 1, direction: Z }, getTouchAction: function () {
var a = this.options.direction, var a = this.options.direction,
b = []; return a & X && b.push(Ob), a & Y && b.push(Nb), b; b = []; return a & X && b.push(Ob), a & Y && b.push(Nb), b;
}, directionTest: function (a) { }, directionTest: function (a) {
@ -1122,7 +1185,9 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
return ac.prototype.attrTest.call(this, a) && (this.state & Sb || !(this.state & Sb) && this.directionTest(a)); return ac.prototype.attrTest.call(this, a) && (this.state & Sb || !(this.state & Sb) && this.directionTest(a));
}, emit: function (a) { }, emit: function (a) {
this.pX = a.deltaX, this.pY = a.deltaY; var b = $b(a.direction); b && this.manager.emit(this.options.event + b, a), this._super.emit.call(this, a); this.pX = a.deltaX, this.pY = a.deltaY; var b = $b(a.direction); b && this.manager.emit(this.options.event + b, a), this._super.emit.call(this, a);
} }), p(cc, ac, { defaults: { event: "pinch", threshold: 0, pointers: 2 }, getTouchAction: function () { }
}), p(cc, ac, {
defaults: { event: "pinch", threshold: 0, pointers: 2 }, getTouchAction: function () {
return [Mb]; return [Mb];
}, attrTest: function (a) { }, attrTest: function (a) {
return this._super.attrTest.call(this, a) && (Math.abs(a.scale - 1) > this.options.threshold || this.state & Sb); return this._super.attrTest.call(this, a) && (Math.abs(a.scale - 1) > this.options.threshold || this.state & Sb);
@ -1130,7 +1195,9 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
if (this._super.emit.call(this, a), 1 !== a.scale) { if (this._super.emit.call(this, a), 1 !== a.scale) {
var b = a.scale < 1 ? "in" : "out"; this.manager.emit(this.options.event + b, a); var b = a.scale < 1 ? "in" : "out"; this.manager.emit(this.options.event + b, a);
} }
} }), p(dc, Yb, { defaults: { event: "press", pointers: 1, time: 500, threshold: 5 }, getTouchAction: function () { }
}), p(dc, Yb, {
defaults: { event: "press", pointers: 1, time: 500, threshold: 5 }, getTouchAction: function () {
return [Kb]; return [Kb];
}, process: function (a) { }, process: function (a) {
var b = this.options, var b = this.options,
@ -1143,18 +1210,24 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
clearTimeout(this._timer); clearTimeout(this._timer);
}, emit: function (a) { }, emit: function (a) {
this.state === Vb && (a && a.eventType & Q ? this.manager.emit(this.options.event + "up", a) : (this._input.timeStamp = j(), this.manager.emit(this.options.event, this._input))); this.state === Vb && (a && a.eventType & Q ? this.manager.emit(this.options.event + "up", a) : (this._input.timeStamp = j(), this.manager.emit(this.options.event, this._input)));
} }), p(ec, ac, { defaults: { event: "rotate", threshold: 0, pointers: 2 }, getTouchAction: function () { }
}), p(ec, ac, {
defaults: { event: "rotate", threshold: 0, pointers: 2 }, getTouchAction: function () {
return [Mb]; return [Mb];
}, attrTest: function (a) { }, attrTest: function (a) {
return this._super.attrTest.call(this, a) && (Math.abs(a.rotation) > this.options.threshold || this.state & Sb); return this._super.attrTest.call(this, a) && (Math.abs(a.rotation) > this.options.threshold || this.state & Sb);
} }), p(fc, ac, { defaults: { event: "swipe", threshold: 10, velocity: .65, direction: X | Y, pointers: 1 }, getTouchAction: function () { }
}), p(fc, ac, {
defaults: { event: "swipe", threshold: 10, velocity: .65, direction: X | Y, pointers: 1 }, getTouchAction: function () {
return bc.prototype.getTouchAction.call(this); return bc.prototype.getTouchAction.call(this);
}, attrTest: function (a) { }, attrTest: function (a) {
var c, var c,
b = this.options.direction; return b & (X | Y) ? c = a.velocity : b & X ? c = a.velocityX : b & Y && (c = a.velocityY), this._super.attrTest.call(this, a) && b & a.direction && a.distance > this.options.threshold && i(c) > this.options.velocity && a.eventType & Q; b = this.options.direction; return b & (X | Y) ? c = a.velocity : b & X ? c = a.velocityX : b & Y && (c = a.velocityY), this._super.attrTest.call(this, a) && b & a.direction && a.distance > this.options.threshold && i(c) > this.options.velocity && a.eventType & Q;
}, emit: function (a) { }, emit: function (a) {
var b = $b(a.direction); b && this.manager.emit(this.options.event + b, a), this.manager.emit(this.options.event, a); var b = $b(a.direction); b && this.manager.emit(this.options.event + b, a), this.manager.emit(this.options.event, a);
} }), p(gc, Yb, { defaults: { event: "tap", pointers: 1, taps: 1, interval: 300, time: 250, threshold: 2, posThreshold: 10 }, getTouchAction: function () { }
}), p(gc, Yb, {
defaults: { event: "tap", pointers: 1, taps: 1, interval: 300, time: 250, threshold: 2, posThreshold: 10 }, getTouchAction: function () {
return [Lb]; return [Lb];
}, process: function (a) { }, process: function (a) {
var b = this.options, var b = this.options,
@ -1174,8 +1247,10 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
clearTimeout(this._timer); clearTimeout(this._timer);
}, emit: function () { }, emit: function () {
this.state == Vb && (this._input.tapCount = this.count, this.manager.emit(this.options.event, this._input)); this.state == Vb && (this._input.tapCount = this.count, this.manager.emit(this.options.event, this._input));
} }), hc.VERSION = "2.0.4", hc.defaults = { domEvents: !1, touchAction: Jb, enable: !0, inputTarget: null, inputClass: null, preset: [[ec, { enable: !1 }], [cc, { enable: !1 }, ["rotate"]], [fc, { direction: X }], [bc, { direction: X }, ["swipe"]], [gc], [gc, { event: "doubletap", taps: 2 }, ["tap"]], [dc]], cssProps: { userSelect: "default", touchSelect: "none", touchCallout: "none", contentZooming: "none", userDrag: "none", tapHighlightColor: "rgba(0,0,0,0)" } };var ic = 1, }
jc = 2;kc.prototype = { set: function (a) { }), hc.VERSION = "2.0.4", hc.defaults = { domEvents: !1, touchAction: Jb, enable: !0, inputTarget: null, inputClass: null, preset: [[ec, { enable: !1 }], [cc, { enable: !1 }, ["rotate"]], [fc, { direction: X }], [bc, { direction: X }, ["swipe"]], [gc], [gc, { event: "doubletap", taps: 2 }, ["tap"]], [dc]], cssProps: { userSelect: "default", touchSelect: "none", touchCallout: "none", contentZooming: "none", userDrag: "none", tapHighlightColor: "rgba(0,0,0,0)" } }; var ic = 1,
jc = 2; kc.prototype = {
set: function (a) {
return n(this.options, a), a.touchAction && this.touchAction.update(), a.inputTarget && (this.input.destroy(), this.input.target = a.inputTarget, this.input.init()), this; return n(this.options, a), a.touchAction && this.touchAction.update(), a.inputTarget && (this.input.destroy(), this.input.target = a.inputTarget, this.input.init()), this;
}, stop: function (a) { }, stop: function (a) {
this.session.stopped = a ? jc : ic; this.session.stopped = a ? jc : ic;
@ -1213,7 +1288,8 @@ jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly
} }
}, destroy: function () { }, destroy: function () {
this.element && lc(this, !1), this.handlers = {}, this.session = {}, this.input.destroy(), this.element = null; this.element && lc(this, !1), this.handlers = {}, this.session = {}, this.input.destroy(), this.element = null;
} }, n(hc, { INPUT_START: O, INPUT_MOVE: P, INPUT_END: Q, INPUT_CANCEL: R, STATE_POSSIBLE: Rb, STATE_BEGAN: Sb, STATE_CHANGED: Tb, STATE_ENDED: Ub, STATE_RECOGNIZED: Vb, STATE_CANCELLED: Wb, STATE_FAILED: Xb, DIRECTION_NONE: S, DIRECTION_LEFT: T, DIRECTION_RIGHT: U, DIRECTION_UP: V, DIRECTION_DOWN: W, DIRECTION_HORIZONTAL: X, DIRECTION_VERTICAL: Y, DIRECTION_ALL: Z, Manager: kc, Input: ab, TouchAction: Pb, TouchInput: Eb, MouseInput: rb, PointerEventInput: wb, TouchMouseInput: Gb, SingleTouchInput: Ab, Recognizer: Yb, AttrRecognizer: ac, Tap: gc, Pan: bc, Swipe: fc, Pinch: cc, Rotate: ec, Press: dc, on: t, off: u, each: m, merge: o, extend: n, inherit: p, bindFn: q, prefixed: B }), typeof define == g && define.amd ? define(function () { }
}, n(hc, { INPUT_START: O, INPUT_MOVE: P, INPUT_END: Q, INPUT_CANCEL: R, STATE_POSSIBLE: Rb, STATE_BEGAN: Sb, STATE_CHANGED: Tb, STATE_ENDED: Ub, STATE_RECOGNIZED: Vb, STATE_CANCELLED: Wb, STATE_FAILED: Xb, DIRECTION_NONE: S, DIRECTION_LEFT: T, DIRECTION_RIGHT: U, DIRECTION_UP: V, DIRECTION_DOWN: W, DIRECTION_HORIZONTAL: X, DIRECTION_VERTICAL: Y, DIRECTION_ALL: Z, Manager: kc, Input: ab, TouchAction: Pb, TouchInput: Eb, MouseInput: rb, PointerEventInput: wb, TouchMouseInput: Gb, SingleTouchInput: Ab, Recognizer: Yb, AttrRecognizer: ac, Tap: gc, Pan: bc, Swipe: fc, Pinch: cc, Rotate: ec, Press: dc, on: t, off: u, each: m, merge: o, extend: n, inherit: p, bindFn: q, prefixed: B }), typeof define == g && define.amd ? define(function () {
return hc; return hc;
}) : "undefined" != typeof module && module.exports ? module.exports = hc : a[c] = hc; }) : "undefined" != typeof module && module.exports ? module.exports = hc : a[c] = hc;
}(window, document, "Hammer");; (function (factory) { }(window, document, "Hammer");; (function (factory) {
@ -1451,13 +1527,17 @@ if (Vel) {
object.parent().removeClass('active'); object.parent().removeClass('active');
} }
if (object.parent().hasClass('active')) { if (object.parent().hasClass('active')) {
object.siblings('.collapsible-body').stop(true, false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function () { object.siblings('.collapsible-body').stop(true, false).slideDown({
duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
$(this).css('height', ''); $(this).css('height', '');
} }); }
});
} else { } else {
object.siblings('.collapsible-body').stop(true, false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function () { object.siblings('.collapsible-body').stop(true, false).slideUp({
duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
$(this).css('height', ''); $(this).css('height', '');
} }); }
});
} }
$panel_headers.not(object).removeClass('active').parent().removeClass('active'); $panel_headers.not(object).removeClass('active').parent().removeClass('active');
@ -1486,13 +1566,17 @@ if (Vel) {
object.parent().removeClass('active'); object.parent().removeClass('active');
} }
if (object.parent().hasClass('active')) { if (object.parent().hasClass('active')) {
object.siblings('.collapsible-body').stop(true, false).slideDown({ duration: 350, easing: "easeOutQuart", queue: false, complete: function () { object.siblings('.collapsible-body').stop(true, false).slideDown({
duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
$(this).css('height', ''); $(this).css('height', '');
} }); }
});
} else { } else {
object.siblings('.collapsible-body').stop(true, false).slideUp({ duration: 350, easing: "easeOutQuart", queue: false, complete: function () { object.siblings('.collapsible-body').stop(true, false).slideUp({
duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
$(this).css('height', ''); $(this).css('height', '');
} }); }
});
} }
} }
@ -2376,7 +2460,8 @@ if (Vel) {
// Animate image + set z-index // Animate image + set z-index
if (origin.hasClass('responsive-img')) { if (origin.hasClass('responsive-img')) {
origin.velocity({ 'max-width': newWidth, 'width': originalWidth }, { duration: 0, queue: false, origin.velocity({ 'max-width': newWidth, 'width': originalWidth }, {
duration: 0, queue: false,
complete: function () { complete: function () {
origin.css({ left: 0, top: 0 }).velocity({ origin.css({ left: 0, top: 0 }).velocity({
height: newHeight, height: newHeight,
@ -2881,7 +2966,8 @@ if (Vel) {
// Mouse In // Mouse In
var started = false, var started = false,
timeoutRef; timeoutRef;
origin.on({ 'mouseenter.tooltip': function (e) { origin.on({
'mouseenter.tooltip': function (e) {
var showTooltip = function () { var showTooltip = function () {
setAttributes(); setAttributes();
started = true; started = true;
@ -2994,7 +3080,8 @@ if (Vel) {
setTimeout(function () { setTimeout(function () {
if (started !== true) { if (started !== true) {
tooltipEl.velocity({ tooltipEl.velocity({
opacity: 0, translateY: 0, translateX: 0 }, { duration: 225, queue: false }); opacity: 0, translateY: 0, translateX: 0
}, { duration: 225, queue: false });
backdrop.velocity({ opacity: 0, scaleX: 1, scaleY: 1 }, { backdrop.velocity({ opacity: 0, scaleX: 1, scaleY: 1 }, {
duration: 225, duration: 225,
queue: false, queue: false,
@ -3811,15 +3898,18 @@ if (Vel) {
width: '' width: ''
}); });
$('#sidenav-overlay').velocity({ opacity: 0 }, { duration: 200, $('#sidenav-overlay').velocity({ opacity: 0 }, {
duration: 200,
queue: false, easing: 'easeOutQuad', queue: false, easing: 'easeOutQuad',
complete: function () { complete: function () {
$(this).remove(); $(this).remove();
} }); }
});
if (options.edge === 'left') { if (options.edge === 'left') {
// Reset phantom div // Reset phantom div
$dragTarget.css({ width: '', right: '', left: '0' }); $dragTarget.css({ width: '', right: '', left: '0' });
menu.velocity({ 'translateX': '-100%' }, { duration: 200, menu.velocity({ 'translateX': '-100%' }, {
duration: 200,
queue: false, queue: false,
easing: 'easeOutCubic', easing: 'easeOutCubic',
complete: function () { complete: function () {
@ -3834,7 +3924,8 @@ if (Vel) {
} else { } else {
// Reset phantom div // Reset phantom div
$dragTarget.css({ width: '', right: '0', left: '' }); $dragTarget.css({ width: '', right: '0', left: '' });
menu.velocity({ 'translateX': '100%' }, { duration: 200, menu.velocity({ 'translateX': '100%' }, {
duration: 200,
queue: false, queue: false,
easing: 'easeOutCubic', easing: 'easeOutCubic',
complete: function () { complete: function () {
@ -3983,7 +4074,8 @@ if (Vel) {
}); });
// Slide menu closed // Slide menu closed
menu.velocity({ 'translateX': [-1 * options.menuWidth - 10, leftPos] }, { duration: 200, queue: false, easing: 'easeOutQuad' }); menu.velocity({ 'translateX': [-1 * options.menuWidth - 10, leftPos] }, { duration: 200, queue: false, easing: 'easeOutQuad' });
$overlay.velocity({ opacity: 0 }, { duration: 200, queue: false, easing: 'easeOutQuad', $overlay.velocity({ opacity: 0 }, {
duration: 200, queue: false, easing: 'easeOutQuad',
complete: function () { complete: function () {
// Run 'onClose' when sidenav is closed via touch/swipe if applicable // Run 'onClose' when sidenav is closed via touch/swipe if applicable
if (typeof options.onClose === 'function') { if (typeof options.onClose === 'function') {
@ -3991,7 +4083,8 @@ if (Vel) {
} }
$(this).remove(); $(this).remove();
} }); }
});
$dragTarget.css({ width: '10px', right: '', left: 0 }); $dragTarget.css({ width: '10px', right: '', left: 0 });
} }
} else { } else {
@ -4013,7 +4106,8 @@ if (Vel) {
// Slide menu closed // Slide menu closed
menu.velocity({ 'translateX': [options.menuWidth + 10, rightPos] }, { duration: 200, queue: false, easing: 'easeOutQuad' }); menu.velocity({ 'translateX': [options.menuWidth + 10, rightPos] }, { duration: 200, queue: false, easing: 'easeOutQuad' });
$overlay.velocity({ opacity: 0 }, { duration: 200, queue: false, easing: 'easeOutQuad', $overlay.velocity({ opacity: 0 }, {
duration: 200, queue: false, easing: 'easeOutQuad',
complete: function () { complete: function () {
// Run 'onClose' when sidenav is closed via touch/swipe if applicable // Run 'onClose' when sidenav is closed via touch/swipe if applicable
if (typeof options.onClose === 'function') { if (typeof options.onClose === 'function') {
@ -4021,7 +4115,8 @@ if (Vel) {
} }
$(this).remove(); $(this).remove();
} }); }
});
$dragTarget.css({ width: '10px', right: 0, left: '' }); $dragTarget.css({ width: '10px', right: 0, left: '' });
} }
} }
@ -4059,7 +4154,8 @@ if (Vel) {
menuOut = false; menuOut = false;
panning = false; panning = false;
removeMenu(); removeMenu();
$overlay.velocity({ opacity: 0 }, { duration: 300, queue: false, easing: 'easeOutQuad', $overlay.velocity({ opacity: 0 }, {
duration: 300, queue: false, easing: 'easeOutQuad',
complete: function () { complete: function () {
$(this).remove(); $(this).remove();
} }
@ -4068,7 +4164,8 @@ if (Vel) {
// Append body // Append body
$('body').append($overlay); $('body').append($overlay);
$overlay.velocity({ opacity: 1 }, { duration: 300, queue: false, easing: 'easeOutQuad', $overlay.velocity({ opacity: 1 }, {
duration: 300, queue: false, easing: 'easeOutQuad',
complete: function () { complete: function () {
menuOut = true; menuOut = true;
panning = false; panning = false;
@ -5198,10 +5295,12 @@ if (Vel) {
$caption = $active.find('.caption'); $caption = $active.find('.caption');
$active.removeClass('active'); $active.removeClass('active');
$active.velocity({ opacity: 0 }, { duration: options.transition, queue: false, easing: 'easeOutQuad', $active.velocity({ opacity: 0 }, {
duration: options.transition, queue: false, easing: 'easeOutQuad',
complete: function () { complete: function () {
$slides.not('.active').velocity({ opacity: 0, translateX: 0, translateY: 0 }, { duration: 0, queue: false }); $slides.not('.active').velocity({ opacity: 0, translateX: 0, translateY: 0 }, { duration: 0, queue: false });
} }); }
});
captionTransition($caption, options.transition); captionTransition($caption, options.transition);
// Update indicators // Update indicators
@ -5321,7 +5420,8 @@ if (Vel) {
$curr_slide = $slider.find('.active'); $curr_slide = $slider.find('.active');
if (Math.abs(velocityX) > Math.abs(velocityY)) { if (Math.abs(velocityX) > Math.abs(velocityY)) {
$curr_slide.velocity({ translateX: x $curr_slide.velocity({
translateX: x
}, { duration: 50, queue: false, easing: 'easeOutQuad' }); }, { duration: 50, queue: false, easing: 'easeOutQuad' });
} }
@ -5341,7 +5441,8 @@ if (Vel) {
if (next_slide.length === 0) { if (next_slide.length === 0) {
next_slide = $slides.first(); next_slide = $slides.first();
} }
next_slide.velocity({ opacity: 1 next_slide.velocity({
opacity: 1
}, { duration: 300, queue: false, easing: 'easeOutQuad' }); }, { duration: 300, queue: false, easing: 'easeOutQuad' });
} }
if (swipeRight) { if (swipeRight) {
@ -5349,7 +5450,8 @@ if (Vel) {
if (next_slide.length === 0) { if (next_slide.length === 0) {
next_slide = $slides.last(); next_slide = $slides.last();
} }
next_slide.velocity({ opacity: 1 next_slide.velocity({
opacity: 1
}, { duration: 300, queue: false, easing: 'easeOutQuad' }); }, { duration: 300, queue: false, easing: 'easeOutQuad' });
} }
} }
@ -5362,20 +5464,25 @@ if (Vel) {
if (!swipeRight && !swipeLeft || $slides.length <= 1) { if (!swipeRight && !swipeLeft || $slides.length <= 1) {
// Return to original spot // Return to original spot
$curr_slide.velocity({ translateX: 0 $curr_slide.velocity({
translateX: 0
}, { duration: 300, queue: false, easing: 'easeOutQuad' }); }, { duration: 300, queue: false, easing: 'easeOutQuad' });
} else if (swipeLeft) { } else if (swipeLeft) {
moveToSlide(curr_index + 1); moveToSlide(curr_index + 1);
$curr_slide.velocity({ translateX: -1 * $this.innerWidth() }, { duration: 300, queue: false, easing: 'easeOutQuad', $curr_slide.velocity({ translateX: -1 * $this.innerWidth() }, {
duration: 300, queue: false, easing: 'easeOutQuad',
complete: function () { complete: function () {
$curr_slide.velocity({ opacity: 0, translateX: 0 }, { duration: 0, queue: false }); $curr_slide.velocity({ opacity: 0, translateX: 0 }, { duration: 0, queue: false });
} }); }
});
} else if (swipeRight) { } else if (swipeRight) {
moveToSlide(curr_index - 1); moveToSlide(curr_index - 1);
$curr_slide.velocity({ translateX: $this.innerWidth() }, { duration: 300, queue: false, easing: 'easeOutQuad', $curr_slide.velocity({ translateX: $this.innerWidth() }, {
duration: 300, queue: false, easing: 'easeOutQuad',
complete: function () { complete: function () {
$curr_slide.velocity({ opacity: 0, translateX: 0 }, { duration: 0, queue: false }); $curr_slide.velocity({ opacity: 0, translateX: 0 }, { duration: 0, queue: false });
} }); }
});
} }
swipeLeft = false; swipeLeft = false;
swipeRight = false; swipeRight = false;
@ -6195,7 +6302,8 @@ if (Vel) {
var x = e.gesture.deltaX; var x = e.gesture.deltaX;
var velocityX = e.gesture.velocityX; var velocityX = e.gesture.velocityX;
$this.velocity({ translateX: x $this.velocity({
translateX: x
}, { duration: 50, queue: false, easing: 'easeOutQuad' }); }, { duration: 50, queue: false, easing: 'easeOutQuad' });
// Swipe Left // Swipe Left
@ -6225,18 +6333,23 @@ if (Vel) {
fullWidth = -1 * $this.innerWidth(); fullWidth = -1 * $this.innerWidth();
} }
$this.velocity({ translateX: fullWidth $this.velocity({
}, { duration: 100, queue: false, easing: 'easeOutQuad', complete: function () { translateX: fullWidth
}, {
duration: 100, queue: false, easing: 'easeOutQuad', complete: function () {
$this.css('border', 'none'); $this.css('border', 'none');
$this.velocity({ height: 0, padding: 0 $this.velocity({
}, { duration: 200, queue: false, easing: 'easeOutQuad', complete: function () { height: 0, padding: 0
}, {
duration: 200, queue: false, easing: 'easeOutQuad', complete: function () {
$this.remove(); $this.remove();
} }
}); });
} }
}); });
} else { } else {
$this.velocity({ translateX: 0 $this.velocity({
translateX: 0
}, { duration: 100, queue: false, easing: 'easeOutQuad' }); }, { duration: 100, queue: false, easing: 'easeOutQuad' });
} }
swipeLeft = false; swipeLeft = false;

15
app/js/platform/first.js
View File

@ -123,15 +123,13 @@ function randomStr(l){
} }
return r; return r;
} }
function rgbToHex(color) function rgbToHex(color) {
{
// HEXに変換したものを代入する変数 // HEXに変換したものを代入する変数
var hex = ''; var hex = '';
// 第1引数がHEXのとき変換処理は必要ないのでそのままreturn // 第1引数がHEXのとき変換処理は必要ないのでそのままreturn
// IE8の場合はjQueryのcss()関数でHEXを返すので除外 // IE8の場合はjQueryのcss()関数でHEXを返すので除外
if (color.match(/^#[a-f\d]{3}$|^#[a-f\d]{6}$/i)) if (color.match(/^#[a-f\d]{3}$|^#[a-f\d]{6}$/i)) {
{
return color; return color;
} }
@ -139,8 +137,7 @@ function rgbToHex(color)
var regex = color.match(/^rgb\(([0-9.]+),\s*([0-9.]+),\s*([0-9.]+)\)$/); var regex = color.match(/^rgb\(([0-9.]+),\s*([0-9.]+),\s*([0-9.]+)\)$/);
// 正規表現でマッチしたとき // 正規表現でマッチしたとき
if (regex) if (regex) {
{
var rgb = var rgb =
[ [
// RGBからHEXへ変換 // RGBからHEXへ変換
@ -149,12 +146,10 @@ function rgbToHex(color)
parseInt(regex[3]).toString(16) parseInt(regex[3]).toString(16)
]; ];
for (var i = 0; i < rgb.length; ++i) for (var i = 0; i < rgb.length; ++i) {
{
// rgb(1,1,1)のようなときHEXに変換すると1桁になる // rgb(1,1,1)のようなときHEXに変換すると1桁になる
// 1桁のときは前に0を足す // 1桁のときは前に0を足す
if (rgb[i].length == 1) if (rgb[i].length == 1) {
{
rgb[i] = '0' + rgb[i]; rgb[i] = '0' + rgb[i];
} }
hex += rgb[i]; hex += rgb[i];

3
app/js/tl/card.js
View File

@ -80,8 +80,7 @@ function additional(acct_id, tlid) {
var dom = $(this); var dom = $(this);
var start = "./js/emoji/emoji-map.json"; var start = "./js/emoji/emoji-map.json";
var xmlHttpRequest = new XMLHttpRequest(); var xmlHttpRequest = new XMLHttpRequest();
xmlHttpRequest.onreadystatechange = function() xmlHttpRequest.onreadystatechange = function () {
{
if (this.readyState === 4 && this.status === 200) { if (this.readyState === 4 && this.status === 200) {
if (this.response) { if (this.response) {
var json = this.response; var json = this.response;

3
app/js/ui/menu.js
View File

@ -30,7 +30,8 @@ function menu(){
} }
$(function () { $(function () {
$( "#menu" ).draggable({handle: "#menu-bar", $("#menu").draggable({
handle: "#menu-bar",
stop: function () { stop: function () {
var left = $('#menu').offset().left; var left = $('#menu').offset().left;
if (left > $('body').width() - $('#menu').width()) { if (left > $('body').width() - $('#menu').width()) {

3
app/js/ui/post-box.js
View File

@ -42,7 +42,8 @@ function show() {
} }
$(function () { $(function () {
$( "#post-box" ).draggable({handle: "#post-bar", $("#post-box").draggable({
handle: "#post-bar",
stop: function () { stop: function () {
var left = $('#post-box').offset().left; var left = $('#post-box').offset().left;
if (left > $('body').width() - $('#post-box').width()) { if (left > $('body').width() - $('#post-box').width()) {

1
app/js/ui/tips.js
View File

@ -198,4 +198,3 @@ function tipsToggle(){
if (localStorage.getItem("tips")) { if (localStorage.getItem("tips")) {
tips(localStorage.getItem("tips")); tips(localStorage.getItem("tips"));
} }

18
app/main/language.js
View File

@ -68,18 +68,23 @@ function templete(lang,mainWindow,packaged,dir){
const menu = [{ const menu = [{
label: dict.application[lang], label: dict.application[lang],
submenu: [ submenu: [
{ label: dict.about[lang], click: function() { {
label: dict.about[lang], click: function () {
var ver = app.getVersion() var ver = app.getVersion()
var window = new BrowserWindow({width: 300, height: 460, var window = new BrowserWindow({
width: 300, height: 460,
"transparent": false, // ウィンドウの背景を透過 "transparent": false, // ウィンドウの背景を透過
"frame": false, // 枠の無いウィンドウ "frame": false, // 枠の無いウィンドウ
"resizable": false }); "resizable": false
});
window.loadURL(dir + '/about.html?ver=' + ver); window.loadURL(dir + '/about.html?ver=' + ver);
} }, }
},
{ type: "separator" }, { type: "separator" },
{ label: dict.quit[lang], accelerator: "Command+Q", click: function () { app.quit(); } } { label: dict.quit[lang], accelerator: "Command+Q", click: function () { app.quit(); } }
]}, { ]
}, {
label: dict.edit[lang], label: dict.edit[lang],
submenu: [ submenu: [
{ label: dict.undo[lang], accelerator: "CmdOrCtrl+Z", selector: "undo:" }, { label: dict.undo[lang], accelerator: "CmdOrCtrl+Z", selector: "undo:" },
@ -89,7 +94,8 @@ function templete(lang,mainWindow,packaged,dir){
{ label: dict.copy[lang], accelerator: "CmdOrCtrl+C", selector: "copy:" }, { label: dict.copy[lang], accelerator: "CmdOrCtrl+C", selector: "copy:" },
{ label: dict.paste[lang], accelerator: "CmdOrCtrl+V", selector: "paste:" }, { label: dict.paste[lang], accelerator: "CmdOrCtrl+V", selector: "paste:" },
{ label: dict.selall[lang], accelerator: "CmdOrCtrl+A", selector: "selectAll:" } { label: dict.selall[lang], accelerator: "CmdOrCtrl+A", selector: "selectAll:" }
]},{ ]
}, {
label: dict.view[lang], label: dict.view[lang],
submenu: [ submenu: [
{ {

40
app/nano.html
View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link href="./css/themes.css" type="text/css" rel="stylesheet"> <link href="./css/themes.css" type="text/css" rel="stylesheet">
@ -15,38 +16,58 @@ html{
overflow: hidden; overflow: hidden;
font-family: sans-serif; font-family: sans-serif;
} }
body { body {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
font-size: 11px; font-size: 11px;
} }
#timeline_nano { #timeline_nano {
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
max-height: 100px; max-height: 100px;
} }
.user{font-size:12px;}
.user {
font-size: 12px;
}
select { select {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
button { button {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
textarea { textarea {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 5px; width: 5px;
height: 10px; height: 10px;
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
.area-actions{display:none !important;}
.area-date_via{display:none !important;} .area-actions {
.area-side{display:none !important;} display: none !important;
}
.area-date_via {
display: none !important;
}
.area-side {
display: none !important;
}
/* Handle */ /* Handle */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
@ -54,22 +75,29 @@ textarea {
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
} }
.blacktheme body { .blacktheme body {
color: white; color: white;
background-color: #212121; background-color: #212121;
} }
.blacktheme button { .blacktheme button {
background-color: black; background-color: black;
color: white; color: white;
} }
.blacktheme textarea, .blacktheme select{
.blacktheme textarea,
.blacktheme select {
color: white; color: white;
} }
.blacktheme select,.blacktheme option{
.blacktheme select,
.blacktheme option {
background-color: black; background-color: black;
} }
</style> </style>
</head> </head>
<body> <body>
<script> <script>
//jQuery読む //jQuery読む

59
app/view/en/acct.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Account Manager - TheDesk</title> <title>Account Manager - TheDesk</title>
<meta content="width=device-width,initial-scale=1.0" name="viewport"> <meta content="width=device-width,initial-scale=1.0" name="viewport">
@ -10,19 +11,54 @@
<link href='../../css/tl.css' rel='stylesheet' type='text/css'> <link href='../../css/tl.css' rel='stylesheet' type='text/css'>
<link href='../../css/userdata.css' rel='stylesheet' type='text/css'> <link href='../../css/userdata.css' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
<style>.acct{display:flex; justify-content:space-around;} <style>
.card{width:400px; background-color: #9e9e9e; margin:10px; } .acct {
body,html{overflow-y: scroll;} display: flex;
#acct-list{display:flex; flex-wrap:wrap; color:white; align-items: flex-start} justify-content: space-around;
.lts{font-size:150%} }
.colorsel{ display:flex; }
.card .colorsel div:not(.exc){width:20px;height:20px;} .card {
.card .colorsel div.exc{width:40px;height:20px;} width: 400px;
background-color: #9e9e9e;
margin: 10px;
}
body,
html {
overflow-y: scroll;
}
#acct-list {
display: flex;
flex-wrap: wrap;
color: white;
align-items: flex-start
}
.lts {
font-size: 150%
}
.colorsel {
display: flex;
}
.card .colorsel div:not(.exc) {
width: 20px;
height: 20px;
}
.card .colorsel div.exc {
width: 40px;
height: 20px;
}
.first { .first {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center align-items: center
} }
.first .hide-first { .first .hide-first {
display: none; display: none;
} }
@ -36,6 +72,7 @@ body,html{overflow-y: scroll;}
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script> <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
--> -->
</head> </head>
<body id="mainView"> <body id="mainView">
<script type="text/javascript" src="../../js/common/jquery.js"></script> <script type="text/javascript" src="../../js/common/jquery.js"></script>
<script type="text/javascript" src="../../js/platform/first.js"></script> <script type="text/javascript" src="../../js/platform/first.js"></script>
@ -48,7 +85,8 @@ body,html{overflow-y: scroll;}
<script type="text/javascript" src="../../js/common/time.js"></script> <script type="text/javascript" src="../../js/common/time.js"></script>
<script type="text/javascript" src="../../js/common/modal.js"></script> <script type="text/javascript" src="../../js/common/modal.js"></script>
<div class="hide-first"> <div class="hide-first">
<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">Back</a><br> <a href="index.html" class="btn waves-effect orange nex"
style="width:100%; max-width:200px;">Back</a><br>
<h5>List of accounts</h5> <h5>List of accounts</h5>
<div id="acct-list"></div> <div id="acct-list"></div>
<div class="divider"></div> <div class="divider"></div>
@ -71,7 +109,8 @@ body,html{overflow-y: scroll;}
<span style="font-family:Open Sans;">Supports</span> <span style="font-family:Open Sans;">Supports</span>
<div id="support" class="collection transparent"></div> <div id="support" class="collection transparent"></div>
</div> </div>
</div></div> </div>
</div>
<div id="auth" style="display:none"> <div id="auth" style="display:none">
Paste the code and close browser.<br> Paste the code and close browser.<br>
<input type="text" id="code" placeholder="Code"> <input type="text" id="code" placeholder="Code">

121
app/view/en/index.html
View File

@ -98,10 +98,12 @@
title="箇条書きリスト">format_list_bulleted</i> title="箇条書きリスト">format_list_bulleted</i>
<i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')" <i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')"
title="番号付きリスト">format_list_numbered</i> title="番号付きリスト">format_list_numbered</i>
<i class="pointer setting fa fa-subscript waves-effect" onclick="markdown('__','yes','no','before')" <i class="pointer setting fa fa-subscript waves-effect"
title="下付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i> onclick="markdown('__','yes','no','before')" title="下付き文字　テキストボックス内を選択してから押すと囲みます。"
<i class="pointer setting fa fa-superscript waves-effect" onclick="markdown('_','yes','no','before')" style="font-size:1.5rem"></i>
title="上付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i> <i class="pointer setting fa fa-superscript waves-effect"
onclick="markdown('_','yes','no','before')" title="上付き文字　テキストボックス内を選択してから押すと囲みます。"
style="font-size:1.5rem"></i>
<i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')" <i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')"
title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i> title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i>
<i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')" <i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')"
@ -121,14 +123,19 @@
title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i> title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i>
<input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color"> <input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color">
<br> <br>
<i class="material-icons pointer setting waves-effect" onclick="markdownLink()" title="リンク挿入">link</i> <i class="material-icons pointer setting waves-effect" onclick="markdownLink()"
<input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクテキスト">&nbsp; title="リンク挿入">link</i>
<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクアドレス"> <input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="リンクテキスト">&nbsp;
<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="リンクアドレス">
<br> <br>
<i class="material-icons pointer setting waves-effect" onclick="markdownImage()" <i class="material-icons pointer setting waves-effect" onclick="markdownImage()"
title="インライン画像挿入">image</i> title="インライン画像挿入">image</i>
<input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="代替テキスト">&nbsp; <input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;"
<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="画像アドレス"> placeholder="代替テキスト">&nbsp;
<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="画像アドレス">
</div> </div>
</div> </div>
<div class="input-field col s12" id="preview-field" style="margin-top: 0;"> <div class="input-field col s12" id="preview-field" style="margin-top: 0;">
@ -154,14 +161,15 @@
<div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between"> <div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between">
<i class="waves-effect gray material-icons" id="nsfw" title="Mark media as sensitive" <i class="waves-effect gray material-icons" id="nsfw" title="Mark media as sensitive"
onclick="nsfw()">visibility_off</i> onclick="nsfw()">visibility_off</i>
<i class="waves-effect gray material-icons purple-text dropdown-button" data-activates='dropdown1' <i class="waves-effect gray material-icons purple-text dropdown-button"
id="vis-icon">public</i> data-activates='dropdown1' id="vis-icon">public</i>
<a class="waves-effect gray" id="cw" onclick="cw()" title="Hide text behind warning">CW</a> <a class="waves-effect gray" id="cw" onclick="cw()" title="Hide text behind warning">CW</a>
<span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray" <span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray"
onclick="fileselect()" title="Attach..">photo_library</i></span></span> onclick="fileselect()" title="Attach..">photo_library</i></span></span>
<i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn" <i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn"
title="Emojis">tag_faces</i> title="Emojis">tag_faces</i>
<i class="waves-effect gray material-icons dropdown-button" data-activates='dropdown2'>more_vert</i> <i class="waves-effect gray material-icons dropdown-button"
data-activates='dropdown2'>more_vert</i>
<i class="material-icons nex gray waves-effect" title="Clear toot box(Ctrl+Shit+C)" <i class="material-icons nex gray waves-effect" title="Clear toot box(Ctrl+Shit+C)"
data-trans-title="post_box_clear" id="clear">clear</i> data-trans-title="post_box_clear" id="clear">clear</i>
</div> </div>
@ -176,13 +184,15 @@
<br> <br>
<input type="text" id="cw-text" placeholder="Warning text" class="mize" style="margin:0"> <input type="text" id="cw-text" placeholder="Warning text" class="mize" style="margin:0">
<div id="sch-box">Post at<br><span class="sml">2.7.0~ Minimum time gap:5min(clock on the server may not be accurate.)</span><br> <div id="sch-box">Post at<br><span class="sml">2.7.0~ Minimum time gap:5min(clock on the server may not be accurate.)</span><br>
<input type="datetime-local" id="sch-date" placeholder="Scheduled toot" class="datepicker" style="margin:0"> <input type="datetime-local" id="sch-date" placeholder="Scheduled toot" class="datepicker"
style="margin:0">
</div> </div>
</div> </div>
</div> </div>
<!-- 公開範囲 Dropdown Structure --> <!-- 公開範囲 Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'> <ul id='dropdown1' class='dropdown-content'>
<li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">Adjust status privacy</li> <li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">Adjust status privacy
</li>
<li> <li>
<a onclick="vis('public')">(Public)</a> <a onclick="vis('public')">(Public)</a>
</li> </li>
@ -228,8 +238,9 @@
<div id="toot-btn-field"> <div id="toot-btn-field">
<button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()" <button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()"
id="toot-post-btn">Toot</button> id="toot-post-btn">Toot</button>
<button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()" id="toot-sec-btn"><i <button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()"
class="material-icons" id="toot-sec-icon" title="Secondary Toot">lock_open</i></button> id="toot-sec-btn"><i class="material-icons" id="toot-sec-icon"
title="Secondary Toot">lock_open</i></button>
</div> </div>
</div> </div>
<div id="right-side"> <div id="right-side">
@ -398,12 +409,12 @@
class="fas fa-share"></i></button> class="fas fa-share"></i></button>
</div> </div>
<div class="col s2"> <div class="col s2">
<button class="dropdown-button btn waves-effect indigo" style="width:100%;" onclick="staEx('rt')"><i <button class="dropdown-button btn waves-effect indigo" style="width:100%;"
class="fas fa-retweet"></i></button> onclick="staEx('rt')"><i class="fas fa-retweet"></i></button>
</div> </div>
<div class="col s2"> <div class="col s2">
<button class="dropdown-button btn waves-effect orange" style="width:100%;" onclick="staEx('fav')"><i <button class="dropdown-button btn waves-effect orange" style="width:100%;"
class="fas fa-star"></i></button> onclick="staEx('fav')"><i class="fas fa-star"></i></button>
</div> </div>
</div> </div>
<div id="toot-tools"> <div id="toot-tools">
@ -449,8 +460,8 @@
<div id="his-plus-action"> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
onclick="empUser()">Emphasize this user</a> onclick="empUser()">Emphasize this user</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" id="his-end-btn" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="pinUser()">Feature on profile</a><br> id="his-end-btn" onclick="pinUser()">Feature on profile</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
onclick="profbrws()">Open in browser</a><br> onclick="profbrws()">Open in browser</a><br>
</div><br> </div><br>
@ -471,10 +482,12 @@
<a go="#his-follow-list" title="Follow"><i class="material-icons">people</i>→</a> <a go="#his-follow-list" title="Follow"><i class="material-icons">people</i>→</a>
</li> </li>
<li class="custom-tab col my-data-width"> <li class="custom-tab col my-data-width">
<a go="#his-follower-list" title="Follower"><i class="material-icons">people</i>←</a> <a go="#his-follower-list" title="Follower"><i
class="material-icons">people</i>←</a>
</li> </li>
<li class="custom-tab col my-data-width only-his-data"> <li class="custom-tab col my-data-width only-his-data">
<a go="#his-action" title="Cross-account"><i class="material-icons">account_box</i></a> <a go="#his-action" title="Cross-account"><i
class="material-icons">account_box</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-his-data"> <li class="custom-tab col my-data-width only-his-data">
<a go="#his-list" title="List"><i class="material-icons">list</i></a> <a go="#his-list" title="List"><i class="material-icons">list</i></a>
@ -486,20 +499,23 @@
<a go="#his-blocking-list" title="Blocks"><i class="material-icons">block</i></a> <a go="#his-blocking-list" title="Blocks"><i class="material-icons">block</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="Blocks"><i class="material-icons">voice_over_off</i></a> <a go="#his-blocking-list" title="Blocks"><i
class="material-icons">voice_over_off</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-domain-list" title="Domain block"><i class="material-icons">language</i><i <a go="#his-domain-list" title="Domain block"><i
class="material-icons">block</i></a> class="material-icons">language</i><i class="material-icons">block</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-prof-list" title="Edit profile"><i class="material-icons">create</i></a> <a go="#his-prof-list" title="Edit profile"><i class="material-icons">create</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-request-list" title="Follow requests"><i class="material-icons">how_to_reg</i></a> <a go="#his-request-list" title="Follow requests"><i
class="material-icons">how_to_reg</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-follow-recom-list" title="Suggest"><i class="material-icons">recent_actors</i></a> <a go="#his-follow-recom-list" title="Suggest"><i
class="material-icons">recent_actors</i></a>
</li> </li>
</ul> </ul>
</div> </div>
@ -524,9 +540,11 @@
<div id="his-action" class="tab-content"> <div id="his-action" class="tab-content">
Use other account to Follow((Unable to unfollow))<br> Use other account to Follow((Unable to unfollow))<br>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div> <div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">Follow</a><br> <a href="#!" class="waves-effect btn" onclick="follow('selector','true')">Follow</a><br>
or<br> or<br>
<a href="#!" class="waves-effect btn" onclick="udgEx('selector', 'selector')">Show profile</a><br> <a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">Show profile</a><br>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-list" class="tab-content">
<div id="his-lists-a">Follow to add this user to lists.</div> <div id="his-lists-a">Follow to add this user to lists.</div>
@ -536,17 +554,20 @@
<div id="his-fav-list" class="tab-content"> <div id="his-fav-list" class="tab-content">
<div id="his-fav-list-contents" class="cont-series"> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="showFav('more')">More</button> <button class="btn waves-effect" style="width:100%; padding:0;"
onclick="showFav('more')">More</button>
</div> </div>
<div id="his-blocking-list" class="tab-content"> <div id="his-blocking-list" class="tab-content">
<div id="his-blocking-list-contents" class="cont-series"> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showBlo('more')">More</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showBlo('more')">More</button>
</div> </div>
<div id="his-muting-list" class="tab-content"> <div id="his-muting-list" class="tab-content">
<div id="his-muting-list-contents" class="cont-series"> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showMut('more')">More</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showMut('more')">More</button>
</div> </div>
<div id="his-domain-list" class="tab-content"> <div id="his-domain-list" class="tab-content">
<div id="his-domain-list-contents" class="cont-series"> <div id="his-domain-list-contents" class="cont-series">
@ -567,7 +588,8 @@
<textarea placeholder="Note" id="his-des-val" class="materialize-textarea"></textarea> <textarea placeholder="Note" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">Note</label> <label for="his-des-val">Note</label>
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="profedit()">Save</button> <button class="btn waves-effect" style="width:100%; padding:0;"
onclick="profedit()">Save</button>
<br>Change avataor: <br>Change avataor:
<span id="prof-change"> <span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')"> <input type="file" onchange="imgChange(this,'avatar')">
@ -580,7 +602,8 @@
<div id="his-request-list" class="tab-content"> <div id="his-request-list" class="tab-content">
<div id="his-request-list-contents" class="cont-series"> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showReq('more')">More</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showReq('more')">More</button>
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <div id="his-follow-recom-list" class="tab-content">
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
@ -686,7 +709,8 @@
Amazon Wish List Amazon Wish List
</a> </a>
<br> <br>
Give me Amazon Gift Card:<a href="mailto:web-pro@cutls.com" target="_blank">web-pro@cutls.com</a><br> Give me Amazon Gift Card:<a href="mailto:web-pro@cutls.com"
target="_blank">web-pro@cutls.com</a><br>
Kyash<br> Kyash<br>
<img src="../../img/kyash.png" width="100"><br> <img src="../../img/kyash.png" width="100"><br>
</div> </div>
@ -720,7 +744,8 @@
class="material-icons">view_headline</i><span>List</span></div> class="material-icons">view_headline</i><span>List</span></div>
<div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i <div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i
class="material-icons">filter_list</i><span>Filter</span></div> class="material-icons">filter_list</i><span>Filter</span></div>
<div class="waves-effect" onclick="help()"><i class="material-icons">help_outline</i><span>Help</span></div> <div class="waves-effect" onclick="help()"><i
class="material-icons">help_outline</i><span>Help</span></div>
<div class="waves-effect" onclick="location.href='index.html'"><i <div class="waves-effect" onclick="location.href='index.html'"><i
class="material-icons">refresh</i><span>Reload TL</span></div> class="material-icons">refresh</i><span>Reload TL</span></div>
</div> </div>
@ -741,7 +766,8 @@
<div><i class="material-icons">people_outline</i></div><span>Local</span> <div><i class="material-icons">people_outline</i></div><span>Local</span>
</div> </div>
<div class="type waves-effect" data-type="local-media"> <div class="type waves-effect" data-type="local-media">
<div><i class="material-icons">people_outline</i><i class="material-icons sub-icon">perm_media</i> <div><i class="material-icons">people_outline</i><i
class="material-icons sub-icon">perm_media</i>
</div><span>Local(Media)</span> </div><span>Local(Media)</span>
</div> </div>
<div class="type waves-effect" data-type="home"> <div class="type waves-effect" data-type="home">
@ -751,7 +777,8 @@
<div><i class="material-icons">language</i></div><span>Federated</span> <div><i class="material-icons">language</i></div><span>Federated</span>
</div> </div>
<div class="type waves-effect" data-type="pub-media"> <div class="type waves-effect" data-type="pub-media">
<div><i class="material-icons">language</i><i class="material-icons sub-icon">perm_media</i></div> <div><i class="material-icons">language</i><i
class="material-icons sub-icon">perm_media</i></div>
<span>Federated(Media)</span> <span>Federated(Media)</span>
</div> </div>
<div class="type waves-effect" data-type="dm"> <div class="type waves-effect" data-type="dm">
@ -761,7 +788,8 @@
<div><i class="material-icons">merge_type</i></div><span>Integrated(Local/Home)</span> <div><i class="material-icons">merge_type</i></div><span>Integrated(Local/Home)</span>
</div> </div>
<div class="type waves-effect" data-type="plus"> <div class="type waves-effect" data-type="plus">
<div><i class="material-icons">merge_type</i><i class="material-icons sub-icon">reply</i></div> <div><i class="material-icons">merge_type</i><i
class="material-icons sub-icon">reply</i></div>
<span>LTL+Reply+BT</span> <span>LTL+Reply+BT</span>
</div> </div>
<div class="type waves-effect" data-type="notf"> <div class="type waves-effect" data-type="notf">
@ -791,8 +819,8 @@
<div class="input-field"> <div class="input-field">
<input id="src" type="text" class="validate" style="width:60%"> <input id="src" type="text" class="validate" style="width:60%">
<label for="src" data-trans="src">Search</label> <label for="src" data-trans="src">Search</label>
<button class="btn waves-effect indigo" style="width: 36%;padding: 0;padding-left: 15px;" onclick="src()" <button class="btn waves-effect indigo" style="width: 36%;padding: 0;padding-left: 15px;"
data-trans-i="src"> onclick="src()" data-trans-i="src">
<i class="material-icons left" style="margin:0">search</i>Search <i class="material-icons left" style="margin:0">search</i>Search
</button> </button>
<br> <br>
@ -819,7 +847,8 @@
<label>Account(Scroll to show all)</label> <label>Account(Scroll to show all)</label>
</div> </div>
<div style="float:left; padding-top:8px; padding-bottom:28px;"> <div style="float:left; padding-top:8px; padding-bottom:28px;">
<button class="btn waves-effect indigo" style="width:80px;" onclick="list()" data-trans-i="lists"> <button class="btn waves-effect indigo" style="width:80px;" onclick="list()"
data-trans-i="lists">
List List
</button> </button>
</div> </div>
@ -836,7 +865,8 @@
<label>Account(Scroll to show all)</label> <label>Account(Scroll to show all)</label>
</div> </div>
<div style="float:left; padding-top:8px; padding-bottom:28px;"> <div style="float:left; padding-top:8px; padding-bottom:28px;">
<button class="btn waves-effect indigo" style="width:80px;" onclick="filter()" data-trans-i="filters"> <button class="btn waves-effect indigo" style="width:80px;" onclick="filter()"
data-trans-i="filters">
List List
</button> </button>
</div> </div>
@ -915,7 +945,8 @@
<i class="material-icons nex" title="Preferences(Ctrl+Shift+S)">settings</i> <i class="material-icons nex" title="Preferences(Ctrl+Shift+S)">settings</i>
</a> </a>
<a onclick="nano()" class="nex waves-effect"> <a onclick="nano()" class="nex waves-effect">
<i class="material-icons" title="The smallest Mastodon,TheDesk Nano" data-trans-title="nano_desp">remove_from_queue</i> <i class="material-icons" title="The smallest Mastodon,TheDesk Nano"
data-trans-title="nano_desp">remove_from_queue</i>
</a> </a>
<a onclick="menu()" class="nex waves-effect" id="list-tgl"> <a onclick="menu()" class="nex waves-effect" id="list-tgl">
<i class="material-icons" title="List">apps</i> <i class="material-icons" title="List">apps</i>

13
app/view/en/setting.html
View File

@ -22,6 +22,7 @@
input { input {
max-height: 50px !important max-height: 50px !important
} }
.pcr-result { .pcr-result {
height: 1rem !important; height: 1rem !important;
} }
@ -210,10 +211,14 @@
</template> </template>
</div> </div>
<h5>Custom sound</h5> <h5>Custom sound</h5>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(1)">Custom 1</button><span id="c1-file"></span><br> <button class="btn waves-effect" style="width:120px;" onclick="customSound(1)">Custom 1</button><span
<button class="btn waves-effect" style="width:120px;" onclick="customSound(2)">Custom 2</button><span id="c2-file"></span><br> id="c1-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(3)">Custom 3</button><span id="c3-file"></span><br> <button class="btn waves-effect" style="width:120px;" onclick="customSound(2)">Custom 2</button><span
<button class="btn waves-effect" style="width:120px;" onclick="customSound(4)">Custom 4</button><span id="c4-file"></span><br> id="c2-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(3)">Custom 3</button><span
id="c3-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(4)">Custom 4</button><span
id="c4-file"></span><br>
</div> </div>
</li> </li>
<li> <li>

35
app/view/en/update.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Update - TheDesk</title> <title>Update - TheDesk</title>
<link href="../../css/materialize.css" type="text/css" rel="stylesheet"> <link href="../../css/materialize.css" type="text/css" rel="stylesheet">
@ -14,6 +15,7 @@
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script> <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
--> -->
</head> </head>
<body> <body>
<style> <style>
body { body {
@ -23,6 +25,7 @@ body{
padding: 10px; padding: 10px;
text-align: right; text-align: right;
} }
#start { #start {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -31,17 +34,25 @@ body{
height: calc(100vh - 2.5rem); height: calc(100vh - 2.5rem);
text-align: center; text-align: center;
} }
#checkbox { #checkbox {
text-align: left; text-align: left;
} }
a,button,input,label,i{
a,
button,
input,
label,
i {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
#updskip { #updskip {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.skipbtn { .skipbtn {
display: block; display: block;
float: left; float: left;
@ -55,10 +66,12 @@ a,button,input,label,i{
border: 1px solid; border: 1px solid;
overflow: hidden; overflow: hidden;
} }
.skipbtn:hover { .skipbtn:hover {
background-color: #b3e5fc; background-color: #b3e5fc;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
#prog { #prog {
font-size: 200%; font-size: 200%;
} }
@ -75,10 +88,14 @@ a,button,input,label,i{
<p>Get latest TheDesk</p> <p>Get latest TheDesk</p>
<span id="now"></span>→<b id="ver"></b><br> <span id="now"></span>→<b id="ver"></b><br>
<span id="det"></span><br> <span id="det"></span><br>
<button class="waves-effect btn windows hide" onclick="update('install')" style="margin-left:15px;">Installer ver.</button> <button class="waves-effect btn windows hide" onclick="update('install')"
<button class="waves-effect btn windows hide" onclick="update('portable')" style="margin-left:15px;">Portable ver.</button> style="margin-left:15px;">Installer ver.</button>
<button class="waves-effect btn linux hide" onclick="update('linux')" style="margin-left:15px;">Start</button> <button class="waves-effect btn windows hide" onclick="update('portable')"
<button class="waves-effect btn mac hide" onclick="update('mac')" style="margin-left:15px;">Start</button> style="margin-left:15px;">Portable ver.</button>
<button class="waves-effect btn linux hide" onclick="update('linux')"
style="margin-left:15px;">Start</button>
<button class="waves-effect btn mac hide" onclick="update('mac')"
style="margin-left:15px;">Start</button>
<br> <br>
Some problems?<br>Please download on <a href="https://thedesk.top">Oficial HP</a>. Some problems?<br>Please download on <a href="https://thedesk.top">Oficial HP</a>.
</div> </div>
@ -86,8 +103,12 @@ a,button,input,label,i{
<h4>You may lose a cool experience!</h4> <h4>You may lose a cool experience!</h4>
Skip this update<br> Skip this update<br>
<div id="updskip"> <div id="updskip">
<a onclick="window.close();" class="pointer skipbtn waves-effect waves-light"><div>Until next TL loading</div></a> <a onclick="window.close();" class="pointer skipbtn waves-effect waves-light">
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light"><div>Until next version</div></a> <div>Until next TL loading</div>
</a>
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light">
<div>Until next version</div>
</a>
</div> </div>
<a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">Continue updating</a> <a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">Continue updating</a>
</div> </div>

59
app/view/ja/acct.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="ja"> <html lang="ja">
<head> <head>
<title>Account Manager - TheDesk</title> <title>Account Manager - TheDesk</title>
<meta content="width=device-width,initial-scale=1.0" name="viewport"> <meta content="width=device-width,initial-scale=1.0" name="viewport">
@ -10,19 +11,54 @@
<link href='../../css/tl.css' rel='stylesheet' type='text/css'> <link href='../../css/tl.css' rel='stylesheet' type='text/css'>
<link href='../../css/userdata.css' rel='stylesheet' type='text/css'> <link href='../../css/userdata.css' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
<style>.acct{display:flex; justify-content:space-around;} <style>
.card{width:400px; background-color: #9e9e9e; margin:10px; } .acct {
body,html{overflow-y: scroll;} display: flex;
#acct-list{display:flex; flex-wrap:wrap; color:white; align-items: flex-start} justify-content: space-around;
.lts{font-size:150%} }
.colorsel{ display:flex; }
.card .colorsel div:not(.exc){width:20px;height:20px;} .card {
.card .colorsel div.exc{width:40px;height:20px;} width: 400px;
background-color: #9e9e9e;
margin: 10px;
}
body,
html {
overflow-y: scroll;
}
#acct-list {
display: flex;
flex-wrap: wrap;
color: white;
align-items: flex-start
}
.lts {
font-size: 150%
}
.colorsel {
display: flex;
}
.card .colorsel div:not(.exc) {
width: 20px;
height: 20px;
}
.card .colorsel div.exc {
width: 40px;
height: 20px;
}
.first { .first {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center align-items: center
} }
.first .hide-first { .first .hide-first {
display: none; display: none;
} }
@ -36,6 +72,7 @@ body,html{overflow-y: scroll;}
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script> <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
--> -->
</head> </head>
<body id="mainView"> <body id="mainView">
<script type="text/javascript" src="../../js/common/jquery.js"></script> <script type="text/javascript" src="../../js/common/jquery.js"></script>
<script type="text/javascript" src="../../js/platform/first.js"></script> <script type="text/javascript" src="../../js/platform/first.js"></script>
@ -48,7 +85,8 @@ body,html{overflow-y: scroll;}
<script type="text/javascript" src="../../js/common/time.js"></script> <script type="text/javascript" src="../../js/common/time.js"></script>
<script type="text/javascript" src="../../js/common/modal.js"></script> <script type="text/javascript" src="../../js/common/modal.js"></script>
<div class="hide-first"> <div class="hide-first">
<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">戻る</a><br> <a href="index.html" class="btn waves-effect orange nex"
style="width:100%; max-width:200px;">戻る</a><br>
<h5>アカウント一覧</h5> <h5>アカウント一覧</h5>
<div id="acct-list"></div> <div id="acct-list"></div>
<div class="divider"></div> <div class="divider"></div>
@ -71,7 +109,8 @@ body,html{overflow-y: scroll;}
<span style="font-family:Open Sans;">Supports</span> <span style="font-family:Open Sans;">Supports</span>
<div id="support" class="collection transparent"></div> <div id="support" class="collection transparent"></div>
</div> </div>
</div></div> </div>
</div>
<div id="auth" style="display:none"> <div id="auth" style="display:none">
指定されたコードを貼り付けてください。ログインウィンドウは閉じていただいて構いません。<br> 指定されたコードを貼り付けてください。ログインウィンドウは閉じていただいて構いません。<br>
<input type="text" id="code" placeholder="コードを入力"> <input type="text" id="code" placeholder="コードを入力">

123
app/view/ja/index.html
View File

@ -98,10 +98,12 @@
title="箇条書きリスト">format_list_bulleted</i> title="箇条書きリスト">format_list_bulleted</i>
<i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')" <i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')"
title="番号付きリスト">format_list_numbered</i> title="番号付きリスト">format_list_numbered</i>
<i class="pointer setting fa fa-subscript waves-effect" onclick="markdown('__','yes','no','before')" <i class="pointer setting fa fa-subscript waves-effect"
title="下付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i> onclick="markdown('__','yes','no','before')" title="下付き文字　テキストボックス内を選択してから押すと囲みます。"
<i class="pointer setting fa fa-superscript waves-effect" onclick="markdown('_','yes','no','before')" style="font-size:1.5rem"></i>
title="上付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i> <i class="pointer setting fa fa-superscript waves-effect"
onclick="markdown('_','yes','no','before')" title="上付き文字　テキストボックス内を選択してから押すと囲みます。"
style="font-size:1.5rem"></i>
<i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')" <i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')"
title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i> title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i>
<i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')" <i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')"
@ -121,14 +123,19 @@
title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i> title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i>
<input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color"> <input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color">
<br> <br>
<i class="material-icons pointer setting waves-effect" onclick="markdownLink()" title="リンク挿入">link</i> <i class="material-icons pointer setting waves-effect" onclick="markdownLink()"
<input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクテキスト">&nbsp; title="リンク挿入">link</i>
<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクアドレス"> <input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="リンクテキスト">&nbsp;
<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="リンクアドレス">
<br> <br>
<i class="material-icons pointer setting waves-effect" onclick="markdownImage()" <i class="material-icons pointer setting waves-effect" onclick="markdownImage()"
title="インライン画像挿入">image</i> title="インライン画像挿入">image</i>
<input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="代替テキスト">&nbsp; <input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;"
<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="画像アドレス"> placeholder="代替テキスト">&nbsp;
<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="画像アドレス">
</div> </div>
</div> </div>
<div class="input-field col s12" id="preview-field" style="margin-top: 0;"> <div class="input-field col s12" id="preview-field" style="margin-top: 0;">
@ -154,14 +161,15 @@
<div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between"> <div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between">
<i class="waves-effect gray material-icons" id="nsfw" title="画像に制限を付与" <i class="waves-effect gray material-icons" id="nsfw" title="画像に制限を付与"
onclick="nsfw()">visibility_off</i> onclick="nsfw()">visibility_off</i>
<i class="waves-effect gray material-icons purple-text dropdown-button" data-activates='dropdown1' <i class="waves-effect gray material-icons purple-text dropdown-button"
id="vis-icon">public</i> data-activates='dropdown1' id="vis-icon">public</i>
<a class="waves-effect gray" id="cw" onclick="cw()" title="コンテンツワーニング(トゥートを表示する前にメッセージで隠す)">CW</a> <a class="waves-effect gray" id="cw" onclick="cw()" title="コンテンツワーニング(トゥートを表示する前にメッセージで隠す)">CW</a>
<span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray" <span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray"
onclick="fileselect()" title="ファイルを選択">photo_library</i></span></span> onclick="fileselect()" title="ファイルを選択">photo_library</i></span></span>
<i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn" <i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn"
title="絵文字を挿入">tag_faces</i> title="絵文字を挿入">tag_faces</i>
<i class="waves-effect gray material-icons dropdown-button" data-activates='dropdown2'>more_vert</i> <i class="waves-effect gray material-icons dropdown-button"
data-activates='dropdown2'>more_vert</i>
<i class="material-icons nex gray waves-effect" title="トゥートボックスのクリア(Ctrl+Shit+C)" <i class="material-icons nex gray waves-effect" title="トゥートボックスのクリア(Ctrl+Shit+C)"
data-trans-title="post_box_clear" id="clear">clear</i> data-trans-title="post_box_clear" id="clear">clear</i>
</div> </div>
@ -176,13 +184,15 @@
<br> <br>
<input type="text" id="cw-text" placeholder="警告文" class="mize" style="margin:0"> <input type="text" id="cw-text" placeholder="警告文" class="mize" style="margin:0">
<div id="sch-box">時間指定投稿<br><span class="sml">2.7.0~ 5分以内には投稿できません。サーバーの時計が正確とは限りません。</span><br> <div id="sch-box">時間指定投稿<br><span class="sml">2.7.0~ 5分以内には投稿できません。サーバーの時計が正確とは限りません。</span><br>
<input type="datetime-local" id="sch-date" placeholder="時間指定投稿" class="datepicker" style="margin:0"> <input type="datetime-local" id="sch-date" placeholder="時間指定投稿" class="datepicker"
style="margin:0">
</div> </div>
</div> </div>
</div> </div>
<!-- 公開範囲 Dropdown Structure --> <!-- 公開範囲 Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'> <ul id='dropdown1' class='dropdown-content'>
<li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">公開範囲指定</li> <li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">公開範囲指定
</li>
<li> <li>
<a onclick="vis('public')">公開(Public)</a> <a onclick="vis('public')">公開(Public)</a>
</li> </li>
@ -228,8 +238,9 @@
<div id="toot-btn-field"> <div id="toot-btn-field">
<button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()" <button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()"
id="toot-post-btn">トゥート</button> id="toot-post-btn">トゥート</button>
<button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()" id="toot-sec-btn"><i <button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()"
class="material-icons" id="toot-sec-icon" title="セカンダリートゥート">lock_open</i></button> id="toot-sec-btn"><i class="material-icons" id="toot-sec-icon"
title="セカンダリートゥート">lock_open</i></button>
</div> </div>
</div> </div>
<div id="right-side"> <div id="right-side">
@ -398,12 +409,12 @@
class="fas fa-share"></i></button> class="fas fa-share"></i></button>
</div> </div>
<div class="col s2"> <div class="col s2">
<button class="dropdown-button btn waves-effect indigo" style="width:100%;" onclick="staEx('rt')"><i <button class="dropdown-button btn waves-effect indigo" style="width:100%;"
class="fas fa-retweet"></i></button> onclick="staEx('rt')"><i class="fas fa-retweet"></i></button>
</div> </div>
<div class="col s2"> <div class="col s2">
<button class="dropdown-button btn waves-effect orange" style="width:100%;" onclick="staEx('fav')"><i <button class="dropdown-button btn waves-effect orange" style="width:100%;"
class="fas fa-star"></i></button> onclick="staEx('fav')"><i class="fas fa-star"></i></button>
</div> </div>
</div> </div>
<div id="toot-tools"> <div id="toot-tools">
@ -449,8 +460,8 @@
<div id="his-plus-action"> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
onclick="empUser()">ユーザー強調</a> onclick="empUser()">ユーザー強調</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" id="his-end-btn" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="pinUser()">紹介する</a><br> id="his-end-btn" onclick="pinUser()">紹介する</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
onclick="profbrws()">ブラウザで開く</a><br> onclick="profbrws()">ブラウザで開く</a><br>
</div><br> </div><br>
@ -471,10 +482,12 @@
<a go="#his-follow-list" title="フォロー"><i class="material-icons">people</i>→</a> <a go="#his-follow-list" title="フォロー"><i class="material-icons">people</i>→</a>
</li> </li>
<li class="custom-tab col my-data-width"> <li class="custom-tab col my-data-width">
<a go="#his-follower-list" title="フォロワー"><i class="material-icons">people</i>←</a> <a go="#his-follower-list" title="フォロワー"><i
class="material-icons">people</i>←</a>
</li> </li>
<li class="custom-tab col my-data-width only-his-data"> <li class="custom-tab col my-data-width only-his-data">
<a go="#his-action" title="他のアカウントで操作"><i class="material-icons">account_box</i></a> <a go="#his-action" title="他のアカウントで操作"><i
class="material-icons">account_box</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-his-data"> <li class="custom-tab col my-data-width only-his-data">
<a go="#his-list" title="リスト"><i class="material-icons">list</i></a> <a go="#his-list" title="リスト"><i class="material-icons">list</i></a>
@ -486,20 +499,23 @@
<a go="#his-blocking-list" title="ブロック"><i class="material-icons">block</i></a> <a go="#his-blocking-list" title="ブロック"><i class="material-icons">block</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="ブロック"><i class="material-icons">voice_over_off</i></a> <a go="#his-blocking-list" title="ブロック"><i
class="material-icons">voice_over_off</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-domain-list" title="ドメインブロック"><i class="material-icons">language</i><i <a go="#his-domain-list" title="ドメインブロック"><i
class="material-icons">block</i></a> class="material-icons">language</i><i class="material-icons">block</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-prof-list" title="プロフィール編集"><i class="material-icons">create</i></a> <a go="#his-prof-list" title="プロフィール編集"><i class="material-icons">create</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-request-list" title="フォローリクエスト"><i class="material-icons">how_to_reg</i></a> <a go="#his-request-list" title="フォローリクエスト"><i
class="material-icons">how_to_reg</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-follow-recom-list" title="おすすめ"><i class="material-icons">recent_actors</i></a> <a go="#his-follow-recom-list" title="おすすめ"><i
class="material-icons">recent_actors</i></a>
</li> </li>
</ul> </ul>
</div> </div>
@ -523,10 +539,12 @@
</div> </div>
<div id="his-action" class="tab-content"> <div id="his-action" class="tab-content">
他のアカウントを使用するフォロー((解除はできません。))<br> 他のアカウントを使用するフォロー((解除はできません。))<br>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>で <div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>
で
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">フォロー</a><br> <a href="#!" class="waves-effect btn" onclick="follow('selector','true')">フォロー</a><br>
または<br> または<br>
<a href="#!" class="waves-effect btn" onclick="udgEx('selector', 'selector')">プロフィールを表示</a><br> <a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">プロフィールを表示</a><br>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-list" class="tab-content">
<div id="his-lists-a">リストに追加するためにはフォローが必要です。</div> <div id="his-lists-a">リストに追加するためにはフォローが必要です。</div>
@ -536,17 +554,20 @@
<div id="his-fav-list" class="tab-content"> <div id="his-fav-list" class="tab-content">
<div id="his-fav-list-contents" class="cont-series"> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="showFav('more')">もっと</button> <button class="btn waves-effect" style="width:100%; padding:0;"
onclick="showFav('more')">もっと</button>
</div> </div>
<div id="his-blocking-list" class="tab-content"> <div id="his-blocking-list" class="tab-content">
<div id="his-blocking-list-contents" class="cont-series"> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showBlo('more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showBlo('more')">もっと</button>
</div> </div>
<div id="his-muting-list" class="tab-content"> <div id="his-muting-list" class="tab-content">
<div id="his-muting-list-contents" class="cont-series"> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showMut('more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showMut('more')">もっと</button>
</div> </div>
<div id="his-domain-list" class="tab-content"> <div id="his-domain-list" class="tab-content">
<div id="his-domain-list-contents" class="cont-series"> <div id="his-domain-list-contents" class="cont-series">
@ -567,7 +588,8 @@
<textarea placeholder="自己紹介" id="his-des-val" class="materialize-textarea"></textarea> <textarea placeholder="自己紹介" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">自己紹介</label> <label for="his-des-val">自己紹介</label>
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="profedit()">変更</button> <button class="btn waves-effect" style="width:100%; padding:0;"
onclick="profedit()">変更</button>
<br>アバターを変更: <br>アバターを変更:
<span id="prof-change"> <span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')"> <input type="file" onchange="imgChange(this,'avatar')">
@ -580,7 +602,8 @@
<div id="his-request-list" class="tab-content"> <div id="his-request-list" class="tab-content">
<div id="his-request-list-contents" class="cont-series"> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showReq('more')">もっと</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showReq('more')">もっと</button>
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <div id="his-follow-recom-list" class="tab-content">
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
@ -686,7 +709,8 @@
Amazonほしいものリスト Amazonほしいものリスト
</a> </a>
<br> <br>
<a href="mailto:web-pro@cutls.com" target="_blank">web-pro@cutls.com</a>にAmazonギフトカードを送る<br> <a href="mailto:web-pro@cutls.com"
target="_blank">web-pro@cutls.com</a>にAmazonギフトカードを送る<br>
Kyash<br> Kyash<br>
<img src="../../img/kyash.png" width="100"><br> <img src="../../img/kyash.png" width="100"><br>
</div> </div>
@ -720,7 +744,8 @@
class="material-icons">view_headline</i><span>リスト</span></div> class="material-icons">view_headline</i><span>リスト</span></div>
<div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i <div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i
class="material-icons">filter_list</i><span>フィルター</span></div> class="material-icons">filter_list</i><span>フィルター</span></div>
<div class="waves-effect" onclick="help()"><i class="material-icons">help_outline</i><span>ヘルプ</span></div> <div class="waves-effect" onclick="help()"><i
class="material-icons">help_outline</i><span>ヘルプ</span></div>
<div class="waves-effect" onclick="location.href='index.html'"><i <div class="waves-effect" onclick="location.href='index.html'"><i
class="material-icons">refresh</i><span>TL再読込</span></div> class="material-icons">refresh</i><span>TL再読込</span></div>
</div> </div>
@ -741,7 +766,8 @@
<div><i class="material-icons">people_outline</i></div><span>ローカル</span> <div><i class="material-icons">people_outline</i></div><span>ローカル</span>
</div> </div>
<div class="type waves-effect" data-type="local-media"> <div class="type waves-effect" data-type="local-media">
<div><i class="material-icons">people_outline</i><i class="material-icons sub-icon">perm_media</i> <div><i class="material-icons">people_outline</i><i
class="material-icons sub-icon">perm_media</i>
</div><span>ローカル(メディア)</span> </div><span>ローカル(メディア)</span>
</div> </div>
<div class="type waves-effect" data-type="home"> <div class="type waves-effect" data-type="home">
@ -751,7 +777,8 @@
<div><i class="material-icons">language</i></div><span>連合</span> <div><i class="material-icons">language</i></div><span>連合</span>
</div> </div>
<div class="type waves-effect" data-type="pub-media"> <div class="type waves-effect" data-type="pub-media">
<div><i class="material-icons">language</i><i class="material-icons sub-icon">perm_media</i></div> <div><i class="material-icons">language</i><i
class="material-icons sub-icon">perm_media</i></div>
<span>連合(メディア)</span> <span>連合(メディア)</span>
</div> </div>
<div class="type waves-effect" data-type="dm"> <div class="type waves-effect" data-type="dm">
@ -761,7 +788,8 @@
<div><i class="material-icons">merge_type</i></div><span>統合(ローカルとホーム)</span> <div><i class="material-icons">merge_type</i></div><span>統合(ローカルとホーム)</span>
</div> </div>
<div class="type waves-effect" data-type="plus"> <div class="type waves-effect" data-type="plus">
<div><i class="material-icons">merge_type</i><i class="material-icons sub-icon">reply</i></div> <div><i class="material-icons">merge_type</i><i
class="material-icons sub-icon">reply</i></div>
<span>統合(LTL+BT+返信)</span> <span>統合(LTL+BT+返信)</span>
</div> </div>
<div class="type waves-effect" data-type="notf"> <div class="type waves-effect" data-type="notf">
@ -791,8 +819,8 @@
<div class="input-field"> <div class="input-field">
<input id="src" type="text" class="validate" style="width:60%"> <input id="src" type="text" class="validate" style="width:60%">
<label for="src" data-trans="src">検索</label> <label for="src" data-trans="src">検索</label>
<button class="btn waves-effect indigo" style="width: 36%;padding: 0;padding-left: 15px;" onclick="src()" <button class="btn waves-effect indigo" style="width: 36%;padding: 0;padding-left: 15px;"
data-trans-i="src"> onclick="src()" data-trans-i="src">
<i class="material-icons left" style="margin:0">search</i>検索 <i class="material-icons left" style="margin:0">search</i>検索
</button> </button>
<br> <br>
@ -819,7 +847,8 @@
<label>選択(スクロールで全選択肢表示)</label> <label>選択(スクロールで全選択肢表示)</label>
</div> </div>
<div style="float:left; padding-top:8px; padding-bottom:28px;"> <div style="float:left; padding-top:8px; padding-bottom:28px;">
<button class="btn waves-effect indigo" style="width:80px;" onclick="list()" data-trans-i="lists"> <button class="btn waves-effect indigo" style="width:80px;" onclick="list()"
data-trans-i="lists">
一覧 一覧
</button> </button>
</div> </div>
@ -836,7 +865,8 @@
<label>選択(スクロールで全選択肢表示)</label> <label>選択(スクロールで全選択肢表示)</label>
</div> </div>
<div style="float:left; padding-top:8px; padding-bottom:28px;"> <div style="float:left; padding-top:8px; padding-bottom:28px;">
<button class="btn waves-effect indigo" style="width:80px;" onclick="filter()" data-trans-i="filters"> <button class="btn waves-effect indigo" style="width:80px;" onclick="filter()"
data-trans-i="filters">
一覧 一覧
</button> </button>
</div> </div>
@ -915,7 +945,8 @@
<i class="material-icons nex" title="設定(Ctrl+Shift+S)">settings</i> <i class="material-icons nex" title="設定(Ctrl+Shift+S)">settings</i>
</a> </a>
<a onclick="nano()" class="nex waves-effect"> <a onclick="nano()" class="nex waves-effect">
<i class="material-icons" title="最小のマストドン。TheDesk Nano" data-trans-title="nano_desp">remove_from_queue</i> <i class="material-icons" title="最小のマストドン。TheDesk Nano"
data-trans-title="nano_desp">remove_from_queue</i>
</a> </a>
<a onclick="menu()" class="nex waves-effect" id="list-tgl"> <a onclick="menu()" class="nex waves-effect" id="list-tgl">
<i class="material-icons" title="リスト">apps</i> <i class="material-icons" title="リスト">apps</i>

13
app/view/ja/setting.html
View File

@ -22,6 +22,7 @@
input { input {
max-height: 50px !important max-height: 50px !important
} }
.pcr-result { .pcr-result {
height: 1rem !important; height: 1rem !important;
} }
@ -210,10 +211,14 @@
</template> </template>
</div> </div>
<h5>カスタム通知音</h5> <h5>カスタム通知音</h5>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(1)">Custom 1</button><span id="c1-file"></span><br> <button class="btn waves-effect" style="width:120px;" onclick="customSound(1)">Custom 1</button><span
<button class="btn waves-effect" style="width:120px;" onclick="customSound(2)">Custom 2</button><span id="c2-file"></span><br> id="c1-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(3)">Custom 3</button><span id="c3-file"></span><br> <button class="btn waves-effect" style="width:120px;" onclick="customSound(2)">Custom 2</button><span
<button class="btn waves-effect" style="width:120px;" onclick="customSound(4)">Custom 4</button><span id="c4-file"></span><br> id="c2-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(3)">Custom 3</button><span
id="c3-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(4)">Custom 4</button><span
id="c4-file"></span><br>
</div> </div>
</li> </li>
<li> <li>

35
app/view/ja/update.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="ja"> <html lang="ja">
<head> <head>
<title>Update - TheDesk</title> <title>Update - TheDesk</title>
<link href="../../css/materialize.css" type="text/css" rel="stylesheet"> <link href="../../css/materialize.css" type="text/css" rel="stylesheet">
@ -14,6 +15,7 @@
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script> <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
--> -->
</head> </head>
<body> <body>
<style> <style>
body { body {
@ -23,6 +25,7 @@ body{
padding: 10px; padding: 10px;
text-align: right; text-align: right;
} }
#start { #start {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -31,17 +34,25 @@ body{
height: calc(100vh - 2.5rem); height: calc(100vh - 2.5rem);
text-align: center; text-align: center;
} }
#checkbox { #checkbox {
text-align: left; text-align: left;
} }
a,button,input,label,i{
a,
button,
input,
label,
i {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
#updskip { #updskip {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.skipbtn { .skipbtn {
display: block; display: block;
float: left; float: left;
@ -55,10 +66,12 @@ a,button,input,label,i{
border: 1px solid; border: 1px solid;
overflow: hidden; overflow: hidden;
} }
.skipbtn:hover { .skipbtn:hover {
background-color: #b3e5fc; background-color: #b3e5fc;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
#prog { #prog {
font-size: 200%; font-size: 200%;
} }
@ -75,10 +88,14 @@ a,button,input,label,i{
<p>アップデートがあります</p> <p>アップデートがあります</p>
<span id="now"></span>→<b id="ver"></b><br> <span id="now"></span>→<b id="ver"></b><br>
<span id="det"></span><br> <span id="det"></span><br>
<button class="waves-effect btn windows hide" onclick="update('install')" style="margin-left:15px;">インストーラー版(推奨)</button> <button class="waves-effect btn windows hide" onclick="update('install')"
<button class="waves-effect btn windows hide" onclick="update('portable')" style="margin-left:15px;">ポータブル版</button> style="margin-left:15px;">インストーラー版(推奨)</button>
<button class="waves-effect btn linux hide" onclick="update('linux')" style="margin-left:15px;">開始</button> <button class="waves-effect btn windows hide" onclick="update('portable')"
<button class="waves-effect btn mac hide" onclick="update('mac')" style="margin-left:15px;">開始</button> style="margin-left:15px;">ポータブル版</button>
<button class="waves-effect btn linux hide" onclick="update('linux')"
style="margin-left:15px;">開始</button>
<button class="waves-effect btn mac hide" onclick="update('mac')"
style="margin-left:15px;">開始</button>
<br> <br>
問題が発生しますか？<br><a href="https://thedesk.top">公式HP</a>からダウンロードをお試しください。 問題が発生しますか？<br><a href="https://thedesk.top">公式HP</a>からダウンロードをお試しください。
</div> </div>
@ -86,8 +103,12 @@ a,button,input,label,i{
<h4>アップデートは必ず行ってください</h4> <h4>アップデートは必ず行ってください</h4>
アップデートをスキップする<br> アップデートをスキップする<br>
<div id="updskip"> <div id="updskip">
<a onclick="window.close();" class="pointer skipbtn waves-effect waves-light"><div>次回TL表示時まで</div></a> <a onclick="window.close();" class="pointer skipbtn waves-effect waves-light">
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light"><div>次のバージョンが出るまで</div></a> <div>次回TL表示時まで</div>
</a>
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light">
<div>次のバージョンが出るまで</div>
</a>
</div> </div>
<a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">アップデートを続行</a> <a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">アップデートを続行</a>
</div> </div>

59
app/view/make/acct.sample.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="@@lang@@"> <html lang="@@lang@@">
<head> <head>
<title>Account Manager - TheDesk</title> <title>Account Manager - TheDesk</title>
<meta content="width=device-width,initial-scale=1.0" name="viewport"> <meta content="width=device-width,initial-scale=1.0" name="viewport">
@ -10,19 +11,54 @@
<link href='../../css/tl.css' rel='stylesheet' type='text/css'> <link href='../../css/tl.css' rel='stylesheet' type='text/css'>
<link href='../../css/userdata.css' rel='stylesheet' type='text/css'> <link href='../../css/userdata.css' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
<style>.acct{display:flex; justify-content:space-around;} <style>
.card{width:400px; background-color: #9e9e9e; margin:10px; } .acct {
body,html{overflow-y: scroll;} display: flex;
#acct-list{display:flex; flex-wrap:wrap; color:white; align-items: flex-start} justify-content: space-around;
.lts{font-size:150%} }
.colorsel{ display:flex; }
.card .colorsel div:not(.exc){width:20px;height:20px;} .card {
.card .colorsel div.exc{width:40px;height:20px;} width: 400px;
background-color: #9e9e9e;
margin: 10px;
}
body,
html {
overflow-y: scroll;
}
#acct-list {
display: flex;
flex-wrap: wrap;
color: white;
align-items: flex-start
}
.lts {
font-size: 150%
}
.colorsel {
display: flex;
}
.card .colorsel div:not(.exc) {
width: 20px;
height: 20px;
}
.card .colorsel div.exc {
width: 40px;
height: 20px;
}
.first { .first {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center align-items: center
} }
.first .hide-first { .first .hide-first {
display: none; display: none;
} }
@ -36,6 +72,7 @@ body,html{overflow-y: scroll;}
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script> <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
@@comment-end@@ @@comment-end@@
</head> </head>
<body id="mainView"> <body id="mainView">
<script type="text/javascript" src="../../js/common/jquery.js"></script> <script type="text/javascript" src="../../js/common/jquery.js"></script>
<script type="text/javascript" src="../../js/platform/first.js"></script> <script type="text/javascript" src="../../js/platform/first.js"></script>
@ -48,7 +85,8 @@ body,html{overflow-y: scroll;}
<script type="text/javascript" src="../../js/common/time.js"></script> <script type="text/javascript" src="../../js/common/time.js"></script>
<script type="text/javascript" src="../../js/common/modal.js"></script> <script type="text/javascript" src="../../js/common/modal.js"></script>
<div class="hide-first"> <div class="hide-first">
<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">@@back@@</a><br> <a href="index.html" class="btn waves-effect orange nex"
style="width:100%; max-width:200px;">@@back@@</a><br>
<h5>@@list@@</h5> <h5>@@list@@</h5>
<div id="acct-list"></div> <div id="acct-list"></div>
<div class="divider"></div> <div class="divider"></div>
@ -71,7 +109,8 @@ body,html{overflow-y: scroll;}
<span style="font-family:Open Sans;">Supports</span> <span style="font-family:Open Sans;">Supports</span>
<div id="support" class="collection transparent"></div> <div id="support" class="collection transparent"></div>
</div> </div>
</div></div> </div>
</div>
<div id="auth" style="display:none"> <div id="auth" style="display:none">
@@codepastewarn@@<br> @@codepastewarn@@<br>
<input type="text" id="code" placeholder="@@codepaste@@"> <input type="text" id="code" placeholder="@@codepaste@@">

123
app/view/make/index.sample.html
View File

@ -98,10 +98,12 @@
title="箇条書きリスト">format_list_bulleted</i> title="箇条書きリスト">format_list_bulleted</i>
<i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')" <i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')"
title="番号付きリスト">format_list_numbered</i> title="番号付きリスト">format_list_numbered</i>
<i class="pointer setting fa fa-subscript waves-effect" onclick="markdown('__','yes','no','before')" <i class="pointer setting fa fa-subscript waves-effect"
title="下付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i> onclick="markdown('__','yes','no','before')" title="下付き文字　テキストボックス内を選択してから押すと囲みます。"
<i class="pointer setting fa fa-superscript waves-effect" onclick="markdown('_','yes','no','before')" style="font-size:1.5rem"></i>
title="上付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i> <i class="pointer setting fa fa-superscript waves-effect"
onclick="markdown('_','yes','no','before')" title="上付き文字　テキストボックス内を選択してから押すと囲みます。"
style="font-size:1.5rem"></i>
<i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')" <i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')"
title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i> title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i>
<i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')" <i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')"
@ -121,14 +123,19 @@
title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i> title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i>
<input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color"> <input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color">
<br> <br>
<i class="material-icons pointer setting waves-effect" onclick="markdownLink()" title="リンク挿入">link</i> <i class="material-icons pointer setting waves-effect" onclick="markdownLink()"
<input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクテキスト">&nbsp; title="リンク挿入">link</i>
<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクアドレス"> <input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="リンクテキスト">&nbsp;
<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="リンクアドレス">
<br> <br>
<i class="material-icons pointer setting waves-effect" onclick="markdownImage()" <i class="material-icons pointer setting waves-effect" onclick="markdownImage()"
title="インライン画像挿入">image</i> title="インライン画像挿入">image</i>
<input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="代替テキスト">&nbsp; <input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;"
<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="画像アドレス"> placeholder="代替テキスト">&nbsp;
<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="画像アドレス">
</div> </div>
</div> </div>
<div class="input-field col s12" id="preview-field" style="margin-top: 0;"> <div class="input-field col s12" id="preview-field" style="margin-top: 0;">
@ -154,14 +161,15 @@
<div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between"> <div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between">
<i class="waves-effect gray material-icons" id="nsfw" title="@@nsfwDes@@" <i class="waves-effect gray material-icons" id="nsfw" title="@@nsfwDes@@"
onclick="nsfw()">visibility_off</i> onclick="nsfw()">visibility_off</i>
<i class="waves-effect gray material-icons purple-text dropdown-button" data-activates='dropdown1' <i class="waves-effect gray material-icons purple-text dropdown-button"
id="vis-icon">public</i> data-activates='dropdown1' id="vis-icon">public</i>
<a class="waves-effect gray" id="cw" onclick="cw()" title="@@cwDes@@">CW</a> <a class="waves-effect gray" id="cw" onclick="cw()" title="@@cwDes@@">CW</a>
<span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray" <span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray"
onclick="fileselect()" title="@@selfile@@">photo_library</i></span></span> onclick="fileselect()" title="@@selfile@@">photo_library</i></span></span>
<i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn" <i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn"
title="@@insertEmoji@@">tag_faces</i> title="@@insertEmoji@@">tag_faces</i>
<i class="waves-effect gray material-icons dropdown-button" data-activates='dropdown2'>more_vert</i> <i class="waves-effect gray material-icons dropdown-button"
data-activates='dropdown2'>more_vert</i>
<i class="material-icons nex gray waves-effect" title="@@clearToot@@(Ctrl+Shit+C)" <i class="material-icons nex gray waves-effect" title="@@clearToot@@(Ctrl+Shit+C)"
data-trans-title="post_box_clear" id="clear">clear</i> data-trans-title="post_box_clear" id="clear">clear</i>
</div> </div>
@ -176,13 +184,15 @@
<br> <br>
<input type="text" id="cw-text" placeholder="@@cwtext@@" class="mize" style="margin:0"> <input type="text" id="cw-text" placeholder="@@cwtext@@" class="mize" style="margin:0">
<div id="sch-box">@@postat@@<br><span class="sml">@@scheduleWarn@@</span><br> <div id="sch-box">@@postat@@<br><span class="sml">@@scheduleWarn@@</span><br>
<input type="datetime-local" id="sch-date" placeholder="@@schedule@@" class="datepicker" style="margin:0"> <input type="datetime-local" id="sch-date" placeholder="@@schedule@@" class="datepicker"
style="margin:0">
</div> </div>
</div> </div>
</div> </div>
<!-- 公開範囲 Dropdown Structure --> <!-- 公開範囲 Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'> <ul id='dropdown1' class='dropdown-content'>
<li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">@@selectVis@@</li> <li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">@@selectVis@@
</li>
<li> <li>
<a onclick="vis('public')">@@publicJP@@(Public)</a> <a onclick="vis('public')">@@publicJP@@(Public)</a>
</li> </li>
@ -228,8 +238,9 @@
<div id="toot-btn-field"> <div id="toot-btn-field">
<button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()" <button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()"
id="toot-post-btn">@@toot@@</button> id="toot-post-btn">@@toot@@</button>
<button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()" id="toot-sec-btn"><i <button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()"
class="material-icons" id="toot-sec-icon" title="@@sectoot@@">lock_open</i></button> id="toot-sec-btn"><i class="material-icons" id="toot-sec-icon"
title="@@sectoot@@">lock_open</i></button>
</div> </div>
</div> </div>
<div id="right-side"> <div id="right-side">
@ -398,12 +409,12 @@
class="fas fa-share"></i></button> class="fas fa-share"></i></button>
</div> </div>
<div class="col s2"> <div class="col s2">
<button class="dropdown-button btn waves-effect indigo" style="width:100%;" onclick="staEx('rt')"><i <button class="dropdown-button btn waves-effect indigo" style="width:100%;"
class="fas fa-retweet"></i></button> onclick="staEx('rt')"><i class="fas fa-retweet"></i></button>
</div> </div>
<div class="col s2"> <div class="col s2">
<button class="dropdown-button btn waves-effect orange" style="width:100%;" onclick="staEx('fav')"><i <button class="dropdown-button btn waves-effect orange" style="width:100%;"
class="fas fa-star"></i></button> onclick="staEx('fav')"><i class="fas fa-star"></i></button>
</div> </div>
</div> </div>
<div id="toot-tools"> <div id="toot-tools">
@ -449,8 +460,8 @@
<div id="his-plus-action"> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
onclick="empUser()">@@empUser@@</a> onclick="empUser()">@@empUser@@</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" id="his-end-btn" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="pinUser()">@@endorse@@</a><br> id="his-end-btn" onclick="pinUser()">@@endorse@@</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
onclick="profbrws()">@@openinbrowser@@</a><br> onclick="profbrws()">@@openinbrowser@@</a><br>
</div><br> </div><br>
@ -471,10 +482,12 @@
<a go="#his-follow-list" title="@@follow@@"><i class="material-icons">people</i>→</a> <a go="#his-follow-list" title="@@follow@@"><i class="material-icons">people</i>→</a>
</li> </li>
<li class="custom-tab col my-data-width"> <li class="custom-tab col my-data-width">
<a go="#his-follower-list" title="@@follower@@"><i class="material-icons">people</i>←</a> <a go="#his-follower-list" title="@@follower@@"><i
class="material-icons">people</i>←</a>
</li> </li>
<li class="custom-tab col my-data-width only-his-data"> <li class="custom-tab col my-data-width only-his-data">
<a go="#his-action" title="@@operateOtherAcct@@"><i class="material-icons">account_box</i></a> <a go="#his-action" title="@@operateOtherAcct@@"><i
class="material-icons">account_box</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-his-data"> <li class="custom-tab col my-data-width only-his-data">
<a go="#his-list" title="@@list@@"><i class="material-icons">list</i></a> <a go="#his-list" title="@@list@@"><i class="material-icons">list</i></a>
@ -486,20 +499,23 @@
<a go="#his-blocking-list" title="@@blocks@@"><i class="material-icons">block</i></a> <a go="#his-blocking-list" title="@@blocks@@"><i class="material-icons">block</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="@@blocks@@"><i class="material-icons">voice_over_off</i></a> <a go="#his-blocking-list" title="@@blocks@@"><i
class="material-icons">voice_over_off</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-domain-list" title="@@domainBlock@@"><i class="material-icons">language</i><i <a go="#his-domain-list" title="@@domainBlock@@"><i
class="material-icons">block</i></a> class="material-icons">language</i><i class="material-icons">block</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-prof-list" title="@@editProf@@"><i class="material-icons">create</i></a> <a go="#his-prof-list" title="@@editProf@@"><i class="material-icons">create</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-request-list" title="@@followReq@@"><i class="material-icons">how_to_reg</i></a> <a go="#his-request-list" title="@@followReq@@"><i
class="material-icons">how_to_reg</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-follow-recom-list" title="@@frc@@"><i class="material-icons">recent_actors</i></a> <a go="#his-follow-recom-list" title="@@frc@@"><i
class="material-icons">recent_actors</i></a>
</li> </li>
</ul> </ul>
</div> </div>
@ -523,10 +539,12 @@
</div> </div>
<div id="his-action" class="tab-content"> <div id="his-action" class="tab-content">
@@useOtherAcct1@@@@revoverJP@@@@follow@@(@@warnUseOtherAcct@@)<br> @@useOtherAcct1@@@@revoverJP@@@@follow@@(@@warnUseOtherAcct@@)<br>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>@@revoverJPde@@ <div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>
@@revoverJPde@@
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">@@follow@@</a><br> <a href="#!" class="waves-effect btn" onclick="follow('selector','true')">@@follow@@</a><br>
@@or@@<br> @@or@@<br>
<a href="#!" class="waves-effect btn" onclick="udgEx('selector', 'selector')">@@openProf@@</a><br> <a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">@@openProf@@</a><br>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-list" class="tab-content">
<div id="his-lists-a">@@warnListRegist@@</div> <div id="his-lists-a">@@warnListRegist@@</div>
@ -536,17 +554,20 @@
<div id="his-fav-list" class="tab-content"> <div id="his-fav-list" class="tab-content">
<div id="his-fav-list-contents" class="cont-series"> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="showFav('more')">@@more@@</button> <button class="btn waves-effect" style="width:100%; padding:0;"
onclick="showFav('more')">@@more@@</button>
</div> </div>
<div id="his-blocking-list" class="tab-content"> <div id="his-blocking-list" class="tab-content">
<div id="his-blocking-list-contents" class="cont-series"> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showBlo('more')">@@more@@</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showBlo('more')">@@more@@</button>
</div> </div>
<div id="his-muting-list" class="tab-content"> <div id="his-muting-list" class="tab-content">
<div id="his-muting-list-contents" class="cont-series"> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showMut('more')">@@more@@</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showMut('more')">@@more@@</button>
</div> </div>
<div id="his-domain-list" class="tab-content"> <div id="his-domain-list" class="tab-content">
<div id="his-domain-list-contents" class="cont-series"> <div id="his-domain-list-contents" class="cont-series">
@ -567,7 +588,8 @@
<textarea placeholder="@@note@@" id="his-des-val" class="materialize-textarea"></textarea> <textarea placeholder="@@note@@" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">@@note@@</label> <label for="his-des-val">@@note@@</label>
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="profedit()">@@change@@</button> <button class="btn waves-effect" style="width:100%; padding:0;"
onclick="profedit()">@@change@@</button>
<br>@@editProfImg@@: <br>@@editProfImg@@:
<span id="prof-change"> <span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')"> <input type="file" onchange="imgChange(this,'avatar')">
@ -580,7 +602,8 @@
<div id="his-request-list" class="tab-content"> <div id="his-request-list" class="tab-content">
<div id="his-request-list-contents" class="cont-series"> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showReq('more')">@@more@@</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showReq('more')">@@more@@</button>
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <div id="his-follow-recom-list" class="tab-content">
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
@ -686,7 +709,8 @@
@@AWLSupport@@ @@AWLSupport@@
</a> </a>
<br> <br>
@@SendAmazonGift1@@<a href="mailto:web-pro@cutls.com" target="_blank">web-pro@cutls.com</a>@@SendAmazonGift2@@<br> @@SendAmazonGift1@@<a href="mailto:web-pro@cutls.com"
target="_blank">web-pro@cutls.com</a>@@SendAmazonGift2@@<br>
Kyash<br> Kyash<br>
<img src="../../img/kyash.png" width="100"><br> <img src="../../img/kyash.png" width="100"><br>
</div> </div>
@ -720,7 +744,8 @@
class="material-icons">view_headline</i><span>@@list@@</span></div> class="material-icons">view_headline</i><span>@@list@@</span></div>
<div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i <div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i
class="material-icons">filter_list</i><span>@@filter@@</span></div> class="material-icons">filter_list</i><span>@@filter@@</span></div>
<div class="waves-effect" onclick="help()"><i class="material-icons">help_outline</i><span>@@help@@</span></div> <div class="waves-effect" onclick="help()"><i
class="material-icons">help_outline</i><span>@@help@@</span></div>
<div class="waves-effect" onclick="location.href='index.html'"><i <div class="waves-effect" onclick="location.href='index.html'"><i
class="material-icons">refresh</i><span>@@f5@@</span></div> class="material-icons">refresh</i><span>@@f5@@</span></div>
</div> </div>
@ -741,7 +766,8 @@
<div><i class="material-icons">people_outline</i></div><span>@@local@@</span> <div><i class="material-icons">people_outline</i></div><span>@@local@@</span>
</div> </div>
<div class="type waves-effect" data-type="local-media"> <div class="type waves-effect" data-type="local-media">
<div><i class="material-icons">people_outline</i><i class="material-icons sub-icon">perm_media</i> <div><i class="material-icons">people_outline</i><i
class="material-icons sub-icon">perm_media</i>
</div><span>@@localMedia@@</span> </div><span>@@localMedia@@</span>
</div> </div>
<div class="type waves-effect" data-type="home"> <div class="type waves-effect" data-type="home">
@ -751,7 +777,8 @@
<div><i class="material-icons">language</i></div><span>@@fed@@</span> <div><i class="material-icons">language</i></div><span>@@fed@@</span>
</div> </div>
<div class="type waves-effect" data-type="pub-media"> <div class="type waves-effect" data-type="pub-media">
<div><i class="material-icons">language</i><i class="material-icons sub-icon">perm_media</i></div> <div><i class="material-icons">language</i><i
class="material-icons sub-icon">perm_media</i></div>
<span>@@fedMedia@@</span> <span>@@fedMedia@@</span>
</div> </div>
<div class="type waves-effect" data-type="dm"> <div class="type waves-effect" data-type="dm">
@ -761,7 +788,8 @@
<div><i class="material-icons">merge_type</i></div><span>@@integratedTLDes@@</span> <div><i class="material-icons">merge_type</i></div><span>@@integratedTLDes@@</span>
</div> </div>
<div class="type waves-effect" data-type="plus"> <div class="type waves-effect" data-type="plus">
<div><i class="material-icons">merge_type</i><i class="material-icons sub-icon">reply</i></div> <div><i class="material-icons">merge_type</i><i
class="material-icons sub-icon">reply</i></div>
<span>@@localPlusDes@@</span> <span>@@localPlusDes@@</span>
</div> </div>
<div class="type waves-effect" data-type="notf"> <div class="type waves-effect" data-type="notf">
@ -791,8 +819,8 @@
<div class="input-field"> <div class="input-field">
<input id="src" type="text" class="validate" style="width:60%"> <input id="src" type="text" class="validate" style="width:60%">
<label for="src" data-trans="src">@@search@@</label> <label for="src" data-trans="src">@@search@@</label>
<button class="btn waves-effect indigo" style="width: 36%;padding: 0;padding-left: 15px;" onclick="src()" <button class="btn waves-effect indigo" style="width: 36%;padding: 0;padding-left: 15px;"
data-trans-i="src"> onclick="src()" data-trans-i="src">
<i class="material-icons left" style="margin:0">search</i>@@search@@ <i class="material-icons left" style="margin:0">search</i>@@search@@
</button> </button>
<br> <br>
@ -819,7 +847,8 @@
<label>@@selectAcct@@</label> <label>@@selectAcct@@</label>
</div> </div>
<div style="float:left; padding-top:8px; padding-bottom:28px;"> <div style="float:left; padding-top:8px; padding-bottom:28px;">
<button class="btn waves-effect indigo" style="width:80px;" onclick="list()" data-trans-i="lists"> <button class="btn waves-effect indigo" style="width:80px;" onclick="list()"
data-trans-i="lists">
@@listLocale@@ @@listLocale@@
</button> </button>
</div> </div>
@ -836,7 +865,8 @@
<label>@@selectAcct@@</label> <label>@@selectAcct@@</label>
</div> </div>
<div style="float:left; padding-top:8px; padding-bottom:28px;"> <div style="float:left; padding-top:8px; padding-bottom:28px;">
<button class="btn waves-effect indigo" style="width:80px;" onclick="filter()" data-trans-i="filters"> <button class="btn waves-effect indigo" style="width:80px;" onclick="filter()"
data-trans-i="filters">
@@listLocale@@ @@listLocale@@
</button> </button>
</div> </div>
@ -915,7 +945,8 @@
<i class="material-icons nex" title="@@setting@@(Ctrl+Shift+S)">settings</i> <i class="material-icons nex" title="@@setting@@(Ctrl+Shift+S)">settings</i>
</a> </a>
<a onclick="nano()" class="nex waves-effect"> <a onclick="nano()" class="nex waves-effect">
<i class="material-icons" title="@@nanoDes@@TheDesk Nano" data-trans-title="nano_desp">remove_from_queue</i> <i class="material-icons" title="@@nanoDes@@TheDesk Nano"
data-trans-title="nano_desp">remove_from_queue</i>
</a> </a>
<a onclick="menu()" class="nex waves-effect" id="list-tgl"> <a onclick="menu()" class="nex waves-effect" id="list-tgl">
<i class="material-icons" title="@@list@@">apps</i> <i class="material-icons" title="@@list@@">apps</i>

13
app/view/make/setting.sample.html
View File

@ -22,6 +22,7 @@
input { input {
max-height: 50px !important max-height: 50px !important
} }
.pcr-result { .pcr-result {
height: 1rem !important; height: 1rem !important;
} }
@ -210,10 +211,14 @@
</template> </template>
</div> </div>
<h5>@@customSound@@</h5> <h5>@@customSound@@</h5>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(1)">Custom 1</button><span id="c1-file"></span><br> <button class="btn waves-effect" style="width:120px;" onclick="customSound(1)">Custom 1</button><span
<button class="btn waves-effect" style="width:120px;" onclick="customSound(2)">Custom 2</button><span id="c2-file"></span><br> id="c1-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(3)">Custom 3</button><span id="c3-file"></span><br> <button class="btn waves-effect" style="width:120px;" onclick="customSound(2)">Custom 2</button><span
<button class="btn waves-effect" style="width:120px;" onclick="customSound(4)">Custom 4</button><span id="c4-file"></span><br> id="c2-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(3)">Custom 3</button><span
id="c3-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(4)">Custom 4</button><span
id="c4-file"></span><br>
</div> </div>
</li> </li>
<li> <li>

35
app/view/make/update.sample.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="@@lang@@"> <html lang="@@lang@@">
<head> <head>
<title>Update - TheDesk</title> <title>Update - TheDesk</title>
<link href="../../css/materialize.css" type="text/css" rel="stylesheet"> <link href="../../css/materialize.css" type="text/css" rel="stylesheet">
@ -14,6 +15,7 @@
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script> <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
@@comment-end@@ @@comment-end@@
</head> </head>
<body> <body>
<style> <style>
body { body {
@ -23,6 +25,7 @@ body{
padding: 10px; padding: 10px;
text-align: right; text-align: right;
} }
#start { #start {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -31,17 +34,25 @@ body{
height: calc(100vh - 2.5rem); height: calc(100vh - 2.5rem);
text-align: center; text-align: center;
} }
#checkbox { #checkbox {
text-align: left; text-align: left;
} }
a,button,input,label,i{
a,
button,
input,
label,
i {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
#updskip { #updskip {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.skipbtn { .skipbtn {
display: block; display: block;
float: left; float: left;
@ -55,10 +66,12 @@ a,button,input,label,i{
border: 1px solid; border: 1px solid;
overflow: hidden; overflow: hidden;
} }
.skipbtn:hover { .skipbtn:hover {
background-color: #b3e5fc; background-color: #b3e5fc;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
#prog { #prog {
font-size: 200%; font-size: 200%;
} }
@ -75,10 +88,14 @@ a,button,input,label,i{
<p>@@updatehere@@</p> <p>@@updatehere@@</p>
<span id="now"></span>→<b id="ver"></b><br> <span id="now"></span>→<b id="ver"></b><br>
<span id="det"></span><br> <span id="det"></span><br>
<button class="waves-effect btn windows hide" onclick="update('install')" style="margin-left:15px;">@@installer@@</button> <button class="waves-effect btn windows hide" onclick="update('install')"
<button class="waves-effect btn windows hide" onclick="update('portable')" style="margin-left:15px;">@@portable@@</button> style="margin-left:15px;">@@installer@@</button>
<button class="waves-effect btn linux hide" onclick="update('linux')" style="margin-left:15px;">@@download@@</button> <button class="waves-effect btn windows hide" onclick="update('portable')"
<button class="waves-effect btn mac hide" onclick="update('mac')" style="margin-left:15px;">@@download@@</button> style="margin-left:15px;">@@portable@@</button>
<button class="waves-effect btn linux hide" onclick="update('linux')"
style="margin-left:15px;">@@download@@</button>
<button class="waves-effect btn mac hide" onclick="update('mac')"
style="margin-left:15px;">@@download@@</button>
<br> <br>
@@problem1@@<br>@@problem2@@ @@problem1@@<br>@@problem2@@
</div> </div>
@ -86,8 +103,12 @@ a,button,input,label,i{
<h4>@@sureupd@@</h4> <h4>@@sureupd@@</h4>
@@skipupd@@<br> @@skipupd@@<br>
<div id="updskip"> <div id="updskip">
<a onclick="window.close();" class="pointer skipbtn waves-effect waves-light"><div>@@nexttl@@</div></a> <a onclick="window.close();" class="pointer skipbtn waves-effect waves-light">
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light"><div>@@nextver@@</div></a> <div>@@nexttl@@</div>
</a>
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light">
<div>@@nextver@@</div>
</a>
</div> </div>
<a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">@@continue@@</a> <a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">@@continue@@</a>
</div> </div>

59
app/view/ps/acct.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="ps"> <html lang="ps">
<head> <head>
<title>Account Manager - TheDesk</title> <title>Account Manager - TheDesk</title>
<meta content="width=device-width,initial-scale=1.0" name="viewport"> <meta content="width=device-width,initial-scale=1.0" name="viewport">
@ -10,19 +11,54 @@
<link href='../../css/tl.css' rel='stylesheet' type='text/css'> <link href='../../css/tl.css' rel='stylesheet' type='text/css'>
<link href='../../css/userdata.css' rel='stylesheet' type='text/css'> <link href='../../css/userdata.css' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Open+Sans:300" rel="stylesheet">
<style>.acct{display:flex; justify-content:space-around;} <style>
.card{width:400px; background-color: #9e9e9e; margin:10px; } .acct {
body,html{overflow-y: scroll;} display: flex;
#acct-list{display:flex; flex-wrap:wrap; color:white; align-items: flex-start} justify-content: space-around;
.lts{font-size:150%} }
.colorsel{ display:flex; }
.card .colorsel div:not(.exc){width:20px;height:20px;} .card {
.card .colorsel div.exc{width:40px;height:20px;} width: 400px;
background-color: #9e9e9e;
margin: 10px;
}
body,
html {
overflow-y: scroll;
}
#acct-list {
display: flex;
flex-wrap: wrap;
color: white;
align-items: flex-start
}
.lts {
font-size: 150%
}
.colorsel {
display: flex;
}
.card .colorsel div:not(.exc) {
width: 20px;
height: 20px;
}
.card .colorsel div.exc {
width: 40px;
height: 20px;
}
.first { .first {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center align-items: center
} }
.first .hide-first { .first .hide-first {
display: none; display: none;
} }
@ -36,6 +72,7 @@ body,html{overflow-y: scroll;}
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script> <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
</head> </head>
<body id="mainView"> <body id="mainView">
<script type="text/javascript" src="../../js/common/jquery.js"></script> <script type="text/javascript" src="../../js/common/jquery.js"></script>
<script type="text/javascript" src="../../js/platform/first.js"></script> <script type="text/javascript" src="../../js/platform/first.js"></script>
@ -48,7 +85,8 @@ body,html{overflow-y: scroll;}
<script type="text/javascript" src="../../js/common/time.js"></script> <script type="text/javascript" src="../../js/common/time.js"></script>
<script type="text/javascript" src="../../js/common/modal.js"></script> <script type="text/javascript" src="../../js/common/modal.js"></script>
<div class="hide-first"> <div class="hide-first">
<a href="index.html" class="btn waves-effect orange nex" style="width:100%; max-width:200px;">crwdns366:0crwdne366:0</a><br> <a href="index.html" class="btn waves-effect orange nex"
style="width:100%; max-width:200px;">crwdns366:0crwdne366:0</a><br>
<h5>crwdns365:0crwdne365:0</h5> <h5>crwdns365:0crwdne365:0</h5>
<div id="acct-list"></div> <div id="acct-list"></div>
<div class="divider"></div> <div class="divider"></div>
@ -71,7 +109,8 @@ body,html{overflow-y: scroll;}
<span style="font-family:Open Sans;">Supports</span> <span style="font-family:Open Sans;">Supports</span>
<div id="support" class="collection transparent"></div> <div id="support" class="collection transparent"></div>
</div> </div>
</div></div> </div>
</div>
<div id="auth" style="display:none"> <div id="auth" style="display:none">
crwdns372:0crwdne372:0<br> crwdns372:0crwdne372:0<br>
<input type="text" id="code" placeholder="crwdns373:0crwdne373:0"> <input type="text" id="code" placeholder="crwdns373:0crwdne373:0">

123
app/view/ps/index.html
View File

@ -98,10 +98,12 @@
title="箇条書きリスト">format_list_bulleted</i> title="箇条書きリスト">format_list_bulleted</i>
<i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')" <i class="material-icons pointer setting waves-effect" onclick="markdown('1. ','yes','yes')"
title="番号付きリスト">format_list_numbered</i> title="番号付きリスト">format_list_numbered</i>
<i class="pointer setting fa fa-subscript waves-effect" onclick="markdown('__','yes','no','before')" <i class="pointer setting fa fa-subscript waves-effect"
title="下付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i> onclick="markdown('__','yes','no','before')" title="下付き文字　テキストボックス内を選択してから押すと囲みます。"
<i class="pointer setting fa fa-superscript waves-effect" onclick="markdown('_','yes','no','before')" style="font-size:1.5rem"></i>
title="上付き文字　テキストボックス内を選択してから押すと囲みます。" style="font-size:1.5rem"></i> <i class="pointer setting fa fa-superscript waves-effect"
onclick="markdown('_','yes','no','before')" title="上付き文字　テキストボックス内を選択してから押すと囲みます。"
style="font-size:1.5rem"></i>
<i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')" <i class="material-icons pointer setting waves-effect" onclick="tagsel('spin')"
title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i> title="回転　テキストボックス内を選択してから押すと囲みます。">autorenew</i>
<i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')" <i class="material-icons pointer setting waves-effect" onclick="tagsel('pulse')"
@ -121,14 +123,19 @@
title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i> title="文字色変更　テキストボックス内を選択してから押すと囲みます。">color_lens</i>
<input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color"> <input id="colorhex" style="width: calc(50% - 50px); margin: 0; height: 24px;" type="color">
<br> <br>
<i class="material-icons pointer setting waves-effect" onclick="markdownLink()" title="リンク挿入">link</i> <i class="material-icons pointer setting waves-effect" onclick="markdownLink()"
<input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクテキスト">&nbsp; title="リンク挿入">link</i>
<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="リンクアドレス"> <input id="linkt" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="リンクテキスト">&nbsp;
<input id="link2" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="リンクアドレス">
<br> <br>
<i class="material-icons pointer setting waves-effect" onclick="markdownImage()" <i class="material-icons pointer setting waves-effect" onclick="markdownImage()"
title="インライン画像挿入">image</i> title="インライン画像挿入">image</i>
<input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="代替テキスト">&nbsp; <input id="image" style="width: calc(50% - 20px); margin: 0; height: 24px;"
<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;" placeholder="画像アドレス"> placeholder="代替テキスト">&nbsp;
<input id="image2" style="width: calc(50% - 20px); margin: 0; height: 24px;"
placeholder="画像アドレス">
</div> </div>
</div> </div>
<div class="input-field col s12" id="preview-field" style="margin-top: 0;"> <div class="input-field col s12" id="preview-field" style="margin-top: 0;">
@ -154,14 +161,15 @@
<div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between"> <div class="col s12 mize" style="margin-top: 0; display:flex; justify-content: space-between">
<i class="waves-effect gray material-icons" id="nsfw" title="crwdns389:0crwdne389:0" <i class="waves-effect gray material-icons" id="nsfw" title="crwdns389:0crwdne389:0"
onclick="nsfw()">visibility_off</i> onclick="nsfw()">visibility_off</i>
<i class="waves-effect gray material-icons purple-text dropdown-button" data-activates='dropdown1' <i class="waves-effect gray material-icons purple-text dropdown-button"
id="vis-icon">public</i> data-activates='dropdown1' id="vis-icon">public</i>
<a class="waves-effect gray" id="cw" onclick="cw()" title="crwdns390:0crwdne390:0">CW</a> <a class="waves-effect gray" id="cw" onclick="cw()" title="crwdns390:0crwdne390:0">CW</a>
<span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray" <span><span id="imgup"></span><span id="imgsel"><i class="waves-effect material-icons gray"
onclick="fileselect()" title="crwdns391:0crwdne391:0">photo_library</i></span></span> onclick="fileselect()" title="crwdns391:0crwdne391:0">photo_library</i></span></span>
<i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn" <i class="waves-effect gray material-icons" onclick="emojiToggle()" id="emojibtn"
title="crwdns393:0crwdne393:0">tag_faces</i> title="crwdns393:0crwdne393:0">tag_faces</i>
<i class="waves-effect gray material-icons dropdown-button" data-activates='dropdown2'>more_vert</i> <i class="waves-effect gray material-icons dropdown-button"
data-activates='dropdown2'>more_vert</i>
<i class="material-icons nex gray waves-effect" title="crwdns395:0crwdne395:0(Ctrl+Shit+C)" <i class="material-icons nex gray waves-effect" title="crwdns395:0crwdne395:0(Ctrl+Shit+C)"
data-trans-title="post_box_clear" id="clear">clear</i> data-trans-title="post_box_clear" id="clear">clear</i>
</div> </div>
@ -176,13 +184,15 @@
<br> <br>
<input type="text" id="cw-text" placeholder="crwdns402:0crwdne402:0" class="mize" style="margin:0"> <input type="text" id="cw-text" placeholder="crwdns402:0crwdne402:0" class="mize" style="margin:0">
<div id="sch-box">crwdns1886:0crwdne1886:0<br><span class="sml">crwdns1888:0crwdne1888:0</span><br> <div id="sch-box">crwdns1886:0crwdne1886:0<br><span class="sml">crwdns1888:0crwdne1888:0</span><br>
<input type="datetime-local" id="sch-date" placeholder="crwdns1884:0crwdne1884:0" class="datepicker" style="margin:0"> <input type="datetime-local" id="sch-date" placeholder="crwdns1884:0crwdne1884:0" class="datepicker"
style="margin:0">
</div> </div>
</div> </div>
</div> </div>
<!-- 公開範囲 Dropdown Structure --> <!-- 公開範囲 Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'> <ul id='dropdown1' class='dropdown-content'>
<li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">crwdns403:0crwdne403:0</li> <li style="font-size: 16px; display: block; line-height: 22px; padding: 14px 16px;">crwdns403:0crwdne403:0
</li>
<li> <li>
<a onclick="vis('public')">crwdns404:0crwdne404:0(Public)</a> <a onclick="vis('public')">crwdns404:0crwdne404:0(Public)</a>
</li> </li>
@ -228,8 +238,9 @@
<div id="toot-btn-field"> <div id="toot-btn-field">
<button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()" <button class="btn waves-effect indigo unmize toot-btn-group" onclick="post()"
id="toot-post-btn">crwdns388:0crwdne388:0</button> id="toot-post-btn">crwdns388:0crwdne388:0</button>
<button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()" id="toot-sec-btn"><i <button class="btn waves-effect indigo darken-3 unmize hide toot-btn-group" onclick="sec()"
class="material-icons" id="toot-sec-icon" title="crwdns1890:0crwdne1890:0">lock_open</i></button> id="toot-sec-btn"><i class="material-icons" id="toot-sec-icon"
title="crwdns1890:0crwdne1890:0">lock_open</i></button>
</div> </div>
</div> </div>
<div id="right-side"> <div id="right-side">
@ -398,12 +409,12 @@
class="fas fa-share"></i></button> class="fas fa-share"></i></button>
</div> </div>
<div class="col s2"> <div class="col s2">
<button class="dropdown-button btn waves-effect indigo" style="width:100%;" onclick="staEx('rt')"><i <button class="dropdown-button btn waves-effect indigo" style="width:100%;"
class="fas fa-retweet"></i></button> onclick="staEx('rt')"><i class="fas fa-retweet"></i></button>
</div> </div>
<div class="col s2"> <div class="col s2">
<button class="dropdown-button btn waves-effect orange" style="width:100%;" onclick="staEx('fav')"><i <button class="dropdown-button btn waves-effect orange" style="width:100%;"
class="fas fa-star"></i></button> onclick="staEx('fav')"><i class="fas fa-star"></i></button>
</div> </div>
</div> </div>
<div id="toot-tools"> <div id="toot-tools">
@ -449,8 +460,8 @@
<div id="his-plus-action"> <div id="his-plus-action">
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-emp-btn"
onclick="empUser()">crwdns472:0crwdne472:0</a> onclick="empUser()">crwdns472:0crwdne472:0</a>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data" id="his-end-btn" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat only-his-data"
onclick="pinUser()">crwdns454:0crwdne454:0</a><br> id="his-end-btn" onclick="pinUser()">crwdns454:0crwdne454:0</a><br>
<a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin" <a href="#!" class="btn waves-effect waves-effect blue-grey btn-flat" id="his-openin"
onclick="profbrws()">crwdns455:0crwdne455:0</a><br> onclick="profbrws()">crwdns455:0crwdne455:0</a><br>
</div><br> </div><br>
@ -471,10 +482,12 @@
<a go="#his-follow-list" title="crwdns440:0crwdne440:0"><i class="material-icons">people</i>→</a> <a go="#his-follow-list" title="crwdns440:0crwdne440:0"><i class="material-icons">people</i>→</a>
</li> </li>
<li class="custom-tab col my-data-width"> <li class="custom-tab col my-data-width">
<a go="#his-follower-list" title="crwdns441:0crwdne441:0"><i class="material-icons">people</i>←</a> <a go="#his-follower-list" title="crwdns441:0crwdne441:0"><i
class="material-icons">people</i>←</a>
</li> </li>
<li class="custom-tab col my-data-width only-his-data"> <li class="custom-tab col my-data-width only-his-data">
<a go="#his-action" title="crwdns443:0crwdne443:0"><i class="material-icons">account_box</i></a> <a go="#his-action" title="crwdns443:0crwdne443:0"><i
class="material-icons">account_box</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-his-data"> <li class="custom-tab col my-data-width only-his-data">
<a go="#his-list" title="crwdns444:0crwdne444:0"><i class="material-icons">list</i></a> <a go="#his-list" title="crwdns444:0crwdne444:0"><i class="material-icons">list</i></a>
@ -486,20 +499,23 @@
<a go="#his-blocking-list" title="crwdns446:0crwdne446:0"><i class="material-icons">block</i></a> <a go="#his-blocking-list" title="crwdns446:0crwdne446:0"><i class="material-icons">block</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-blocking-list" title="crwdns446:0crwdne446:0"><i class="material-icons">voice_over_off</i></a> <a go="#his-blocking-list" title="crwdns446:0crwdne446:0"><i
class="material-icons">voice_over_off</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-domain-list" title="crwdns450:0crwdne450:0"><i class="material-icons">language</i><i <a go="#his-domain-list" title="crwdns450:0crwdne450:0"><i
class="material-icons">block</i></a> class="material-icons">language</i><i class="material-icons">block</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-prof-list" title="crwdns451:0crwdne451:0"><i class="material-icons">create</i></a> <a go="#his-prof-list" title="crwdns451:0crwdne451:0"><i class="material-icons">create</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-request-list" title="crwdns452:0crwdne452:0"><i class="material-icons">how_to_reg</i></a> <a go="#his-request-list" title="crwdns452:0crwdne452:0"><i
class="material-icons">how_to_reg</i></a>
</li> </li>
<li class="custom-tab col my-data-width only-my-data"> <li class="custom-tab col my-data-width only-my-data">
<a go="#his-follow-recom-list" title="crwdns456:0crwdne456:0"><i class="material-icons">recent_actors</i></a> <a go="#his-follow-recom-list" title="crwdns456:0crwdne456:0"><i
class="material-icons">recent_actors</i></a>
</li> </li>
</ul> </ul>
</div> </div>
@ -523,10 +539,12 @@
</div> </div>
<div id="his-action" class="tab-content"> <div id="his-action" class="tab-content">
crwdns430:0crwdne430:0crwdns458:0crwdne458:0crwdns440:0crwdne440:0(crwdns459:0crwdne459:0)<br> crwdns430:0crwdne430:0crwdns458:0crwdne458:0crwdns440:0crwdne440:0(crwdns459:0crwdne459:0)<br>
<div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>crwdns460:0crwdne460:0 <div style="max-width:500px;"><select id="user-acct-sel" class="acct-sel"></select></div>
crwdns460:0crwdne460:0
<a href="#!" class="waves-effect btn" onclick="follow('selector','true')">crwdns440:0crwdne440:0</a><br> <a href="#!" class="waves-effect btn" onclick="follow('selector','true')">crwdns440:0crwdne440:0</a><br>
crwdns461:0crwdne461:0<br> crwdns461:0crwdne461:0<br>
<a href="#!" class="waves-effect btn" onclick="udgEx('selector', 'selector')">crwdns462:0crwdne462:0</a><br> <a href="#!" class="waves-effect btn"
onclick="udgEx('selector', 'selector')">crwdns462:0crwdne462:0</a><br>
</div> </div>
<div id="his-list" class="tab-content"> <div id="his-list" class="tab-content">
<div id="his-lists-a">crwdns463:0crwdne463:0</div> <div id="his-lists-a">crwdns463:0crwdne463:0</div>
@ -536,17 +554,20 @@
<div id="his-fav-list" class="tab-content"> <div id="his-fav-list" class="tab-content">
<div id="his-fav-list-contents" class="cont-series"> <div id="his-fav-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="showFav('more')">crwdns457:0crwdne457:0</button> <button class="btn waves-effect" style="width:100%; padding:0;"
onclick="showFav('more')">crwdns457:0crwdne457:0</button>
</div> </div>
<div id="his-blocking-list" class="tab-content"> <div id="his-blocking-list" class="tab-content">
<div id="his-blocking-list-contents" class="cont-series"> <div id="his-blocking-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showBlo('more')">crwdns457:0crwdne457:0</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showBlo('more')">crwdns457:0crwdne457:0</button>
</div> </div>
<div id="his-muting-list" class="tab-content"> <div id="his-muting-list" class="tab-content">
<div id="his-muting-list-contents" class="cont-series"> <div id="his-muting-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showMut('more')">crwdns457:0crwdne457:0</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showMut('more')">crwdns457:0crwdne457:0</button>
</div> </div>
<div id="his-domain-list" class="tab-content"> <div id="his-domain-list" class="tab-content">
<div id="his-domain-list-contents" class="cont-series"> <div id="his-domain-list-contents" class="cont-series">
@ -567,7 +588,8 @@
<textarea placeholder="crwdns466:0crwdne466:0" id="his-des-val" class="materialize-textarea"></textarea> <textarea placeholder="crwdns466:0crwdne466:0" id="his-des-val" class="materialize-textarea"></textarea>
<label for="his-des-val">crwdns466:0crwdne466:0</label> <label for="his-des-val">crwdns466:0crwdne466:0</label>
</div> </div>
<button class="btn waves-effect" style="width:100%; padding:0;" onclick="profedit()">crwdns1892:0crwdne1892:0</button> <button class="btn waves-effect" style="width:100%; padding:0;"
onclick="profedit()">crwdns1892:0crwdne1892:0</button>
<br>crwdns467:0crwdne467:0: <br>crwdns467:0crwdne467:0:
<span id="prof-change"> <span id="prof-change">
<input type="file" onchange="imgChange(this,'avatar')"> <input type="file" onchange="imgChange(this,'avatar')">
@ -580,7 +602,8 @@
<div id="his-request-list" class="tab-content"> <div id="his-request-list" class="tab-content">
<div id="his-request-list-contents" class="cont-series"> <div id="his-request-list-contents" class="cont-series">
</div> </div>
<button class="btn waves-effect " style="width:100%; padding:0;" onclick="showReq('more')">crwdns457:0crwdne457:0</button> <button class="btn waves-effect " style="width:100%; padding:0;"
onclick="showReq('more')">crwdns457:0crwdne457:0</button>
</div> </div>
<div id="his-follow-recom-list" class="tab-content"> <div id="his-follow-recom-list" class="tab-content">
<div id="his-follow-recom-contents" class="cont-series"> <div id="his-follow-recom-contents" class="cont-series">
@ -686,7 +709,8 @@
crwdns476:0crwdne476:0 crwdns476:0crwdne476:0
</a> </a>
<br> <br>
crwdns477:0crwdne477:0<a href="mailto:web-pro@cutls.com" target="_blank">web-pro@cutls.com</a>crwdns478:0crwdne478:0<br> crwdns477:0crwdne477:0<a href="mailto:web-pro@cutls.com"
target="_blank">web-pro@cutls.com</a>crwdns478:0crwdne478:0<br>
Kyash<br> Kyash<br>
<img src="../../img/kyash.png" width="100"><br> <img src="../../img/kyash.png" width="100"><br>
</div> </div>
@ -720,7 +744,8 @@
class="material-icons">view_headline</i><span>crwdns444:0crwdne444:0</span></div> class="material-icons">view_headline</i><span>crwdns444:0crwdne444:0</span></div>
<div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i <div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i
class="material-icons">filter_list</i><span>crwdns515:0crwdne515:0</span></div> class="material-icons">filter_list</i><span>crwdns515:0crwdne515:0</span></div>
<div class="waves-effect" onclick="help()"><i class="material-icons">help_outline</i><span>crwdns1894:0crwdne1894:0</span></div> <div class="waves-effect" onclick="help()"><i
class="material-icons">help_outline</i><span>crwdns1894:0crwdne1894:0</span></div>
<div class="waves-effect" onclick="location.href='index.html'"><i <div class="waves-effect" onclick="location.href='index.html'"><i
class="material-icons">refresh</i><span>crwdns518:0crwdne518:0</span></div> class="material-icons">refresh</i><span>crwdns518:0crwdne518:0</span></div>
</div> </div>
@ -741,7 +766,8 @@
<div><i class="material-icons">people_outline</i></div><span>crwdns480:0crwdne480:0</span> <div><i class="material-icons">people_outline</i></div><span>crwdns480:0crwdne480:0</span>
</div> </div>
<div class="type waves-effect" data-type="local-media"> <div class="type waves-effect" data-type="local-media">
<div><i class="material-icons">people_outline</i><i class="material-icons sub-icon">perm_media</i> <div><i class="material-icons">people_outline</i><i
class="material-icons sub-icon">perm_media</i>
</div><span>crwdns481:0crwdne481:0</span> </div><span>crwdns481:0crwdne481:0</span>
</div> </div>
<div class="type waves-effect" data-type="home"> <div class="type waves-effect" data-type="home">
@ -751,7 +777,8 @@
<div><i class="material-icons">language</i></div><span>crwdns483:0crwdne483:0</span> <div><i class="material-icons">language</i></div><span>crwdns483:0crwdne483:0</span>
</div> </div>
<div class="type waves-effect" data-type="pub-media"> <div class="type waves-effect" data-type="pub-media">
<div><i class="material-icons">language</i><i class="material-icons sub-icon">perm_media</i></div> <div><i class="material-icons">language</i><i
class="material-icons sub-icon">perm_media</i></div>
<span>crwdns484:0crwdne484:0</span> <span>crwdns484:0crwdne484:0</span>
</div> </div>
<div class="type waves-effect" data-type="dm"> <div class="type waves-effect" data-type="dm">
@ -761,7 +788,8 @@
<div><i class="material-icons">merge_type</i></div><span>crwdns486:0crwdne486:0</span> <div><i class="material-icons">merge_type</i></div><span>crwdns486:0crwdne486:0</span>
</div> </div>
<div class="type waves-effect" data-type="plus"> <div class="type waves-effect" data-type="plus">
<div><i class="material-icons">merge_type</i><i class="material-icons sub-icon">reply</i></div> <div><i class="material-icons">merge_type</i><i
class="material-icons sub-icon">reply</i></div>
<span>crwdns487:0crwdne487:0</span> <span>crwdns487:0crwdne487:0</span>
</div> </div>
<div class="type waves-effect" data-type="notf"> <div class="type waves-effect" data-type="notf">
@ -791,8 +819,8 @@
<div class="input-field"> <div class="input-field">
<input id="src" type="text" class="validate" style="width:60%"> <input id="src" type="text" class="validate" style="width:60%">
<label for="src" data-trans="src">crwdns492:0crwdne492:0</label> <label for="src" data-trans="src">crwdns492:0crwdne492:0</label>
<button class="btn waves-effect indigo" style="width: 36%;padding: 0;padding-left: 15px;" onclick="src()" <button class="btn waves-effect indigo" style="width: 36%;padding: 0;padding-left: 15px;"
data-trans-i="src"> onclick="src()" data-trans-i="src">
<i class="material-icons left" style="margin:0">search</i>crwdns492:0crwdne492:0 <i class="material-icons left" style="margin:0">search</i>crwdns492:0crwdne492:0
</button> </button>
<br> <br>
@ -819,7 +847,8 @@
<label>crwdns494:0crwdne494:0</label> <label>crwdns494:0crwdne494:0</label>
</div> </div>
<div style="float:left; padding-top:8px; padding-bottom:28px;"> <div style="float:left; padding-top:8px; padding-bottom:28px;">
<button class="btn waves-effect indigo" style="width:80px;" onclick="list()" data-trans-i="lists"> <button class="btn waves-effect indigo" style="width:80px;" onclick="list()"
data-trans-i="lists">
crwdns495:0crwdne495:0 crwdns495:0crwdne495:0
</button> </button>
</div> </div>
@ -836,7 +865,8 @@
<label>crwdns494:0crwdne494:0</label> <label>crwdns494:0crwdne494:0</label>
</div> </div>
<div style="float:left; padding-top:8px; padding-bottom:28px;"> <div style="float:left; padding-top:8px; padding-bottom:28px;">
<button class="btn waves-effect indigo" style="width:80px;" onclick="filter()" data-trans-i="filters"> <button class="btn waves-effect indigo" style="width:80px;" onclick="filter()"
data-trans-i="filters">
crwdns495:0crwdne495:0 crwdns495:0crwdne495:0
</button> </button>
</div> </div>
@ -915,7 +945,8 @@
<i class="material-icons nex" title="crwdns516:0crwdne516:0(Ctrl+Shift+S)">settings</i> <i class="material-icons nex" title="crwdns516:0crwdne516:0(Ctrl+Shift+S)">settings</i>
</a> </a>
<a onclick="nano()" class="nex waves-effect"> <a onclick="nano()" class="nex waves-effect">
<i class="material-icons" title="crwdns519:0crwdne519:0TheDesk Nano" data-trans-title="nano_desp">remove_from_queue</i> <i class="material-icons" title="crwdns519:0crwdne519:0TheDesk Nano"
data-trans-title="nano_desp">remove_from_queue</i>
</a> </a>
<a onclick="menu()" class="nex waves-effect" id="list-tgl"> <a onclick="menu()" class="nex waves-effect" id="list-tgl">
<i class="material-icons" title="crwdns444:0crwdne444:0">apps</i> <i class="material-icons" title="crwdns444:0crwdne444:0">apps</i>

13
app/view/ps/setting.html
View File

@ -22,6 +22,7 @@
input { input {
max-height: 50px !important max-height: 50px !important
} }
.pcr-result { .pcr-result {
height: 1rem !important; height: 1rem !important;
} }
@ -210,10 +211,14 @@
</template> </template>
</div> </div>
<h5>@@customSound@@</h5> <h5>@@customSound@@</h5>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(1)">Custom 1</button><span id="c1-file"></span><br> <button class="btn waves-effect" style="width:120px;" onclick="customSound(1)">Custom 1</button><span
<button class="btn waves-effect" style="width:120px;" onclick="customSound(2)">Custom 2</button><span id="c2-file"></span><br> id="c1-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(3)">Custom 3</button><span id="c3-file"></span><br> <button class="btn waves-effect" style="width:120px;" onclick="customSound(2)">Custom 2</button><span
<button class="btn waves-effect" style="width:120px;" onclick="customSound(4)">Custom 4</button><span id="c4-file"></span><br> id="c2-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(3)">Custom 3</button><span
id="c3-file"></span><br>
<button class="btn waves-effect" style="width:120px;" onclick="customSound(4)">Custom 4</button><span
id="c4-file"></span><br>
</div> </div>
</li> </li>
<li> <li>

35
app/view/ps/update.html
View File

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="ps"> <html lang="ps">
<head> <head>
<title>Update - TheDesk</title> <title>Update - TheDesk</title>
<link href="../../css/materialize.css" type="text/css" rel="stylesheet"> <link href="../../css/materialize.css" type="text/css" rel="stylesheet">
@ -14,6 +15,7 @@
<script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script> <script type="text/javascript" src="https://cdn.crowdin.com/jipt/jipt.js"></script>
</head> </head>
<body> <body>
<style> <style>
body { body {
@ -23,6 +25,7 @@ body{
padding: 10px; padding: 10px;
text-align: right; text-align: right;
} }
#start { #start {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -31,17 +34,25 @@ body{
height: calc(100vh - 2.5rem); height: calc(100vh - 2.5rem);
text-align: center; text-align: center;
} }
#checkbox { #checkbox {
text-align: left; text-align: left;
} }
a,button,input,label,i{
a,
button,
input,
label,
i {
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
} }
#updskip { #updskip {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.skipbtn { .skipbtn {
display: block; display: block;
float: left; float: left;
@ -55,10 +66,12 @@ a,button,input,label,i{
border: 1px solid; border: 1px solid;
overflow: hidden; overflow: hidden;
} }
.skipbtn:hover { .skipbtn:hover {
background-color: #b3e5fc; background-color: #b3e5fc;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
#prog { #prog {
font-size: 200%; font-size: 200%;
} }
@ -75,10 +88,14 @@ a,button,input,label,i{
<p>crwdns669:0crwdne669:0</p> <p>crwdns669:0crwdne669:0</p>
<span id="now"></span>→<b id="ver"></b><br> <span id="now"></span>→<b id="ver"></b><br>
<span id="det"></span><br> <span id="det"></span><br>
<button class="waves-effect btn windows hide" onclick="update('install')" style="margin-left:15px;">crwdns2382:0crwdne2382:0</button> <button class="waves-effect btn windows hide" onclick="update('install')"
<button class="waves-effect btn windows hide" onclick="update('portable')" style="margin-left:15px;">crwdns1950:0crwdne1950:0</button> style="margin-left:15px;">crwdns2382:0crwdne2382:0</button>
<button class="waves-effect btn linux hide" onclick="update('linux')" style="margin-left:15px;">crwdns670:0crwdne670:0</button> <button class="waves-effect btn windows hide" onclick="update('portable')"
<button class="waves-effect btn mac hide" onclick="update('mac')" style="margin-left:15px;">crwdns670:0crwdne670:0</button> style="margin-left:15px;">crwdns1950:0crwdne1950:0</button>
<button class="waves-effect btn linux hide" onclick="update('linux')"
style="margin-left:15px;">crwdns670:0crwdne670:0</button>
<button class="waves-effect btn mac hide" onclick="update('mac')"
style="margin-left:15px;">crwdns670:0crwdne670:0</button>
<br> <br>
crwdns678:0crwdne678:0<br>crwdns679:0crwdne679:0 crwdns678:0crwdne678:0<br>crwdns679:0crwdne679:0
</div> </div>
@ -86,8 +103,12 @@ a,button,input,label,i{
<h4>crwdns674:0crwdne674:0</h4> <h4>crwdns674:0crwdne674:0</h4>
crwdns675:0crwdne675:0<br> crwdns675:0crwdne675:0<br>
<div id="updskip"> <div id="updskip">
<a onclick="window.close();" class="pointer skipbtn waves-effect waves-light"><div>crwdns676:0crwdne676:0</div></a> <a onclick="window.close();" class="pointer skipbtn waves-effect waves-light">
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light"><div>crwdns677:0crwdne677:0</div></a> <div>crwdns676:0crwdne676:0</div>
</a>
<a onclick="nextv();" class="pointer skipbtn waves-effect waves-light">
<div>crwdns677:0crwdne677:0</div>
</a>
</div> </div>
<a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">crwdns680:0crwdne680:0</a> <a class="pointer waves-effect" onclick="skipper();" style="margin-top:5px">crwdns680:0crwdne680:0</a>
</div> </div>