Merge pull request #1193 from Kiloutre/patch-9
Torrent display preview in upload.html
Cette révision appartient à :
révision
bea42e7537
3 fichiers modifiés avec 113 ajouts et 6 suppressions
45
public/js/kilo.js
Fichier normal
45
public/js/kilo.js
Fichier normal
|
@ -0,0 +1,45 @@
|
|||
document.getElementsByClassName("form-torrent-name")[0].onkeyup = function(){
|
||||
document.getElementsByClassName("table-torrent-name")[0].innerText = document.getElementsByClassName("form-torrent-name")[0].value;
|
||||
};
|
||||
|
||||
document.getElementsByClassName("form-torrent-category")[0].onchange = function(){
|
||||
document.getElementsByClassName("table-torrent-category")[0].className = "nyaa-cat table-torrent-category "+ Sukebei ? "sukebei" : "nyaa" + "-cat-" + Categorylist[Sukebei][document.getElementsByClassName("form-torrent-category")[0].selectedIndex];
|
||||
};
|
||||
|
||||
document.getElementsByClassName("form-torrent-remake")[0].onchange = function(){
|
||||
document.getElementsByClassName("table-torrent-thead")[0].className = "torrent-info table-torrent-thead" + (UserTrusted ? " trusted : "") + (document.getElementsByClassName("form-torrent-remake")[0].checked ? " remake" : "");
|
||||
};
|
||||
|
||||
document.getElementsByClassName("form-torrent-hidden")[0].onchange = function(){
|
||||
document.getElementsByClassName("table-torrent-thead")[0].className = "torrent-info table-torrent-thead" + (document.getElementsByClassName("form-torrent-remake")[0].checked ? " remake" : "");
|
||||
if(UserTrusted && !document.getElementsByClassName("form-torrent-hidden")[0].checked)
|
||||
document.getElementsByClassName("table-torrent-thead")[0].className = document.getElementsByClassName("table-torrent-thead")[0].className + " trusted";
|
||||
};
|
||||
|
||||
var CategoryList = [
|
||||
[5
|
||||
12,
|
||||
5,
|
||||
13,
|
||||
6,
|
||||
3,
|
||||
4,
|
||||
7,
|
||||
14,
|
||||
8,
|
||||
9,
|
||||
10,
|
||||
18,
|
||||
11,
|
||||
15,
|
||||
16,
|
||||
1,
|
||||
2],
|
||||
[11,
|
||||
12,
|
||||
13,
|
||||
14,
|
||||
15,
|
||||
21,
|
||||
22]
|
||||
];
|
|
@ -2,7 +2,7 @@
|
|||
{{ if isset(languages) }}
|
||||
{{ range _, language := languages }}
|
||||
<span class="input-group">
|
||||
<input type="checkbox" name="{{inputname}}" id="lang-{{ language.Code }}" value="{{language.Code}}"{{ range _, v := selected}}{{ if contains(v, language.Code) }} checked{{end}}{{end}}><label for="lang-{{ language.Code }}" class="flag flag-{{ language.Flag(false) }}" title="{{LanguageName(language, T)}}"></label>
|
||||
<input type="checkbox" name="{{inputname}}" class="form-language-checkbox" id="lang-{{ language.Code }}" value="{{language.Code}}"{{ range _, v := selected}}{{ if contains(v, language.Code) }} checked{{end}}{{end}}><label for="lang-{{ language.Code }}" class="flag flag-{{ language.Flag(false) }}" title="{{LanguageName(language, T)}}"></label>
|
||||
</span>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
@ -8,8 +8,46 @@
|
|||
<form enctype="multipart/form-data" role="upload" method="POST">
|
||||
{{ yield csrf_field() }}
|
||||
<h3>{{ T("name")}}</h3>
|
||||
<input type="text" name="name" id="name" class="form-input up-input" placeholder="{{ T("file_name")}}" value="{{Form.Name}}" autofocus>
|
||||
<input type="text" name="name" id="name" class="form-input up-input form-torrent-name" placeholder="{{ T("file_name")}}" value="{{Form.Name}}" autofocus>
|
||||
{{ yield errors(name="name")}}
|
||||
|
||||
<div class="torrent-preview-table" style="display: none;"><center><h3 style="margin-bottom: 3px;">Preview your torrent</h3></center>
|
||||
<table style="border: 3px solid #dfdeeb;">
|
||||
<thead class="torrent-info table-torrent-thead">
|
||||
<tr>
|
||||
<th class="tr-cat">Category</th>
|
||||
<th class="tr-name">Name<span class="sort-arrows"><span class="sortarrowleft sortarrowdim">▼</span><span class="sortarrowdim">▲</span></span></th>
|
||||
<th class="tr-cs"></th>
|
||||
<th class="tr-links"></th>
|
||||
<th class="tr-size hide-xs">Size<span class="sort-arrows"><span class="sortarrowleft sortarrowdim">▼</span><span class="sortarrowdim">▲</span></span></th>
|
||||
<th class="tr-se hide-xs">S<span class="sort-arrows"><span class="sortarrowleft sortarrowdim">▼</span><span class="sortarrowdim">▲</span></span></th>
|
||||
<th class="tr-le hide-xs">L<span class="sort-arrows"><span class="sortarrowleft sortarrowdim">▼</span><span class="sortarrowdim">▲</span></span></th>
|
||||
<th class="tr-dl hide-xs">D<span class="sort-arrows"><span class="sortarrowleft sortarrowdim">▼</span><span class="sortarrowdim">▲</span></span></th>
|
||||
<th class="tr-date hide-xs">Date<span class="sort-arrows"><span class="sortarrowleft ">▼</span><span class="sortarrowdim">▲</span></span></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="torrentListResults">
|
||||
<tr class="torrent-info">
|
||||
<td class="tr-cat home-td">
|
||||
<div class="nyaa-cat nyaa-cat-5">
|
||||
<a title="Literature - English-translated" class="category table-torrent-category"></a>
|
||||
<a><img src="/img/blank.gif" class="flag flag-other table-torrent-flag"></a>
|
||||
</div>
|
||||
</td>
|
||||
<td class="tr-name home-td" colspan="2"><a class="table-torrent-name">Example text</a></td>
|
||||
|
||||
<td class="tr-links home-td">
|
||||
<a title="Magnet Link"><div class="icon-magnet"></div></a>
|
||||
<a title="Torrent file"><div class="icon-floppy"></div></a>
|
||||
</td>
|
||||
<td class="tr-size home-td hide-xs">570.4 MiB</td>
|
||||
<td class="tr-se home-td hide-xs">0</td>
|
||||
<td class="tr-le home-td hide-xs">0</td>
|
||||
<td class="tr-dl home-td hide-xs">0</td>
|
||||
<td class="tr-date home-td date-short hide-xs table-torrent-date" title="2017-07-12T16:58:29Z">Jul 12, 2017</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table></div>
|
||||
|
||||
<h3>{{ T("torrent_file")}}</h3>
|
||||
<input type="file" name="torrent" id="torrent" class="up-input" accept=".torrent">
|
||||
|
@ -22,7 +60,7 @@
|
|||
{{ yield errors(name="magnet")}}
|
||||
|
||||
<h3>{{ T("category")}}</h3>
|
||||
<select name="c" id="c" class="form-input up-input" required>
|
||||
<select name="c" id="c" class="form-input up-input form-torrent-category" required>
|
||||
<option value="">{{ T("select_a_torrent_category")}}</option>
|
||||
{{ range _, cat := GetCategories(false, true) }}
|
||||
<option value="{{ cat.ID }}" {{if Form.Category == cat.ID }}selected{{end}}>{{ T(cat.Name) }}</option>
|
||||
|
@ -38,14 +76,14 @@
|
|||
{{ yield errors(name="language")}}
|
||||
|
||||
<p>
|
||||
<input type="checkbox" value="true" name="remake" id="remake" >
|
||||
<input type="checkbox" value="true" name="remake" id="remake" class="form-torrent-remake">
|
||||
<label for="remake">{{ T("mark_as_remake")}}</label>
|
||||
</p>
|
||||
{{ yield errors(name="remake")}}
|
||||
|
||||
{{ if User.ID > 0 }}
|
||||
<p>
|
||||
<input type="checkbox" value="true" name="hidden" id="hidden" >
|
||||
<input type="checkbox" value="true" name="hidden" id="hidden" class="form-torrent-hidden">
|
||||
<label for="hidden">{{ T("upload_as_anon")}}</label>
|
||||
</p>
|
||||
{{ yield errors(name="hidden")}}
|
||||
|
@ -67,6 +105,30 @@
|
|||
</div>
|
||||
{{end}}
|
||||
{{ block footer_js()}}
|
||||
<script type="text/javascript">var Sukebei = 0; var UserTrusted = 1;
|
||||
document.getElementsByClassName("torrent-preview-table")[0].display = "block";
|
||||
document.getElementsByClassName("table-torrent-date")[0].innerText = new Date(Date.now()).toLocaleString(document.getElementsByTagName("html")[0].getAttribute("lang"), { year: "numeric", month: "short", day: "numeric" });
|
||||
|
||||
function UpdateTorrentLang() {
|
||||
var lang_count = 0,
|
||||
lang_value = "other";
|
||||
for(var lang_index = 0; lang_index < {{ len(languages) }}; lang_index++) {
|
||||
if(document.getElementsByClassName["form-language-checkbox"][lang_index].checked)
|
||||
if(++lang_count > 1){
|
||||
lang_value = "multiple";
|
||||
break;
|
||||
}
|
||||
lang_value = document.getElementsByClassName["form-language-checkbox"][lang_index].value;
|
||||
}
|
||||
}
|
||||
var lang_cat = lang_value != "other" ? lang_value > 1 ? "multiple" : lang_value.substring(3, 5) : "other";
|
||||
document.getElementsByClassName["table-torrent-flag"][0].className = "flag table-torrent-flag flag-" + lang_cat;
|
||||
}
|
||||
|
||||
for(var lang_index = 0; lang_index < {{ len(languages) }}; lang_index++)
|
||||
document.getElementsByClassName["form-language-checkbox"][lang_index].addEventListener("change", UpdateTorrentLang);
|
||||
</script>
|
||||
<script type="text/javascript" src="/js/kilo.js"></script>
|
||||
<script type="text/javascript" src="/js/simplemde.min.js?v={{ Config.Version}}{{ Config.Build }}"></script>
|
||||
<script type="text/javascript">new SimpleMDE({ element: document.getElementById("desc"), spellChecker: false, showIcons: [ "strikethrough", "code", "table", "horizontal-rule" ] });</script>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
|
Référencer dans un nouveau ticket