Wapego[Events] Share vài code ego 20/08

<span class="vote" msS="{{nick_uid}}">0</span>

<span id="vote" msS="{{api.r.get('uid')}}">{{votes}}</span>

{%if api.r.get('id')=='new'%}<script src="/files/1020011/jquery.min.js"></script>
<script type="text/javascript">
var t=$('.vote');
for(var i=0;i<t.length-1;i++){
$.get('/galery.php?id=view_foto&uid='+$(t[i]).attr('msS'),function(data){
var x= $(data).find('#vote').text();
var uid=$(data).find('#vote').attr('msS');
x=x?x:'0';
$('.vote[msS="'+uid+'"]').text(x);
});
}
</script>{%endif%}

Vote: <span class="vote" msS="{{nick_uid}}">0</span><br/>
Cmt: <span class="cmt" msS="{{nick_uid}}">0</span>

<span id="vote" cmt="{{comments}}" vote="{{votes}}"></span>

{%if api.r.get('id')=='new'%}<script src="/files/1020011/jquery.min.js"></script>
<script type="text/javascript">
var t=$('.vote');
var s=$('.cmt');
function get(t,s,i)
{
$.get('/galery.php?id=view_foto&uid='+$(t[i]).attr('msS'),function(data){
var x= $(data).find('#vote').attr('vote');
x=x?x:'0';
var y= $(data).find('#vote').attr('cmt');
y=y?y:'0';
$($(t[i])).text(x);
$($(s[i])).text(y);
});
}
for(var i=0;i<t.length-1;i++){
get(t,s,i);
}
</script>{%endif%}

{%set msg=message_list|split('[-msS-]')%}
<div class="list_msg" id="list_msg">{%for i in msg|length..0%}{{msg[i]|raw}}{%endfor%}</div>
 
<div class="center"> {{reply_form}} {{paging_next}} {{paging_back}} {{delete}} <br/> {{back}} <br/> {{back_to_main}} </div>
<script src="/files/1005357/jquery.js"></script>
<script type="text/javascript">
var login=0,browser='{{api.r.createFromGlobals().cookies.get('v')=='3'?'web':'wap'}}',head='';new_msg='';
{%set u=api.u.get(api.user_id)%}
user={sex:'{{u.sex}}',id:'{{u.uid}}',nick:'{{u.nick}}',plus:'{{u.plus}}',msg:'0',all_msg:'3',sms:'0'};
var lk = location.href;
if(browser=='web'){audio = new Audio('files/1067753/odIeERVR1c5.mp3');
}else{navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;};
 
$('#post_msg').submit(function(){
    var that=$(this);
    var action=that.attr('action');
    var text=that.find('textarea').val();
    var img=$('#post_msg #add_img_url').val();
    if(img.length>10){var text=text+' '+img;};
    var len=text.length;
    if(!user.id){
      $('#post_msg #notif').html('<div class="rmenu">Bạn chưa đăng nhập</div>').fadeIn(200).delay(2000).fadeOut(1);
    }else if(len==0){
      $('#post_msg #notif').html('<div class="rmenu">Vui lòng nhập văn bản</div>').fadeIn(200).delay(2000).fadeOut(1);
    }else if(len<2){
      $('#post_msg #notif').html('<div class="rmenu">Văn bản phải từ 2 kí tự trở lên</div>').fadeIn(200).delay(2000).fadeOut(1);
    }else if(len>5000){
      $('#post_msg #notif').html('<div class="rmenu">Văn bản không vượt quá 5000 kí tự</div>').fadeIn(200).delay(2000).fadeOut(1);
    }else{
      $('#post_msg #submit_msg').val('Đang gửi...');
      $.post(action,{msg: text},function(){
        $('#post_msg #chat_txt').val('');
        $('#post_msg #add_img_url').val('');
        $('#post_msg #submit_msg').val('Gửi');
        message();
      });
    };
    return false;
  });
  function message(){
    $.get(lk,function(res){
      html=$(res).find('.list_msg').html();
      $('.list_msg').html(html);
      if(browser=='web'){if(new_msg=='new'){audio.play();
      new_msg='';} }else{if(new_msg=='new'){navigator.vibrate(500);
      new_msg='';}};
    });
    setTimeout(function(){message()},1000);
  };
</script>
<style type="text/css">
.portlet:after, .portlet .section:after, .portlet-header:after {
    clear: both;
}
.portlet:before, .portlet .section:before, .portlet-header:before, .portlet:after, .portlet .section:after, .portlet-header:after {
    content: " ";
    display: table;
}
.portlet:after, .portlet .section:after, .portlet-header:after {
    clear: both;
}
.portlet:before, .portlet .section:before, .portlet-header:before, .portlet:after, .portlet .section:after, .portlet-header:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.center {
    background-color: #FFF;
    border: 0px solid #E0E3E9;
    border-top: none;
    margin: 0;
    padding: 0;
}
.end, .center {
    text-align: center;
}
input[type="submit"].button-inverted-fill {
    border: 1px solid #2E9FFF;
    color: #FFF;
    background-color: #2E9FFF;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
#reg_form input[type="button"], #reg_form input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
}
input[type="submit"], button {
    border: 1px solid #CCE9FF;
    color: #2E9FFF;
    background-color: #FFF;
    padding: 6px 10px 6px;
    border-radius: 3px;
    line-height: 1.1em;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    font-size: 13px;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
 
.list1, .list2 {
    background-color: #FFF;
    border: 1px solid #E0E3E9;
    border-top: none;
    margin: 0;
    padding: 4px;
}
 
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
textarea {
    padding: 8px;
    margin: 0px;
    word-wrap: break-word;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    cursor: auto;
    max-width: 840px;
    border: 1px solid #ccc;
}
.redactor_box {
    border: 1px solid #D7EDFC;
    position: relative;
    overflow: hidden;
}
.dright .message-text {
    margin-right: 0px;
    background-color: #36a9fc;
    color: #fff;
    float: right;
    border-radius: 20px 0 0 20px;
}
.message-text {
    padding: 7px 15px;
    float: right;
    clear: both;
    position: relative;
    margin-bottom: 1px;
    font-size: 12px;
}
.dleft .message-text {
    margin-left: 0px;
    background-color: #e5e5ea;
    float: left;
    border-radius: 0 20px 20px 0;
}
</style>