<?php
/**
 * The create view file of service module of ZenTaoPMS.
 *
 * @copyright   Copyright 2009-2015 青岛易软天创网络科技有限公司(QingDao Nature Easy Soft Network Technology Co,LTD, www.cnezsoft.com)
 * @license     ZPL (http://zpl.pub/page/zplv12.html)
 * @author      Yidong Wang <yidong@cnezsoft.com>
 * @package     service
 * @version     $Id$
 * @link        http://www.zentao.net
 */
?>
<?php include '../../common/view/header.html.php';?>
<?php include '../../common/view/kindeditor.html.php';?>
<style>
.input-group-addon{border-left:0px;}
table tr:first-child .has-icon-right.required:after {right: 30px;}
</style>
<div id='mainContent' class='main-content'>
  <div class='main-header'>
    <h2>
      <?php echo $lang->service->create?>
      <?php if($parent) echo " - " . $parent->name;?>
    </h2>
  </div>
  <form method='post' target='hiddenwin'>
    <table class='table table-form'>
      <tr>
        <th class='w-100px'><?php echo $lang->service->name?></th>
        <td colspan='2'>
          <div class='table-row'>
            <div class='table-col'>
              <div class="input-control has-icon-right required">
                <div class="colorpicker">
                  <button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown"><span class="cp-title"></span><span class="color-bar"></span><i class="ic"></i></button>
                  <ul class="dropdown-menu clearfix">
                    <li class="heading"><?php echo $lang->service->colorTag;?><i class="icon icon-close"></i></li>
                  </ul>
                  <input type="hidden" class="colorpicker" id="color" name="color" value="" data-icon="color" data-wrapper="input-control-icon-right" data-update-color="#name"  data-provide="colorpicker">
                </div>
                <?php echo html::input('name', '', "class='form-control' autocomplete='off'");?>
              </div>
            </div>
            <div class='table-col w-150px'>
              <div class='input-group'>
                <span class='input-group-addon'><?php echo $lang->service->version?></span>
                <?php echo html::input('version', '', "class='form-control'")?>
              </div>
            </div>
          </div>
        </td>
        <td class='w-400px'></td>
      </tr>
      <tr>
        <th><?php echo $lang->service->softName?></th>
        <td colspan='2'>
          <div class='table-row'>
            <div class='table-col'><?php echo html::input('softName', '', "class='form-control'")?></div>
            <div class='table-col w-150px'>
              <div class='input-group'>
                <span class='input-group-addon'><?php echo $lang->service->softVersion?></span>
                <?php echo html::input('softVersion', '', "class='form-control'")?>
              </div>
            </div>
          </div>
        </td>
      </tr>
      <tr>
        <th><?php echo $lang->service->dept?></th>
        <td class='w-250px'><?php echo html::select('dept', $depts, '', "class='form-control chosen'")?></td>
        <td></td><td></td>
      </tr>
      <tr>
        <th><?php echo $lang->service->devel?></th>
        <td><?php echo html::select('devel', $users, '', "class='form-control chosen'")?></td>
      </tr>
      <tr>
        <th><?php echo $lang->service->qa?></th>
        <td><?php echo html::select('qa', $users, '', "class='form-control chosen'")?></td>
      </tr>
      <tr>
        <th><?php echo $lang->service->ops?></th>
        <td><?php echo html::select('ops', $users, '', "class='form-control chosen'")?></td>
      </tr>
      <tr>
        <th><?php echo $lang->service->type?></th>
        <?php if(empty($parent)) unset($lang->service->typeList['component']);?>
        <td><?php echo html::radio('type', $lang->service->typeList, $type)?></td>
      </tr>
      <tr>
        <th><?php echo $lang->host->group?></th>
        <td colspan='3'><?php echo html::select('hostGroup[]', $hostGroup, '', "class='form-control chosen' multiple onchange='loadGroupHosts(this)'")?></td>
      </tr>
      <tr>
        <th><?php echo $lang->service->host?></th>
        <td colspan='3' id='hostsBox'><?php echo html::select('hosts[]', $hosts, '', "class='form-control chosen' multiple")?></td>
      </tr>
      <tr>
        <th><?php echo $lang->service->desc?></th>
        <td colspan='3'><?php echo html::textarea('desc', '', "class='form-control'")?></td>
      </tr>
      <tr>
        <td colspan='4' class='text-center form-actions'>
          <?php echo html::submitButton();?>
          <?php echo html::backButton();?>
        </td>
      </tr>
    </table>
  </form>
</div>
<script>
function loadGroupHosts(obj)
{
    var moduleIdList = '';
    var hosts        = '';
    if($(obj).val()) moduleIdList = $(obj).val().join(',');
    if($('#hosts').val()) hosts = $('#hosts').val().join(',');
    $.get(createLink('host', 'ajaxGetByModule', 'idList=' + moduleIdList + '&hosts=' + hosts), function(data)
    {
        $('#hostsBox').html(data);
        $('#hosts').chosen();
    });
}
</script>
<?php include '../../common/view/footer.html.php';?>
