{php $this->template('header')}

  <link rel="stylesheet" href="{$public}css/photo/user/add.css?{php echo time()}">


<div class="bui-page  page-comment">
	
    <main id="main">

		<div id="loading">

           	<div class="home_main">
			     <div class="home_bd">
			        <div class="home_bd_text">
			            <textarea class="home_text"  id="textarea" placeholder="请勿编辑/转发谣言、暴力、色情、辱骂等违规内容"></textarea>
			        </div>

			    </div>
			</div>


			<div id="photo">

                <!-- <div class="item" id="addimg">
                    <div class="imgbox"><img src="{$public}/img/at_add.png"></div>
               	</div> -->
				<div class="item aui-col-xs-3" id="add" onclick="tu()">
			          <div class="img add">

			          </div>
			      </div>
		   </div>

		<div class="foot">
			<div class="bui-btn ring bc-hong " onclick="sub()"> 发 布 </div>
		</div>
        </div>
            
	
  
         
    </main>
  
</div>




<script>


    bui.ready(function(){

   
    	
    	$(function(){
	        var i=8-document.querySelectorAll('.bk .tuimg').length;
	        if (!i) $('#add').hide();
	    });

    	window.tu=function(i){
           var uiLoading = bui.loading({
					            appendTo:"body",
					            width: 40,
					            height: 40,
					            
					        });
    	 my.upimg((isapp?2:1),i,uiLoading,function(r){
               
               var str='';

               for (var i = 0; i < r.length; i++) {
               	  var imgurl=r[i];

               	            str+=`<div class="item aui-col-xs-3">
                                        <div class="img bk">
                                          <img src="{$public}/img/close.png" class="del" tapmode onclick="return del(this,event);">
                                          <img src="`+imgurl+`" class="tuimg">
                                       </div>
                                    </div>`;


               	  }

                              
                  	$('#add').before(str);
                  	var i=8-document.querySelectorAll('.bk .tuimg').length;
        		    if (!i) $('#add').hide();


                    uiLoading.hide();

           

    		})
	     	
        };
        window.del=function (t){ 
		    var img=document.querySelectorAll('.bk img');
		    var child=t.parentNode.parentNode;
		        child.parentNode.removeChild(child);
		    var i=8-document.querySelectorAll('.bk .tuimg').length;
        	if (i) $('#add').show();
		   
		};
		window.sub=function(){

			var data={};
	        data.imgs = xun();
	        data.content=$('#textarea').val();
	        if (data.content=='') {

	        	return msg('写点描述在发布把',1);
	        	
	        }

	        $.post('',data,function(r){

				if (r.code) {
					msg('成功',2);
					setTimeout(function(){ 
						window.location.href="{php echo iurl('photo/user/admin');}";
					},1500);
										
				}

	        })
        

		};
		function xun(){
	    	var imgs=$('.tuimg');
	    	var tu = '';
	        for (var i=0;i<imgs.length;i++) {
	           var v=$(imgs[i]);
	           tu+=v.attr('src')+',';
	        }

	        return tu.substring(0,tu.length-1);
	    }

    })

 
</script>

{php $this->template('footer')}