torrentpier/styles/templates/default/viewtopic_attach.tpl

<!-- BEGIN attach -->
<div class="clear"></div>
<div class="spacer_8"></div>

<!-- BEGIN denyrow -->
<fieldset class="attach">
<legend>{TOPIC_ATTACH_ICON} {L_ATTACHMENT}</legend>
	<p class="attach_link denied">{postrow.attach.denyrow.L_DENIED}</p>
</fieldset>

<div class="spacer_12"></div>
<!-- END denyrow -->

<!-- BEGIN cat_images -->
<fieldset class="attach">
<legend>{TOPIC_ATTACH_ICON} {L_ATTACHMENT} ({postrow.attach.cat_images.FILESIZE})</legend>
	<p class="tCenter">
		<img src="{postrow.attach.cat_images.IMG_SRC}" id="attachImg" class="postImg" alt="img" border="0" />
	</p>
	<!-- IF postrow.attach.cat_images.COMMENT -->
	<p class="attach_comment med">
		{postrow.attach.cat_images.COMMENT}
	</p>
	<!-- ENDIF -->
</fieldset>

<div class="spacer_12"></div>
<!-- END cat_images -->

<!-- BEGIN cat_thumb_images -->
<fieldset class="attach">
<legend>{TOPIC_ATTACH_ICON} {L_ATTACHMENT_THUMBNAIL}</legend>
	<p class="attach_link">
		<a href="{postrow.attach.cat_thumb_images.IMG_SRC}" target="_blank"><img src="{postrow.attach.cat_thumb_images.IMG_THUMB_SRC}" alt="{postrow.attach.cat_thumb_images.DOWNLOAD_NAME}" border="0" /></a>
	</p>
	<p class="attach_link">
		<a href="{postrow.attach.cat_thumb_images.IMG_SRC}" target="_blank"><b>{postrow.attach.cat_thumb_images.DOWNLOAD_NAME}</b></a>
        <span class="attach_stats med">({postrow.attach.cat_thumb_images.FILESIZE}, {L_VIEWS}: {postrow.attach.cat_thumb_images.DOWNLOAD_COUNT})</span>
	</p>
	<!-- IF postrow.attach.cat_thumb_images.COMMENT -->
	<p class="attach_comment med">
		{postrow.attach.cat_thumb_images.COMMENT}
	</p>
	<!-- ENDIF -->
</fieldset>

<div class="spacer_12"></div>
<!-- END cat_thumb_images -->

<!-- BEGIN attachrow -->
<fieldset class="attach">
<legend>{postrow.attach.attachrow.S_UPLOAD_IMAGE} {L_ATTACHMENT}</legend>
	<p class="attach_link">
		<a href="{postrow.attach.attachrow.U_DOWNLOAD_LINK}" {postrow.attach.attachrow.TARGET_BLANK}><b>{postrow.attach.attachrow.DOWNLOAD_NAME}</b></a>
		<span class="attach_stats med">({postrow.attach.attachrow.FILESIZE}, <!-- IF postrow.attach.attachrow.IS_IMAGE -->{L_VIEWS}<!-- ELSE -->{L_DOWNLOADED}<!-- ENDIF -->: {postrow.attach.attachrow.DOWNLOAD_COUNT})</span>
	</p>
	<!-- IF postrow.attach.attachrow.COMMENT -->
	<p class="attach_comment med">
		{postrow.attach.attachrow.COMMENT}
	</p>
	<!-- ENDIF -->
</fieldset>

<div class="spacer_12"></div>
<!-- END attachrow -->

<!-- BEGIN tor_not_reged -->
<table class="attach bordered med">
	<tr class="row3">
		<th colspan="3">{postrow.attach.tor_not_reged.DOWNLOAD_NAME}</th>
	</tr>
	<tr class="row1">
		<td width="15%">{L_TORRENT}:</td>
		<td width="70%">{postrow.attach.tor_not_reged.TRACKER_LINK}</td>
		<td width="15%" rowspan="3" class="tCenter pad_6">
			<p>{postrow.attach.tor_not_reged.S_UPLOAD_IMAGE}</p>
			<p>{L_DOWNLOAD}</p>
			<p class="small">{postrow.attach.tor_not_reged.FILESIZE}</p>
		</td>
	</tr>
	<tr class="row1">
		<td>{L_ADDED}:</td>
		<td>{postrow.attach.tor_not_reged.POSTED_TIME}</td>
	</tr>
	<tr class="row1">
		<td>{L_DOWNLOADED}:</td>
		<td>{postrow.attach.tor_not_reged.DOWNLOAD_COUNT} <!-- IF SHOW_DL_LIST_LINK -->&nbsp;[ <a href="{DL_LIST_HREF}" class="med">{L_SHOW_DL_LIST}</a> ] <!-- ENDIF --></td>
	</tr>
	<!-- BEGIN comment -->
	<tr class="row1 tCenter">
		<td colspan="3">{postrow.attach.tor_not_reged.comment.COMMENT}</td>
	</tr>
	<!-- END comment -->
    <!-- IF TOR_CONTROLS -->
    <tr class="row3 tCenter">
        <td colspan="3">
            <script type="text/javascript">
                ajax.callback.change_torrent = function (data) {
                    if (data.title) alert(data.title);
                    if (data.url) document.location.href = data.url;
                };
            </script>
            <script type="text/javascript">
                function change_torrents() {
                    ajax.exec({
                        action: 'change_torrent',
                        attach_id: {postrow.attach.tor_not_reged.ATTACH_ID},
                        type: $('#tor-select-{postrow.attach.tor_not_reged.ATTACH_ID}').val(),
                    });
                }
            </script>
            <select name="tor_action" id="tor-select-{postrow.attach.tor_not_reged.ATTACH_ID}"
                    onchange="$('#tor-confirm-{postrow.attach.tor_not_reged.ATTACH_ID}').attr('checked', false); $('#tor-submit-{postrow.attach.tor_not_reged.ATTACH_ID}').attr('disabled', true);">
                <option value="" selected class="select-action">&raquo; {L_SELECT_ACTION}</option>
                <option value="del_torrent">{L_DELETE_TORRENT}</option>
                <option value="del_torrent_move_topic">{L_DELETE_MOVE_TORRENT}</option>
            </select>
            <a href="#"
               onclick="change_torrents($('#tor-{postrow.attach.tor_reged.ATTACH_ID} select').val()); return false;"><input
                    type="submit" value="{L_SUBMIT}" class="liteoption"/></a>
        </td>
    </tr>
    <!-- ENDIF -->
</table>

<div class="spacer_12"></div>
<!-- END tor_not_reged -->

<!-- BEGIN tor_reged -->

<!-- IF TOR_BLOCKED -->
<table id="tor_blocked" class="error">
	<tr><td><p class="error_msg">{TOR_BLOCKED_MSG}</p></td></tr>
</table>

<div class="spacer_12"></div>
<!-- ELSE -->
<!-- IF SHOW_RATIO_WARN -->
<table id="tor_blocked" class="error">
	<tr><td><p class="error_msg">{RATIO_WARN_MSG}</p></td></tr>
</table>

<div class="spacer_12"></div>
<!-- ENDIF -->

<table class="attach bordered med">
	<tr class="row3">
		<th colspan="3" class="{postrow.attach.tor_reged.DL_LINK_CLASS}">{postrow.attach.tor_reged.DOWNLOAD_NAME}
        <a href="{postrow.attach.tor_reged.FILELIST_LINK}" title="File hashes | .torrent meta-info" target="_blank"><img src="./styles/images/t_info.png" width="12" height="12" border="0"></a>
        <!-- IF MAGNET_LINKS and not postrow.attach.tor_reged.TOR_FROZEN -->&nbsp;{postrow.attach.tor_reged.MAGNET}<!-- ENDIF --></th>
	</tr>
    <!-- IF postrow.attach.tor_reged.TOR_TYPE -->
    <tr class="row4">
        <th colspan="3" class="row7">{postrow.attach.tor_reged.TOR_TYPE}&nbsp;<!-- IF postrow.attach.tor_reged.TOR_SILVER_GOLD == 2 -->{L_SILVER_STATUS}<!-- ELSEIF postrow.attach.tor_reged.TOR_SILVER_GOLD == 1 -->{L_GOLD_STATUS}<!-- ENDIF -->&nbsp;{postrow.attach.tor_reged.TOR_TYPE}</th>
    </tr>
    <!-- ENDIF -->
	<tr class="row1">
		<td width="15%">{L_TORRENT}:</td>
		<td width="70%">
			{postrow.attach.tor_reged.TRACKER_LINK}
			[ <span title="{postrow.attach.tor_reged.REGED_DELTA}">{postrow.attach.tor_reged.REGED_TIME}</span> ]
            <!-- IF not postrow.attach.tor_reged.TOR_FROZEN -->
            <br><!-- IF postrow.attach.tor_reged.HASH --><br>info_hash: <span class="copyElement" data-clipboard-text="{postrow.attach.tor_reged.HASH}" title="Copy to clipboard">{postrow.attach.tor_reged.HASH}</span><!-- ENDIF -->
            <!-- IF postrow.attach.tor_reged.HASH_V2 --><br>info_hash v2: <span class="copyElement" data-clipboard-text="{postrow.attach.tor_reged.HASH_V2}" title="Copy to clipboard">{postrow.attach.tor_reged.HASH_V2}</span><!-- ENDIF -->
            <!-- ENDIF -->
        </td>
		<td width="15%" rowspan="4" class="tCenter pad_6">
			<!-- IF postrow.attach.tor_reged.TOR_FROZEN -->
			<p>{postrow.attach.tor_reged.S_UPLOAD_IMAGE}</p><p>{L_DOWNLOAD}</p>
			<!-- ELSE -->
			<a href="{postrow.attach.tor_reged.U_DOWNLOAD_LINK}" class="{postrow.attach.tor_reged.DL_LINK_CLASS}">
			<p>{postrow.attach.tor_reged.S_UPLOAD_IMAGE}</p><p><b>{L_DOWNLOAD}</b></p></a>
			<!-- ENDIF -->
			<p class="small">{postrow.attach.tor_reged.FILESIZE}</p>
			<p style="padding-top: 6px;"><input id="tor-filelist-btn" type="button" class="lite" value="{L_FILELIST}" /></p>
		</td>
	</tr>
	<tr class="row1">
		<td>{L_TOR_STATUS}:</td>
		<td>
			<span id="tor-{postrow.attach.tor_reged.ATTACH_ID}-status">{postrow.attach.tor_reged.TOR_STATUS_ICON} <b>{postrow.attach.tor_reged.TOR_STATUS_TEXT}</b>
			<!-- IF postrow.attach.tor_reged.TOR_STATUS_BY -->{postrow.attach.tor_reged.TOR_STATUS_BY}<!-- ENDIF -->
			</span>
			<!-- IF postrow.attach.tor_reged.TOR_STATUS_REPLY || AUTH_MOD -->
			<script type="text/javascript">
				ajax.change_tor_status = function(mode) {
					ajax.exec({
						action    : 'change_tor_status',
						attach_id : {postrow.attach.tor_reged.ATTACH_ID},
						mode      : mode,
						status    : $('#sel_status').val(),
						comment   : $('#comment').val(),
					});
				};
				ajax.callback.change_tor_status = function(data) {
				<!-- IF AUTH_MOD -->
					$('#tor-'+ data.attach_id +'-status').html(data.status);
				<!-- ELSEIF postrow.attach.tor_reged.TOR_STATUS_REPLY -->
					$('#tor_comment').html('{L_TOR_AUTH_SENT_COMMENT}');
				<!-- ENDIF -->
					$('#comment').attr('value', '');
				};
			</script>

			<span id="tor_comment">
			<!-- IF $bb_cfg['tor_comment'] -->
			<input type="text" id="comment" placeholder="{L_COMMENT}" />
			<!-- ENDIF -->

			<!-- IF AUTH_MOD -->
			<span id="tor-{postrow.attach.tor_reged.ATTACH_ID}">{postrow.attach.tor_reged.TOR_STATUS_SELECT}</span>
			<a href="#" onclick="ajax.change_tor_status('status'); return false;"><input type="submit" value="{L_EDIT}" class="liteoption" /></a>
			<!-- ELSEIF postrow.attach.tor_reged.TOR_STATUS_REPLY -->
			<a href="#" onclick="ajax.change_tor_status('status_reply'); return false;"><input type="submit" value="{L_TOR_AUTH_FIXED}" class="liteoption" /></a>
			<!-- ENDIF -->
			</span>
			<!-- ENDIF / AUTH_MOD -->
		</td>
	</tr>
	<tr class="row1">
		<td>{L_DOWNLOADED}:</td>
		<td><span title="{L_COMPLETED}: {postrow.attach.tor_reged.COMPLETED}">{postrow.attach.tor_reged.DOWNLOAD_COUNT}</span></td>
	</tr>
	<tr class="row1">
		<td>{L_SIZE}:</td>
		<td>{postrow.attach.tor_reged.TORRENT_SIZE}</td>
	</tr>
    <!-- BEGIN comment -->
    <tr class="row1 tCenter">
        <td colspan="3">{postrow.attach.tor_reged.comment.COMMENT}</td>
    </tr>
    <!-- END comment -->
    <!-- IF TOR_CONTROLS -->
    <tr class="row3 tCenter">
        <td colspan="3">
            <script type="text/javascript">
                ajax.callback.change_torrent = function (data) {
                    if (data.title) alert(data.title);
                    if (data.url) document.location.href = data.url;
                };
            </script>
            <script type="text/javascript">
                function change_torrents() {
                    ajax.exec({
                        action: 'change_torrent',
                        attach_id: {postrow.attach.tor_reged.ATTACH_ID},
                        type: $('#tor-select-{postrow.attach.tor_reged.ATTACH_ID}').val(),
                    });
                }
            </script>
            <select name="tor_action" id="tor-select-{postrow.attach.tor_reged.ATTACH_ID}"
                    onchange="$('#tor-confirm-{postrow.attach.tor_reged.ATTACH_ID}').attr('checked', false); $('#tor-submit-{postrow.attach.tor_reged.ATTACH_ID}').attr('disabled', true);">
                <option value="" selected class="select-action">&raquo; {L_SELECT_ACTION}</option>
                <option value="del_torrent">{L_DELETE_TORRENT}</option>
                <option value="del_torrent_move_topic">{L_DELETE_MOVE_TORRENT}</option>
                <!-- IF AUTH_MOD -->
                <!-- IF $bb_cfg['tracker']['gold_silver_enabled'] -->
                <!-- IF postrow.attach.tor_reged.TOR_SILVER_GOLD == 1 -->
                <option value="unset_silver_gold">{L_UNSET_GOLD_TORRENT} / {L_UNSET_SILVER_TORRENT}</option>
                <option value="set_silver">{L_SET_SILVER_TORRENT}</option>
                <!-- ELSEIF postrow.attach.tor_reged.TOR_SILVER_GOLD == 2 -->
                <option value="unset_silver_gold">{L_UNSET_GOLD_TORRENT} / {L_UNSET_SILVER_TORRENT}</option>
                <option value="set_gold">{L_SET_GOLD_TORRENT}</option>
                <!-- ELSE -->
                <option value="set_gold">{L_SET_GOLD_TORRENT}</option>
                <option value="set_silver">{L_SET_SILVER_TORRENT}</option>
                <!-- ENDIF -->
                <!-- ENDIF -->
                <!-- ENDIF -->
            </select>
            <a href="#"
               onclick="change_torrents($('#tor-{postrow.attach.tor_reged.ATTACH_ID} select').val()); return false;"><input
                    type="submit" value="{L_EDIT}" class="liteoption"/></a>
        </td>
    </tr>
    <!-- ENDIF -->
    <!-- IF TOR_HELP_LINKS -->
    <tr class="row3 tCenter">
        <td colspan="3">{TOR_HELP_LINKS}</td>
    </tr>
    <!-- ENDIF -->
</table>

<script type="text/javascript">
function humn_size (size) {
	var i = 0;
	var units = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
	while ((size/1024) >= 1) {
		size = size/1024;
		i++;
	}
	size = new String(size);
	if (size.indexOf('.') != -1) {
		size = size.substring(0, size.indexOf('.') + 3);
	}
	return size + ' ' + units[i];
}

ajax.tor_filelist_loaded = false;
$('#tor-filelist-btn').click(function () {
    if (ajax.tor_filelist_loaded) {
        $('#tor-fl-wrap').toggle();
        return false;
    } else {
        $("#tor-filelist-btn").attr('disabled', true);
    }
    $('#tor-fl-wrap').show();

    ajax.exec({
        action: 'view_torrent',
        attach_id: {postrow.attach.tor_reged.ATTACH_ID}
    });
    ajax.callback.view_torrent = function (data) {
        $('#tor-filelist').html(data.html);
        $('#tor-filelist > ul.tree-root').treeview({
            control: "#tor-fl-treecontrol"
        });
        $('#tor-filelist li.collapsable').each(function () {
            var $li = $(this);
            var dir_size = 0;
            $('i', $li).each(function () {
                dir_size += parseInt(this.innerHTML)
            });
            $('span.b:first', $li).append(' &middot; <s>' + humn_size(dir_size) + '</s>');
        });
        $('#tor-filelist i').each(function () {
            var size_bytes = this.innerHTML;
            this.innerHTML = '(' + size_bytes + ')';
            $(this).prepend('<s>' + humn_size(size_bytes) + '</s> ');
        });
        ajax.tor_filelist_loaded = true;
        $("#tor-filelist-btn").attr('disabled', false);
    };
    $('#tor-fl-treecontrol a').click(function () {
        this.blur();
    });
    return false;
});
</script>

<style>
#tor-fl-wrap {
	margin: 12px auto 0; width: 95%;
}
#fl-tbl-wrap { margin: 2px 14px 16px 14px; }
#tor-filelist {
	margin: 0 2px; padding: 8px 6px;
	max-height: 284px; overflow: auto;
}
.tor-filelist-fullsize { max-height: unset !important; }
#tor-filelist i { color: #7A7A7A; padding-left: 4px; }
#tor-filelist s { color: #0000FF; text-decoration: none; }
#tor-filelist .b > s { color: #800000; }
#tor-filelist .b { font-weight: bold; padding-left: 20px; background: transparent url('styles/images/folder.gif') no-repeat 3px 50%;}
#tor-filelist ul li span { padding-left: 20px; background: transparent url('styles/images/page.gif') no-repeat 3px 50%;}
#tor-filelist .tor-root-dir { font-size: 13px; font-weight: bold; line-height: 12px; padding-left: 4px; }
#tor-fl-treecontrol { padding: 2px 0 4px; }
#tor-fl-treecontrol a { padding: 0 8px; font-size: 11px; text-decoration: none; }
#tor-fl-bgn { width: 200px; height: 300px; margin-right: 6px; border: 1px solid #B5BEC4;}
</style>

<div id="tor-fl-wrap" class="border bw_TRBL row2 hidden">
<div id="fl-tbl-wrap">
	<table class="w100 borderless" cellspacing="0" cellpadding="0">
	<tr>
		<td>
			<div style="float: left;" id="tor-fl-treecontrol">
				<a href="#">{L_COLLAPSE}</a>&middot;<a href="#">{L_EXPAND}</a>&middot;<a href="#">{L_SWITCH}</a>
			</div>
			<div style="float: right; padding: 2px 0 4px;">
				<a style="padding: 0 8px; font-size: 11px; text-decoration: none;" href="#" onclick="$('#tor-filelist').toggleClass('tor-filelist-fullsize'); return false;">{L_TOGGLE_WINDOW_FULL_SIZE}</a>
			</div>
		</td>
	</tr>
	<tr>
		<td class="vTop" style="width: 100%;"><div id="tor-filelist" class="border bw_TRBL med row1"><span class="loading-1">{L_LOADING}</span></div></td>
	</tr>
	</table>
</div>
</div>

<!-- IF $bb_cfg['tor_thank'] -->
<style type="text/css">
    #thx-block {
        width: 95%;
        margin: 12px auto 0;
    }

    #thx-block .sp-wrap {
        width: 100% !important;
    }

    #thx-btn-div {
        text-align: center;
        margin: 0 0 12px;
    }

    #thx-list a {
        text-decoration: none;
    }

    #thx-list b {
        font-size: 11px;
        color: #2E2E2E;
        white-space: nowrap;
    }

    #thx-list i {
        font-weight: normal;
        color: #000000;
    }

    #thx-list u {
        display: none;
    }
</style>
<script type="text/javascript">
    $(function () {
        $thx_head = $('#thx-block').find('.sp-head');
        $thx_btn = $('#thx-btn');
        close_thx_list();

        $thx_btn.one('click', function () {
            ajax.thx('add');
            $(this).prop({disabled: true});
        });
        $thx_head.one('click', function () {
            ajax.thx('get');
        });
    });

    ajax.thx = function (mode) {
        ajax.exec({
            action: 'thx',
            mode: mode,
            topic_id: {TOPIC_ID},
            poster_id: {postrow.POSTER_ID}
        });
    }
    ajax.callback.thx = function (data) {
        if (data.mode === 'add') {
            $thx_btn.hide().after('<h2 style="color: green;">{$lang['THANKS_GRATITUDE']}!<h2>');
            open_thx_list();
        } else {
            $('#thx-list').html(data.html);
        }
    }

    function thx_is_visible() {
        return $('#thx-list').is(':visible');
    }

    function open_thx_list() {
        ajax.thx('get');
        if (!thx_is_visible()) {
            $thx_head.click();
        }
    }

    function close_thx_list() {
        if (thx_is_visible()) {
            $thx_head.click();
        }
    }
</script>
<div id="thx-block">
    <!-- IF not IS_GUEST -->
    <div id="thx-btn-div">
        <input id="thx-btn" type="button" class="bold" style="width: 200px;" value="{L_THANK_TOPIC}">
    </div>
    <!-- ENDIF -->
    <!-- IF not IS_GUEST or $bb_cfg['tor_thanks_list_guests'] -->
    <div class="sp-wrap">
        <div id="thx-list" class="sp-body" data-no-sp-open="true" title="{L_LAST_LIKES}"></div>
    </div>
    <!-- ENDIF -->
</div>
<!-- ENDIF -->

<div class="spacer_12"></div>
<!-- ENDIF -->
<!-- END tor_reged -->

<!-- END attach -->