Pedro Daire pdaire

Feature: Shortcuts

With our new feature we hope to make the lives of our users a lot easier. We noticed that many of our users have standard phrases, which they repeat many times throughout the day, when attending clients. This is why we decided to introduce the shortcuts feature.

How it works

We have added a button on the right side of the message field. When clicked it displays a list of available shortcuts: By selecting one of these shortcuts, a predefined text is inserted in the messages field. The result looks like this:


	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- OGP -->
	<meta property="og:title" content="Let's Talk" />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="" />

	<html>
	<head>
	<title>Example of Widget Installation</title>
	<script type="application/javascript" src="http://widget.letsta.lk/beta/widget/script/3.js"></script>
	</head>
	<body bgcolor=white>
	<img src="http://letsta.lk/images/logo-letstalk-cuadrado.png">
	<h1>Example of Widget Installation</h1>

	<p>Welcome to the widget example page. You can check the code of this page <a href="https://gist.githubusercontent.com/pdaire/8ea36aa4b618cde6f5a4/raw/c7488936cf04bc03b08e7bfa2e3c1294394d5d20/index.html">here.</a> </p>

	<html>
	<head>
	<title>Example of Widget Installation</title>

	<script type="application/javascript" src="//widget.letsta.lk/beta/widget/script/76.js"></script>

	</head>
	<body bgcolor=white>
	<img src="http://letsta.lk/images/logo-letstalk-cuadrado.png">
	<h1>Example of Widget Installation</h1>

	<html>
	<head>
	<title>Example of Widget Installation</title>

	<script type="application/javascript" src=//widget.letsta.lk/beta/widget/script/91.js></script>

	</head>
	<body bgcolor=white>
	<img src="http://letsta.lk/images/logo-letstalk-cuadrado.png">
	<h1>Example of Widget Installation</h1>

	<html>
	<head>
	<title>Example of Widget Installation</title>


	</head>
	<body bgcolor=white>
	<a href="com.bbva.bbvachatcl.ENTERPRISE">ENTERPRISE</a>
	<a href="com.bbva.bbvachatcl.enterprise">enterprise</a>
	<a href="com.lt.BBVA">BBVA</a>

	<html>
	<head>
	<title>Sample "Hello, World" Application</title>
	<script type="application/javascript" src="http://widget.local.letsta.lk:3000/beta/widget/script/1.js?black_list_value=no_a"></script>
	</head>
	<body bgcolor=white>

	<h1>Sample "Hello, World" Application</h1>

	<p>This is the home page for the HelloWorld Web application. </p>

	<!doctype html>
	<html>
	<meta charset="utf-8" />
	<head>
	<title>Felicitaciones a pedaleable</title>
	</head>
	<style>
	/find and replace all color values "rgba(179,0,1," in order to modify main color /
	* { box-sizing:border-box; }