interface/modules/custom_modules/oe-module-comlink-telehealth/templates/comlink/waiting-room.twig

   1 {#
   2  # Waiting room template html
   3  #
   4  # @package openemr
   5  # @link      http://www.open-emr.org
   6  # @author    Stephen Nielson <snielson@discoverandchange.com>
   7  # @copyright Copyright (c) 2023 Comlink Inc <https://comlinkinc.com/>
   8  # @license   https://github.com/openemr/openemr/blob/master/LICENSE GNU General Public License 3
   9 #}
  10 <div class="container p-3 waiting-room">
  11     <div class="row d-lg-none">
  12         <div class="col-12">
  13             <div class="row pt-2 pb-2">
  14                 <div class="col">
  15                     <a class="btn btn-primary" data-toggle="collapse" href="#waitingRoomProfile" role="button" aria-expanded="false" aria-controls="waitingRoomProfile">{{ "Appointment Information"|xlt }}<br/>({{ "Click here for more information"|xlt }})</a>
  16                 </div>
  17                 <div class="col">
  18                     <input disabled class="disabled btn btn-primary btn-comlink-conference-join d-inline-block d-lg-none" type="button" value="{{ "Join Now"|xla }}">
  19                 </div>
  20             </div>
  21             <div class="row no-gutters pt-2">
  22                 <div class="col card collapse flex-column" id="waitingRoomProfile">
  23                     {% if isPatient %}
  24                         {% include 'comlink/waiting-room-patient.twig' with {patient: patient, provider:provider, appointment: appointment} %}
  25                     {% else %}
  26                         {% include 'comlink/waiting-room-provider.twig' with {patient: patient, provider:provider, appointment: appointment} %}
  27                     {%  endif %}
  28                 </div>
  29             </div>
  30         </div>
  31     </div>
  32     <div class="row">
  33         <div class="col-12 col-lg-6" id="local-video-container">
  34             <div class="row bg-dark no-gutters">
  35                 <div class="col-12">
  36                     {% include 'comlink/local-participant-container.html.twig' with {callerName: callerName} %}
  37 {#                <video class="w-100" autoplay="true" muted="muted"#}
  38 {#                       playsinline="true" preload="none" id="local-video"></video>#}
  39                     {% include 'comlink/video-control-bar.twig' %}
  40                 </div>
  41             </div>
  42             <div class="row">
  43                 <div class="col-12">
  44
  45                 </div>
  46             </div>
  47         </div>
  48         <div class="col-lg-6 d-lg-flex d-none flex-column appointment-info">
  49             <div  class="card-height card">
  50                 <div  class="height">
  51                     {% if isPatient %}
  52                         {% include 'comlink/waiting-room-patient.twig' with {patient: patient, provider:provider, appointment: appointment} %}
  53                     {% else %}
  54                         {% include 'comlink/waiting-room-provider.twig' with {patient: patient, provider:provider, appointment: appointment} %}
  55                     {%  endif %}
  56                 </div>
  57             </div>
  58         </div>
  59     </div>
  60     <div class="row d-none permissions-box mt-5">
  61         <div class="col">
  62             <p class="alert alert-danger">{{ "You must enable a microphone or camera order to use this service. Verify you have a device connected, that the device is not being used by another media source, or that you have not disabled permissions for this application." | xlt }}</p>
  63             <input class="btn btn-secondary restart-media-btn" type="button" value="{{ "Request Media Permissions"|xla }}">
  64         </div>
  65     </div>