<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>
    
    </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('add')}" method="post" class="form-horizontal">
          <!-- 基础文档模型 -->
        <div id="tab1" class="tab-pane in tab1">
            <table  border="0" cellspacing="0" cellpadding="0">
            <tbody>
              <tr>
                <th class="l">官网名称</th>
                <td class="r"><input type="text" class="txt" name="webname" value=""></td>
              </tr>
              <tr>
                <th class="l">关键字</th>
                <td class="r"><input type="text" class="txt" name="keyword" value=""></td>
              </tr>
              <tr>
                <th class="l"><i class="mustmark">*</i>游戏名称</th>
                <td class="r">
                  <select id="gameid" name="gameid">
                    <option value="" >请选择游戏</option>
                    <volist name=":get_game_list()" id="vo">
                    <option value="{$vo.id}" >{$vo.game_name}</option>
                    </volist>
                  </select>
                </td>
              </tr>
              <tr style="display:none;">
                <th class="l">模板名称</th>
                <td class="r">
                  <select name="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=""></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"><img src="{$data.logo|get_cover='path'}"/></div>
                      </notempty>
                    </div>
										</span>
                      <span class="notice-text">(尺寸:342*199px)设置该游戏详情页顶部LOGO</span>
                  </td>
              </tr>
              <tr>
                <th class="l">背景色</th>
                <td class="r"><input type="text" class="txt"  name="backgroundcolor">
                <span class="notice-text">背景颜色 *#fff</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"><img src="{$data.backgroundimg|get_cover='path'}"/></div>
                      </notempty>
                    </div>
										</span>
                      <span class="notice-text">(尺寸:1920*950px)设置该游戏详情页头部大的背景图</span>
                  </td>
              </tr>
              <tr class="picbox">
                  <th class="l">轮播图:</th>
                  <td class="r" colspan='3'>
										<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>
            </tbody>
          </table>
          
         <div class="form-item cf">
              <input type="hidden" name="createtime" value="{:date('Y-m-d H:i:s')}"> 
              <input type="hidden" name="gamename" id="gamename" value=""> 
              <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>
             
          </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");

});

$("#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);
  alert(sd);
});

//上传图片
/* 初始化上传插件 */
$("#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"><span class="placeholder-graphic placeholder-graphic_logo"><img src="' + src + '"/></span></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"><span class="placeholder-graphic placeholder-graphic_sbg"><img src="' + src + '"/></span></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>