<section>

<div class="container">

<div class="page-header">

<h1>{{t "templates.connector.resources"}}</h1>

</div>

<div class="btn-toolbar" role="toolbar" aria-label="toolbar">

<div class="btn-group" role="group" aria-label="add connector">

<a href="#connectors/add/"><button type="button" class="btn btn-primary"><i class="fa fa-plus"></i>{{t "templates.connector.addConnector"}}</button></a>

</div>

<div class="btn-group" role="group" aria-label="add managed">

<a href="#managed/add/"><button type="button" class="btn btn-primary"><i class="fa fa-plus"></i>{{t "templates.connector.addManagedObject"}}</button></a>

</div>

<div class="btn-group pull-right" role="group" aria-label="add mapping">

<a href="#mapping/add/"><button type="button" class="btn btn-primary"><i class="fa fa-plus"></i>{{t "templates.connector.addMapping"}}</button></a>

</div>

</div>

<div class="section-header">

<div class="subtitle-bar">

<h2>{{t "templates.connector.connectorTitle"}}</h2>

<a target="_blank" href="http://openidm.forgerock.org/doc/integrators-guide/index.html#openidm-openicf">Help <i class="fa fa-question-circle"></i></a>

</div>

<div class="clearfix"></div>

<div class="help-body">

<p>{{t "templates.connector.whatIsAConnector"}}</p>

</div>

</div>

<div id="resourceConnectorContainer" class="list-grid">

<div class="row">

{{#each currentConnectors}}

<div class="col-sm-6 col-md-3 ">

<div class="card-container" style="z-index: 5;">

<div data-resource-type="connector" data-connector-title="{{cleanUrlName}}" class="card">

<div class="card-heading">

<!-- Single button -->

<div class="btn-group">

<button type="button" class="btn btn-link fa-lg dropdown-toggle" data-toggle="dropdown" aria-expanded="false">

<i class="fa fa-ellipsis-v"></i>

</button>

<ul class="dropdown-menu pull-right" role="menu">

{{#each objectTypes}}

<!-- <li><a href="#resource/system/{{/name}}/{{this}}/list/"><i class="fa fa-database"></i>Data ({{this}})</a></li> -->

{{/each}}

<li><a href="#connectors/edit/{{cleanUrlName}}/"><i class="fa fa-pencil"></i>Edit</a></li>

<li class="connector-delete"><span><i class="fa fa-times"></i>Delete</span></li>

</ul>

</div>

</div>

<div class="card-body">

<a href="#connectors/edit/{{cleanUrlName}}/">

<div class="image circle">

<i class="{{iconClass}}"></i>

</div>

<div class="content">

<div class="main">

<h3 class="name">{{name}}</h3>

<p class="cardtype">{{displayName}}</p>

</div>

</div>

</a>

</div>

<div class="card-footer">

{{#if ok}}

<span class="text-success"><i class="fa fa-check"></i> {{t "templates.connector.activeState"}}</span>

{{else}}

{{#if enabled}}

<span title="{{error}}" class="text-danger"><i class="fa fa-check"></i> {{t "templates.connector.errorState"}}</span>

{{else}}

<span title="{{error}}" class="text-warning"><i class="fa fa-check"></i> {{t "templates.auth.disabled"}}</span>

{{/if}}

{{/if}}

</div>

</div>

</div>

</div>

{{/each}}

<div class="col-sm-6 col-md-3 ">

<div class="add-card" style="z-index: 3;">

<div class="">

<a href="#connectors/add/">

<div class="image circle">

<i class="fa fa-plus"></i>

</div>

<div class="content">

{{t "templates.connector.addConnector"}}

</div>

</a>

</div>

</div>

</div>

</div>

</div>

<hr>

<div class="section-header">

<div class="subtitle-bar">

<h2>{{t "templates.managed.managedTitle"}}</h2>

<a target="_blank" href="http://openidm.forgerock.org/doc/integrators-guide/index.html#chap-users-groups-roles">Help <i class="fa fa-question-circle"></i></a>

</div>

<div class="clearfix"></div>

<div class="help-body">

<p>{{t "templates.connector.whatIsAManagedObject"}}</p>

</div>

</div>

<div id="resourceManagedContainer" class="list-grid">

<div class="row">

{{#each currentManagedObjects}}

<div class="col-sm-6 col-md-3">

<div class="card-container">

<div data-resource-type="managed" data-managed-title="{{name}}" class="card">

<div class="front">

<div class="card-heading">

<!-- Single button -->

<div class="btn-group">

<button type="button" class="btn btn-link fa-lg dropdown-toggle" data-toggle="dropdown" aria-expanded="false">

<i class="fa fa-ellipsis-v"></i>

</button>

<ul class="dropdown-menu pull-right" role="menu">

<li><a href="#resource/managed/{{name}}/list/"><i class="fa fa-database"></i>Data</a></li>

<li><a href="#managed/edit/{{name}}/"><i class="fa fa-pencil"></i>Edit</a></li>

<li class="managed-delete"><span><i class="fa fa-times"></i>Delete</span></li>

</ul>

</div>

</div>

<div class="back">

<a href="#managed/edit/{{name}}/">

<div class="image circle">

<i class="icon-database"></i>

</div>

<div class="content">

<div class="main">

<h3 class="name">{{name}}</h3>

<p class="cardtype">{{t "templates.connector.managedObjectType"}}</p>

</div>

</div>

</a>

</div>

</div>

</div>

</div>

</div>

{{/each}}

<div class="col-sm-6 col-md-3 ">

<div class="add-card" style="z-index: 3;">

<div class="">

<a href="#managed/add/">

<div class="image circle">

<i class="fa fa-plus"></i>

</div>

<div class="content">

{{t "templates.connector.addManagedObject"}}

</div>

</a>

</div>

</div>

</div>

</div>

</div>

</div>

</section>