nyaa-pantsu/templates/site/torrents/upload.jet.html

{{ extends "layouts/index_site" }}
{{ import "layouts/partials/helpers/csrf" }}
{{ import "layouts/partials/helpers/captcha" }}
{{ import "layouts/partials/helpers/flags" }}
{{block title()}}{{ T("upload")}}{{end}}
{{block content_body()}}
<div style="text-align: left;" class="box">
	<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 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{{ if User.IsTrusted() }} trusted{{end}}">
          <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 {{ if Sukebei }}sukebei-cat-11{{else}}nyaa-cat-5{{end}}">
				<a 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">{{Form.Name}}</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">
		<p>{{ T("uploading_file_prefills_fields")}}</p>
		{{ yield errors(name="torrent")}}

		<h3>{{ T("magnet_link")}}</h3>
		<input type="text" name="magnet" id="magnet" class="form-input up-input" placeholder="{{ T("magnet_link")}}" value="{{Form.Magnet}}">
		<p>{{  T("please_include_our_tracker") }}</p>
		{{ yield errors(name="magnet")}}

		<h3>{{ T("category")}}</h3>
		<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>
			{{ end }}
		</select>
		{{ yield errors(name="c")}}

		<h3>{{  T("torrent_language") }}</h3>
		<div name="language" class="form-input language">
            {{ yield flagList(languages=GetTorrentLanguages(), selected=Form.Languages) }}
		</div>
		<p class="not-important">{{ T("language_not_mandatory") }}</p>
		{{ yield errors(name="language")}}

		<p>
			<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" class="form-torrent-hidden">
			<label for="hidden">{{ T("upload_as_anon")}}</label>
		</p>
		{{ yield errors(name="hidden")}}
		{{ end }}
		<h3>{{ T("website_link")}}</h3>
		<input name="website_link" id="website_link" class="form-input up-input" type="text" value="{{Form.WebsiteLink}}">
		{{ yield errors(name="website_link")}}

		<h3>{{ T("torrent_description")}}</h3>
		<p>{{ T("description_markdown_notice")}}</p>
		<textarea name="desc" id="desc" class="form-input up-input" style="height: 10rem;">{{Form.Description}}</textarea>
		{{ yield errors(name="desc")}}
		<div style="width: 240px">
		{{yield captcha(captchaid=Form.CaptchaID)}}
		</div>
		{{ yield errors(name="captchaID")}}
		<button type="submit" class="form-input up-btn">{{ T("upload")}}</button>
	</form>
</div>
{{end}}
{{ block footer_js()}}
<script type="text/javascript" src="/js/kilo.js"></script>
<script type="text/javascript">var Sukebei = {{Sukebei ? "1" : "0"}}; var UserTrusted = {{User.IsTrusted()}};
	document.getElementsByClassName("torrent-preview-table")[0].style.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" });
	document.getElementsByClassName("form-torrent-category")[0].addEventListener("change", UpdatePreviewCategory);
	
	function UpdateTorrentLang() {
		var lang_count = 0,
		    lang_value = "other";
		for(var lang_index = 0; lang_index < document.getElementsByClassName["form-language-checkbox"].length; 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 = "table-torrent-flag flag flag-" + lang_cat;
	}
	
	for(var lang_index = 0; lang_index < document.getElementsByClassName["form-language-checkbox"].length; lang_index++) 
		document.getElementsByClassName["form-language-checkbox"][lang_index].addEventListener("change", UpdateTorrentLang);
	
	UpdateTorrentLang();
	UpdatePreviewCategory();
</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}}