MappingListTemplate.html revision 99f8a3656d3ad8cab4f8ea146a57a27faf5ae06b
<section>
<div class="container">
<div class="page-header">
<h1>{{t "templates.mapping.mappingListingTitle"}}
<div class="pull-right help-link">
<a href="{{docHelpUrl}}integrators-guide/index.html#chap-synchronization" target="_blank">{{t "templates.connector.help"}} <i class="fa fa-question-circle"></i></a>
</div>
</h1>
</div>
<div class="toolbar page-toolbar" role="toolbar" aria-label="...">
<div class="btn-group left-group" role="group" aria-label="...">
<button type="button" class="btn btn-primary" id="addMapping">
<i class="fa fa-plus"></i>
{{t "templates.connector.addMapping"}}
</button>
</a>
</div>
</div>
</div>
</section>
<div class="container">
{{#if mappingConfig.length}}
<div id="mappingConfigHolder" class="mapping-listing mappings-list">
{{#each mappingConfig}}
<div class="mapping mapping-config-body" mapping="{{name}}">
<div class="panel panel-default">
<div class="front">
<div class="row">
<div class="col-sm-6">
<div class="connector source">
<div class="panel-body">
<div class="media">
<a class="media-left" href="#">
<div class="image circle">
<i class="mapping-icon left-icon {{sourceIcon}}"></i>
</div>
</a>
<div class="media-body">
<h3>{{source}}</h3>
<p class="">{{sourceType}}</p>
</div>
</div>
</div>
<div class="arrow">
<div class="arrow-inner">
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="connector target">
<div class="panel-body">
<div class="media">
<a class="media-left" href="#">
<div class="image circle">
<i class="mapping-icon left-icon {{targetIcon}}"></i>
</div>
</a>
<div class="media-body">
<h3>{{target}}</h3>
<p>{{targetType}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-footer">
<div class="row no-gutters">
<div class="col-sm-6">
<div class="connector-info">
<h2 class="connector-name mapping-config-header sync-label">
{{name}}
</h2>
<div class="connector-status text-danger">
<span id="{{name}}_syncStatus"></span>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="connector-actions">
<div>
<button type="button" class="btn btn-link button icon-button"><i class="fa fa-pencil"></i> <span>{{t "common.form.edit"}}</span></button>
<button type="button" class="btn btn-link button icon-button delete-button"><i class="fa fa-times"></i> <span>{{t "common.form.delete"}}</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/each}}
</div>
{{/if}}
{{#unless mappingConfig.length}}
{{/unless}}
</div>