MiltonOnLine/AdminClass.aspx at master · EricLiuZero/MiltonOnLine · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AdminClass.aspx.cs" Inherits="AdminClass" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>課程管理 | 美爾頓英語線上課程</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css" />
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/color.css" />
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
</head>
<body>
    <form id="Form1" runat="server">
        <asp:HiddenField ID="user_role" Value="" runat="server" />
        <div class="well well-sm">
            <div id="cc" class="easyui-layout" style="height: 630px">
                <div data-options="region:'north',collapsible:false,split:false" style="height:75px;">
                    <div class="row">
                        <div class="col-md-6"><h4>美爾頓英語線上課程系統管理後台</h4></div>
                        <div class="col-md-6 text-right"><h4>使用者: <asp:Label ID="user_cname" Value="" runat="server" Style="color: blue" /></h4></div>
                    </div>
                </div>
                <div data-options="region:'center',collapsible:false,title:'課程管理'" style="height: 100%;">
                    <table id="dg" class="easyui-datagrid" toolbar="#toolbar" ></table>
                </div>
            </div>
            <div id="toolbar">
                <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="newUser()">新增</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-edit" plain="true" onclick="editUser()">編輯</a>
                <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="destroyUser()">刪除</a>
            </div>
        </div>
    </form>
    <div id="dlg" class="easyui-dialog" style="width: 400px; height: auto; padding: 10px 20px" data-option="" closed="true" buttons="#dlg-buttons">
        <%--<div class="ftitle">課程管理</div>--%>
        <form id="fm" method="post">
            <div class="fitem">
                <label>課程等級：</label>
                <select class="easyui-combobox" name="ClassLevel" required="true" data-options="panelWidth: 'auto', panelHeight: 'auto'">
                    <option value="1">Beginner</option>
                    <option value="2">Elementary</option>
                    <option value="3">Intermediate</option>
                </select>
            </div>
            <div class="fitem">
                <label>課程名稱：</label>
                <input name="ClassName" class="easyui-textbox" validtype="ClassName" required="true" />
            </div>
            <div class="fitem">
                <label>備註：</label>
                <input name="Comment" class="easyui-textbox" data-options="multiline:true" style="width: 300px; height: 100px" />
            </div>
        </form>
    </div>
    <div id="dlg-buttons">
        <a href="javascript:void(0)" class="easyui-linkbutton c6" iconcls="icon-ok" onclick="saveUser()" style="width: 90px">儲存</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width: 90px">取消</a>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="scripts/common.js"></script>
    <script type="text/javascript" src="scripts/admin_class.js"></script>
</body>
</html>