Giter Site home page Giter Site logo

xavriley / canvas-ticker Goto Github PK

View Code? Open in Web Editor NEW

This project forked from desklabs/canvas-ticker

0.0 1.0 0.0 17 KB

A Desk.com canvas app that allows to keep track on how much time your agents spend on a case.

License: BSD 3-Clause "New" or "Revised" License

JavaScript 36.15% HTML 63.85%

canvas-ticker's Introduction

Desk.com Canvas: Agent Time Tracker

The Agent Time Tracker is a Desk.com Canvas application that adds a time tracker to cases. It allows you to start and stop the timer with background updates every minute.

I. Deploy the Application

First, install this application by deploying the source code to your Heroku account. To deploy your application, simply click this button:

Deploy

II. Create the Integration URL

Now that you have the application on Heroku, go ahead and create the integration URL.

  1. In the Name field, add a title for the this application. In this example, we’ll you use 'Time Tracker'.

  2. The Description field, though optional, is a way to give a general description of the integration URL.

  3. Select 'Canvas iFrame' from the Open Location dropdown.

  4. In the URL field, add the URL and specify the field parameter otherwise it will generate an error. Note: autostart and value are also viable options.

  5. Toggle the Enabled button to 'Yes' and select the Permission level.

  6. Click the Update button.

Options specified via URL

  • field custom field key to use for updates.
  • value current value of the field
  • autostart start the ticker automatically as soon as it's loaded

Integration URL

III. Add it to your Case Layout

Now display the canvas application on your Case Layout.

  1. Go to Cases >> Next Gen Case Layouts

  2. Find the Time Tracker canvas application in the Integrations section on the right side of the screen.

  3. Drag and Drop the application in your case layout.

  4. Scroll over the left side of the 'Time Tracker' bar and click on the gear to open the Edit window. Adjust the pixel Height (e.g., 33) and Position, the order in which it appears in Case Details on the dashboard. Click Save.

Case Layout

IV. Dashboard Confirmation

After you have added the canvas application to your layout and selected users, open a ticket and you should see the Time Tracker under Case Details.

Preview  Stopped

Preview  Started

canvas-ticker's People

Contributors

tgmielke avatar tstachl avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.