<extend name="Public/base" />

<block name="body">
  <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
  <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <style>
    .uploadify{ position:relative; }
    .swfupload{ left: 0px; }
    </style>
        <div class="cf main-place top_nav_list navtab_list">
        <h3 class="page_title">编辑[自建官网]</h3>
        <p class="description_text">说明:设置相关链接的显示方式。</p>
    </div>
    <!-- 标签页导航 -->
    <div class="tab-content tabcon1711">
        <!-- 表单 -->
        <form id="form" action="{:U('edit')}" method="post" class="form-horizontal">
          <!-- 基础文档模型 -->
        <div id="tab1" class="tab-pane in tab1">
            <table  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <th class="l">官网名称</th>
                <td class="r"><input type="text" class="txt" name="webname" value="{$data['webname']}"></td>
              </tr>
              <tr>
                <th class="l">关键字</th>
                <td class="r"><input type="text" class="txt" name="keyword" value="{$data['keyword']}"></td>
              </tr>
              <tr>
                <th class="l"><i class="mustmark">*</i>游戏名称</th>
                <td class="r">
                  <select name="gameid" id="gameid">
                    <volist name="gamelist" id="vo">
                    <option value="{$vo.id}" selected="">{$vo.game_name}</option>
                    </volist>
                  </select>
                </td>
              </tr>
              <tr style="display:none;">
                <th class="l">模板名称</th>
                <td class="r">
                  <select name="templateid" id="templateid">
                    <volist name="template" id="vo">
                    <option value="{$vo.id}" selected="">{$vo.temname}</option>
                    </volist>
                  </select>
                </td>
              </tr>
              <tr>
                <th class="l">官网域名</th>
                <td class="r"><input type="text" class="txt2" id="weburl" name="weburl" value="{$data['weburl']}"></td>
              </tr>
              <tr class="picbox">
              	<th class="l">官网logo</th>
                <td class="r">
									<span class="table_btn table_upload">
										<input type="file" id="upload_picture">
                    <input type="hidden" name="logo" id="logo" value="{$data['logo']}"/>
                    <div class="upload-img-box">
                      <notempty name="data['logo']">
                        <div class="upload-pre-item">
													<span class="placeholder-graphic placeholder-graphic_logo"><img src="{$data.logo|get_cover='path'}"/></span>
												</div>
                      </notempty>
                    </div></span>
                      <span class="notice-text">(尺寸:342*199px)设置该游戏详情页顶部LOGO</span>
                  </td>
              </tr>
              <tr class="picbox">
                  <th class="l">背景图片</th>
                  <td>
									<span class="table_btn table_upload">
                    <input type="file" id="upload_picture1">
                    <input type="hidden" name="backgroundimg" id="backgroundimg" value="{$data['backgroundimg']}"/>
                    <div class="upload-img-box">
                      <notempty name="data['backgroundimg']">
                        <div class="upload-pre-item">
													<span class="placeholder-graphic placeholder-graphic_sbg"><img src="{$data.backgroundimg|get_cover='path'}"/></span>
												</div>
                      </notempty>
                    </div></span>
                      <span class="notice-text">(尺寸:1920*950px)设置该游戏详情页头部大的背景图</span>
                  </td>
              </tr>
              <tr>
                <th class="l">背景色</th>
                <td class="r"><input type="text" class="txt"  name="backgroundcolor" value="{$data['backgroundcolor']}">
                <span class="notice-text">背景颜色 *#fff</span></td>
              </tr>
              <tr class="picbox">
                  <th class="l">轮播图:</th>
                  <td class="r">
									<span class="table_btn table_upload table_shuffling">
                      {:hook('UploadImages', array('name'=>'shuffling','value'=>$data['shuffling'],'flag'=>true))}
                    </span>  
										<span class="notice-text">(尺寸:592*333px)</span>
                  </td>
              </tr>
              <tr class="picbox">
                   <th class="l">游戏截图:</th>
                   <td class="r">
									 <span class="table_btn table_upload table_screenshot">
                   {:hook('UploadImages', array('name'=>'screenshots','value'=>$data['screenshots'],'flag'=>true))}
                   </span>
									 <span class="notice-text">(尺寸:589*364px)上传游戏的截图信息</span>
                   </td>
              </tr>
          </table>
         <div class="form-item cf">
          <input type="hidden" name="id"  value="{$data['id']}"> 
           <input type="hidden" name="createtime" value="{:date('Y-m-d H:i:s')}"> 
           <input type="hidden" name="gamename"  id="gamename" value="{$data.gamename}"> 
           <button class="submit_btn ajax-post hidden mlspacing" id="submit" type="submit" target-form="form-horizontal">确 定</button>
           <a class="submit_btn" href="javascript:history.back(-1);">返 回</a>
          </div>
        </form>
    </div>
		
		<div class="common_settings">
			<span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
			<form class="addShortcutIcon">
				<input type="hidden" name="title" value="{$m_title}">
				<input type="hidden" name="url" value="Selfbuilt/index">
			</form>
			<a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
		</div>
		
</block>

<block name="script">
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
<php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript">
$('#submit').click(function(){
    $('#form').submit();
});

$(function(){
    $('.time').datetimepicker({
        format: 'yyyy-mm-dd hh:ii',
        language:"zh-CN",
        minView:2,
        autoclose:true
    });
    showTab();
	$(".table_shuffling .upload-img-box").css("width","1000px");
	$(".table_screenshot .upload-img-box").css("width","1000px");

});
Think.setValue("templateid", {$data['templateid']|default = 0});
Think.setValue("gameid", {$data['gameid']|default = 0});
$("#gameid").change(function(){
	var gameid = $("#gameid").val();
	var aj="{:U('getgame_nme')}";
	$.ajax({
	  url: aj,
	  type: 'POST',
	  dataType: 'json',
	  data: {"gameid":gameid},
	  success:function(data){
	    $("#gamename").val(data.data);
	  },
	  error:function(){
	
	  }
})

  var url = "{:C('WEB_DOMAIN_NAME')}/media.php?s=/Selfbuilt/game/game_id/"+gameid;
  $("#weburl").val(url);
});

//上传图片
/* 初始化上传插件 */
$("#upload_picture").uploadify({
    "height"          : 30,
    "swf"             : "__STATIC__/uploadify/uploadify.swf",
    "fileObjName"     : "download",
    "buttonText"      : "上传图片",
    "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
    "width"           : 120,
    'removeTimeout'   : 1,
    'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif;',
    "onUploadSuccess" : uploadPicture1,
    'onFallback' : function() {
        alert('未检测到兼容版本的Flash.');
    }
});
function uploadPicture1(file, data){
    var data = $.parseJSON(data);
    var src = '';
      if(data.status){
        $("#logo").val(data.id);
        src = data.url || '__ROOT__' + data.path;
        $("#logo").parent().find('.upload-img-box').html(
          '<div class="upload-pre-item"><img src="' + src + '"/></div>'
        );
      } else {
        updateAlert(data.info);
        setTimeout(function(){
              $('#top-alert').find('button').click();
              $(that).removeClass('disabled').prop('disabled',false);
          },1500);
      }
}

     //上传图片
  /* 初始化上传插件 */
$("#upload_picture1").uploadify({
    "height"          : 30,
    "swf"             : "__STATIC__/uploadify/uploadify.swf",
    "fileObjName"     : "download",
    "buttonText"      : "上传图片",
    "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id(),'flag'=>true))}",
    "width"           : 120,
    'removeTimeout'   : 1,
    'fileTypeExts'    : '*.jpg; *.jpeg; *.png; *.gif;',
    "onUploadSuccess" : uploadPicture,
    'onFallback' : function() {
        alert('未检测到兼容版本的Flash.');
    }
});
function uploadPicture(file, data){
    var data = $.parseJSON(data);
    var src = '';
      if(data.status){
        $("#backgroundimg").val(data.id);
        src = data.url || '__ROOT__' + data.path;
        $("#backgroundimg").parent().find('.upload-img-box').html(
          '<div class="upload-pre-item"><img src="' + src + '"/></div>'
        );
      } else {
        updateAlert(data.info);
        setTimeout(function(){
              $('#top-alert').find('button').click();
              $(that).removeClass('disabled').prop('disabled',false);
          },1500);
      }
}
//导航高亮
highlight_subnav('{:U('Selfbuilt/index')}');
</script>

</block>