Splitify/groups.php at master · wrayx/Splitify · 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
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<?php
include "header.php";
$groups = $db->getGroups($userid);
?>
<div class="card">
    <div class="face face1">
        <div class="content">
            <div>Create a Group</div>
        </div>
    </div>
    <div class="face face2">
        <div class="content">
            <form action="includes/groups.inc.php" method="POST" id="group-form">
                <div class="group">
                    <input type="text" name="name" id="group-name" aria-label="group name" required>
                    <span class="highlight"></span>
                    <span class="bar"></span>
                    <label>Name</label>
                </div>
                <div class="group">
                    <input type="text" name="members[]" class="member" aria-label="member email or username" required>
                    <span class="highlight"></span>
                    <span class="bar"></span>
                    <label>Member's username or email</label>
                </div>
                <div class="group">
                    <span id="add-member-input"><i class="fas fa-user-plus"></i></span>
                </div>
                <div class="group">
                    <button class="button" name="submit" aria-label="submit" type="submit">
                        <span class="text">Submit</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<?php foreach ($groups as $group): ?>
<div class="card" id="group-card-<?php echo $group; ?>">
    <div class="face face1 blue">
        <div class="content">
            <div><?php
                    $groupName = $db->getGroupName($group);
                    echo $groupName; ?></div>
        </div>
    </div>
    <div class="face face2">
        <div class="content">
            <div class="tbl-header">
                <table>
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Username</th>
                            <th>E-mail</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="tbl-content">
                <table>
                    <tbody>
                        <?php
                        $members = $db->getGroupMembers($group);
                        $i = 0;
                        foreach ($members as $member):
                            $i++;
                            $username = $db->getUsername($member);
                            $email = $db->getUserEmail($member);
                            ?>
                        <tr>
                            <td><?php echo $i; ?></td>
                            <td><?php echo $username; ?></td>
                            <td><?php echo $email; ?>
                                <button class="button-sm del del-right del-btn"
                                    id="<?php echo modalId("delete", "trigger", preg_replace('/\s/', '', $groupName . '_' . $member)) ?>">
                                    Remove
                                </button>
                            </td>
                        </tr>
                        <?php endforeach; ?>
                    </tbody>
                </table>
            </div>
            <br>
            <button class="button-sm del del-right del-group-btn"
                id="<?php echo modalId("deletegroup", "trigger", $group) ?>">Delete Group
            </button>
        </div>
    </div>
</div>
<?php
    $members = $db->getGroupMembers($group);
    $i = 0; ?>
<div>
    <?php
        foreach ($members as $member):
            $i++;
            $username = $db->getUsername($member);
            $email = $db->getUserEmail($member);
            ?>
    <!-- The Member Deletion Modal -->
    <div class="delete-modal"
        id="<?php echo modalId("delete", "", preg_replace('/\s/', '', $groupName . '_' . $member)) ?>">
        <!-- Modal content -->
        <div class="modal-content">
            <span class="close"
                id="<?php echo modalId("delete", "close", preg_replace('/\s/', '', $groupName . '_' . $member)) ?>"><i
                    class="fas fa-times"></i></span>
            <div class="modal-header">
                Confirm to Remove This Member ?
            </div>
            <p><b>Group Name:</b> <?php echo $groupName; ?></p><br>
            <p><b>Username:</b> <?php echo $username; ?></p><br>
            <form action="includes/groups.inc.php" method="POST">
                <input type="hidden" name="group-id" value="<?php echo $group; ?>">
                <input type="hidden" name="member-id" value="<?php echo $member; ?>">
                <button type="submit" class="action red action-rm-member"
                    id="<?php echo modalId("delete", "proceed", preg_replace('/\s/', '', $groupName . '_' . $member)) ?>">
                    Delete
                </button>
                <button class="action blue cancel-btn"
                    id="<?php echo modalId("delete", "cancel", preg_replace('/\s/', '', $groupName . '_' . $member)) ?>">
                    Cancel
                </button>
            </form>
        </div>
    </div>
    <?php endforeach; ?>
    <!-- The Group Deletion Modal -->
    <div class="group-delete-modal" id="<?php echo modalId("deletegroup", "", $group) ?>">
        <!-- Modal content -->
        <div class="modal-content">
            <span class="close" id="<?php echo modalId("deletegroup", "close", $group) ?>"><i
                    class="fas fa-times"></i></span>
            <div class="modal-header">
                Confirm to Delete this Group ?
            </div>
            <p><b>Group Name:</b> <?php echo $groupName; ?></p><br>
            <form action="includes/groups.inc.php" method="post">
                <input type="hidden" name="group-id" value="<?php echo $group; ?>">
                <button type="submit" class="action red action-del-group"
                    id="<?php echo modalId("deletegroup", "proceed", $group) ?>">Delete
                </button>
                <button class="action blue cancel-btn" id="<?php echo modalId("deletegroup", "cancel", $group) ?>">
                    Cancel
                </button>
            </form>
        </div>
    </div>
</div>
<?php endforeach; ?>
<script src="js/groups.js" type="module"></script>
<?php
include "footer.php"
?>