<div class="lg-con ">
<div class="lg-nav">
    <div class="btn-group form-group-sm btn-mgl-10">
        <select class="form-control lg-w-120" temp-sys-click>
            <option value="0">系统模板</option>
            <option ng-repeat="usertype in usertypes" value="{{usertype.typeid}}" >{{usertype.typename}}</option>
        </select>

    </div>
    <div class="btn-group btn-group-sm btn-mgl-10 btn-mgr-10" ng-show="isnotsys">
        <button type="button" class="btn btn-default" manage-com-type><i class="fa fa-server"></i> 管理分类
        </button>
        <button type="button" class="btn btn-default" add-sys-type><i class="fa fa-folder-o"></i> 添加分类</button>

    </div>
    <div class="btn-group form-group-sm btn-mgl-10" ng-show="isnotsys">
        <button class="btn btn-success btn-sm btn-mgr-10" ng-click="addtemp(1)"><i class="fa fa-plus"></i> 添加模板
        </button>
        <button class="btn btn-danger btn-sm" temp-del-All><i class="fa fa-trash-o"></i> 删除</button>
    </div>
</div>
<div style="line-height: 60px; text-align: center;background-color:#fcfcfc;" ng-show="templists.length==0">暂无模板</div>

    <div class="photo-view photo-list" style="margin-left: 20px;" scroller-all="160">

      <div photoid="{{listitem.stencil_id}}" class="photo-view-list temp-list" photolist photoclick="0" ng-repeat="listitem in templists">
          <a href="javascript:;" class="photo-view-list-link"  style="width: 240px;height: 300px;">
          <img src="app/images/90.jpg" ng-src="{{listitem.temp_thumbnail}}" style="width: 236px;height: 296px;">
              <span class="photo-view-list-checkbox"></span>
              <span class="photo-view-list-mask" style="width: 236px;height: 296px;"></span>
              <span class="photo-addview-list-mask2" ng-show="isnotsys">
              		<p class="photo-view-handle2" ng-click="viewsysmodel(listitem.stencil_id)">预览</p>
              		<p class="photo-view-handle2" ng-click="editsysmodel(listitem.stencil_id)">编辑</p>
              		<p class="photo-view-handle2" cid="{{listitem.stencil_id}}" temp-del-single>删除</p>
          	  </span>
           	  <span class="photo-addview-list-mask2" ng-show="!isnotsys">
           		<p class="photo-view-handle2" style="margin: 120px 0px -45px 75px;" ng-click="viewsysmodel(listitem.stencil_id)">预览</p>
              </span>
             <!--  <span class="photo-view-list-bg"></span> -->
             <!--  <span class="photo-view-list-txt" >{{listitem.stencil_name}}</span> -->
             <!--  <span class="photo-view-list-operation text-right" ng-show="!isnotsys">
          	  	<i title="预览" class="fa fa-eye fa-2x" ng-click="viewsysmodel(listitem.stencil_id)"></i>&nbsp;&nbsp;
          	  </span>
          	  <span class="photo-view-list-operation text-right" ng-show="isnotsys">
	          	   <i title="预览" class="fa fa-eye fa-2x" ng-click="viewsysmodel(listitem.stencil_id)"></i>&nbsp;&nbsp;
	          	  <i title="编辑" class="fa fa-edit fa-2x" ng-click="editsysmodel(listitem.stencil_id)"></i>&nbsp;&nbsp;
	          	  <i title="删除" class="fa fa-trash-o fa-2x" cid="{{listitem.stencil_id}}" temp-del-single></i>&nbsp;&nbsp;&nbsp;&nbsp;</span> -->
          </a>
           <div title="{{listitem.stencil_name}}" ng-click="viewsysmodel(listitem.stencil_id)" 
	        style="text-align: center;margin-top:10px;cursor:pointer;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;">{{listitem.stencil_name}}
	      	</div>
      </div>
    </div>
    
    <!-- START 分页-->
    <div class="panel panel-default" ng-show="templists.length!=0">
        <div>
            <!-- START row-->
            <div class="row">
                <div class="col-lg-7  col-lg-offset-5 col-sm-10 col-sm-offset-2">
                    <pagination total-items="TotalItems" ng-model="CurrentPage" items-per-page="Pagesize" max-size="maxSize" boundary-links="true" rotate="false" num-pages="numPages" class="pagination-sm" ng-click="pageChanged()"></pagination>
                </div>
            </div>
            <!-- END row-->
        </div>
    </div>
    <!-- END 分页-->
</div>


<div id="dialog-temcompuser" title="管理公司分类" style="display: none;">
    <table class="table table-hover">
        <thead>
        <tr>
            <th>模板分类名</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="lp in usertypes">
            <td>
                {{lp.typename}}
            </td>
            <td width="150">
                <div class="btn-group">
                    <button class="btn btn-default btn-xs" cid="{{lp.typeid}}" typename=" {{lp.typename}}" temp-sys-type-edit><i class="fa fa-edit"></i> 编辑</button>
                    <button class="btn btn-default btn-xs" cid="{{lp.typeid}}" temp-com-type-del><i class="fa fa-trash-o"></i> 删除</button>
                </div>
            </td>
        </tr>

        </tbody>
    </table>
</div>

<div id="dialog-addsystype" title="添加系统分类" style="display: none;">
    <div class="panel-body">
        <input type="text" class="form-control" id="tempsystypename" placeholder="模板分类名">
    </div>
</div>

<div id="dialog-editsystype" title="编辑系统分类" style="display: none;">
    <div class="panel-body">
        <input type="text" class="form-control" id="tempeditsystypename" placeholder="模板分类名">
    </div>
</div>

<div id="dialog-delcomtype" title="删除系统分类" style="display: none">
    <div class="panel-body">
        是否同时删除该类下的所有模板: <input type="checkbox" name="deltempcomtype">
    </div>
</div>