create.blade.php 4.19 KB
                      <!-- Heading -->
                      <h5 class="innerAll margin-none bg-primary">
                        <i class="fa fa-fw fa-pencil"></i>Add Skill Group
                        <a href="#" class="btn btn-sm btn-inverse pull-right btn-xs" style="margin-top: -5px;" onclick="return false">
                          <i class="fa fa-user fa-fw"></i>
                          
                        </a>  
                      </h5>
                      
                    
<form method="post" id="skillgroupForm" class="innerAll">
  <fieldset>

  <div class="control-group">
    <label class="col-md-4 control-label" for="skillgroup">Skill Group Name</label>
    <div class="col-md-8 controls tmar">
      <input class="form-control" id="skillgroup" name="skillgroup" type="text" value="" required />
    </div>
    </div>

    <div class="control-group ">
    <label class="col-md-4 control-label" for="code">User List</label>
    <div class="col-md-8 controls tmar">
      <select id="username" class="select2multi" style='width:100%' multiple="">
            <option value></option>
            <?php if(isset($username))foreach($username as $user){;echo "<option value='$user'>$user</option>";} ?> 
          </select>
    </div>
    </div>

    <!-- <div class="control-group">
    <label class="col-md-4 control-label" for="subDisposition">Sub Disposition</label>
    <div class="col-md-8 controls tmar">
      <input class="form-control" id="subDisposition" name="subDisposition" type="text" required />
    </div>
    </div> -->

    <!-- <div class="control-group">
    <label class="col-md-4 control-label" for="status">Status</label>
    <div class="col-md-8 controls tmar">
      <select class="form-control" id="" name="status" >
        <option value="active">Active</option>
        <option value="inactive">Inactive</option>
      </select>
    </div>
    </div> -->

    <div class="form-actions">
	 <!--  <button type="submit" class="btn btn-primary" onclick='createDisposition();return false;'>Save changes</button> -->

   <input type="submit" name="save" id="save" class="btn btn-primary" value="Save">
    </div>
  </fieldset>
</form>
<script>
  $(document).ready(function(){

   //var maxField = 10; //Input fields increment limitation
    var addButton = $('.add_button'); //Add button selector
    var wrapper = $('.field_wrapper'); //Input field wrapper
    var fieldHTML = '<div class="row"><label class="col-md-4 control-label" for="subDisposition"></label><div class="col-md-7 controls tmar"><input type="text" class="form-control" name="subDisposition[]" required /></div><div class="col-md-1 controls tmar"><a href="javascript:void(0);" class="remove_button"><i class="fa fa-minus fa-3 iconsize" aria-hidden="true"></i></a></div></div>'; //New input field html 

    //var x = 1; //Initial field counter is 1
    
    //Once add button is clicked
    $(addButton).click(function(){
        //Check maximum number of input fields
        //if(x < maxField){ 
            //x++; //Increment field counter
            $(wrapper).append(fieldHTML); //Add field html
        //}
    });
    
    //Once remove button is clicked
    $(wrapper).on('click', '.remove_button', function(e){
        e.preventDefault();
        $(this).parent('div').parent('div').remove(); //Remove field html
        //x--; //Decrement field counter
    });

  $('#skillgroupForm').on('submit', function(event){
      event.preventDefault();
      var putdata = $('#skillgroupForm').serialize();
       putdata += "&username="+$('#username').val();
      //console.log(putdata);
      doAjax('skillgroup?action=isExists',putdata,'','','','POST',function(retrstr){
          if(retrstr.responseText === "true"){
             simpleNotification('Error','topRight',"Skill Group Already Exists!");
             return false;
          }else{
            doAjax('skillgroup?action=createSkillGroup',putdata,'skillgroupFormDiv','ajax_group_create','singlethis','POST',function(retrstr){
                doAjax('skillgroup','','content','ajax_disposition','singlethis','GET',function(retrstr){
                    simpleNotification('Success','topRight',"Skill created suceesfully!");
                });
            });
          }
      });
  });
  
});
</script>