Files
DzzOffice/dzz/share/template/mobile_share.htm

298 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!--{template common/header_simple_start}-->
<link href="static/css/common.css?{VERHASH}" rel="stylesheet" media="all">
<link href="static/css/app_manage.css?{VERHASH}" rel="stylesheet" media="all">
<link href="{MOD_PATH}/images/mobile_share.css?{VERHASH}" rel="stylesheet" media="all">
<script type="text/javascript" src="static/js/jquery.leftDrager.js?{VERHASH}"></script>
<!--{template common/header_simple_end}-->
<!--{template common/commer_header}-->
<div class="bs-container clearfix">
<div class="bs-left-container clearfix">
<!--{template left}-->
</div>
<div class="left-drager">
</div>
<div class="bs-main-container">
<!--{if $_G[adminid]==1}-->
<!--{if !$list}-->
<!--{else}-->
<div node-type="module" class="module-list-toolbar" style="display: none;">
<div class="bar clearfix">
<span node-type="chk" class="chk-box">
<span class="chk"></span>
</span>
<span class="text">{lang checked}<span node-type="num">0</span>{lang file_number_type}</span>
<button class="btn btn-sm btn-danger" data-key="unshare"><span>{lang del_share}</span> </button><!--{if $_G[adminid]==1}-->
<button class="btn btn-sm btn-warning" data-key="forbidden"><span>{lang screen_share}</span> </button>
<button class="btn btn-sm btn-success" data-key="allow"><span>{lang cancel_shielding}</span> </button><!--{/if}-->
</div>
</div>
<div class="main-header2">
<ul class="nav nav-pills clearfix">
<li class="pull-right " style="margin:5px 0;">
<form name="search" action="{DZZSCRIPT}" class="form-inline" method="get">
<input type="hidden" name="mod" value="share" />
<input type="hidden" name="type" value="$type" />
<input name="username" type="text" value="$username" class="form-control input-sm" style="width:90px ;display:inline-block" placeholder="{lang username}" />&nbsp;<input name="keyword" type="text" class="form-control input-sm" value="$keyword" style="width:90px ;display:inline-block" placeholder="{lang share_title}">
<button class="btn btn-default" onclick="this.parentNode.submit()"><i class="glyphicon glyphicon-search"></i></button>
</form>
</li>
</ul>
</div>
<!--{/if}-->
<!--{/if}-->
<div class="main-content clearfix">
<!--{if !$list}-->
<div node-type="module" class="module-share-empty text-center clearfix">
<div class="no-result-div" style="padding-top:40px;">
<p class="no-result-pic"><em class="shr"></em></p>
<p class="no-result-title">{lang share_file_content}</p>
</div>
</div>
<!--{else}-->
<div node-type="module" class="module-list-view">
<div node-type="wrapper" class="list-view-home">
<div node-type="list" class="list list-share">
<!--{loop $list $value}-->
<div node-type="item" data-sid="$value[id]" data-status="$value[status]" class="item clearfix">
<!-- 第一列 -->
<div node-type="name" class="name1" title="$value[title]">
<div class="c1 name" data-name="$value[title]">
<span node-type="chk" class="chk"> <span class="chk-ico"></span></span>
<!-- 私密分享图标 -->
<!--{if $value[password]}--><span class="ico-private-share" title="{lang private_share}"></span><!--{/if}-->
</div>
<h4>
<!--{if $value[img]}--><img class="icon" src="$value[img]" /><!--{/if}-->
<!--{if $value[status]<0}--><span node-type="name-tip" style="color: red;">($value[fstatus])</span><!--{/if}-->
<span node-type="name-text" data-href="$value[sharelink]" class="name-text enabled">$value[title]</span>
</h4>
<p>
<span data-size="$value[dateline]" style="padding-left: 13px;">$value[fdateline]</span>
<span data-type="$value[count]" class="dzz dzz-visibility">$value[count]{lang degree}</span>
<!--{if $_G[adminid]==1}--><span data-type="$value[username]">$value[username]</span><!--{/if}-->
</p>
<div node-type="copy-bar" class="copy-bar">
<!--{if $value[endtime]}--><span>{lang expiration_time}$value[fendtime]</span><!--{/if}-->
<!--{if $value[times]}--><span>{lang limited_number}$value[count] / $value[times]</span><!--{/if}-->
<!--{if $value[qrcode]}-->
<a href="javascript:;" class="qrcode glyphicon glyphicon-qrcode" title="{lang scon_code_send_mobile}" data-container="body" data-html="true" data-trigger="hover" data-toggle="popover" data-placement="right" data-content="<p class='text-center'><img src='$value[qrcode]'></p>"></a><!--{/if}-->
{lang link}
<a href="$value[sharelink]" target="_dzz">$value[sharelink]</a>
<!--{if $value[password]}--><span>{lang extract_password}$value[password]</span><!--{/if}-->
&nbsp;<button class="btn btn-sm btn-default js_copy" data-clipboard-text="{eval echo $value[password]?(分享名称.':'.$value[title].'
'.分享链接.':'.$value[sharelink].'
'.提取码.':'.$value[password]):$value[sharelink];}" style="position:relative;padding: 10px;"><i class="glyphicon glyphicon-duplicate"></i>复制信息<span class="alert copy-success alert-success hide ">{lang copy_success_paste_need_place}</span></button>
<!--{if $value[password]}-->
<button class="btn btn-sm btn-default js_copy" data-clipboard-text="$value[password]" style="position:relative;padding: 10px;"><i class="glyphicon glyphicon-duplicate"></i>提取码<span class="alert copy-success alert-success hide ">{lang copy_success_paste_need_place}</span></button>
<!--{/if}-->
</div>
</div>
</div>
<!--{/loop}-->
<div class="page clearfix" style="padding: 20px 0">$multi</div>
</div>
</div>
</div>
<!--{/if}-->
</div>
</div>
</div>
<script type="text/javascript">
jQuery('.left-drager').leftDrager_layout(function() {
jQuery('').css('height', jQuery('.bs-main-container').outerHeight(true) - jQuery('.bs-main-container').outerHeight(true));
});
jQuery(document).ready(function(e) {
jQuery(document).on('mouseenter', 'div[node-type=item]', function() {
jQuery(this).addClass('item-hover');
});
jQuery(document).on('mouseleave', 'div[node-type=item]', function() {
jQuery(this).removeClass('item-hover');
});
jQuery(document).on('click', 'span[node-type=name-text]', function() {
if(top._config) {
top.OpenWindow('url', jQuery(this).data('href'), jQuery(this).html());
} else {
window.open(jQuery(this).data('href'), jQuery(this).html());
}
});
jQuery('.chk[node-type=chk-all]').on('click', function() {
jQuery(this).addClass('chked');
jQuery('.item').each(function() {
jQuery(this).addClass('item-active').find('span[node-type=chk]').addClass('chked');
});
refresh_header();
return false;
});
jQuery(document).on('click', '.item .chk', function() {
jQuery(this).toggleClass('chked');
jQuery(this).closest('.item').toggleClass('item-active');
jQuery('.copy-bar').hide();
refresh_header();
return false;
});
jQuery('.module-list-toolbar .chk').on('click', function() {
if(jQuery(this).hasClass('chked')) {
jQuery(this).removeClass('chked');
jQuery('.chk[node-type=chk-all]').removeClass('chked');
jQuery('.module-list-toolbar').hide();
jQuery('.item.item-active').each(function() {
jQuery(this).removeClass('item-active').find('span[node-type=chk]').removeClass('chked');
jQuery(this).find('.copy-bar').hide();
});
} else {
jQuery(this).addClass('chked');
jQuery('.item:not(.item-active)').each(function() {
jQuery(this).addClass('item-active').find('span[node-type=chk]').addClass('chked');
});
}
});
jQuery(document).on('click', 'div[node-type=item]', function(e) {
e = e ? e : event;
var el = jQuery(this);
var obj = e.srcElement ? e.srcElement : e.target;
if(jQuery(obj).closest('.js_copy').length) return false;
var actives = jQuery('.item-active').length;
if(e.ctrlKey) {
jQuery('.item-active').not(this).find('.copy-bar').hide();
} else {
jQuery('.item-active').not(this).each(function() {
jQuery(this).removeClass('item-active').find('span[node-type=chk]').removeClass('chked')
.end().find('.copy-bar').hide();
});
}
if(el.hasClass('item-active') && (actives == 1 || e.ctrlKey)) {
el.removeClass('item-active').find('span[node-type=chk]').removeClass('chked');
el.find('.copy-bar').hide();
} else {
el.addClass('item-active').find('span[node-type=chk]').addClass('chked');
if(parseInt(el.data('status')) > -1) el.find('.copy-bar').show();
}
refresh_header();
});
var client = new Clipboard('.js_copy');
client.on("success", function(e) {
var self = e.trigger;
jQuery(self).find('.copy-success').removeClass('hide');
window.setTimeout(function() {
jQuery(self).find('.copy-success').addClass('hide');
}, 1000);
});
jQuery('.title .item[node-type=title]').on('click', function() {
var el = jQuery(this);
el.find('.asc').css('visibility', 'visible').toggleClass('desc');
el.siblings().find('.asc').css('visibility', 'hidden');
item_sort(el.data('key'), el.find('.asc').hasClass('desc') ? 'desc' : 'asc');
});
jQuery('button[data-key=unshare]').on('click', function() {
var msg = '{lang share_stop_sharing1}';
showDialog(msg, 'confirm', '{lang affirm_stop_sharing}', share_delete, 1)
});
<!--{if $_G[adminid]==1}-->
jQuery('button[data-key=forbidden]').on('click', function() {
var msg = '{lang share_stop_sharing2}';
showDialog(msg, 'confirm', '{lang affirm_screen_share}', share_forbidden, 1)
});
jQuery('button[data-key=allow]').on('click', function() {
var msg = '{lang share_stop_sharing3}';
showDialog(msg, 'confirm', '{lang affirm_cancel_shielding}', share_allow, 1)
});
<!--{/if}-->
jQuery('[data-toggle="popover"]').popover();
});
function item_sort(key, order) {
location.href = '$theurl&order=' + key + '&asc=' + (order == 'desc' ? 1 : 0);
return;
}
function share_delete() {
var sids = new Array();
jQuery('.list .item-active').each(function() {
sids.push(jQuery(this).data('sid'));
});
jQuery.post('{MOD_URL}&op=ajax&do=delete', { "sids": sids }, function(json) {
for(var o in json.msg){
if(json.msg[o]['success']){
jQuery('.list div[data-sid="'+o+'"]').remove();
}
}
refresh_header();
}, 'json');
}
<!--{if $_G[adminid]==1}-->
function share_forbidden() {
var sids = new Array();
jQuery('.list .item-active').each(function() {
sids.push(jQuery(this).data('sid'));
});
jQuery.post('{DZZSCRIPT}?mod=share&op=ajax&do=forbidden', { "sids": sids, "flag": 'forbidden' }, function(json) {
if(json.msg == 'success') {
showmessage('{lang share_screen_success}', 'success', 2000, 1);
jQuery('.list .item-active').each(function() {
jQuery(this).attr('data-status', '-4');
if(jQuery(this).find('span[node-type=name-tip]').length) {
jQuery(this).find('span[node-type=name-tip]').html('({lang been_blocked})');
} else {
jQuery('<span node-type="name-tip" style="color: red;">({lang been_blocked})</span>').insertBefore('.list .item-active .name-text-wrapper');
}
});
refresh_header();
} else {
showmessage('{lang shielding_failure}', 'danger', 3000, 1);
}
}, 'json');
}
function share_allow() {
var sids = new Array();
jQuery('.list .item-active').each(function() {
if(jQuery(this).data('status') == '-4') sids.push(jQuery(this).data('sid'));
});
if(sids.length) {
jQuery.post('{DZZSCRIPT}?mod=share&op=ajax&do=forbidden', { "sids": sids, "flag": 'allow' }, function(json) {
if(json.msg == 'success') {
showmessage('{lang cancel_shielding_success}', 'success', 2000, 1);
jQuery('.list .item-active').attr('data-status', '0').find('span[node-type=name-tip]').remove();
refresh_header();
} else {
showmessage('{lang cancel_shielding_failure}', 'danger', 3000, 1);
}
}, 'json');
}
}
<!--{/if}-->
function refresh_header() {
var sum = jQuery('.list .item.item-active').length;
var tsum = jQuery('.list .item').length;
var psum = jQuery('.list .item.item-active[data-status=-4]').length;
if(sum > 0) {
jQuery('.module-list-toolbar').find('span[node-type=num]').html(sum).end().show();
if(sum == tsum) {
jQuery('.module-list-toolbar').find('.chk').addClass('chked');
} else {
jQuery('.module-list-toolbar').find('.chk').removeClass('chked');
}
if(psum == sum) {
jQuery('.module-list-toolbar .bar').find('button[data-key=forbidden]').hide();
} else {
jQuery('.module-list-toolbar .bar').find('button[data-key=forbidden]').show();
}
if(psum > 0) {
jQuery('.module-list-toolbar .bar').find('button[data-key=allow]').show();
} else {
jQuery('.module-list-toolbar .bar').find('button[data-key=allow]').hide();
}
} else {
jQuery('.module-list-toolbar').hide();
jQuery('.chk[node-type=chk-all]').removeClass('chked');
}
}
</script>
<!--{template common/footer_simple}-->
<script type="text/javascript" src="static/clipboard/clipboard.min.js?{VERHASH}"></script>
<script src="static/bootstrap/js/bootstrap.min.js?{VERHASH}"></script>