mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-11 22:41:38 +08:00
添加Metronic(作为LFS)
This commit is contained in:
153
frontend/static/js/common/screenshothover.js
Normal file
153
frontend/static/js/common/screenshothover.js
Normal file
@@ -0,0 +1,153 @@
|
||||
/**
|
||||
* screenshothover.js
|
||||
* each file using screenshots must include this file
|
||||
*/
|
||||
/* hover */
|
||||
$(document).on('mouseenter','.shot .shot-image',function(){
|
||||
$(this).addClass('shot-image-hover');
|
||||
$(this).find('.cover').addClass('cover-hover');
|
||||
$(this).find('.actions').fadeIn(500).addClass('actions-hover');
|
||||
});
|
||||
$(document).on('mouseleave','.shot .shot-image',function(){
|
||||
$(this).removeClass('shot-image-hover');
|
||||
$(this).find('.cover').removeClass('cover-hover');
|
||||
$(this).find('.actions').fadeOut(500).removeClass('actions-hover');
|
||||
});
|
||||
/* like */
|
||||
$(document).on('click','.actions',function(){
|
||||
if(!$.isEmptyObject(currentUserInfo)){
|
||||
$(this).find('.iconfont').toggleClass('is-hidden');
|
||||
}
|
||||
});
|
||||
|
||||
function like(e,id){
|
||||
if($.isEmptyObject(currentUserInfo)){
|
||||
alert("请先登录");
|
||||
}else{
|
||||
var id = $(e).attr("id");
|
||||
$.ajax( {
|
||||
url:'/screenshots/likescreenshot',
|
||||
data:{
|
||||
screenshot_id : id
|
||||
},
|
||||
type:'post',
|
||||
dataType:'json',
|
||||
success:function(data) {
|
||||
//alert("操作成功!");
|
||||
e.setAttribute("onclick", "unlike(this,"+id+")");
|
||||
if($(e).find('.unlike').hasClass('is-hidden')){
|
||||
$(e).find('.iconfont').toggleClass('is-hidden');
|
||||
}
|
||||
},
|
||||
error : function() {
|
||||
//alert("操作失败!");
|
||||
if($(e).find('.like').hasClass('is-hidden')){
|
||||
$(e).find('.iconfont').toggleClass('is-hidden');
|
||||
}
|
||||
e.setAttribute("onclick", "like(this,"+id+")");
|
||||
if($(e).find('.liked').hasClass('is-hidden')){
|
||||
$(e).find('.iconfont').toggleClass('is-hidden');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
function unlike(e,id){
|
||||
if($.isEmptyObject(currentUserInfo)){
|
||||
alert("请先登录");
|
||||
}else{
|
||||
var id = $(e).attr("id");
|
||||
$.ajax( {
|
||||
url:'/screenshots/dislikescreenshot',
|
||||
data:{
|
||||
screenshot_id : id
|
||||
},
|
||||
type:'post',
|
||||
dataType:'json',
|
||||
success:function(data) {
|
||||
//alert("操作成功!");
|
||||
e.setAttribute("onclick", "like(this,"+id+")");
|
||||
if($(e).find('.liked').hasClass('is-hidden')){
|
||||
$(e).find('.iconfont').toggleClass('is-hidden');
|
||||
}
|
||||
},
|
||||
error : function() {
|
||||
//alert("操作失败!");
|
||||
if($(e).find('.unlike').hasClass('is-hidden')){
|
||||
$(e).find('.iconfont').toggleClass('is-hidden');
|
||||
}
|
||||
e.setAttribute("onclick", "unlike(this,"+id+")");
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
function detaillike(e,id){
|
||||
if($.isEmptyObject(currentUserInfo)){
|
||||
alert("请先登录");
|
||||
}else{
|
||||
var s = e.getElementsByTagName('span')[0].innerHTML;
|
||||
e.getElementsByTagName('span')[0].innerHTML = parseInt(s)+1;
|
||||
e.getElementsByTagName('i')[0].innerHTML = "";
|
||||
e.onclick=function(){};
|
||||
var id = $(e).attr("id");
|
||||
$.ajax( {
|
||||
url:'/screenshots/likescreenshot',
|
||||
data:{
|
||||
screenshot_id : id
|
||||
},
|
||||
type:'post',
|
||||
dataType:'json',
|
||||
success:function(data) {
|
||||
//alert("操作成功!");
|
||||
e.setAttribute("onclick", "detailunlike(this,"+id+")");
|
||||
e.getElementsByTagName('i')[0].innerHTML = "";
|
||||
},
|
||||
error : function() {
|
||||
//alert("操作失败!");
|
||||
e.setAttribute("onclick", "detaillike(this,"+id+")");
|
||||
e.getElementsByTagName('i')[0].innerHTML = "";
|
||||
e.getElementsByTagName('span')[0].innerHTML = parseInt(s)-2;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
function detailunlike(e,id){
|
||||
if($.isEmptyObject(currentUserInfo)){
|
||||
alert("请先登录");
|
||||
}else{
|
||||
var s = e.getElementsByTagName('span')[0].innerHTML;
|
||||
e.getElementsByTagName('span')[0].innerHTML = parseInt(s)-1;
|
||||
e.getElementsByTagName('i')[0].innerHTML = "";
|
||||
e.onclick=function(){};
|
||||
var id = $(e).attr("id");
|
||||
$.ajax( {
|
||||
url:'/screenshots/dislikescreenshot',
|
||||
data:{
|
||||
screenshot_id : id
|
||||
},
|
||||
type:'post',
|
||||
dataType:'json',
|
||||
success:function(data) {
|
||||
//alert("操作成功!");
|
||||
e.setAttribute("onclick", "detaillike(this,"+id+")");
|
||||
e.getElementsByTagName('i')[0].innerHTML = "";
|
||||
},
|
||||
error : function() {
|
||||
//alert("操作失败!");
|
||||
e.setAttribute("onclick", "detailunlike(this,"+id+")");
|
||||
e.getElementsByTagName('i')[0].innerHTML = "";
|
||||
e.getElementsByTagName('span')[0].innerHTML = parseInt(s)+2;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
function cleanMarksStyle(){/* 清除截图下面每行标签的最后一个, */
|
||||
var list = document.getElementsByName('screenshot-mark-container');
|
||||
for(var k=0;k<list.length;k++){
|
||||
var tempList = list[k].getElementsByTagName('span');
|
||||
if(tempList.length>0){
|
||||
var lastSpan = tempList[tempList.length-1];
|
||||
lastSpan.parentNode.removeChild(lastSpan);
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user