This is a sample application that illustrates how to build a tool for managing work hours using Slack's automation platform.
If you wish to track your personal activities beyond business hours, this app also offers a method to manage your lifelogs!
Before getting started, first make sure you have a development workspace where you have permission to install apps. Please note that the features in this project require that the workspace be part of a Slack paid plan.
To use this template, you need to install and configure the Slack CLI. Step-by-step instructions can be found in our Quickstart Guide.
Start by cloning this repository:
# Clone this project onto your machine
$ slack create slack-timesheet -t seratch/slack-timesheet
# Change into the project directory
$ cd slack-timesheetI am confident that this app is designed to be extremely user-friendly. As soon as you install the app onto your Slack workspace and share the link trigger of the workflow app either in a canvas document or as a channel message, you'll be up and running immediately!
To deploy the app, simply run the slack deploy command in the root directory of the cloned app.
$ slack deploy
? Choose a deployed environment Install to a new workspace or organization
? Install to a new workspace or organization acme-corp T03E94MJU
🔔 If you leave this workspace or organization, you can no longer manage the installed apps
Installed apps will belong to the workspace or organization if you leave the workspace
📚 App Manifest
Created app manifest for "Timesheet" in "Acme Corp"
🏠 App Install
Installing "Timesheet" app to "Acme Corp"
Updated app icon: assets/icon.png
Finished in 5.5s
⚡ Listing triggers installed to the app...
There are no triggers installed for the app
⚡ Create a trigger
Searching for trigger definition files under 'triggers/*'...
Found 2 trigger definition files
? Choose a trigger definition file: triggers/open_timesheet_en-us.ts
⚡ Trigger successfully created!
Timesheet Ft0639P6UJ1Z (shortcut)
Created: 2023-10-29 22:48:35 +09:00 (1 second ago)
Collaborators:
Kaz Sera @seratch U03E94MK0
Can be found and used by:
everyone in the workspace
https://slack.com/shortcuts/Ft063YR*****/ab6f8c4c8bfb********************
🎁 App packaged and ready to deploy
0.042MB was packaged in 3.2s
🚀 Timesheet deployed in 15.2s
App Owner: seratch (U03E94MK0)
Workspace: Acme Corp (T03E94MJU)
Dashboard: https://slack.com/apps/A0636U9P3PX
🌩 Visit your workspace or organization to try out your live app!
When you make any changes, update your app by re-running slack deploy
💌 We would love to know how things are going
Survey your development experience with slack feedback --name platform-improvements
$
This Timesheet app intracts with you only within a single modal view. To launch this modal dialog, click on the link trigger, which was generated when you deployed the app, as shown below. Upon initial startup, the app will prompt you to specify your preferred language, country, and app mode. Following this, you'll be fully equipped to monitor your work time via the app!
Typically, you would click only the "Start/Finish Work" and "Start/Finish Break Time" buttons. There's no need to click anything else as long as you're keeping track of work and break times during your business hours. Sometimes, you may forget to press these buttons. In such cases, you can edit your entries as needed from the top page. Moreover, you can also input days off you have taken. This data will allow you to effortlessly verify if you are fulfilling the necessary work hours with consideration of day offs.
To check/edit past inputs, you can use the Calendar view from the menu.
This feature can be particularly beneficial when setting time off information in advance. It allows you to navigate to a future date when you're taking time off. When you want to get a comprehensive view of the current month, the Monthly Report feature, which I will detail next, should prove to be even more convenient.
The Monthly Report feature can be helpful not just at the end of each month, but at any given time. By accessing this page, you're able to look back and reflect upon how the current month has been progressing so far.
If you click the "Send this in DM" button located in the upper right corner, a message containing a replicated report from the app will be delivered to you. Conveniently, the message also provides the raw JSON data as an attachment. Often, employees are required to input work data into a unfied corporate system. In such instances, utilizing the JSON data (e.g., writing a script, converting the JSON data structure to a required format) could help you achieve smooth data integration.
The "Project Code" management is an optional and advanced feature. This feature is typically used for managing detailed, segmental work hours for a particular purpose, project, or team. You can utilize project codes for tracking these specifics. Once you register a minimum of one active project code, this app will prompt all end-users to select a project code whenever they start their work time.
By default, setting a project code is optional. However, if your organization consistently requires all employees to set a code, you can modify the source code, functions/internals/views.ts, by removing the "optional": true flag in the relevant sections.
As an admin, you have the ability to manage policies that apply across your organization. These policies can become crucial when evaluating this application's utility for real business operations. For instance, in accordance with Japanese labor law, it is considered a best practice to limit manually created time records. In light of this strict policy, it is mandatory for employees to use a time card or an equivalent. One of the built-in organization policies allows this app to function as a virtual time card, thereby adhering to such regulations.
By default, this app does not assign admin privileges to any user. In this scenario, all users have the right to utilize the admin features, such as managing project codes, organization policies, and downloading the monthly report for admins. To modify this for production use cases, you can add user ID rows to the admin_users datastore table as shown below:
# Enabling two admin users
slack datastore put '{"datastore": "admin_users","item": {"user": "W111111"}}'
slack datastore put '{"datastore": "admin_users","item": {"user": "W222222"}}'Once these records are stored, the users aside from "W111111" and "W222222" will no longer have permission to access the admin features.
The development of this app has just begun, and it's still undergoing significant evolution! We are actively working on more features, including permission control, holiday considration, and more customization options. If you're interested, you can examine the datastore tables and function code to learn what the latest app can do.
Whenever you have have any suggestions, questions, or discover a bug within this app, please feel free to submit an inquiry on this repository's issue tracker!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent