<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="manageMobile.aspx.cs" Inherits="Web.Wpdcc.manageMobile" %>

<!DOCTYPE html>

<html>
<!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--#include file="../Css/head.htm"-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>网站高级属性设置</title>

    <meta name="description" content="Common UI Features &amp; Elements" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <!-- inline styles related to this page -->
    <style>
        /* some elements used in demo only */
        .spinner-preview {
            width: 100px;
            height: 100px;
            text-align: center;
            margin-top: 60px;
        }

        .dropdown-preview {
            margin: 0 5px;
            display: inline-block;
        }

            .dropdown-preview > .dropdown-menu {
                display: block;
                position: static;
                margin-bottom: 5px;
            }

        .subTr {
            display: none;
        }
    </style>

    

</head>
<body>
    <div class="main-content-inner">
        <!-- #section:basics/content.breadcrumbs -->
        <div class="breadcrumbs" id="breadcrumbs">
            <ul class="breadcrumb">
                <li>
                    <i class="ace-icon fa  fa-desktop"></i>
                    <a href="../welcome.aspx">主页</a>
                </li>
                <li>网站高级属性设置
                </li>
                <li class="active">手机微站</li>
            </ul>
        </div>
        <!-- /section:basics/content.breadcrumbs -->
        <div class="page-content">
            <div class="row">
                <div class="col-xs-12">
                    <!-- PAGE CONTENT BEGINS -->
                    <div class="edit-func-box func-box">
                        <form id="form1" method="post" runat="server">
                            <!-- #section:elements.tab.option -->
                            <div class="tabbable">
                                <ul class="nav nav-tabs" id="myTab4">
                                    <li>
                                        <a aria-expanded="false" href="manageUploadFilesProperty.aspx" data-toggle="tab">上传限制</a>
                                    </li>
                                    <li>
                                        <a aria-expanded="false" href="manageWatermark.aspx" data-toggle="tab">水印设置</a>
                                    </li>
                                    <li>
                                        <a aria-expanded="false" href="manageMessageBoardProperty.aspx" data-toggle="tab">留言本</a>
                                    </li>
                                    <li class="active">
                                        <a aria-expanded="false" href="manageMobile.aspx" data-toggle="tab">手机微站</a>
                                    </li>
                                    <li>
                                        <a aria-expanded="false" href="manageSSOProperty.aspx" data-toggle="tab">单点登录</a>
                                    </li>
                                    <li>
                                        <a aria-expanded="false" href="manageRegService.aspx" data-toggle="tab">服务注册管理</a>
                                    </li>
                                    <li>
                                        <a aria-expanded="false" href="manageSMTP.aspx" data-toggle="tab">邮件服务参数设置</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- /section:elements.tab.option -->
                            <div class="bd  tab-content">
                                <table class="edit-table">
                                    <tr>
                                        <th width="35%">微网站首页：
                                        </th>
                                        <td>
                                            <asp:DropDownList ID="ddlMbIndex" runat="server" DataValueField="pkId" CssClass="input-md"
                                                DataTextField="name">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th width="35%">微网站新闻页模板：
                                        </th>
                                        <td>
                                            <asp:DropDownList ID="ddlMbNewsTmpid" runat="server" DataValueField="pkId" CssClass="input-md"
                                                DataTextField="name">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr id="wxname" runat="server" visible="false">
                                        <th width="35%">开启推送微信功能：</th>
                                        <td>
                                            <input id="rblIsWeixin" runat="server" name="switch-field-1" class="ace ace-switch ace-switch-5" type="checkbox" />
                                            <span class="lbl middle"></span>
                                        </td>
                                    </tr>
                                    <tr class="subTr" id="weixin" runat="server" visible="false">
                                        <td colspan="2">
                                            <div class="list-func-box func-box" style="border-bottom: 1px solid #CCC; border-bottom-color: #d5e3ef;">
                                                <table class="edit-table">
                                                    <tr>
                                                        <th width="35%">微信公众号名称：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtWxName" runat="server" class="input-md w3" msgName="微信公众号名称"></asp:TextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th width="35%">微信公众号帐号：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtWxAccount" runat="server" class="input-md w3" msgName="微信公众号帐号"></asp:TextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th width="35%">微信接口服务器地址：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtWxUrl" runat="server" class="input-md w3" msgName="微信接口服务器地址"></asp:TextBox>
                                                            &nbsp;<p><span class="tip">由微信公众号平台提供</span></p>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th width="35%">微信接口令牌：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtWxToken" runat="server" class="input-md w3" msgName="微信接口令牌"></asp:TextBox>
                                                            &nbsp;<p><span class="tip">由微信公众号平台提供</span></p>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th width="35%">开发者凭据：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtWxAppId" runat="server" class="input-md w3" msgName="开发者凭据"></asp:TextBox>
                                                            &nbsp;<p><span class="tip">由微信公众号平台提供</span></p>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th width="35%">开发者密钥：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtWxAppSecret" runat="server" class="input-md w3" msgName="开发者密钥"></asp:TextBox>
                                                            &nbsp;<p><span class="tip">由微信公众号平台提供</span></p>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr id="wkname" runat="server" visible="false">
                                        <th width="35%">开启推送微课功能：</th>
                                        <td>
                                            <input id="rblIsWeike" runat="server" name="switch-field-1" class="ace ace-switch ace-switch-5" type="checkbox" />
                                            <span class="lbl middle"></span>
                                        </td>
                                    </tr>
                                    <tr class="subTr" id="weike" runat="server" visible="false">
                                        <td colspan="2">
                                            <div class="list-func-box func-box">
                                                <table class="edit-table">
                                                    <tr>
                                                        <th width="35%">微课公众号平台地址：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtWeikeUrl" runat="server" class="input-md w3" msgName="微课公众号平台服务地址"></asp:TextBox>
                                                            <span data-rel="popover" data-trigger="hover" data-placement="right" data-content="如：http://192.168.0.100:81/" title data-original-title="请填写完整http地址，非80端口请标明" style="display: inline-block;"> 
                                                                <i class="fa fa-question-circle bigger-120 blue" ></i>
                                                            </span>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th width="35%">服务约定字符串：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtWeikeAppoint" runat="server" class="input-md w3" msgName="服务约定字符串"></asp:TextBox>
                                                            &nbsp;<p><span class="tip">注：服务约定字符串请注意保密。</span></p>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th width="35%">公众号ID：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtPublicID" runat="server" class="input-md w3" msgName="公众号ID"></asp:TextBox>
                                                            &nbsp;<p><span class="tip">由微课公众号平台提供</span></p>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <th width="35%">公众号显示名称：
                                                        </th>
                                                        <td>
                                                            <asp:TextBox ID="txtPublicName" runat="server" class="input-md w3" msgName="公众号显示名称"></asp:TextBox>
                                                            &nbsp;<p><span class="tip">由微课公众号平台提供</span></p>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                                <div class="ft">
                                    <div class="action-field btn-pl">
                                        <asp:Button ID="btnSave" class="btn btn-sm btn-primary" runat="server" Text="保 存" OnClientClick="return checkAllValidate();" OnClick="btn_Click"></asp:Button>
                                        &nbsp;
                    <asp:Button ID="btnReset" class="btn btn-sm btn-primary" runat="server" Text="重 载" OnClick="btn_Click"></asp:Button>
                                    </div>
                                </div>
                            </div>
                            <!--/edit-table-->
                        </form>
                    </div>
                    <!-- PAGE CONTENT ENDS -->
                </div>
            </div>
        </div>
        <!-- /.page-content -->
    </div>
    <!--/universal-box-->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='../assets/js/jquery1x.js'>" + "<" + "/script>");
    </script>
    <![endif]-->
		<script type="text/javascript">
		    if ('ontouchstart' in document.documentElement) document.write("<script src='../js/jquery.mobile.custom.js'>" + "<" + "/script>");
        </script>
    <!-- inline scripts related to this page -->
    <script src="../../Js/jQuery.js"></script>
    <script type="text/javascript">
        jQuery(function ($) {

            if (document.getElementById("rblIsWeike") != null) {
                if (document.getElementById("rblIsWeike").checked) {
                    $("#weike").show();
                }
                else {
                    $("#weike").hide();
                }
            }
            else { }

            if (document.getElementById("rblIsWeixin") != null) {
                if (document.getElementById("rblIsWeixin").checked) {
                    $("#weixin").show();
                }
                else {
                    $("#weixin").hide();
                }
            }
            else { }

            $("#rblIsWeike").change(function () {
                if (document.getElementById("rblIsWeike").checked) {
                    $("#weike").show();
                }
                else {
                    $("#weike").hide();
                }
            });

            $("#rblIsWeixin").change(function () {
                if (document.getElementById("rblIsWeixin").checked) {
                    $("#weixin").show();
                }
                else {
                    $("#weixin").hide();
                }
            });

            /**
            $('#myTab a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
              //console.log(e.target.getAttribute("href"));
            })
                
            $('#accordion').on('shown.bs.collapse', function (e) {
                //console.log($(e.target).is('#collapseTwo'))
            });
            */

            $('#myTab a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                //if($(e.target).attr('href') == "#home") doSomethingNow();
            })


            /**
                //go to next tab, without user clicking
                $('#myTab > .active').next().find('> a').trigger('click');
            */


            $('#accordion-style').on('click', function (ev) {
                var target = $('input', ev.target);
                var which = parseInt(target.val());
                if (which == 2) $('#accordion').addClass('accordion-style2');
                else $('#accordion').removeClass('accordion-style2');
            });

            //$('[href="#collapseTwo"]').trigger('click');


            var oldie = /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase());
            $('.easy-pie-chart.percentage').each(function () {
                $(this).easyPieChart({
                    barColor: $(this).data('color'),
                    trackColor: '#EEEEEE',
                    scaleColor: false,
                    lineCap: 'butt',
                    lineWidth: 8,
                    animate: oldie ? false : 1000,
                    size: 75
                }).css('color', $(this).data('color'));
            });

            $('[data-rel=tooltip]').tooltip();
            $('[data-rel=popover]').popover();


            $('#gritter-regular').on(ace.click_event, function () {
                $.gritter.add({
                    title: 'This is a regular notice!',
                    text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" class="blue">magnis dis parturient</a> montes, nascetur ridiculus mus.',
                    image: '../avatars/avatar1.png', //in Ace demo ../assets will be replaced by correct assets path
                    sticky: false,
                    time: '',
                    class_name: (!$('#gritter-light').get(0).checked ? 'gritter-light' : '')
                });

                return false;
            });

            $('#gritter-sticky').on(ace.click_event, function () {
                var unique_id = $.gritter.add({
                    title: 'This is a sticky notice!',
                    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" class="red">magnis dis parturient</a> montes, nascetur ridiculus mus.',
                    image: '../avatars/avatar.png',
                    sticky: true,
                    time: '',
                    class_name: 'gritter-info' + (!$('#gritter-light').get(0).checked ? ' gritter-light' : '')
                });

                return false;
            });


            $('#gritter-without-image').on(ace.click_event, function () {
                $.gritter.add({
                    // (string | mandatory) the heading of the notification
                    title: 'This is a notice without an image!',
                    // (string | mandatory) the text inside the notification
                    text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" class="orange">magnis dis parturient</a> montes, nascetur ridiculus mus.',
                    class_name: 'gritter-success' + (!$('#gritter-light').get(0).checked ? ' gritter-light' : '')
                });

                return false;
            });


            $('#gritter-max3').on(ace.click_event, function () {
                $.gritter.add({
                    title: 'This is a notice with a max of 3 on screen at one time!',
                    text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href="#" class="green">magnis dis parturient</a> montes, nascetur ridiculus mus.',
                    image: '../avatars/avatar3.png', //in Ace demo ../assets will be replaced by correct assets path
                    sticky: false,
                    before_open: function () {
                        if ($('.gritter-item-wrapper').length >= 3) {
                            return false;
                        }
                    },
                    class_name: 'gritter-warning' + (!$('#gritter-light').get(0).checked ? ' gritter-light' : '')
                });

                return false;
            });


            $('#gritter-center').on(ace.click_event, function () {
                $.gritter.add({
                    title: 'This is a centered notification',
                    text: 'Just add a "gritter-center" class_name to your $.gritter.add or globally to $.gritter.options.class_name',
                    class_name: 'gritter-info gritter-center' + (!$('#gritter-light').get(0).checked ? ' gritter-light' : '')
                });

                return false;
            });

            $('#gritter-error').on(ace.click_event, function () {
                $.gritter.add({
                    title: 'This is a warning notification',
                    text: 'Just add a "gritter-light" class_name to your $.gritter.add or globally to $.gritter.options.class_name',
                    class_name: 'gritter-error' + (!$('#gritter-light').get(0).checked ? ' gritter-light' : '')
                });

                return false;
            });


            $("#gritter-remove").on(ace.click_event, function () {
                $.gritter.removeAll();
                return false;
            });


            ///////


            $("#bootbox-regular").on(ace.click_event, function () {
                bootbox.prompt("What is your name?", function (result) {
                    if (result === null) {

                    } else {

                    }
                });
            });

            $("#bootbox-confirm").on(ace.click_event, function () {
                bootbox.confirm("Are you sure?", function (result) {
                    if (result) {
                        //
                    }
                });
            });

            /**
                $("#bootbox-confirm").on(ace.click_event, function() {
                    bootbox.confirm({
                        message: "Are you sure?",
                        buttons: {
                          confirm: {
                             label: "OK",
                             className: "btn-primary btn-sm",
                          },
                          cancel: {
                             label: "Cancel",
                             className: "btn-sm",
                          }
                        },
                        callback: function(result) {
                            if(result) alert(1)
                        }
                      }
                    );
                });
            **/

            $("#bootbox-options").on(ace.click_event, function () {
                bootbox.dialog({
                    message: "<span class='bigger-110'>I am a custom dialog with smaller buttons</span>",
                    buttons:
                    {
                        "success":
                         {
                             "label": "<i class='ace-icon fa fa-check'></i> Success!",
                             "className": "btn-sm btn-success",
                             "callback": function () {
                                 //Example.show("great success");
                             }
                         },
                        "danger":
                        {
                            "label": "Danger!",
                            "className": "btn-sm btn-danger",
                            "callback": function () {
                                //Example.show("uh oh, look out!");
                            }
                        },
                        "click":
                        {
                            "label": "Click ME!",
                            "className": "btn-sm btn-primary",
                            "callback": function () {
                                //Example.show("Primary button");
                            }
                        },
                        "button":
                        {
                            "label": "Just a button...",
                            "className": "btn-sm"
                        }
                    }
                });
            });



            $('#spinner-opts small').css({ display: 'inline-block', width: '60px' })

            var slide_styles = ['', 'green', 'red', 'purple', 'orange', 'dark'];
            var ii = 0;
            $("#spinner-opts input[type=text]").each(function () {
                var $this = $(this);
                $this.hide().after('<span />');
                $this.next().addClass('ui-slider-small').
                addClass("inline ui-slider-" + slide_styles[ii++ % slide_styles.length]).
                css('width', '125px').slider({
                    value: parseInt($this.val()),
                    range: "min",
                    animate: true,
                    min: parseInt($this.attr('data-min')),
                    max: parseInt($this.attr('data-max')),
                    step: parseFloat($this.attr('data-step')) || 1,
                    slide: function (event, ui) {
                        $this.val(ui.value);
                        spinner_update();
                    }
                });
            });



            //CSS3 spinner
            $.fn.spin = function (opts) {
                this.each(function () {
                    var $this = $(this),
                        data = $this.data();

                    if (data.spinner) {
                        data.spinner.stop();
                        delete data.spinner;
                    }
                    if (opts !== false) {
                        data.spinner = new Spinner($.extend({ color: $this.css('color') }, opts)).spin(this);
                    }
                });
                return this;
            };

            function spinner_update() {
                var opts = {};
                $('#spinner-opts input[type=text]').each(function () {
                    opts[this.name] = parseFloat(this.value);
                });
                opts['left'] = 'auto';
                $('#spinner-preview').spin(opts);
            }



            $('#id-pills-stacked').removeAttr('checked').on('click', function () {
                $('.nav-pills').toggleClass('nav-stacked');
            });






            ///////////
            $(document).one('ajaxloadstart.page', function (e) {
                $.gritter.removeAll();
                $('.modal').modal('hide');
            });

        });
    </script>
    <!--#include file="../Css/foot.htm"-->
    <script type="text/javascript">
        $(document).ready(function () {

            $("#btnStatic").click(function () {
            }).fancybox({
                'width': 1000,
                'height': 600,
                'type': 'iframe',
                'padding': '0'
            })

            $("#btnWeike").click(function () {
            }).fancybox({
                'width': 750,
                'height': 380,
                'type': 'iframe',
                'padding': '0'
            })

            $("#btnWeixin").click(function () {

            }).fancybox({
                'width': 750,
                'height': 450,
                'type': 'iframe',
                'padding': '0'
            })

            $("#btnSMTP").click(function () {

            }).fancybox({
                'width': 750,
                'height': 450,
                'type': 'iframe',
                'padding': '0'
            })

            $("#btnSSO").click(function () {

            }).fancybox({
                'width': 750,
                'height': 450,
                'type': 'iframe',
                'padding': '0'
            })

            $("#btnSMS").click(function () {

            }).fancybox({
                'width': 750,
                'height': 450,
                'type': 'iframe',
                'padding': '0'
            })

            $("#btnRegService").click(function () {

            }).fancybox({
                'width': 750,
                'height': 450,
                'type': 'iframe',
                'padding': '0'
            })

            $("#btnContributePostil").click(function () {

            }).fancybox({
                'width': 750,
                'height': 450,
                'type': 'iframe',
                'padding': '0'
            })

            $("#btnMoreStatic").click(function () {
            }).fancybox({
                'width': 1000,
                'height': 600,
                'type': 'iframe',
                'padding': '0'
            })

        })

    </script>
</body>
</html>
