<div class="panel" ng-show="update.update == 0">
    <div class="nav">
        <ul>
            <li><a ng-class="{'selected': tab==0}" href="javascript:;" ng-click="tabChange(0)">WIFI</a></li>
            <li><a ng-class="{'selected': tab==1}" href="javascript:;" ng-click="tabChange(1)">USB</a></li>
            <li><a ng-class="{'selected': tab==2}" href="javascript:;" ng-click="tabChange(2)">WEB</a></li>
        </ul>
    </div>
    <div class="content">
        <div class="wifi-content" ng-show="tab==0">
            <div class="tip" ng-show="wifiDevices.length == 0">
                <div class="item">
                    <p data-locale="UI_PANEL_TEXT_1"></p>
                    <p data-locale="UI_PANEL_TEXT_26"></p>
                    <p data-locale="UI_PANEL_TEXT_3"></p>
                </div>
                <div class="local-ip">IP: <span ng-bind="localIP"></span></div>
            </div>
            <div class="device-list" ng-show="wifiDevices.length > 0">
                <ul>
                    <li ng-repeat="item in wifiDevices">
                        <i ng-show="item['status'] == 1" class="fa fa-check-circle"></i>
                        <p ng-bind="item['name']"></p>
                        <p><span ng-bind="item['resolution']"></span> <img ng-show="item['status'] == 0" width="100" src="./images/loading2.gif" alt=""></p>
                    </li>
                </ul>
            </div>
            <div class="qrcode-content" ng-show="showQrCode">
                <div class="qrcode" id="qrcode1"></div>
                <p data-locale="UI_PANEL_TEXT_4"></p>
            </div>
            <div class="ip-input" ng-show="showIpInput">
                <span data-locale="UI_PANEL_TEXT_5"></span>
                <input type="text" id="new-ip" ng-keyup="onAddIP($event)" value="{{deviceIP}}">
            </div>
            <div class="input">
                <a class="link" href="javascript:;" ng-click="showQrCode = !showQrCode" ng-bind="openQrCode(showQrCode)"></a>
                <a class="link" href="javascript:;" ng-click="showIpInput = !showIpInput" data-locale="UI_PANEL_TEXT_6"></a>
            </div>
        </div>
        <div class="usb-content" ng-show="tab==1">
            <div class="action" ng-show="usbDevices.length==0">
                <div class="item">
                    <p data-locale="UI_PANEL_TEXT_7"></p>
                    <p data-locale="UI_PANEL_TEXT_8"></p>
                    <p data-locale="UI_PANEL_TEXT_9"></p>
                </div>
                <div class="refresh-btns">
                    <button class="btn btn-default" ng-click="refreshUSBDevice(1)" data-locale="UI_PANEL_TEXT_10"></button>
                    <button class="btn btn-default" ng-click="refreshUSBDevice(2)" data-locale="UI_PANEL_TEXT_11"></button>
                </div>
                <div class="refresh-loading" ng-show="isRefreshing">
                    <i class="fa fa-spinner"></i> <span data-locale="UI_PANEL_TEXT_12"></span>
                </div>
                <div class="refresh-status" ng-show="usbStatus != ''" ng-bind="usbStatus"></div>
            </div>
            <div class="device-list" ng-show="usbDevices.length > 0">
                <ul>
                    <li ng-repeat="item in usbDevices">
                        <i class="fa fa-circle"></i>
                        <p ng-bind="item['name']"></p> <p ng-bind="item['resolution']"></p>
                    </li>
                </ul>
            </div>
            <div class="tip" ng-show="usbDevices.length == 0">
                <p data-locale="UI_PANEL_TEXT_13"></p>
                <p ng-show="isWin"><span data-locale="UI_PANEL_TEXT_14"></span><a href="javascript:;" ng-click="downloadItunes()" data-locale="UI_PANEL_TEXT_15"></a></p>
            </div>

        </div>
        <div class="web-content" ng-show="tab==2">
            <div class="qrcode" id="qrcode"></div>
            <p data-locale="UI_PANEL_TEXT_16"></p>

            <div class="link"><a href="javascript:;" ng-click="openBrowser()" data-locale="UI_PANEL_TEXT_17"></a> </div>
        </div>
    </div>
</div>
<div class="update expire" ng-show="update.update == 1">
    <div class="inner">
        <i class="fa fa-bell"></i>
        <h4 data-locale="UI_PANEL_TEXT_29"></h4>
        <p>{{update.version_name}}</p>
        <p ng-repeat="item in update.update_list">{{item}}</p>
        <div><a href="javascript:;" ng-click="updateapp()" data-locale="UI_PANEL_TEXT_27"></a></div>
        <div><a href="javascript:;" ng-click="skip()" data-locale="UI_PANEL_TEXT_28"></a></div>
    </div>
</div>