  <div ng:controller="LibraryTypeMainController" class="row-fluid" id="body-main" qn:fillheight>
      <div class="col10">
          <div class="toolbar cfix">
              <div class="toolbar-group">
                  <h3>
                      <span class="circle circle-small blue"><span class="icon icon-book"></span></span>
                      {{$resource('documents.librarytype')}}
                  </h3>
              </div>
              <div class="toolbar-group">
                  <button title="{{$resource('utility.reset')}}" class="button tooltip" ng:show="isSearch()" ng:click="reset()"><i class="icon-angle-left"></i></button>
                  <button title="{{$resource('utility.search')}}" class="button tooltip" ng:click="filter()"><i class="icon-search"></i></button>
                  <div class="form button-widget" qn:popover>
                      <form>
                          <div class="control-group">
                              <label>{{$resource('documents.titlelib')}}</label>
                              <div class="controls">
                                  <input class="input-xlarge" placeholder="i.e. Wordpress" ng:model="query.title"/>
                              </div>
                          </div>
                          <div class="control-group">
                              <label class="control-label"></label>
                              <div class="controls">
                                  <button class="button lightblue" ng:click="search()"><i class="icon-search"></i></button>
                              </div>
                          </div> 
                      </form>
                  </div>
              </div>
              <div class="toolbar-group">
                  <button title="{{$resource('utility.refresh')}}" class="button tooltip" ng:click="refresh()"><i class="icon-refresh"></i></button>
              </div>
              <div class="toolbar-group right">
                  <span class="info">{{pager.from}}-{{pager.to}} of {{pager.total}}</span>
                  <button class="button prev" ng:disabled="!pager.canPrev()" ng:click="pager.prev()"><i class="icon-chevron-left"></i></button>
                  <button class="button next" ng:disabled="!pager.canNext()" ng:click="pager.next()"><i class="icon-chevron-right"></i></button>
              </div>
              <div class="toolbar-group">
                  <button title="{{$resource('utility.new')}}" class="button lightblue tooltip"><i class="icon-plus"></i></button>
                  <div qn:popover class="button-widget">
                      <form name="NewBlog" class="cfix">
                          <div class="control-group required">
                              <label class="control-label">{{$resource('documents.titlelib')}}</label>
                             <div class="controls">
                                  <input type="text" placeholder="Title"  name="Title" ng:model="newLibraryType.Title" required />
                                  <div ng:show="errors['newLibraryType.Title'][0]" class="error">{{$resource(errors['newLibraryType.Title'][0])}}</div>
                              </div>
                          </div>
                        <div class="control-group  required">
                            <label class="control-label">{{$resource('classifications.alias')}}</label>
                            <div class="controls">
                                <input type="text" name="Alias" ng:model="newLibraryType.Alias" required />
                                <div ng:show="errors['newLibraryType.Alias'][0]" style="display: block; clear: both; color: red; padding: 10px 0 0;">{{$resource(errors['newLibraryType.Alias'][0])}}</div>
                            </div>
                        </div>
                          <div class="control-group">
                              <label class="control-label">&nbsp;</label>
                              <div class="controls">
                                    <button type="button" ng:click="create()" class="button lightblue">{{$resource('documents.create')}}</button>
                              </div>
                          </div>
                      </form>
                  </div>
              </div>
          </div>    
          <div class="table table-hover fillh">
              <table>
                  <thead>
                      <tr>
                          <th class="icon">&nbsp;</th>
                          <th>{{$resource('documents.titlelib')}}</th>
                           <th>{{$resource('documents.alias')}}</th>
                           <th>{{$resource('documents.created')}}</th>
                          <th class="command"></th>
                      </tr>
                  </thead>
                  <tbody>
                      <tr ng:repeat="librarytype in librarytypes | filter : Title">
                          <td class="icon">
                              <div title="{{documents.Status.DisplayName}}" class="circle status-{{documents.Status.LowerName}}"><i class="icon icon-book"></i></div>
                          </td>
                          <td class="title" ng:click="select(librarytype)">
                              <div class="inner">
                                  <h2>{{librarytype.Title}}</h2>
                                  <p class="info">{{librarytype.CreatedBy}}</p>
                              </div>
                          </td>
                          <td>{{librarytype.Alias}}</td>
                          <td>{{librarytype.CreatedOn | date}}</td>
                          <td class="command icon">
                              <a title="{{$resource('utility.options')}}" class="button tooltip" class="trigger"><i class="icon-reorder"></i></a>
                              <div qn:popover="{position: {my: 'right top', at: 'left top'}}">
                                  <ul>
                                      <li ng:click="remove(librarytype, $index)"><a><i class="icon-trash"></i>{{$resource('documents.delete')}}</a></li>
                                      <li ng:click="updateLibraryType(librarytype)"><a><i class="icon-edit"></i>{{$resource('documents.edit')}}</a></li>
                                  </ul>
                              </div>
                          </td>
                      </tr>
                  </tbody>
              </table>
          </div>
      </div>
      <div class="col2 sidebar">
          <div class="toolbar toolbar-strip lightblue cfix">
              <div class="toolbar-group row-fluid">
                  <button title="Classifications" class="button lightblue col4" ng:class="{active:sidebarView == 'classifications'}" ng:click="switchSidebar('classifications')"><i class="icon-star"></i></button>
                  <button class="button lightblue col4"><i class="icon-tag"></i></button>
                  <button class="button lightblue col4"><i class="icon-tasks"></i></button>
              </div>
          </div>
      </div>
      <div qn:dialog="ui.dialogUpdateLibraryType">
          <div>
              <form class="form-horizontal" name="UpdateLibrary">
                  <div class="control-group required">
                      <label class="control-label">{{$resource('documents.titlelib')}}</label>
                      <div class="controls">
                          <input class="input-medium" type="text" name="Title" ng:model="librarytype.Title" required/>
                          <div ng:show="errors['librarytype.Title'][0]" class="error">{{$resource(errors['librarytype.Title'][0])}}</div>
                      </div>
                  </div>
                   <div class="control-group  required">
                            <label class="control-label">{{$resource('classifications.alias')}}</label>
                            <div class="controls">
                                  <input class="input-medium" type="text" ng:model="librarytype.Alias" required />
                                <div ng:show="errors['librarytype.Alias'][0]" style="display: block; clear: both; color: red; padding: 10px 0 0;">{{$resource(errors['librarytype.Alias'][0])}}</div>
                            </div>
                        </div>
              </form>
          </div>
          <div class="control-group commands">
              <label class="control-label">&nbsp;</label>
              <div class="controls">
                  <button type="button" ng:click="edit()" class="button lightblue">{{$resource('documents.save')}}</button> &nbsp; <button class="button" ng:click="cancelUpdate()">{{$resource('documents.cancel')}}</button>
              </div>
          </div>
      </div>
  </div>