<ion-view view-title="{{'managecompTitle' | translate}}">
    <ion-nav-buttons side="right">
        <button class="button button-clear" ng-click="showaddcompmodel()">
            <i class="icon ion-android-add"></i>
        </button>
    </ion-nav-buttons>
    <ion-content>
        <div class="item item-divider divider-font">{{'hasjoinedcompTitle' | translate}}({{compdata==undefined?0:compdata.length}})</div>
        <div ng-if="loading" class="center init-load action-sheet-backdrop">
            <ion-spinner icon="android"></ion-spinner>
        </div>
        <ion-list ng-init="init()" ng-show="!loading">
            <div ng-repeat="comp in compdata">
                <ion-item class=" comp-item item-avatar item-icon-right" type="item-text-wrap">
                    <img ng-src="{{comp.file_thumbnail_path}}">
                    <label for="" class="item-text-wrap">{{comp.name}}&nbsp;&nbsp;({{'codeTitle' | translate}}:{{comp.id}})</label>
                    <p><i class="ion-ios-person-outline icon-accessory ion-person"></i>{{'administratorTitle' | translate}} {{comp.compadmins}}</p>
                </ion-item>
                <div class="comp-op">
                    <div>
                        <label for="">{{'hadjoinedTitle' | translate}}: {{comp.usrcount}}{{'personTitle' | translate}}</label>
                        <button class="button button-outline button-calm" ng-if="comp.op==0&&comp.usr_status==2" ng-click="tocompinfo(comp.id,0)">{{'seeTitle' | translate}}</button>
                        <button class="button button-outline button-calm" ng-if="comp.op==1&&comp.usr_status==2" ng-click="tocompinfo(comp.id,1)">{{'editTitle' | translate}}</button>
                    </div>
                </div>
            </div>
            <ion-list>
    </ion-content>
</ion-view>

