admin/connector/ConnectorListViewTemplate.html

	ConnectorListViewTemplate.html revision 52731b94b64a75b3e3cb9b50d6704affb171bfb7
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne<section>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne    <div class="container">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne        <div class="page-header">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            <h1>{{t "config.AppConfiguration.Navigation.links.connectors"}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                <div  class="pull-right help-link">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    <a href="{{docHelpUrl}}integrators-guide/index.html#openidm-openicf" target="_blank">{{t "templates.connector.help"}} <i class="fa fa-question-circle"></i></a>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            </h1>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne        </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne        <p class="section-help">{{t "templates.connector.whatIsAConnector"}}</p>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne        <div class="toolbar page-toolbar" role="toolbar" aria-label="...">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            <div class="btn-group pull-left left-group" role="group" aria-label="...">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                <a href="#connectors/add/"><button type="button" class="btn btn-primary"><i class="fa fa-plus"></i>{{t "templates.connector.addConnector"}}</button></a>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            <div class="pull-right">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                <div class="btn-group btn-icon" data-toggle="btns">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    <a class="btn toggle-view-btn fr-btn-secondary active" href="#connectorCardContainer" data-toggle="tab"><i class="fa fa-th"></i></a>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    <a class="btn toggle-view-btn fr-btn-secondary" href="#connectorGridContainer" data-toggle="tab"><i class="fa fa-list"></i></a>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                <div class="toolbar-search">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    <div class="form-group has-feedback has-feedback-left">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                        <input type="text" class="form-control filter-input" aria-label="Connector Filter" placeholder="Filter...">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                        <div class="form-control-feedback "><i class="fa fa-search"></i></div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            <div class="clearfix"></div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne        </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne    </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne</section>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne<section>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne    <div class="container">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne        <div class="tab-content tab-content-transparent">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            <div id="connectorCardContainer" class="tab-pane active">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                <div class="row">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    {{#each currentConnectors}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    <div class="col-sm-6 col-md-3 card-spacer" data-name="{{name}}" data-type="{{displayName}}" data-connector-title="{{cleanUrlName}}" >
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                        <div class="card-container" style="z-index: 5;">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                            <div class="card">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                <div class="card-heading">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    <div class="btn-group">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        <button type="button" id="{{name}}ConnectorToggle" class="btn btn-link fa-lg dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            <i class="fa fa-ellipsis-v"></i>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        </button>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        <ul class="dropdown-menu pull-right" role="menu">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            {{#if displayData}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                                {{#each objectTypes}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                                <li><a href="#resource/system/{{/name}}/{{this}}/list/"><i class="fa fa-database"></i>{{t "templates.admin.ResourceEdit.data"}} ({{this}})</a></li>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                                {{/each}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            {{/if}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            <li><a href="#connectors/edit/{{cleanUrlName}}/"><i class="fa fa-pencil"></i>{{t "common.form.edit"}}</a></li>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            <li class="connector-delete"><span><i class="fa fa-times"></i>{{t "common.form.delete"}}</span></li>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            <li class="divider"></li>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            <li><a href="#mapping/add/connector/{{name}}"><i class="fa fa-plus"></i>{{t "templates.connector.addMapping"}}</a></li>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        </ul>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                <div class="card-body">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    <a href="#connectors/edit/{{cleanUrlName}}/">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        <div class="image circle">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            <i class="{{iconClass}}"></i>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        <div class="content">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            <div class="main">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                                <h3 class="name">{{name}}</h3>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                                <p class="cardtype">{{displayName}}</p>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                            </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    </a>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                <div class="card-footer">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    {{#if ok}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    <span class="text-success"><i class="fa fa-check"></i> {{t "templates.connector.activeState"}}</span>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    {{else}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    {{#if enabled}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    <span data-title="{{error}}" class="text-danger resource-unavailable"><i class="fa fa-check"></i> {{t "templates.connector.errorState"}}</span>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    {{else}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    <span data-title="{{error}}" class="text-warning resource-disabled"><i class="fa fa-check"></i> {{t "templates.auth.disabled"}}</span>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    {{/if}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    {{/if}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                            </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                        </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    {{/each}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    <div class="col-sm-6 col-md-3 ">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                        <div class="add-card" style="z-index: 3;">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                            <div class="">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                <a href="#connectors/add/">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    <div class="image circle">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        <i class="fa fa-plus"></i>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    <div class="content">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                        {{t "templates.connector.addConnector"}}
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                    </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                                </a>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                            </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                        </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            <div id="connectorGridContainer" class="tab-pane">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                <div class="panel panel-default">
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                    <div class="panel-body" id="connectorGrid"></div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne                </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne            </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne        </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne    </div>
450b61c67b9e44df8df53d6dc501d5263f098e97Jason Browne</section>