{% extends "base-with-sidebar.html" %}
{% load authperm %}
{% load staticres %}

{% block title %}
	设置权限 - 丘丘塔台
{% endblock %}

{% block sidebar %}
	{% ifequal rfm "a" %}
		{% include "home/sysconf.sidebar.html" %}
	{% else %}
		{% include "home/front.sidebar.html" %}
	{% endifequal %}
{% endblock %}

{% block head %}
{% res js "duallistbox" %}
{% res css "duallistbox" %}
{% res js "switch" %}
{% res css "switch" %}
{% res js "tagsinput" %}
{% res css "tagsinput" %}
{% endblock %}

{% block content %}
<form class="form-horizontal" role="form" action="" method="POST" onkeydown="if(event.keyCode==13)return false;" >
	{% csrf_token %}
    {% for item in form %}
    <input type="hidden" name="rfm" value="{{rfm}}">
	<div class="form-group">
		<label class="control-label col-md-1">{{item.label}}</label>
		<div class="col-md-11">{{item}}</div>
		<div class="col-md-offset-1 col-md-10">{{item.errors}}</div>
	</div>
	{% endfor %}
	<div class="form-group">
		<div class="col-md-offset-1 col-md-10">
			<button type="submit" class="btn btn-primary btn-lg">提交更改</button>
		</div>
	</div>
</form>
<script>
    $('select[name="readgrp"]').bootstrapDualListbox({
          nonSelectedListLabel: '可选择用户组',
          selectedListLabel: '已选择用户组',
          preserveSelectionOnMove: 'moved',
          moveOnSelect: false,
    });
    $('select[name="commentgrp"]').bootstrapDualListbox({
          nonSelectedListLabel: '可选择用户组',
          selectedListLabel: '已选择用户组',
          preserveSelectionOnMove: 'moved',
          moveOnSelect: false,
    });
    $("input[type='checkbox']").bootstrapSwitch();
    //$("select[name='"+fieldname+"']").tagsinput('items');
    
    function getWarpperBeforeInput(tgi){
    	var elt = tgi.$input[0];
    	var container = tgi.$container[0];
    	while(elt && elt.parentNode !== container){
			elt = elt.parentNode;
		}
		return $(elt);
    }

    function RegistUserTaginput(fieldname){
    	var olist = $("select[name='"+fieldname+"']").val();
    	$("select[name='"+fieldname+"']").tagsinput({
	    	confirmKeys: [13, 32, 44],
	    	trimValue: true
	    });
	    $("select[name='"+fieldname+"']").on('beforeItemAdd', function(event) {
			// event.item: contains the item
			// event.cancel: set to true to prevent the item getting added
			var txt = event.item;
	        var tgi = $("select[name='"+fieldname+"']").data('tagsinput');
			console.log(txt);
			var $tag = $('<span class="tag label label-info "+fieldname+"-tag" ival="'+ txt +'">(验证用户有效性...)<span data-role="remove"></span></span>');
	        $tag.data('item', txt);
			getWarpperBeforeInput(tgi).before($tag);
			$tag.after(' ');
			$.get("/pichu/sysconf/ajax/getu/"+txt+"/",function(data){
				var tgi = $("select[name='"+fieldname+"']").data('tagsinput');
				$tag.data('item', data['nick']);
	            $($tag).html(data['nick']);
	            var $option = $('<option selected value="'+data['uid']+'">' + data['nick'] + '</option>');
	            $option.data('item', data['nick']);
	            tgi.$element.append($option);
			});
			event.cancel = true;
		});
	}

	RegistUserTaginput('readuin');
	RegistUserTaginput('readuex');
	RegistUserTaginput('commentuin');
	RegistUserTaginput('commentuex');
    
</script>
{% endblock %}