EinsatzOnline/resources/templates/module_communicator_email.h...

86 lines
5.6 KiB
Handlebars

{{> header }}
<div class="container-fluid">
<div class="row">
<div class="wrapper">
{{> sidebar }}
<div id="content">
{{> searchbar}}
<hr>
<span class="alert"></span>
<div class="col">
<div class="card bg-light">
<div class="card-header">E-Mail versenden</div>
<div class="card-body">
<div class="row">
<div class="col">
<div class="form-group row">
<label for="email-to" class="col-sm-1 col-form-label">An: </label>
<div class="col-sm-11">
<span id="email-to"></span>
<div class="email-to-search">
<input type="text" class="form-control email-to-searchbar" value="{{to}}">
<ul class="list-group"><span class="quicksearch-overlay email-to-searchbar-overlay" style="display: none"></span></ul>
</div>
</div>
</div>
<div class="form-group row">
<label for="email-cc" class="col-sm-1 col-form-label">Cc: </label>
<div class="col-sm-11">
<span id="email-cc"></span>
<div class="email-cc-search">
<input type="text" class="form-control email-cc-searchbar" value="{{cc}}">
<ul class="list-group"><span class="quicksearch-overlay email-cc-searchbar-overlay" style="display: none"></span></ul>
</div>
</div>
</div>
<div class="form-group row">
<label for="email-bcc" class="col-sm-1 col-form-label">Bcc: </label>
<div class="col-sm-11">
<span id="email-bcc"></span>
<div class="email-bcc-search">
<input type="text" class="form-control email-bcc-searchbar" value="{{bcc}}">
<ul class="list-group"><span class="quicksearch-overlay email-bcc-searchbar-overlay" style="display: none"></span></ul>
</div>
</div>
</div>
<p>Hinweis: E-Mails an Gruppen werden aus Gründen des Datenschutzes immer nur im BCC gesendet.</p>
<div class="filter">
<ul class="nav nav-tabs" id="filterTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="group-tab" data-toggle="tab" href="#group" role="tab" aria-controls="group" aria-selected="true">Gruppen</a>
</li>
<li class="nav-item">
<a class="nav-link" id="units-tab" data-toggle="tab" href="#units" role="tab" aria-controls="units" aria-selected="false">Einsatzeinheiten</a>
</li>
</ul>
<div class="tab-content" id="filterTabContent">
<div class="tab-pane fade show active" id="group" role="tabpanel" aria-labelledby="group-tab">
<div class="group_selection_list">
</div>
</div>
<div class="tab-pane fade" id="units" role="tabpanel" aria-labelledby="units-tab">
<div class="unit_selection_list">
</div>
</div>
</div>
</div>
<div class="form-group row">
<label for="email-subject" class="col-sm-1 col-form-label">Betreff: </label>
<div class="col-sm-11">
<input type="text" class="form-control" id="email-subject" name="email-subject">
</div>
</div>
<div class="form-group">
<label for="email-body" class="col-form-label">Nachricht: </label>
<textarea class="form-control" id="email-body" name="email-body" rows="10"></textarea>
</div>
<button class="btn btn-primary" id="send-email-submit" style="float: right;">E-Mail senden</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{> footer }}