index.html 4.93 KB
Newer Older
Geovanny's avatar
Geovanny committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf8"/>
        <script src="sugar.js"></script>
        <script>Sugar.extend()</script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>        
        <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.css">
        <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.js"></script>
        <script src="./myhouse/module.js" type="module"></script>
        <link rel="stylesheet" href="./stylesheets/main.css"/>

    </head>
    <body>
        <nav-placeholder></nav-placeholder>
        <script src="/navbar/navbar.js"></script>
        <content-body id="my_house">
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
            <house-area>
                <div class="table_header">
                    <p id="title" class="header_title">---</p>
                    <button id="modify_btn" class="modify_button one" style="display: none;">Update</button>
                    <button id="create_btn" class="add_button one" style="display: none;">Create</button>
                    <button id="edit_btn" class="two">Edit</button>
                </div>
                <div id="house_details">
                    <div id="house_text">
                        <span id="house_name">House Name: ---</span>
                        <span id="house_level">House Level: ---</span>
                        <span id="liege_name">Liege: ---</span>
                        <span id="camp_location">Camp Location: ---</span>
                    </div>
                    <div id="house_edit"  style="display: none;">
                        <div>
                            <span>Name:&nbsp;</span>
                            <input id="house_name" type="text"/>
                        </div>
                        <div>
                            <span>House Level:&nbsp;</span>
                            <input id="house_level" type="number"/>
                        </div>
                        <div>
                            <span>Camp Location:&nbsp;</span>
                            <input id="camp_location" type="text"/>
                        </div>
                    </div>
                </div>
            </house-area>
            <div id="area_1" style="display: none;">
Geovanny's avatar
Geovanny committed
49 50 51
                <war-participation>
                    <table-wrapper>
                        <div class="table_header">
52 53 54 55
                            <p class="header_title">Participation:</p>
                            <button id="yes" class="one">Yes</button>
                            <button id="no" class="two">No</button>
                            <button id="maybe" class="three">Maybe</button>
Geovanny's avatar
Geovanny committed
56 57 58 59 60 61 62 63
                        </div>
                        <table id="data_table" class="display"></table>
                    </table-wrapper>
                </war-participation>
                <members-area>
                    <table-detail style="display: initial;">
                        <table-wrapper>
                            <div class="table_header">
64
                                <p class="header_title">Members</p>
Geovanny's avatar
Geovanny committed
65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85
                            </div>
                            <table id="data_table" class="display"></table>
                        </table-wrapper>
                        <detail style="display: none;">
                            <image class="weapon_img"></image>
                            <div class="detail_name">
                                ---
                            </div>
                        <div>
                            <label for="roles">Roles:</label>
                            <select id="role">
                            </select>
                        </div>
                        <div class="detail_buttons">
                            <button class="delete_button">Kick</button>
                            <button class="modify_button">Update</button>
                        </div>
                        </detail>
                    </table-detail>
                </members-area>
            </div>
86 87
            <div id="area_2" style="display: none;">
                <requests-area>
Geovanny's avatar
Geovanny committed
88
                    <div class="table_header">
89 90 91 92
                        <!-- <div class="title"><span>House</span></div> -->
                        <p class="header_title">House</p>
                        <button id="reject" class="one">Reject</button>
                        <button id="accept" class="two">Accept</button>
Geovanny's avatar
Geovanny committed
93 94 95 96 97
                    </div>
                    <table id="data_table" class="display"></table>
                </requests-area>
                <member-units style="display: none;">
                    <div class="table_header">
98
                        <p class="header_title">Units</p>
Geovanny's avatar
Geovanny committed
99 100 101 102 103 104 105
                    </div>
                    <table id="data_table" class="display"></table>
                </member-units>
            </div>
        </content-body>
    </body>
</html>