From 2a7e84d710825b24aa6a9b7c34e51ead65b2c885 Mon Sep 17 00:00:00 2001
From: yubaolee <yubaolee@163.com>
Date: Mon, 21 Sep 2015 22:49:25 +0800
Subject: [PATCH] update ui

---
 OpenAuth.Mvc/App_Start/BundleConfig.cs   |  19 +-
 OpenAuth.Mvc/OpenAuth.Mvc.csproj         |  21 -
 OpenAuth.Mvc/Views/Account/Login.cshtml  | 147 +-----
 OpenAuth.Mvc/Views/Home/Index.cshtml     | 366 +++------------
 OpenAuth.Mvc/Views/Shared/_Layout.cshtml | 544 +++--------------------
 OpenAuth.Mvc/Web.config                  |  53 +--
 6 files changed, 151 insertions(+), 999 deletions(-)

diff --git a/OpenAuth.Mvc/App_Start/BundleConfig.cs b/OpenAuth.Mvc/App_Start/BundleConfig.cs
index 5b2ce76d..c8136f07 100644
--- a/OpenAuth.Mvc/App_Start/BundleConfig.cs
+++ b/OpenAuth.Mvc/App_Start/BundleConfig.cs
@@ -8,24 +8,7 @@ namespace OpenAuth.Mvc
         // 有关绑定的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkId=301862
         public static void RegisterBundles(BundleCollection bundles)
         {
-            bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
-                        "~/Scripts/jquery-{version}.js"));
-
-            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
-                        "~/Scripts/jquery.validate*"));
-
-            // 使用要用于开发和学习的 Modernizr 的开发版本。然后，当你做好
-            // 生产准备时，请使用 http://modernizr.com 上的生成工具来仅选择所需的测试。
-            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
-                        "~/Scripts/modernizr-*"));
-
-            bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
-                      "~/Scripts/bootstrap.js",
-                      "~/Scripts/respond.js"));
-
-            bundles.Add(new StyleBundle("~/Content/css").Include(
-                      "~/Content/bootstrap.css",
-                      "~/Content/site.css"));
+           
         }
     }
 }
diff --git a/OpenAuth.Mvc/OpenAuth.Mvc.csproj b/OpenAuth.Mvc/OpenAuth.Mvc.csproj
index f7f0e2fa..bf32b386 100644
--- a/OpenAuth.Mvc/OpenAuth.Mvc.csproj
+++ b/OpenAuth.Mvc/OpenAuth.Mvc.csproj
@@ -271,25 +271,8 @@
     <Content Include="assets\js\x-editable\ace-editable.min.js" />
     <Content Include="assets\js\x-editable\bootstrap-editable.min.js" />
     <Content Include="favicon.ico" />
-    <Content Include="fonts\glyphicons-halflings-regular.svg" />
     <Content Include="Global.asax" />
-    <Content Include="Scripts\bootstrap.js" />
-    <Content Include="Scripts\bootstrap.min.js" />
     <Content Include="assets\font\fontawesome-webfont.woff" />
-    <None Include="Scripts\jquery-1.10.2.intellisense.js" />
-    <Content Include="Scripts\jqGrid\i18n\grid.locale-en.js" />
-    <Content Include="Scripts\jqGrid\jquery.jqGrid.min.js" />
-    <Content Include="Scripts\jquery-1.10.2.js" />
-    <Content Include="Scripts\jquery-1.10.2.min.js" />
-    <None Include="Scripts\jquery.validate-vsdoc.js" />
-    <Content Include="Scripts\jquery.validate.js" />
-    <Content Include="Scripts\jquery.validate.min.js" />
-    <Content Include="Scripts\jquery.validate.unobtrusive.js" />
-    <Content Include="Scripts\jquery.validate.unobtrusive.min.js" />
-    <Content Include="Scripts\modernizr-2.6.2.js" />
-    <Content Include="Scripts\respond.js" />
-    <Content Include="Scripts\respond.min.js" />
-    <Content Include="Scripts\_references.js" />
     <Content Include="Web.config" />
     <Content Include="Web.Debug.config">
       <DependentUpon>Web.config</DependentUpon>
@@ -301,7 +284,6 @@
     <Content Include="Views\_ViewStart.cshtml" />
     <Content Include="Views\Shared\_Layout.cshtml" />
     <Content Include="Views\Home\Index.cshtml" />
-    <Content Include="Scripts\jquery-1.10.2.min.map" />
     <Content Include="Views\Account\Login.cshtml" />
     <Content Include="Views\Account\List.cshtml" />
   </ItemGroup>
@@ -309,9 +291,6 @@
     <Folder Include="App_Data\" />
   </ItemGroup>
   <ItemGroup>
-    <Content Include="fonts\glyphicons-halflings-regular.woff" />
-    <Content Include="fonts\glyphicons-halflings-regular.ttf" />
-    <Content Include="fonts\glyphicons-halflings-regular.eot" />
     <Content Include="packages.config" />
   </ItemGroup>
   <ItemGroup>
diff --git a/OpenAuth.Mvc/Views/Account/Login.cshtml b/OpenAuth.Mvc/Views/Account/Login.cshtml
index f81b9c75..769ef050 100644
--- a/OpenAuth.Mvc/Views/Account/Login.cshtml
+++ b/OpenAuth.Mvc/Views/Account/Login.cshtml
@@ -59,9 +59,8 @@
 
                                         <div class="space-6"></div>
 
-
-                                        @using (Html.BeginForm("Login", "Account", new {ReturnUrl = ViewBag.ReturnUrl},
-                                            FormMethod.Post, new {@class = "form-horizontal", role = "form"}))
+                                        @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl },
+                                            FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
                                         {
                                             @Html.AntiForgeryToken()
                                             @Html.ValidationSummary(true)
@@ -86,7 +85,7 @@
 
                                                 <div class="clearfix">
                                                     <label class="inline">
-                                                        @Html.CheckBoxFor(m => m.RememberMe, new {@class ="ace"})
+                                                        @Html.CheckBoxFor(m => m.RememberMe, new { @class = "ace" })
                                                         <span class="lbl"> Remember Me</span>
                                                     </label>
 
@@ -99,38 +98,18 @@
                                                 <div class="space-4"></div>
                                             </fieldset>
                                         }
-
-                                      
-
-                                        <div class="social-or-login center">
-                                            <span class="bigger-110">Or Login Using</span>
-                                        </div>
-
-                                        <div class="social-login center">
-                                            <a class="btn btn-primary">
-                                                <i class="icon-facebook"></i>
-                                            </a>
-
-                                            <a class="btn btn-info">
-                                                <i class="icon-twitter"></i>
-                                            </a>
-
-                                            <a class="btn btn-danger">
-                                                <i class="icon-google-plus"></i>
-                                            </a>
-                                        </div>
                                     </div><!-- /widget-main -->
 
                                     <div class="toolbar clearfix">
                                         <div>
-                                            <a href="#" onclick="show_box('forgot-box'); return false;" class="forgot-password-link">
+                                            <a href="#" class="forgot-password-link">
                                                 <i class="icon-arrow-left"></i>
                                                 I forgot my password
                                             </a>
                                         </div>
 
                                         <div>
-                                            <a href="#" onclick="show_box('signup-box'); return false;" class="user-signup-link">
+                                            <a href="#" class="user-signup-link">
                                                 I want to register
                                                 <i class="icon-arrow-right"></i>
                                             </a>
@@ -138,122 +117,6 @@
                                     </div>
                                 </div><!-- /widget-body -->
                             </div><!-- /login-box -->
-
-                            <div id="forgot-box" class="forgot-box widget-box no-border">
-                                <div class="widget-body">
-                                    <div class="widget-main">
-                                        <h4 class="header red lighter bigger">
-                                            <i class="icon-key"></i>
-                                            Retrieve Password
-                                        </h4>
-
-                                        <div class="space-6"></div>
-                                        <p>
-                                            Enter your email and to receive instructions
-                                        </p>
-
-                                        <form>
-                                            <fieldset>
-                                                <label class="block clearfix">
-                                                    <span class="block input-icon input-icon-right">
-                                                        <input type="email" class="form-control" placeholder="Email" />
-                                                        <i class="icon-envelope"></i>
-                                                    </span>
-                                                </label>
-
-                                                <div class="clearfix">
-                                                    <button type="button" class="width-35 pull-right btn btn-sm btn-danger">
-                                                        <i class="icon-lightbulb"></i>
-                                                        Send Me!
-                                                    </button>
-                                                </div>
-                                            </fieldset>
-                                        </form>
-                                    </div><!-- /widget-main -->
-
-                                    <div class="toolbar center">
-                                        <a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">
-                                            Back to login
-                                            <i class="icon-arrow-right"></i>
-                                        </a>
-                                    </div>
-                                </div><!-- /widget-body -->
-                            </div><!-- /forgot-box -->
-
-                            <div id="signup-box" class="signup-box widget-box no-border">
-                                <div class="widget-body">
-                                    <div class="widget-main">
-                                        <h4 class="header green lighter bigger">
-                                            <i class="icon-group blue"></i>
-                                            New User Registration
-                                        </h4>
-
-                                        <div class="space-6"></div>
-                                        <p> Enter your details to begin: </p>
-
-                                        <form>
-                                            <fieldset>
-                                                <label class="block clearfix">
-                                                    <span class="block input-icon input-icon-right">
-                                                        <input type="email" class="form-control" placeholder="Email" />
-                                                        <i class="icon-envelope"></i>
-                                                    </span>
-                                                </label>
-
-                                                <label class="block clearfix">
-                                                    <span class="block input-icon input-icon-right">
-                                                        <input type="text" class="form-control" placeholder="Username" />
-                                                        <i class="icon-user"></i>
-                                                    </span>
-                                                </label>
-
-                                                <label class="block clearfix">
-                                                    <span class="block input-icon input-icon-right">
-                                                        <input type="password" class="form-control" placeholder="Password" />
-                                                        <i class="icon-lock"></i>
-                                                    </span>
-                                                </label>
-
-                                                <label class="block clearfix">
-                                                    <span class="block input-icon input-icon-right">
-                                                        <input type="password" class="form-control" placeholder="Repeat password" />
-                                                        <i class="icon-retweet"></i>
-                                                    </span>
-                                                </label>
-
-                                                <label class="block">
-                                                    <input type="checkbox" class="ace" />
-                                                    <span class="lbl">
-                                                        I accept the
-                                                        <a href="#">User Agreement</a>
-                                                    </span>
-                                                </label>
-
-                                                <div class="space-24"></div>
-
-                                                <div class="clearfix">
-                                                    <button type="reset" class="width-30 pull-left btn btn-sm">
-                                                        <i class="icon-refresh"></i>
-                                                        Reset
-                                                    </button>
-
-                                                    <button type="button" class="width-65 pull-right btn btn-sm btn-success">
-                                                        Register
-                                                        <i class="icon-arrow-right icon-on-right"></i>
-                                                    </button>
-                                                </div>
-                                            </fieldset>
-                                        </form>
-                                    </div>
-
-                                    <div class="toolbar center">
-                                        <a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">
-                                            <i class="icon-arrow-left"></i>
-                                            Back to login
-                                        </a>
-                                    </div>
-                                </div><!-- /widget-body -->
-                            </div><!-- /signup-box -->
                         </div><!-- /position-relative -->
                     </div>
                 </div><!-- /.col -->
diff --git a/OpenAuth.Mvc/Views/Home/Index.cshtml b/OpenAuth.Mvc/Views/Home/Index.cshtml
index 018cffa8..a4ce7299 100644
--- a/OpenAuth.Mvc/Views/Home/Index.cshtml
+++ b/OpenAuth.Mvc/Views/Home/Index.cshtml
@@ -3,352 +3,121 @@
 }
 
 <div class="main-content">
-    <div class="breadcrumbs" id="breadcrumbs">
-        <script type="text/javascript">
-            try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
-        </script>
-
+    <div id="breadcrumbs">
         <ul class="breadcrumb">
-            <li>
-                <i class="icon-home home-icon"></i>
-                <a href="#">Home</a>
-            </li>
-
-            <li>
-                <a href="#">Tables</a>
-            </li>
-            <li class="active">jqGrid plugin</li>
-        </ul><!-- .breadcrumb -->
-
-        <div class="nav-search" id="nav-search">
-            <form class="form-search">
-                <span class="input-icon">
-                    <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
-                    <i class="icon-search nav-search-icon"></i>
-                </span>
-            </form>
-        </div><!-- #nav-search -->
-    </div>
-
+            <li><i class="icon-home"></i> <a href="#">用户列表</a><span class="divider"><i class="icon-angle-right"></i></span></li>
+        </ul><!--.breadcrumb-->
+    </div><!--#breadcrumbs-->
     <div class="page-content">
-        <div class="page-header">
-            <h1>
-                jqGrid
-                <small>
-                    <i class="icon-double-angle-right"></i>
-                    Dynamic tables and grids using jqGrid plugin
-                </small>
-            </h1>
-        </div><!-- /.page-header -->
-
         <div class="row">
-            <div class="col-xs-12">
-                <!-- PAGE CONTENT BEGINS -->
-
-                <div class="alert alert-info">
-                    <i class="icon-hand-right"></i>
-
-                    Please note that demo server is not configured to save the changes, therefore you may get an error message.
-                    <button class="close" data-dismiss="alert">
-                        <i class="icon-remove"></i>
-                    </button>
+            <div class="col-sm-6" style="width:100%;">
+                <div class="dataTables_filter" id="sample-table-2_filter">
+                    <label>
+                        关键字: <input type="text" id="txtSearch" aria-controls="sample-table-2" placeholder="帐号/手机" />
+                        <a href="javascript:void(0)" id="btnSearch" class="btn btn-xs btn-pink" style="margin-top:-4px;">搜索</a>
+                    </label>
                 </div>
-
+            </div>
+            <!-- PAGE CONTENT BEGINS HERE -->
+            <div class="col-xs-12">
                 <table id="grid-table"></table>
-
                 <div id="grid-pager"></div>
-
-                <script type="text/javascript">
-                    var $path_base = "/";//this will be used in gritter alerts containing images
-                </script>
-
-                <!-- PAGE CONTENT ENDS -->
-            </div><!-- /.col -->
-        </div><!-- /.row -->
-    </div><!-- /.page-content -->
+            </div><!--/row-->
+            <!-- PAGE CONTENT ENDS HERE -->
+        </div><!--/row-->
+    </div><!--/#page-content-->
 </div><!-- /.main-content -->
 
 <script src="~/assets/js/jqGrid/jquery.jqGrid.min.js"></script>
 <script src="~/assets/js/jqGrid/i18n/grid.locale-en.js"></script>
 
 <script type="text/javascript">
-    var grid_data =
-    [
-        { id: "1", name: "Desktop Computer", note: "note", stock: "Yes", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "2", name: "Laptop", note: "Long text ", stock: "Yes", ship: "InTime", sdate: "2007-12-03" },
-        { id: "3", name: "LCD Monitor", note: "note3", stock: "Yes", ship: "TNT", sdate: "2007-12-03" },
-        { id: "4", name: "Speakers", note: "note", stock: "No", ship: "ARAMEX", sdate: "2007-12-03" },
-        { id: "5", name: "Laser Printer", note: "note2", stock: "Yes", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "6", name: "Play Station", note: "note3", stock: "No", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "7", name: "Mobile Telephone", note: "note", stock: "Yes", ship: "ARAMEX", sdate: "2007-12-03" },
-        { id: "8", name: "Server", note: "note2", stock: "Yes", ship: "TNT", sdate: "2007-12-03" },
-        { id: "9", name: "Matrix Printer", note: "note3", stock: "No", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "10", name: "Desktop Computer", note: "note", stock: "Yes", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "11", name: "Laptop", note: "Long text ", stock: "Yes", ship: "InTime", sdate: "2007-12-03" },
-        { id: "12", name: "LCD Monitor", note: "note3", stock: "Yes", ship: "TNT", sdate: "2007-12-03" },
-        { id: "13", name: "Speakers", note: "note", stock: "No", ship: "ARAMEX", sdate: "2007-12-03" },
-        { id: "14", name: "Laser Printer", note: "note2", stock: "Yes", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "15", name: "Play Station", note: "note3", stock: "No", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "16", name: "Mobile Telephone", note: "note", stock: "Yes", ship: "ARAMEX", sdate: "2007-12-03" },
-        { id: "17", name: "Server", note: "note2", stock: "Yes", ship: "TNT", sdate: "2007-12-03" },
-        { id: "18", name: "Matrix Printer", note: "note3", stock: "No", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "19", name: "Matrix Printer", note: "note3", stock: "No", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "20", name: "Desktop Computer", note: "note", stock: "Yes", ship: "FedEx", sdate: "2007-12-03" },
-        { id: "21", name: "Laptop", note: "Long text ", stock: "Yes", ship: "InTime", sdate: "2007-12-03" },
-        { id: "22", name: "LCD Monitor", note: "note3", stock: "Yes", ship: "TNT", sdate: "2007-12-03" },
-        { id: "23", name: "Speakers", note: "note", stock: "No", ship: "ARAMEX", sdate: "2007-12-03" }
-    ];
-
-    jQuery(function ($) {
+    $(function () {
+        $("#btnSearch").click(function () {
+            var searchString = $("#txtSearch").val();
+            var grid = $('#grid-table');
+            grid[0].p.search = true;
+            $.extend(grid[0].p.postData, { kw: searchString });
+            grid.trigger("reloadGrid", [{ page: 1 }]);
+        });
+        GetData();
+    });
+    function GetData() {
         var grid_selector = "#grid-table";
         var pager_selector = "#grid-pager";
-
         jQuery(grid_selector).jqGrid({
-            //direction: "rtl",
-
-            data: grid_data,
-            datatype: "local",
-            height: 250,
-            colNames: [' ', 'ID', 'Last Sales', 'Name', 'Stock', 'Ship via', 'Notes'],
+            url: "/Account/LoadUsers",
+            mtype: "post",
+            datatype: "json",
+            height: '100%',
+            width: '100%',
+            colNames: ['UserId', '用户帐号', '是否可用', '操作'],
             colModel: [
+                { name: 'UserId', key: true, index: 'UserId', width: 30, editable: true, hidden: true },
+                { name: 'Account', index: 'Account', width: 30, editable: false },
+                {
+                    name: 'Enabled', index: 'Enabled', width: 30, editable: true, edittype: "checkbox",
+                    editoptions: { value: "true:false" }, unformat: aceSwitch
+                },
                 {
                     name: 'myac', index: '', width: 80, fixed: true, sortable: false, resize: false,
                     formatter: 'actions',
                     formatoptions: {
-                        keys: true,
-
-                        delOptions: { recreateForm: true, beforeShowForm: beforeDeleteCallback },
-                        //editformbutton:true, editOptions:{recreateForm: true, beforeShowForm:beforeEditCallback}
+                        delOptions: { recreateForm: true, beforeShowForm: beforeDeleteCallback }
                     }
-                },
-                { name: 'id', index: 'id', width: 60, sorttype: "int", editable: true },
-                { name: 'sdate', index: 'sdate', width: 90, editable: true, sorttype: "date", unformat: pickDate },
-                { name: 'name', index: 'name', width: 150, editable: true, editoptions: { size: "20", maxlength: "30" } },
-                { name: 'stock', index: 'stock', width: 70, editable: true, edittype: "checkbox", editoptions: { value: "Yes:No" }, unformat: aceSwitch },
-                { name: 'ship', index: 'ship', width: 90, editable: true, edittype: "select", editoptions: { value: "FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX" } },
-                { name: 'note', index: 'note', width: 150, sortable: false, editable: true, edittype: "textarea", editoptions: { rows: "2", cols: "10" } }
+                }
             ],
-
             viewrecords: true,
             rowNum: 10,
             rowList: [10, 20, 30],
             pager: pager_selector,
             altRows: true,
             //toppager: true,
-
             multiselect: true,
-            //multikey: "ctrlKey",
             multiboxonly: true,
-
             loadComplete: function () {
                 var table = this;
                 setTimeout(function () {
-                    styleCheckbox(table);
-
-                    updateActionIcons(table);
                     updatePagerIcons(table);
                     enableTooltips(table);
                 }, 0);
             },
-
-            editurl: $path_base + "/dummy.html",//nothing is saved
-            caption: "jqGrid with inline editing",
-
+            editurl: '@Url.Action("Login","Account")',//编辑删除
+            caption: "当前用户列表",
             autowidth: true
-
         });
-
-        //enable search/filter toolbar
-        //jQuery(grid_selector).jqGrid('filterToolbar',{defaultSearch:true,stringResult:true})
-
-        //switch element when editing inline
+        //行内编辑时，checkbox样式
         function aceSwitch(cellvalue, options, cell) {
             setTimeout(function () {
                 $(cell).find('input[type=checkbox]')
-                        .wrap('<label class="inline" />')
+                    .wrap('<label class="inline" />')
                     .addClass('ace ace-switch ace-switch-5')
                     .after('<span class="lbl"></span>');
             }, 0);
         }
-        //enable datepicker
-        function pickDate(cellvalue, options, cell) {
-            setTimeout(function () {
-                $(cell).find('input[type=text]')
-                        .datepicker({ format: 'yyyy-mm-dd', autoclose: true });
-            }, 0);
-        }
-
-        //navButtons
+        //分页栏中的功能按钮(只留了刷新功能）
         jQuery(grid_selector).jqGrid('navGrid', pager_selector,
-            { 	//navbar options
-                edit: true,
-                editicon: 'icon-pencil blue',
-                add: true,
-                addicon: 'icon-plus-sign purple',
-                del: true,
-                delicon: 'icon-trash red',
-                search: true,
-                searchicon: 'icon-search orange',
-                refresh: true,
-                refreshicon: 'icon-refresh green',
-                view: true,
-                viewicon: 'icon-zoom-in grey',
-            },
-            {
-                //edit record form
-                //closeAfterEdit: true,
-                recreateForm: true,
-                beforeShowForm: function (e) {
-                    var form = $(e[0]);
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
-                    style_edit_form(form);
-                }
-            },
-            {
-                //new record form
-                closeAfterAdd: true,
-                recreateForm: true,
-                viewPagerButtons: false,
-                beforeShowForm: function (e) {
-                    var form = $(e[0]);
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
-                    style_edit_form(form);
-                }
-            },
-            {
-                //delete record form
-                recreateForm: true,
-                beforeShowForm: function (e) {
-                    var form = $(e[0]);
-                    if (form.data('styled')) return false;
-
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
-                    style_delete_form(form);
-
-                    form.data('styled', true);
-                },
-                onClick: function (e) {
-                    alert(1);
-                }
-            },
-            {
-                //search form
-                recreateForm: true,
-                afterShowSearch: function (e) {
-                    var form = $(e[0]);
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
-                    style_search_form(form);
-                },
-                afterRedraw: function () {
-                    style_search_filters($(this));
-                }
-                ,
-                multipleSearch: true,
-                /**
-                multipleGroup:true,
-                showQuery: true
-                */
-            },
-            {
-                //view record form
-                recreateForm: true,
-                beforeShowForm: function (e) {
-                    var form = $(e[0]);
-                    form.closest('.ui-jqdialog').find('.ui-jqdialog-title').wrap('<div class="widget-header" />')
-                }
-            }
-        )
-
-        function style_edit_form(form) {
-            //enable datepicker on "sdate" field and switches for "stock" field
-            form.find('input[name=sdate]').datepicker({ format: 'yyyy-mm-dd', autoclose: true })
-                .end().find('input[name=stock]')
-                      .addClass('ace ace-switch ace-switch-5').wrap('<label class="inline" />').after('<span class="lbl"></span>');
-
-            //update buttons classes
-            var buttons = form.next().find('.EditButton .fm-button');
-            buttons.addClass('btn btn-sm').find('[class*="-icon"]').remove();//ui-icon, s-icon
-            buttons.eq(0).addClass('btn-primary').prepend('<i class="icon-ok"></i>');
-            buttons.eq(1).prepend('<i class="icon-remove"></i>')
-
-            buttons = form.next().find('.navButton a');
-            buttons.find('.ui-icon').remove();
-            buttons.eq(0).append('<i class="icon-chevron-left"></i>');
-            buttons.eq(1).append('<i class="icon-chevron-right"></i>');
-        }
-
-        function style_delete_form(form) {
-            var buttons = form.next().find('.EditButton .fm-button');
-            buttons.addClass('btn btn-sm').find('[class*="-icon"]').remove();//ui-icon, s-icon
-            buttons.eq(0).addClass('btn-danger').prepend('<i class="icon-trash"></i>');
-            buttons.eq(1).prepend('<i class="icon-remove"></i>')
-        }
-
-        function style_search_filters(form) {
-            form.find('.delete-rule').val('X');
-            form.find('.add-rule').addClass('btn btn-xs btn-primary');
-            form.find('.add-group').addClass('btn btn-xs btn-success');
-            form.find('.delete-group').addClass('btn btn-xs btn-danger');
-        }
-        function style_search_form(form) {
-            var dialog = form.closest('.ui-jqdialog');
-            var buttons = dialog.find('.EditTable')
-            buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'icon-retweet');
-            buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'icon-comment-alt');
-            buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'icon-search');
-        }
-
+        {   //navbar options
+            edit: false,
+            add: false,
+            del: false,
+            search: false,
+            refresh: true,
+            refreshicon: 'icon-refresh green',
+            view: false,
+        });
+        //删除前的确认框
         function beforeDeleteCallback(e) {
             var form = $(e[0]);
             if (form.data('styled')) return false;
-
-            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
-            style_delete_form(form);
-
+            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />');
+            var buttons = form.next().find('.EditButton .fm-button');
+            buttons.addClass('btn btn-sm').find('[class*="-icon"]').remove();//ui-icon, s-icon
+            buttons.eq(0).addClass('btn-danger').prepend('<i class="icon-trash"></i>');
+            buttons.eq(1).prepend('<i class="icon-remove"></i>');
             form.data('styled', true);
         }
-
-        function beforeEditCallback(e) {
-            var form = $(e[0]);
-            form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
-            style_edit_form(form);
-        }
-
-        //it causes some flicker when reloading or navigating grid
-        //it may be possible to have some custom formatter to do this as the grid is being created to prevent this
-        //or go back to default browser checkbox styles for the grid
-        function styleCheckbox(table) {
-            /**
-                $(table).find('input:checkbox').addClass('ace')
-                .wrap('<label />')
-                .after('<span class="lbl align-top" />')
-
-                $('.ui-jqgrid-labels th[id*="_cb"]:first-child')
-                .find('input.cbox[type=checkbox]').addClass('ace')
-                .wrap('<label />').after('<span class="lbl align-top" />');
-            */
-        }
-
-        //unlike navButtons icons, action icons in rows seem to be hard-coded
-        //you can change them like this in here if you want
-        function updateActionIcons(table) {
-            /**
-            var replacement =
-            {
-                'ui-icon-pencil' : 'icon-pencil blue',
-                'ui-icon-trash' : 'icon-trash red',
-                'ui-icon-disk' : 'icon-ok green',
-                'ui-icon-cancel' : 'icon-remove red'
-            };
-            $(table).find('.ui-pg-div span.ui-icon').each(function(){
-                var icon = $(this);
-                var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
-                if($class in replacement) icon.attr('class', 'ui-icon '+replacement[$class]);
-            })
-            */
-        }
-
-        //replace icons with FontAwesome icons like above
+        //更新分页栏的按钮
         function updatePagerIcons(table) {
             var replacement =
             {
@@ -360,17 +129,12 @@
             $('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function () {
                 var icon = $(this);
                 var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
-
                 if ($class in replacement) icon.attr('class', 'ui-icon ' + replacement[$class]);
-            })
+            });
         }
-
         function enableTooltips(table) {
             $('.navtable .ui-pg-button').tooltip({ container: 'body' });
             $(table).find('.ui-pg-div').tooltip({ container: 'body' });
         }
-
-        //var selr = jQuery(grid_selector).jqGrid('getGridParam','selrow');
-
-    });
+    }
 </script>
\ No newline at end of file
diff --git a/OpenAuth.Mvc/Views/Shared/_Layout.cshtml b/OpenAuth.Mvc/Views/Shared/_Layout.cshtml
index a7f4e95e..5057132d 100644
--- a/OpenAuth.Mvc/Views/Shared/_Layout.cshtml
+++ b/OpenAuth.Mvc/Views/Shared/_Layout.cshtml
@@ -30,7 +30,6 @@
 
     <script src="~/assets/js/jquery-2.0.3.min.js"></script>
 
-
     <script src="~/assets/js/bootstrap.min.js"></script>
     <script src="~/assets/js/typeahead-bs2.min.js"></script>
 
@@ -38,7 +37,6 @@
 
     <script src="~/assets/js/date-time/bootstrap-datepicker.min.js"></script>
 
-
     <!-- ace scripts -->
 
     <script src="~/assets/js/ace-elements.min.js"></script>
@@ -56,149 +54,13 @@
                 <a href="#" class="navbar-brand">
                     <small>
                         <i class="icon-leaf"></i>
-                        Ace Admin
+                        基于传统DDD的权限管理系统
                     </small>
                 </a><!-- /.brand -->
             </div><!-- /.navbar-header -->
 
             <div class="navbar-header pull-right" role="navigation">
                 <ul class="nav ace-nav">
-                    <li class="grey">
-                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
-                            <i class="icon-tasks"></i>
-                            <span class="badge badge-grey">4</span>
-                        </a>
-
-                        <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
-                            <li class="dropdown-header">
-                                <i class="icon-ok"></i>
-                                4 Tasks to complete
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <div class="clearfix">
-                                        <span class="pull-left">Software Update</span>
-                                        <span class="pull-right">65%</span>
-                                    </div>
-
-                                    <div class="progress progress-mini ">
-                                        <div style="width:65%" class="progress-bar "></div>
-                                    </div>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <div class="clearfix">
-                                        <span class="pull-left">Hardware Upgrade</span>
-                                        <span class="pull-right">35%</span>
-                                    </div>
-
-                                    <div class="progress progress-mini ">
-                                        <div style="width:35%" class="progress-bar progress-bar-danger"></div>
-                                    </div>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <div class="clearfix">
-                                        <span class="pull-left">Unit Testing</span>
-                                        <span class="pull-right">15%</span>
-                                    </div>
-
-                                    <div class="progress progress-mini ">
-                                        <div style="width:15%" class="progress-bar progress-bar-warning"></div>
-                                    </div>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <div class="clearfix">
-                                        <span class="pull-left">Bug Fixes</span>
-                                        <span class="pull-right">90%</span>
-                                    </div>
-
-                                    <div class="progress progress-mini progress-striped active">
-                                        <div style="width:90%" class="progress-bar progress-bar-success"></div>
-                                    </div>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    See tasks with details
-                                    <i class="icon-arrow-right"></i>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-
-                    <li class="purple">
-                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
-                            <i class="icon-bell-alt icon-animated-bell"></i>
-                            <span class="badge badge-important">8</span>
-                        </a>
-
-                        <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
-                            <li class="dropdown-header">
-                                <i class="icon-warning-sign"></i>
-                                8 Notifications
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <div class="clearfix">
-                                        <span class="pull-left">
-                                            <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
-                                            New Comments
-                                        </span>
-                                        <span class="pull-right badge badge-info">+12</span>
-                                    </div>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <i class="btn btn-xs btn-primary icon-user"></i>
-                                    Bob just signed up as an editor ...
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <div class="clearfix">
-                                        <span class="pull-left">
-                                            <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
-                                            New Orders
-                                        </span>
-                                        <span class="pull-right badge badge-success">+8</span>
-                                    </div>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <div class="clearfix">
-                                        <span class="pull-left">
-                                            <i class="btn btn-xs no-hover btn-info icon-twitter"></i>
-                                            Followers
-                                        </span>
-                                        <span class="pull-right badge badge-info">+11</span>
-                                    </div>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    See all notifications
-                                    <i class="icon-arrow-right"></i>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
 
                     <li class="green">
                         <a data-toggle="dropdown" class="dropdown-toggle" href="#">
@@ -214,7 +76,7 @@
 
                             <li>
                                 <a href="#">
-                                    <img src="assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
+                                    <img src="~/assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
                                     <span class="msg-body">
                                         <span class="msg-title">
                                             <span class="blue">Alex:</span>
@@ -229,40 +91,6 @@
                                 </a>
                             </li>
 
-                            <li>
-                                <a href="#">
-                                    <img src="assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
-                                    <span class="msg-body">
-                                        <span class="msg-title">
-                                            <span class="blue">Susan:</span>
-                                            Vestibulum id ligula porta felis euismod ...
-                                        </span>
-
-                                        <span class="msg-time">
-                                            <i class="icon-time"></i>
-                                            <span>20 minutes ago</span>
-                                        </span>
-                                    </span>
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#">
-                                    <img src="assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
-                                    <span class="msg-body">
-                                        <span class="msg-title">
-                                            <span class="blue">Bob:</span>
-                                            Nullam quis risus eget urna mollis ornare ...
-                                        </span>
-
-                                        <span class="msg-time">
-                                            <i class="icon-time"></i>
-                                            <span>3:15 pm</span>
-                                        </span>
-                                    </span>
-                                </a>
-                            </li>
-
                             <li>
                                 <a href="inbox.html">
                                     See all messages
@@ -274,7 +102,7 @@
 
                     <li class="light-blue">
                         <a data-toggle="dropdown" href="#" class="dropdown-toggle">
-                            <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Jason's Photo" />
+                            <img class="nav-user-photo" src="~/assets/avatars/user.jpg" alt="Jason's Photo" />
                             <span class="user-info">
                                 <small>Welcome,</small>
                                 Jason
@@ -366,102 +194,6 @@
                         </a>
                     </li>
 
-                    <li>
-                        <a href="typography.html">
-                            <i class="icon-text-width"></i>
-                            <span class="menu-text"> 文字排版 </span>
-                        </a>
-                    </li>
-
-                    <li>
-                        <a href="#" class="dropdown-toggle">
-                            <i class="icon-desktop"></i>
-                            <span class="menu-text"> UI 组件 </span>
-
-                            <b class="arrow icon-angle-down"></b>
-                        </a>
-
-                        <ul class="submenu">
-                            <li>
-                                <a href="elements.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    组件
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="buttons.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    按钮 &amp; 图表
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="treeview.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    树菜单
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="jquery-ui.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    jQuery UI
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="nestable-list.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    可拖拽列表
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="#" class="dropdown-toggle">
-                                    <i class="icon-double-angle-right"></i>
-
-                                    三级菜单
-                                    <b class="arrow icon-angle-down"></b>
-                                </a>
-
-                                <ul class="submenu">
-                                    <li>
-                                        <a href="#">
-                                            <i class="icon-leaf"></i>
-                                            第一级
-                                        </a>
-                                    </li>
-
-                                    <li>
-                                        <a href="#" class="dropdown-toggle">
-                                            <i class="icon-pencil"></i>
-
-                                            第四级
-                                            <b class="arrow icon-angle-down"></b>
-                                        </a>
-
-                                        <ul class="submenu">
-                                            <li>
-                                                <a href="#">
-                                                    <i class="icon-plus"></i>
-                                                    添加产品
-                                                </a>
-                                            </li>
-
-                                            <li>
-                                                <a href="#">
-                                                    <i class="icon-eye-open"></i>
-                                                    查看商品
-                                                </a>
-                                            </li>
-                                        </ul>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                    </li>
-
                     <li class="active open">
                         <a href="#" class="dropdown-toggle">
                             <i class="icon-list"></i>
@@ -486,175 +218,6 @@
                             </li>
                         </ul>
                     </li>
-
-                    <li>
-                        <a href="#" class="dropdown-toggle">
-                            <i class="icon-edit"></i>
-                            <span class="menu-text"> 表单 </span>
-
-                            <b class="arrow icon-angle-down"></b>
-                        </a>
-
-                        <ul class="submenu">
-                            <li>
-                                <a href="form-elements.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    表单组件
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="form-wizard.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    向导提示 &amp; 验证
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="wysiwyg.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    编辑器
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="dropzone.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    文件上传
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-
-                    <li>
-                        <a href="widgets.html">
-                            <i class="icon-list-alt"></i>
-                            <span class="menu-text"> 插件 </span>
-                        </a>
-                    </li>
-
-                    <li>
-                        <a href="calendar.html">
-                            <i class="icon-calendar"></i>
-
-                            <span class="menu-text">
-                                日历
-                                <span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">
-                                    <i class="icon-warning-sign red bigger-130"></i>
-                                </span>
-                            </span>
-                        </a>
-                    </li>
-
-                    <li>
-                        <a href="gallery.html">
-                            <i class="icon-picture"></i>
-                            <span class="menu-text"> 相册 </span>
-                        </a>
-                    </li>
-
-                    <li>
-                        <a href="#" class="dropdown-toggle">
-                            <i class="icon-tag"></i>
-                            <span class="menu-text"> 更多页面 </span>
-
-                            <b class="arrow icon-angle-down"></b>
-                        </a>
-
-                        <ul class="submenu">
-                            <li>
-                                <a href="profile.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    用户信息
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="inbox.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    收件箱
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="pricing.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    售价单
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="invoice.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    购物车
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="timeline.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    时间轴
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="login.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    登录 &amp; 注册
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-
-                    <li>
-                        <a href="#" class="dropdown-toggle">
-                            <i class="icon-file-alt"></i>
-
-                            <span class="menu-text">
-                                其他页面
-                                <span class="badge badge-primary ">5</span>
-                            </span>
-
-                            <b class="arrow icon-angle-down"></b>
-                        </a>
-
-                        <ul class="submenu">
-                            <li>
-                                <a href="faq.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    帮助
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="error-404.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    404错误页面
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="error-500.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    500错误页面
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="grid.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    网格
-                                </a>
-                            </li>
-
-                            <li>
-                                <a href="blank.html">
-                                    <i class="icon-double-angle-right"></i>
-                                    空白页面
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
                 </ul><!-- /.nav-list -->
 
                 <div class="sidebar-collapse" id="sidebar-collapse">
@@ -668,61 +231,58 @@
 
             @RenderBody()
 
-        <div class="ace-settings-container" id="ace-settings-container">
-            <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
-                <i class="icon-cog bigger-150"></i>
-            </div>
+            <div class="ace-settings-container" id="ace-settings-container">
+                <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
+                    <i class="icon-cog bigger-150"></i>
+                </div>
 
-            <div class="ace-settings-box" id="ace-settings-box">
-                <div>
-                    <div class="pull-left">
-                        <select id="skin-colorpicker" class="hide">
-                            <option data-skin="default" value="#438EB9">#438EB9</option>
-                            <option data-skin="skin-1" value="#222A2D">#222A2D</option>
-                            <option data-skin="skin-2" value="#C6487E">#C6487E</option>
-                            <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
-                        </select>
+                <div class="ace-settings-box" id="ace-settings-box">
+                    <div>
+                        <div class="pull-left">
+                            <select id="skin-colorpicker" class="hide">
+                                <option data-skin="default" value="#438EB9">#438EB9</option>
+                                <option data-skin="skin-1" value="#222A2D">#222A2D</option>
+                                <option data-skin="skin-2" value="#C6487E">#C6487E</option>
+                                <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
+                            </select>
+                        </div>
+                        <span>&nbsp; Choose Skin</span>
+                    </div>
+
+                    <div>
+                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
+                        <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
+                    </div>
+
+                    <div>
+                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
+                        <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
+                    </div>
+
+                    <div>
+                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
+                        <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
+                    </div>
+
+                    <div>
+                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
+                        <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
+                    </div>
+
+                    <div>
+                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
+                        <label class="lbl" for="ace-settings-add-container">
+                            Inside
+                            <b>.container</b>
+                        </label>
                     </div>
-                    <span>&nbsp; Choose Skin</span>
                 </div>
+            </div><!-- /#ace-settings-container -->
+        </div><!-- /.main-container-inner -->
 
-                <div>
-                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
-                    <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
-                </div>
-
-                <div>
-                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
-                    <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
-                </div>
-
-                <div>
-                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
-                    <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
-                </div>
-
-                <div>
-                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
-                    <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
-                </div>
-
-                <div>
-                    <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
-                    <label class="lbl" for="ace-settings-add-container">
-                        Inside
-                        <b>.container</b>
-                    </label>
-                </div>
-            </div>
-        </div><!-- /#ace-settings-container -->
-    </div><!-- /.main-container-inner -->
-
-    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
-        <i class="icon-double-angle-up icon-only bigger-110"></i>
-    </a>
-</div><!-- /.main-container -->
-
-
-
+        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
+            <i class="icon-double-angle-up icon-only bigger-110"></i>
+        </a>
+    </div><!-- /.main-container -->
 </body>
 </html>
\ No newline at end of file
diff --git a/OpenAuth.Mvc/Web.config b/OpenAuth.Mvc/Web.config
index 9bdcfb50..eab9aa91 100644
--- a/OpenAuth.Mvc/Web.config
+++ b/OpenAuth.Mvc/Web.config
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
   有关如何配置 ASP.NET 应用程序的详细信息，请访问
   http://go.microsoft.com/fwlink/?LinkId=301880
@@ -6,59 +6,62 @@
 <configuration>
   <configSections>
     <!-- For more information on Entity Framework configuration, visit http://go.microsoft.com/fwlink/?LinkID=237468 -->
-    <section name="entityFramework" type="System.Data.Entity.Internal.ConfigFile.EntityFrameworkSection, EntityFramework, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false" />
+    <section name="entityFramework" type="System.Data.Entity.Internal.ConfigFile.EntityFrameworkSection, EntityFramework, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false"/>
   </configSections>
 
   <connectionStrings>
-    <add name="OpenAuthDBContext" connectionString="Data Source=.;Initial Catalog=OpenAuthDB;Persist Security Info=True;User ID=sa;Password=516688;MultipleActiveResultSets=True"
-      providerName="System.Data.SqlClient" />
+    <add name="OpenAuthDBContext" connectionString="Data Source=.;Initial Catalog=OpenAuthDB;Persist Security Info=True;User ID=sa;Password=516688;MultipleActiveResultSets=True" providerName="System.Data.SqlClient"/>
   </connectionStrings>
   
   
   <appSettings>
-    <add key="webpages:Version" value="3.0.0.0" />
-    <add key="webpages:Enabled" value="false" />
-    <add key="ClientValidationEnabled" value="true" />
-    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
+    <add key="webpages:Version" value="3.0.0.0"/>
+    <add key="webpages:Enabled" value="false"/>
+    <add key="ClientValidationEnabled" value="true"/>
+    <add key="UnobtrusiveJavaScriptEnabled" value="true"/>
   </appSettings>
   <system.web>
-    <authentication mode="None" />
-    <compilation debug="true" targetFramework="4.5" />
-    <httpRuntime targetFramework="4.5" />
+    <authentication mode="None"/>
+    <compilation debug="true" targetFramework="4.5"/>
+    <httpRuntime targetFramework="4.5"/>
   </system.web>
   <system.webServer>
     <modules>
-      <remove name="FormsAuthenticationModule" />
+      <remove name="FormsAuthenticationModule"/>
     </modules>
   </system.webServer>
   <runtime>
     <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
+			<dependentAssembly>
+				<assemblyIdentity name="Newtonsoft.Json" publicKeyToken="30AD4FE6B2A6AEED" culture="neutral"/>
+				<bindingRedirect oldVersion="0.0.0.0-7.0.0.0" newVersion="7.0.0.0"/>
+			</dependentAssembly>
       <dependentAssembly>
-        <assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35" />
-        <bindingRedirect oldVersion="0.0.0.0-1.5.2.14234" newVersion="1.5.2.14234" />
+        <assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35"/>
+        <bindingRedirect oldVersion="0.0.0.0-1.5.2.14234" newVersion="1.5.2.14234"/>
       </dependentAssembly>
       <dependentAssembly>
-        <assemblyIdentity name="System.Web.Helpers" publicKeyToken="31bf3856ad364e35" />
-        <bindingRedirect oldVersion="1.0.0.0-3.0.0.0" newVersion="3.0.0.0" />
+        <assemblyIdentity name="System.Web.Helpers" publicKeyToken="31bf3856ad364e35"/>
+        <bindingRedirect oldVersion="1.0.0.0-3.0.0.0" newVersion="3.0.0.0"/>
       </dependentAssembly>
       <dependentAssembly>
-        <assemblyIdentity name="System.Web.WebPages" publicKeyToken="31bf3856ad364e35" />
-        <bindingRedirect oldVersion="1.0.0.0-3.0.0.0" newVersion="3.0.0.0" />
+        <assemblyIdentity name="System.Web.WebPages" publicKeyToken="31bf3856ad364e35"/>
+        <bindingRedirect oldVersion="1.0.0.0-3.0.0.0" newVersion="3.0.0.0"/>
       </dependentAssembly>
       <dependentAssembly>
-        <assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35" />
-        <bindingRedirect oldVersion="1.0.0.0-5.1.0.0" newVersion="5.1.0.0" />
+        <assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35"/>
+        <bindingRedirect oldVersion="1.0.0.0-5.1.0.0" newVersion="5.1.0.0"/>
       </dependentAssembly>
       <dependentAssembly>
-        <assemblyIdentity name="Autofac" publicKeyToken="17863af14b0044da" culture="neutral" />
-        <bindingRedirect oldVersion="0.0.0.0-3.5.0.0" newVersion="3.5.0.0" />
+        <assemblyIdentity name="Autofac" publicKeyToken="17863af14b0044da" culture="neutral"/>
+        <bindingRedirect oldVersion="0.0.0.0-3.5.0.0" newVersion="3.5.0.0"/>
       </dependentAssembly>
     </assemblyBinding>
   </runtime>
   <entityFramework>
-    <defaultConnectionFactory type="System.Data.Entity.Infrastructure.SqlConnectionFactory, EntityFramework" />
+    <defaultConnectionFactory type="System.Data.Entity.Infrastructure.SqlConnectionFactory, EntityFramework"/>
     <providers>
-      <provider invariantName="System.Data.SqlClient" type="System.Data.Entity.SqlServer.SqlProviderServices, EntityFramework.SqlServer" />
+      <provider invariantName="System.Data.SqlClient" type="System.Data.Entity.SqlServer.SqlProviderServices, EntityFramework.SqlServer"/>
     </providers>
   </entityFramework>
-</configuration>
\ No newline at end of file
+</configuration>