Simplify administration of the m2m relations in the admin panel.

Corresponding html from previous implementation:
m2m

                  <td style="width:80%;" class="search">
                    <label class="col-sm-12 control-label form_label visible-xs" data-toggle="tooltip" data-placement="bottom" title="{{ .Help }}"><span class="camelcaseFix">{{.DisplayName}}</span>{{ if eq .Help "" }}{{ else }}<span class="text-muted" style="font-size:12px;"> <i class="fa fa-question-circle"></i>{{end}}:{{ if .Required }}<span style="color:#f00;font-weight:bold;">&nbsp;*</span>{{ end }}</label>
                    <div class="col-sm-12">
                      <select name="{{.Name}}" data-placeholder="Select" class="chosen-select form-control" tabindex="2" multiple{{if $is_readonly}} readonly {{end}}>
                        {{range .Choices}}
                        <option value="{{ .K }}"{{if .Selected}} selected{{end}}>{{ .V }}</option>
                        {{end}}
                      </select>
                      {{ if eq .Help "" }}{{ else }}<span class="text-muted" style="font-size:12px;"><i class="fa fa-question-circle"></i> {{.Help}}</span>{{ end }}
                      {{if ne "" (.ErrMsg)}}<span class="text-muted" style="font-size:12px; color:red;"><i class="fa fa-question-circle"></i> {{.ErrMsg}}</span>{{ end }}
                    </div>
                  </td>

fk  

                  <td style="width:80%;" class="search">
                    <label class="col-sm-12 control-label form_label visible-xs" data-toggle="tooltip" data-placement="bottom" title="{{ .Help }}"><span class="camelcaseFix">{{.DisplayName}}</span>{{ if eq .Help "" }}{{ else }}<span class="text-muted" style="font-size:12px;"> <i class="fa fa-question-circle"></i>{{end}}:{{ if .Required }}<span style="color:#f00;font-weight:bold;">&nbsp;*</span>{{ end }}</label>
                    <div class="col-sm-12">
                      <div class="input-group col-sm-12">
                        {{if and (eq .ApprovalAction 0) (ne .ChangedBy "")}}
                        <div class="input-group-addon" style="font-family:monospace;;overflow:hidden;max-width:200px;text-overflow:ellipsis;" title="{{.ChangedBy}} {{.ChangeDate.Format "2006-01-02 15:04"}}">
                          <a href="{{$RootURL}}approval/{{.ApprovalID}}" style="text-decoration:none;"><i class="fa fa-exclamation-triangle" style="color:#ffc028"></i> {{.NewValue}}</a>
                        </div>
                        {{else if eq .ApprovalAction 1}}
                        <div class="input-group-addon" style="font-family:monospace;" title="{{.ApprovalBy}} {{.ApprovalDate.Format "2006-01-02 15:04"}}">
                          <i class="fa fa-check" style="color:lime"></i>
                        </div>
                        {{else if eq .ApprovalAction 2}}
                        <div class="input-group-addon" style="font-family:monospace;" title="{{.ApprovalBy}} {{.ApprovalDate.Format "2006-01-02 15:04"}}">
                          <i class="fa fa-times" style="color:red"></i>
                        </div>
                        {{end}}
                        <select {{if .Required}} required {{end}} id="{{.Name}}" name="{{.Name}}ID" data-placeholder="Select" class="chosen-select form-control"  tabindex="2" {{if $is_readonly}} readonly="readonly" {{end}} {{ if eq .Pattern "" }}{{ else }}pattern="{{ .Pattern }}" {{ if eq .PatternMsg "" }}{{ else }}oninvalid="setCustomValidity('{{.PatternMsg}}')"{{ end }}{{ end }}>
                          {{range .Choices}}
                          <option value="{{if ne .K 0}}{{ .K }}{{end}}"{{if .Selected}} selected{{end}}>{{ .V }}</option>
                          {{end}}
                        </select>
                      </div>
                      <a class="camelcaseFixHrefID {{if $is_readonly}}hidden{{end}} no-style" href="{{$RootURL}}{{.TypeName}}ID">
                        <i class="fa fa-plus-circle"></i>&nbsp;add new
                      </a>
                      {{ if eq .Help "" }}{{ else }}<br /><span class="text-muted" style="font-size:12px;"><i class="fa fa-question-circle"></i> {{.Help}}</span>{{ end }}
                      {{if ne "" (.ErrMsg)}}<br /><span class="text-muted" style="font-size:12px; color:red;"><i class="fa fa-question-circle"></i> {{.ErrMsg}}</span>{{ end }}
                    </div>
                  </td>
sergeyglazyrindev / uadmin

Simplify administration of the m2m relations in the admin panel. #17
