cronapp-framework-mobile-js/components/templates/kendo-chat.template.html

Javascript library for CronApp's projects

<kendo-chat
  id="kendo-chat${RANDOM}"
  chat-placeholder="Digite uma mensagem"
  ng-on-post-message=""
  ng-on-send-message=""
  ng-on-typing-start=""
  ng-on-typing-end=""
>
  <div data-role="chat" class="k-widget k-chat">
    <div class="k-message-list k-avatars" data-role="chat" aria-live="polite">
      <div class="k-message-list-content">
        <div cronapp="" class="k-message-group">
          <p class="k-author">Cronapp</p>
          <img
            src="https://ide.cronapp.io/resources/favicon/favicon.svg"
            alt="Cronapp"
            class="k-avatar"
          />
          <div class="k-message k-first">
            <time class="k-message-time">14:25:32</time>
            <div class="k-bubble">Olá Usuário, este é o Cron Chat</div>
          </div>
          <div class="k-message k-last">
            <time class="k-message-time">14:25:32</time>
            <div class="k-bubble">Seja bem vindo!</div>
          </div>
        </div>
        <div me="" class="k-message-group k-alt">
          <img
            src="https://www.creph.com.br/assets/all/img/default.png"
            alt="User"
            class="k-avatar"
          />
          <div class="k-message k-first">
            <time class="k-message-time">14:25:37</time>
            <div class="k-bubble">Olá!</div>
          </div>
          <div class="k-message k-last">
            <time class="k-message-time">14:25:46</time>
            <div class="k-bubble">Muito legal! :)</div>
          </div>
        </div>
      </div>
    </div>
    <div class="k-message-box" data-role="chat">
      <label class="k-hidden" for="inputId_56884ad4-d5ca-4bb0-bc84-d352644d6410"
        >Digite a mensagem</label
      ><input
        type="text"
        class="k-input"
        id="inputId_56884ad4-d5ca-4bb0-bc84-d352644d6410"
        placeholder="Digite a mensagem"
      /><button
        class="k-button k-flat k-button-icon k-button-send"
        title="Send message"
        aria-label="Send message"
      >
        <svg
          version="1.1"
          ixmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          x="0px"
          y="0px"
          viewBox="0 0 16 16"
          xml:space="preserve"
        >
          <path
            d="M0,14.3c-0.1,0.6,0.3,0.8,0.8,0.6l14.8-6.5c0.5-0.2,0.5-0.6,0-0.8L0.8,1.1C0.3,0.9-0.1,1.1,0,1.7l0.7,4.2C0.8,6.5,1.4,7,1.9,7.1l8.8,0.8c0.6,0.1,0.6,0.1,0,0.2L1.9,8.9C1.4,9,0.8,9.5,0.7,10.1L0,14.3z"
          ></path>
        </svg>
      </button>
    </div>
    <div class="k-toolbar-box" role="toolbar" style="display: none;"></div>
  </div>
</kendo-chat>