src/html/manage_square.html


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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97

<link href="/toj/css/manage_square.css" rel="stylesheet">

<div class="modal fade small-modal create">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>建立方塊</h3>
            </div>
            <div class="modal-body row">
                <div class="col-lg-6"> 
                    <label>方塊名稱</label>
                    <input class="form-control" name="title" type="text"><br>
                    <label>方塊介紹</label>
                    <input class="form-control" name="intro" type="text"><br>
                    <label>方塊圖片</label>
                    <input class="form-control" name="logo" type="text"><br>
                    <img class="thumbnail logo" style="display:none;"></img>
                </div>
                <div class="col-lg-7">
                    <label>方塊模組</label>
                    <select class="form-control" name="sqmod"></select><br>
                    <label>公開狀態</label>
                    <select class="form-control" name="hidden"><br>
                        <option value=0>顯示</option>
                        <option value=1>隱藏</option>
                    </select><br>
                    <label>分類</label>
                    <div class="catebox"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary submit">確定</button>
                <button class="btn cancel">取消</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade small_modal set">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3>方塊設定</h3>
            </div>
            <div class="modal-body row">
                <div class="row-fluid">
                    <div class="col-lg-6"> 
                        <label>方塊名稱</label>
                        <input class="form-control" name="title" type="text"><br>
                        <label>方塊介紹</label>
                        <input class="form-control" name="intro" type="text"><br>
                        <label>方塊圖片</label>
                        <input class="form-control" name="logo" type="text"><br>
                        <img class="img-thumbnail logo"></img>
                    </div>
                    <div class="col-lg-7">
                        <label>公開狀態</label>
                        <select class="form-control" name="hidden">
                            <option value=0>顯示</option>
                            <option value=1>隱藏</option>
                        </select><br>
                        <label>分類</label>
                        <div class="catebox"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary submit">確定</button>
                <button class="btn cancel">取消</button>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-2 col-offset-1 oper">
        <button class="btn btn-default create" style="display:none;">建立方塊</button>
    </div>
    <div class="col-lg-10">
        <table class="table table-hover list">
            <thead>
                <tr>
                    <th class="col-lg-1">#</th>
                    <th class="col-lg-2">名稱</th>
                    <th class="col-lg-2">時間</th>
                    <th class="col-lg-1">公開狀態</th>
                    <th class="col-lg-3">分類</th>
                    <th class="col-lg-1"></th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>