implement community basics

views/communities/community.php

@@ -0,0 +1,50 @@
+@extends(templates/layout_normal)
+
+@section(main)
+    <h2><?= $community->getName() ?> <span class="small">[<a href="/<?= Container::$routeCollection->getRoute('community-edit')->generateLink(['communityId' => $community->getId()]) ?>">edit</a>]</span></h2>
+
+    <div class="gridContainer marginTop">
+        <div>
+            <h3 class="marginBottom">Members</h3>
+            <?php foreach ($members as $member): ?>
+                <p><?= $member->getUser()->getDisplayName() ?></p>
+            <?php endforeach; ?>
+            <?php if ($editPermission): ?>
+                <hr>
+                <p><a href="/<?= Container::$routeCollection->getRoute('community-members')->generateLink(['communityId' => $community->getId()]) ?>">Edit members</a></p>
+            <?php endif; ?>
+        </div>
+        <div>
+            <h3 class="marginBottom">Currencies</h3>
+            <p>Main currency: <b><?= $community->getCurrency() ?></b></p>
+            <p>Further currencies: <b><?= implode(', ', $currencyNames) ?></b></p>
+        </div>
+        <div>
+            <h3 class="marginBottom">Upcoming events</h3>
+            <?php if (count($upcomingEvents) > 0): ?>
+                <?php foreach ($upcomingEvents as $event): ?>
+                    <!-- todo -->
+                <?php endforeach; ?>
+            <?php else: ?>
+                <p>There is no upcoming event.</p>
+            <?php endif; ?>
+        </div>
+        <div>
+            <h3 class="marginBottom">Finances</h3>
+            <table class="fullWidth">
+                <tr>
+                    <td>You owe</td>
+                    <td style="text-align: right; color: red;">0 <?= $community->getCurrency() ?></td>
+                </tr>
+                <tr>
+                    <td>You're owed</td>
+                    <td style="text-align: right; color: green;">0 <?= $community->getCurrency() ?></td>
+                </tr>
+                <tr>
+                    <td>Your balance</td>
+                    <td style="text-align: right;">0 <?= $community->getCurrency() ?></td>
+                </tr>
+            </table>
+        </div>
+    </div>
+@endsection

views/communities/community_edit.php

@@ -0,0 +1,20 @@
+@extends(templates/layout_normal)
+
+@section(main)
+    <h2><?= isset($community) ? $community->getName() . ' - Edit' : 'New community' ?></h2>
+    <div class="box">
+        <?php
+        $formAction = isset($community) ?
+            Container::$routeCollection->getRoute('community-edit-action')->generateLink(['communityId' => $community->getId()]) :
+            Container::$routeCollection->getRoute('community-new-action')->generateLink();
+        ?>
+        <form id="communityForm" action="/<?= $formAction ?>" method="post" data-redirect-on-success="true">
+            <input type="text" class="text big fullWidth" name="name" placeholder="Name" value="<?= isset($community) ? $community->getName() : '' ?>" required>
+            <input type="text" class="text big fullWidth marginTop" name="currency" value="<?= isset($community) ? $community->getCurrency() : '' ?>" placeholder="Default currency" maxlength="3" required>
+            <p id="accountFormError" class="formError justify marginTop"></p>
+            <div class="right marginTop">
+                <button type="submit" name="submit"><?= isset($community) ? 'Save' : 'Create' ?></button>
+            </div>
+        </form>
+    </div>
+@endsection

views/communities/community_members.php

@@ -0,0 +1,42 @@
+@css(node_modules/choices.js/public/assets/styles/choices.min.css)
+@js(node_modules/choices.js/public/assets/scripts/choices.js)
+@js(js/communities/community_members.js)
+
+@extends(templates/layout_normal)
+
+@section(main)
+    <h2><?= $community->getName() ?> - Edit members</h2>
+    <div class="box">
+        <table class="fullWidth">
+            <thead>
+                <tr>
+                    <th style="width: 50%;"></th>
+                    <th style="width: 25%; text-align: center;">Owner</th>
+                    <th style="width: 25%;"></th>
+                </tr>
+            </thead>
+            <?php foreach ($members as $member): ?>
+                <?php $editable = $member->getUserId() !== Container::$request->user()->getUniqueId(); ?>
+                <tr>
+                    <td><?= $member->getUser()->getDisplayName() ?></td>
+                    <td style="text-align: center;"><input type="checkbox" class="member_owner" data-id="<?= $member->getId() ?>" <?= $member->getOwner() ? 'checked' : '' ?> <?= !$editable ? 'disabled' : '' ?> /></td>
+                    <td style="text-align: right;"><button type="button" class="small red delete_member" data-id="<?= $member->getId() ?>" <?= !$editable ? 'disabled' : '' ?>>Delete</button></td>
+                </tr>
+            <?php endforeach; ?>
+            <tr>
+                <td><select type="text" id="new_member_user_id"></td>
+                <td></td>
+                <td style="text-align: right;"><button type="button" class="small" id="new_member_button" disabled>Add</button></td>
+            </tr>
+        </table>
+    </div>
+@endsection
+
+@section(pageScript)
+<script>
+    var searchUserUrl = '/<?= Container::$routeCollection->getRoute('searchUser')->generateLink(['q' => 'QUERY']) ?>';
+    var newMemberUrl = '/<?= Container::$routeCollection->getRoute('community-members-new')->generateLink(['communityId' => $community->getId()]) ?>';
+    var editMemberUrl = '/<?= Container::$routeCollection->getRoute('community-members-edit')->generateLink(['communityId' => $community->getId()]) ?>';
+    var deleteMemberUrl = '/<?= Container::$routeCollection->getRoute('community-members-delete')->generateLink(['communityId' => $community->getId()]) ?>';
+</script>
+@endsection