Pages Overview

This section states the purpose of each page.

Introduction

In this summary, we will describe each page and its content. The Page Element is the fundamental one that contains all the other elements.
💡
Tip: See Bubble Reference for more information about Pages element https://bubble.io/reference#Elements.Page 🙂

Pages

index

This is the main page typically encountered first on the web app that usually contains links to the other pages of the site. A homepage includes a variety of menus that make it easy for users to find the information they need.
Here, users are able to view the projects they are assigned to, add new projects, view the task that were assigned to them, check the inbox tab with all the notifications (like who completed a task, new comments, re-opened tasks, etc.). Basically, it replicates the core Asana features.

Recent

Image without caption

My Projects

Image without caption

My Tasks

Image without caption

Inbox

Image without caption
💡
Tip: This page works as an SPA (Single Page Application).
Here, the searching functionality is based on the a free plugin called Search & Autocorrect.
The projects and tasks can be marked as completed/uncompleted. When pressing the Group "Mark complete" element, the project's status field is set to Completed:
Image without caption
This page is also listing our Zeroqode templates on the right:
Image without caption
The parent element is named "Group template" and can be found here:
Image without caption
💡
Tip: Feel free to modify or even remove it if you will.
The project and task groups can be found here:
Image without caption
Image without caption

account

Here, users can view or edit their profile information: first name, last name, phone, profile picture, email, and change password if needed.
Also, we display some statistics here: how many comments the user left, and the number of projects and tasks assigned
Image without caption
💡
Tip: See the instructions how to remove the alert group about template documentation.
The First Name, Last Name, and Phone number input fields are using the auto-binding feature.
On the other hand, the Contact information and Secure information changes are based on a button-click event. These workflows can be found here:
Image without caption
Image without caption

admin

This page is designed to manage platform data, e.g. Users, Items, Payments… and others. Only users with admin rights are able to access this page (in read-only mode), and those users who have access rights can edit or delete anything here. This page is accessible to admin users only. In order to use its features, it is required to have admin rights.
On this page, admins are able to view stats like the total number of platform users, projects, tasks. They are also able to view all the projects and tasks added, as well as view and edit User data.

Overview

Image without caption

Users

Image without caption

Projects

Image without caption

Tasks

Image without caption
The admin features are not available to non-admin users. Our demo accounts can access this page, but all the edit/delete buttons are not clickable for security reasons.
Admin: See the instructions on how to grant Admin Rights in your template.

reset_pw

This page is used for resetting the password.
Image without caption
It comes with a simple form to type in the new password and confirm the new password. When pressing the "CONFIRM" button, it resets the password, then redirects to the index page.
Image without caption

404

This is a custom-designed page for 404 redirect errors, informing a user that the requested web page cannot be found, or it doesn't exist.
Image without caption
This page come with a single workflow action to go back to the index page:
Image without caption