<p style="clear:both;margin-left:15px">
 <a href="javascript:void(0);" class="make-cert btn btn-primary">
 Create or Reset Certificate
 </a>
 <br/><br/>
 Run <code>PanelTool.exe --azurecert "{{name}}"</code> to download and export the public key for upload to Azure.
 </p>


 <a class="contrail-menu glyphicon glyphicon-option-horizontal" href="javascript:void(0)" title="Contrails Menu"></a>
 <a class="contrail-next glyphicon glyphicon-random" href="javascript:void(0)" title="Show Contrails"></a>
 <a class="contrail-cancel glyphicon glyphicon-remove" href="javascript:void(0)" title="Hide Rules"></a>


 <p><strong>Rule Type: </strong> {{kind}}</p>
 <p class="monospace">{{rule}}</p>


 <span class="glyphicon glyphicon-question-sign" title="Rule Details" data-kind="{{Kind}}" data-rule="{{Description}}"></span>


 <div id="{{id}}" class="dash {{size}} {{cssClass}}">
 <h3>{{#icon}}<span class="iconfont icon-{{icon}}"></span>{{/icon}} {{name}}</h3>
 <div class="content">{{>loading}}</div>
 </div>


 <div id="dash" class="container-fluid">
 {{#dashpanels}}
 <div class="row">
 {{#left}}{{>dashPanel}}{{/left}}
 {{#right}}{{>dashPanel}}{{/right}}
 </div>
 {{/dashpanels}}
 </div>


 <style type="text/css">
 ol.step-list li :first-child::before {
 content: {{{i18n.styles.stepList}}};
 }
 </style>


 <div class="logdialog console">
 <p class="{{logColor}}">{{logLevel}} at {{time}} on {{date}}</p>
 <hr />
 {{!copied from feed rows}}
 <div class="monospace">{{{message}}}</div>
 </div>


 {{#rows}}
 <tr class="{{logLevel}}" id="{{stamp}}">
 <td title="{{logLevel}}" data-date="{{date}}" data-time="{{time}}" class="{{logColor}}">{{time}}</td>
 {{!encoded in /logs/feed}}
 <td class="monospace" style="cursor: pointer">{{{message}}}</td>
 </tr>
 {{/rows}}


 <div id="showControl" class="form-inline container-fluid">
 <label class="checkbox cyan">
 <input type="checkbox" id="Trace" name="Trace" checked="checked" value="1" />
 Trace
 </label>
 <label class="checkbox green">
 <input type="checkbox" id="Information" name="Information" checked="checked" value="1" />
 Information
 </label>
 <label class="checkbox yellow">
 <input type="checkbox" id="Warning" name="Warning" checked="checked" value="1" />
 Warning
 </label>
 <label class="checkbox red">
 <input type="checkbox" id="Error" name="Error" checked="checked" value="1" />
 Error
 </label>
 </div>
 {{#feeds}}
 <p style="margin:15px 0 10px 0"><strong style="font-size: 1.2em">Server: {{service}}</strong> v<span id="{{slug}}version"></span> active at <span id="{{slug}}time"></span> </p>
 <div style="height:250px; overflow:auto;">
 <table id="{{slug}}" class="table table-fixed">
 <thead>
 <tr><td style="width:100px"></td><td></td></tr>
 </thead>
 <tbody></tbody>
 </table>
 </div>
 {{/feeds}}


 {{#probes}}
 <div class="{{size}} objectTip" style="margin:5px 0">
 <span class="tooltip-detail">{{message}}</span>
 {{name}}
 {{#rule}}
 {{#passed}}
 <span class="iconfont icon-success pull-right"></span>
 {{/passed}}
 {{^passed}}
 <span class="iconfont icon-error pull-right"></span>
 {{/passed}}
 {{/rule}}
 {{^rule}}
 <div class="pull-right">{{value}}</div>
 {{/rule}}
 </div>
 {{/probes}}
 <div class="col-md-12 objectTip">{{server}} &mdash; {{time}}</div>
 <div class="clear"></div>


 <div id="excelDash" class="container-fluid" style="margin-bottom:15px">
 <p>{{descr}}</p>
 <p>
 <a class="upload-mimtest-excel btn btn-default" title="Upload {{sysName}}"
 href="javascript:void(0);" data-id="{{provId}}" data-name="{{sysName}}">
 <span class="glyphicon glyphicon-upload"></span>
 </a>
 <a class="upload-mimtest-excel" title="Upload {{sysName}}"
 href="javascript:void(0);" data-id="{{provId}}" data-name="{{sysName}}">
 Upload {{sysName}}
 </a>
 </p>
 {{^hideDownload}}
 <p>
 <a class="download-mimtest-excel btn btn-default" title="Download {{sysName}}"
 href="javascript:void(0);" data-id="{{provId}}" data-name="{{sysName}}">
 <span class="glyphicon glyphicon-download"></span>
 </a>
 <a class="download-mimtest-excel"
 title="Download {{sysName}}"
 href="javascript:void(0);" data-id="{{provId}}" data-name="{{sysName}}">
 Download {{sysName}}
 </a>
 </p>
 {{/hideDownload}}
 </div>


 <div id="statusCheckin" class="container-fluid" style="margin-bottom:15px">
 <p>
 <div class="col-md-12 input-group">
 <div class="input-group-addon">
 <span class="glyphicon glyphicon-check"></span>
 </div>
 <input name="message" type="text" class="form-control" style="width:100%" placeholder="Status Message" title="Status Message" />
 </div>
 </p>
 <p>
 <div class="col-md-12 input-group">
 <div class="input-group-addon">
 <span class="glyphicon glyphicon-alert"></span>
 </div>
 <input name="issue" type="text" class="form-control" style="width:100%" placeholder="Report Issue" title="Report Issue" />
 </div>
 </p>
 <p>
 <div class="input-group col-md-12">
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="Submit" class="btn btn-primary btn-submit">
 <span class="iconfont iconsmall icon-success"></span>
 Submit
 </a>
 </span>
 <select name="health" class="form-control" style="width:100%" data-placeholder="Health Status" title="Health Status"></select>
 </div>
 </p>
 </div>


 <p>
 <em>DC:</em> {{DC}}
 </p>


 <div class="multi descriptor" data-path="securityDescriptor">
 <label data-tip="Security Descriptor">Security Descriptor</label>
 <ul data-id="{{oid}}">
 {{#values}}
 <li class="ref"><a href="{{ref}}" data-rest="{{resturl}}" data-tip="{{value}}" data-id="{{id}}" class="route ref">{{value}}</a></li>
 {{/values}}
 <li class="count"><a href="javascript:void(0);" data-tip="View Descriptor Details">Security Details ({{count}}) <span class="iconfont icon-search"></span></a></li>
 </ul>
 </div>


 <span class="aceflag glyphicon glyphicon-{{icon}} text-primary {{#flag}}{{which}}{{/flag}}" {{^flag}}style="color:#ccc;"{{/flag}} title="{{#flag}}{{caption}}{{/flag}}{{^flag}}NOT {{caption}}{{/flag}}" aria-hidden="true"></span>


 <div id="directoryRestore" class="col-md-12">
 
 </div>


 <p>Restore <strong>{{name}}</strong> to timestamp <strong>{{time}}</strong>?</p>
 {{#deleted}}
 <p>Object has been deleted. Restore will re-animate the object if it is in the recyle bin, otherwise a new object will be created.</p>
 {{/deleted}}
 {{#hasOverrideAttrs}}
 <p>You may optionally override the following attributes to configure the object for use after it is restored.</p>
 <table class="table table-bordered table-hover">
 <thead class="panel-default">
 <tr class="panel-heading"><th>Attribute</th><th>Override Value</th></tr>
 </thead>
 {{#overrideAttrs}}
 <tr>
 <td>{{attr}}</td>
 <td>
 {{#password}}
 <input type="password"
 name="{{attr}}"
 placeholder="{{attr}}"
 value="{{value}}"
 class="form-control" />
 {{/password}}
 {{^password}}
 <input type="text"
 name="{{attr}}"
 placeholder="{{attr}}"
 value="{{value}}"
 class="form-control" />
 {{/password}}
 </td>
 </tr>
 {{/overrideAttrs}}
 </table>
 {{/hasOverrideAttrs}}
 <p style="padding: 20px 0">
 <a href="javascript:void(0);" class="restoreSubmit btn btn-primary">
 Submit Restore
 </a>
 </p>


 <p>
 <em>Schedule:</em> 
 <span>{{Argument}}</span>
 </p>
 {{#RangeLink}}
 <p>
 <em>History:</em><br />
 <a href="{{RangeLink}}" class="route">Filter Steps</a>
 </p>
 {{/RangeLink}}
 <p>
 <em>Steps:</em>
 </p>
 <div id="steps">
 <table id="scheduleSteps" class="table table-bordered table-fixed table-hover">
 <thead class="panel-default">
 <tr class="panel-heading">
 <th style="width:40%">Step</th>
 <th style="width:20%">Result</th>
 <th style="width:20%">Run By</th>
 <th style="width:20%">Duration</th>
 </tr>
 </thead>
 <tbody>
 {{#Steps}}
 <tr>
 <td>
 {{#HistoryId}}<a class="route" href="history#!id={{HistoryId.id}}">{{Name}}</a>{{/HistoryId}}
 {{^HistoryId}}{{Name}}{{/HistoryId}}
 </td>
 {{!escaped in history js}}
 <td>{{{ShowResult}}}</td>
 <td>{{Service}}</td>
 <td>{{FormattedDuration}}</td>
 </tr>
 {{/Steps}}
 </tbody>
 </table>
 </div>


 <p>
 <em>{{i18n.history.stdOut}}:</em><br />
 <pre>{{StdOut}}</pre>
 </p>
 {{#StdErr}}
 <p class="error">
 <em>{{i18n.history.stdErr}}:</em><br />
 <pre>{{StdErr}}</pre>
 </p>
 {{/StdErr}}


 {{{i18n.history.unlock}}}


 <h4>{{i18n.history.detail.overviewHead}}</h4>
 <p>
 {{StartDate}} {{i18n.history.detail.dateRange}} {{EndDate}}<br />
 </p>
 <p>
 <em>{{i18n.history.detail.result}}:</em> {{Result}}<br />
 {{resultDetail}}
 </p>
 <p><em>{{i18n.history.detail.directLink}}:</em><br /> <a href="{{link}}" title="{{i18n.history.detail.directLink}}">{{link}}</a></p>

 <div id="typeDetail"></div>

 <h4>{{i18n.history.detail.statsHead}}</h4>
 <div class="form-horizontal container-fluid row">
 {{#counters}}
 <div class="col-md-4 checkbox">
 <label>
 {{^isDash}}<input type="checkbox" name="counter{{counter}}" checked="checked" value="{{counter}}" />{{/isDash}}
 {{count }} {{name}}
 </label>
 </div>
 {{/counters}}
 {{^counters}}
 <p>{{i18n.history.detail.counterNone}}</p>
 {{/counters}}
 </div>
 
 <div id="objects">
 {{#isDash}}
 <p><a href="/history/{{Id}}" class="nav">{{i18n.history.detail.dashLink}}</a></p>
 {{/isDash}}
 {{^isDash}}
 {{>loading}}
 {{/isDash}}
 </div>


 <div id="filterDialog" class="container-fluid form-group">
 <p class="col-md-12">
 <label for="Provider" class="inline">{{i18n.history.providerFilter}}</label><br />
 <select class="form-control" name="Provider" style="width:100%">
 <option value=""></option>
 </select>
 </p>
 </div>


 <div id="filterDialog" class="container-fluid form-group">
 <p class="col-md-12">
 <label for="RecordOf" class="inline">{{i18n.history.recordFilter}}</label><br />
 <select class="form-control" name="RecordOf" style="width:100%">
 <option value=""></option>
 </select>
 </p>
 </div>


 <div id="filterDialog" class="container-fluid form-group">
 <p class="col-md-12">
 <label for="Argument">{{i18n.history.argumentFilter}}</label>
 <select class="form-control" name="Argument" style="width:100%">
 <option value=""></option>
 </select>
 </p>
 </div>


 <div id="filterDialog" class="container-fluid form-group">
 <div class="col-md-6">
 <label for="Start">{{i18n.history.dateFrom}}</label><br />
 <input name="Start" type="text" placeholder="{{i18n.history.date}}" class="date-picker form-control" />
 </div>
 <div class="col-md-6">
 <label for="End">{{i18n.history.dateTo}}</label><br />
 <input name="End" type="text" placeholder="{{i18n.history.date}}" class="date-picker form-control" />
 </div>
 </div>


 <div id="filterDialog" class="container-fluid form-group">
 <p class="col-md-12">
 <label for="Result">{{i18n.history.histResultFilter}}</label><br />
 <select class="form-control" name="Result" style="width:100%">
 <option value=""></option>
 </select>
 </p>
 <p class="col-md-12">
 <label for="Counters">{{i18n.history.counterFilter}}</label><br />
 <select class="form-control" name="Counters" multiple="multiple" style="width:100%">
 <option value="0">{{i18n.history.statAny}}</option>
 {{#counterSelectOptions}}
 <option value="{{id}}">{{text}}</option>
 {{/counterSelectOptions}}
 </select>
 </p>
 </div>


 <th class="provider cellicon" style="width:10%">
 {{#filters}}
 {{^Provider}}<a href="javascript:void(0);" id="provider" class="iconfont icon-search filter" title="{{i18n.history.providerFilter}}"></a>{{/Provider}}
 {{#Provider}}<a href="javascript:void(0);" id="provider" class="iconfont icon-unsearch filter" data-filter="{{ProviderFilter}}" title="{{i18n.history.providerUnfilter}}"></a>{{/Provider}}
 {{/filters}}
 </th>
 <th class="record" style="width:30%">
 {{#filters}}
 {{^RecordOf}}<a href="javascript:void(0);" id="recordOf" class="iconfont icon-search filter" title="{{i18n.history.filter}}"></a>{{/RecordOf}}
 {{#RecordOf}}<a href="javascript:void(0);" id="recordOf" class="iconfont icon-unsearch filter" data-filter="{{RecordOfFilter}}" title="{{i18n.history.unfilter}}"></a>{{/RecordOf}}
 {{/filters}}
 {{i18n.history.record}}
 </th>
 <th class="argument" style="width:40%">
 {{#filters}}
 {{^Argument}}<a href="javascript:void(0);" id="argument" class="iconfont icon-search filter" title="{{i18n.history.filter}}"></a>{{/Argument}}
 {{#Argument}}<a href="javascript:void(0);" id="argument" class="iconfont icon-unsearch filter" data-filter="{{ArgumentFilter}}" title="{{i18n.history.unfilter}}"></a>{{/Argument}}
 {{/filters}}
 {{i18n.history.argument}}
 </th>
 <th class="date cellicon" style="width:10%">
 {{#filters}}
 {{^StartDate}}<a href="javascript:void(0);" id="startdate" class="iconfont icon-search filter" title="{{i18n.history.dateFilter}}"></a>{{/StartDate}}
 {{#StartDate}}<a href="javascript:void(0);" id="startdate" class="iconfont icon-unsearch filter" data-filter="{{StartDateFilter}}" title="{{i18n.history.dateUnfilter}}"></a>{{/StartDate}}
 {{/filters}}
 </th>
 <th class="result cellicon" style="width:10%">
 {{#filters}}
 {{^Result}}<a href="javascript:void(0);" id="result" class="iconfont icon-search filter" title="{{i18n.history.resultFilter}}"></a>{{/Result}}
 {{#Result}}<a href="javascript:void(0);" id="result" class="iconfont icon-unsearch filter" data-filter="{{ResultFilter}}" title="{{i18n.history.resultUnfilter}}"></a>{{/Result}}
 {{/filters}}
 </th>


 <div class="detail dash col-lg-6">
 <div class="panel panel-default no-radius">
 <div class="panel-heading"><strong>{{i18n.history.detail.header}}</strong></div>
 <div class="panel-body">

 </div>
 </div>
 </div>


 <div class="history container-fluid"></div>


 <p>
 <em>Test Suite:</em>
 <span>{{Argument}}</span>
 </p>
 {{#RangeLink}}
 <p>
 <em>History:</em><br />
 <a href="{{RangeLink}}" class="route">View Test History</a>
 </p>
 {{/RangeLink}}
 <p>
 <em>Tests:</em>
 </p>
 <div id="steps">
 <table id="scheduleSteps" class="table table-bordered table-fixed table-hover">
 <thead class="panel-default">
 <tr class="panel-heading">
 <th style="width:75%">Test</th>
 <th style="width:25%">Result</th>
 </tr>
 </thead>
 <tbody>
 {{#Tests}}
 <tr>
 <td>
 {{#HistoryId}}<a class="route" href="history#!id={{HistoryId.id}}">{{Name}}</a>{{/HistoryId}}
 {{^HistoryId}}{{Name}}{{/HistoryId}}
 </td>
 <td>{{{ShowResult}}}</td>
 </tr>
 {{/Tests}}
 </tbody>
 </table>
 </div>


 <div class="container-fluid" style="margin-bottom:15px">
 <div id="suiteChoice" class="run-form row">
 <label for="tests" style="margin-left:15px">Select Test(s)</label>
 <div class="form-group col-md-12">
 <div class="input-group">
 <select name="tests" id="tests" class="form-control" style="width:100%" data-placeholder="Tests"></select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="Run" class="btn btn-primary run">
 <span class="iconfont iconsmall icon-play"></span>
 Run
 </a>
 </span>
 </div>
 </div>
 <div class="col-md-6" style="margin-left:20px">
 <label class="checkbox">
 <input type="checkbox" name="interactive" /> Interactive
 </label>
 </div>
 </div>
 </div>
 <div id="statusList" class="col-md-12">

 </div>


 <p>{{Count}} objects matched query.</p>
 <table class="table table-bordered table-hover table-striped">
 <thead>
 <tr>
 <td>Rule Value</td>
 <td>Object</td>
 </tr>
 </thead>
 {{#Data}}
 <tr>
 <td>
 <pre>{{Value}}</pre>
 </td>
 <td>
 <a class="look" title="Click to View" data-content="{{Json}}"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span></a>
 </td>
 </tr>
 {{/Data}}
 </table>


 <div class="mimtest">
 <div class="panel" style="position:fixed;display:block;z-index:30;background-color:#fff;padding:5px;border:1px solid #ccc;border-radius:5px">
 <ul class="nav nav-pills">
 {{#showSuite}}
 <li>
 <a class="route" href="/settings/mimtest/suites#!provider={{provider}}">Suites</a>
 </li>
 {{/showSuite}}
 <li>
 <a class="route" href="/settings/mimtest/fixtures#!provider={{provider}}">Fixtures</a>
 </li>
 <li>
 <a class="route" href="/settings/mimtest/assertions#!provider={{provider}}">Assertions</a>
 </li>
 <li class="active">
 <a class="route" href="/settings/mimtest/rulehelp#!provider={{provider}}">Rule Tester</a>
 </li>
 </ul>
 </div>
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-2" style="margin-top: 7.5px;">
 Rule Tester
 </h3>
 </div>
 <div class="panel-body">
 <p>Query objects and see how they interact with the rule engine.</p>
 {{{typeRenderBody}}}
 </div>
 </div>
 <div class="checkbox col-md-12 hsControl" style="display:none">
 <label title="Preview HyperSync">
 <input type="radio" value="rule" name="sync" checked="checked" />
 Evaluate Rule
 </label>
 </div>
 <div class="checkbox col-md-12 hsControl" style="display:none">
 <label title="Commit HyperSync">
 <input type="radio" value="test" name="sync" />
 Commit HyperSync
 </label>
 </div>
 <div class="checkbox col-md-12 hsControl" style="display:none">
 <label title="Preview HyperSync">
 <input type="radio" value="preview" name="sync" />
 Preview HyperSync
 </label>
 </div>
 <div class="input-group col-md-3">
 <div class="input-group-addon" style="padding:0">
 <a href="javascript:void(0)" title="Render" class="render btn btn-primary">
 <span class="iconfont iconsmall icon-check"></span>
 Render
 </a>
 </div>
 <input type="text" name="limit" placeholder="Result Limit (default 20)" class="form-control" />
 </div>
 <div id="results">
 </div>
 </div>


 <div class="mimtest">
 <div class="panel follow-menu">
 <ul class="nav nav-pills">
 <li>
 <div style="margin-top: 3.5px">
 {{>topBottomIcon}}
 </div>
 </li>
 {{#showSuite}}
 <li {{#suite}} class="active" {{/suite}}>
 <a class="route" href="/settings/mimtest/suites#!provider={{provider}}">Suites</a>
 </li>
 {{/showSuite}}
 <li {{#fixture}} class="active" {{/fixture}}>
 <a class="route" href="/settings/mimtest/fixtures#!provider={{provider}}">Fixtures</a>
 </li>
 <li {{#assertion}} class="active" {{/assertion}}>
 <a class="route" href="/settings/mimtest/assertions#!provider={{provider}}">Assertions</a>
 </li>
 <li>
 <a class="route" href="/settings/mimtest/rulehelp#!provider={{provider}}">Rule Tester</a>
 </li>
 <li>
 <div style="margin-top: 3.5px">
 <div class="pull-right">
 <div class="btn-group" style="margin-right: 10px">
 {{>uploadIcon}}
 {{>downloadIcon}}
 </div>
 {{>saveIcon}}
 </div>
 </div>
 </li>
 </ul>
 </div>
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-2" style="margin-top: 7.5px;">
 {{#suite}}Test Suites{{/suite}}
 {{#fixture}}Fixtures{{/fixture}}
 {{#assertion}}Assertions{{/assertion}}
 </h3>
 <div class="col-md-3" style="margin-top: 3.5px">
 <select class="form-control" name="Project" style="width:100%" title="Select Project" data-placeholder="Test Project">
 <option value="{{provider}}" selected="selected">{{Provider}}</option>
 </select>
 </div>
 <div class="col-md-4" style="margin-top: 3.5px">
 <div class="input-group">
 <input type="text" class="form-control" name="Filter"
 title="Filter Fixtures by Name" placeholder="Name Search" />
 <span class="input-group-btn">
 <a class="filter btn btn-default" title="Filter" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-search"></span>
 </a>
 </span>
 </div>
 </div>
 
 </div>
 <div class="panel-body">
 <p>Add and edit Test Panel data.</p>
 </div>
 </div>
 <p>Loaded {{attributes.Data.models.length}} of {{attributes.Count}}</p>
 {{{typeRenderBody}}}

 <div class="pull-right">{{>saveIcon}}</div>
 </div>


 <div class="mimtest">
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-3" style="margin-top: 7.5px;">Test Panel</h3>
 </div>
 <div class="panel-body">
 <p>In order to configure test cases you must first create an Export Connections provider in the <a href="/settings/providers" class="route">Providers</a> settings.</p>
 </div>
 </div>
 </div>


 <div id="mimtest-launch" class="col-md-12">
 <div class="form-group">
 <label for="provider">Export Connections Provider</label><br />
 <select id="provider"
 name="provider"
 data-placeholder="Export Connections Provider"
 title="Which provider to add data to"
 class="form-control"
 style="width:100%">
 <option></option>
 </select>
 </div>
 <table class="table table-bordered table-hover table-striped">
 <thead>
 <tr>
 <td>Attribute</td>
 <td>Value</td>
 <td><input type="checkbox" value="1" id="chooseAll" name="chooseAll" title="Select all attributes" class="checkbox chooseAll" /></td>
 </tr>
 </thead>
 {{#attributes}}
 <tr>
 <td>{{name}}</td>
 <td>{{value}}</td>
 <td><input type="checkbox" value="{{valueSafe}}" id="{{nameSafe}}" name="{{nameSafe}}" title="Include {{name}}" class="checkbox val" /></td>
 </tr>
 {{/attributes}}
 {{#multi}}
 <tr>
 <td>{{name}}</td>
 <td></td>
 <td><input type="checkbox" value="1" id="{{nameSafe}}" name="{{nameSafe}}" title="Include all values for {{name}}" class="checkbox chooseMulti" /></td>
 </tr>
 {{#values}}
 <tr>
 <td></td>
 <td>{{value}}</td>
 <td><input type="checkbox" value="{{valueSafe}}" id="{{nameSafe}}" name="{{nameSafe}}" title="Include value" class="checkbox multi" /></td>
 </tr>
 {{/values}}
 {{/multi}}
 </table>
 <div class="form-group">
 <label for="stepType">Step Type</label><br />
 <select id="stepType"
 name="stepType"
 data-placeholder="Step Type"
 title="Select type of Fixture or Assertion to create"
 class="form-control"
 style="width:100%">
 <option></option>
 </select>
 <span class="help-block">Select type of Fixture or Assertion to create</span>
 </div>
 <p>
 <button type="button" class="btn btn-primary next">{{i18n.settings.buttons.next}} <span class="glyphicon glyphicon-chevron-right"></span></button>
 </p>
 </div>


 <form id="uploadForm" action="" method="post" enctype="multipart/form-data">
 <div class="form-group">
 <p>Select file to upload. Must be Excel (.xlsx) or CSV and less than 16MB</p>
 <p>
 <span class="btn btn-lg btn-primary btn-file">
 Browse <input class="form-control" id="upload" type="file" name="upload" />
 </span>
 </p>
 </div>
 </form>


 <div class="panel panel-primary">
 <div class="panel-heading">
 <h3 style="margin-top: 7.5px;">Non-Repudiation Validation</h3>
 </div>
 <div class="panel-body">
 <p>
 Click the validate button to iterate all objects and validate their cryptographic data integrity signatures.
 </p>
 <p class="alert-warning alert">
 WARNING: This operation may take a long time and may affect system performance. Normally this should be performed on a secondary or backup system.
 </p>
 <p>
 <a href="javascript:void(0)" title="New" class="validate btn btn-primary">
 Validate
 <span class="glyphicon glyphicon-ok-circle"></span>
 </a>
 </p>
 <p>
 Note: In the results there may be more valid signatures than objects inspected, since all signatures in the history of an object are validated.
 </p>
 </div>
 <div id="summary">

 </div>
 </div>


 <div class="tooltip-detail">
 {{{typeRender}}}
 <ul>
 {{#attributes}}
 <li class="{{change}}">
 <strong title="{{name}}">{{disp}}:</strong>
 {{^content}}{{value}}{{/content}}{{{content}}}
 </li>
 {{/attributes}}
 </ul>
 </div>


 <div class="tooltip-detail">
 {{{typeRender}}}
 <ul>
 {{#attributes}}
 <li class="{{change}}">
 <strong title="{{name}}">{{disp}}:</strong>
 {{^content}}{{value}}{{/content}}{{{content}}}
 </li>
 {{/attributes}}
 </ul>
 </div>


 <div class="tooltip-detail">
 {{{typeRender}}}

 <table>
 <tbody>
 {{#attributes}}
 {{#ref}}
 <tr class="ref {{change}}"><th title="{{name}}">{{disp}}</th><td><a href="{{ref}}" data-rest="{{resturl}}" title="{{value}}" class="route ref">{{value}}</a></td></tr>
 {{/ref}}
 {{^ref}}
 <tr class="{{change}}">
 <th title="{{name}}">{{disp}}</th>
 <td>{{^content}}{{value}}{{/content}}{{{content}}}</td>
 </tr>
 {{/ref}}
 {{/attributes}}
 </tbody>
 </table>
 </div>


 <div class="multi {{change}}" data-id="{{name}}">
 <label data-tip="{{name}}">{{disp}}</label>
 <ul>
 {{#values}}
 {{#ref}}
 <li class="ref {{change}}{{#id}} _{{id}}{{/id}}"><a href="{{ref}}" data-rest="{{resturl}}" data-tip="{{value}}" class="route ref">{{value}}</a></li>
 {{/ref}}
 {{^ref}}
 <li class="val {{change}}" data-tip="{{value}}"><span class="value">{{value}}</span></li>
 {{/ref}}
 {{/values}}
 <li class="count"><a href="javascript:void(0);" class="search{{#ref}} isref{{/ref}}" data-tip="{{i18n.object.search}}">{{i18n.object.count}} {{count}} <span class="iconfont icon-search"></span></a></li>
 </ul>
 </div>


 <table class="objectHistory table">
 <thead>
 <tr><th>Change</th><th>Timestamp</th><th>Value</th><th>Run History</th></tr>
 </thead>
 <tbody>
 {{#history}}
 <tr>
 <td class="{{change.code}}">{{change.name}}</td>
 <td><a class="route" href="{{url}}">{{friendlyStamp}}</a></td>
 <td class="value" data-tip="{{value}}">
 {{#content}}{{{content}}}{{/content}}
 {{^content}}{{value}}{{/content}}
 </td>
 <td><a class="route" href="/history#!id={{source}}">Source</a></td>
 </tr>
 {{/history}}
 </tbody>
 </table>


 <div class="attr {{change}} {{^ref}}historyDialog{{/ref}}" data-id="{{name}}" data-path="{{path}}" tabindex="0">
 <label data-tip="{{name}}">{{disp}}</label>
 <span {{^ref}} data-tip="{{value}}" {{/ref}} class="value">
 {{#content}}{{{content}}}{{/content}}
 {{^content}}
 {{#ref}}<a data-tip="{{value}}" data-rest="{{resturl}}" href="{{ref}}" class="route ref">{{value}}</a>{{/ref}}
 {{^ref}}{{#value}}{{value}}{{/value}}{{/ref}}
 {{/content}}
 </span>
 </div>


 <a class="objectWrite glyphicon glyphicon-pencil" href="javascript:void(0)" title="Manage Notes, HyperSync Preview, and Create Fixtures"></a>


 <div class="object vertical collapsed" data-id="{{id}}">
 <p id="{{id}}" class="header"><a href="{{url}}" id="{{id}}">&nbsp;</a></p>
 <div class="attributes">
 <a class="route iconfont icon-right expand" title="{{headerName}}" href="{{toggleHide}}"></a>
 <a class="route title" title="{{headerName}}" href="{{url}}">{{headerName}}</a>
 </div>
 </div>


 <!-- suppress links when printing time traveler -->
 <style type="text/css">
 @media print {
 a[href]:after {
 content: none !important;
 }
 }
 </style>
 <p class="header" id="{{id}}">
 <a href="{{url}}" class="route" title="{{headerName}}">{{headerName}}</a>
 </p>
 <div class="attributes">
 <div class="head {{#delete}}deleted{{/delete}}">
 {{#icon}}
 <div class="iconfont {{css}}" title="{{name}}"></div>
 {{/icon}}
 {{^icon}}
 <label>{{i18n.object.objectType}}</label>
 {{/icon}}
 <span class="value" title="{{objectType}}">{{objectType}}</span>
 <div class="objectMenu">

 </div>
 <div class="header-drag"></div>
 </div>

 {{{typeRender}}}

 {{#attributes}}
 {{^multi}}
 {{>objectAttribute}}
 {{/multi}}
 {{#multi}}
 {{>objectMultiAttribute}}
 {{/multi}}
 {{/attributes}}
 {{^hideHistory}}
 <div class="change">
 <label title="{{changeTypes}}">{{changeTypes}}</label>
 {{#changeSource}}<a class="route" href="/history#!id={{changeSource}}">{{i18n.object.historyLink}}</a>{{/changeSource}}
 </div>
 {{/hideHistory}}
 </div>
 {{^hideHistory}}
 <p class="count">{{changeCountLabel}}</p>
 {{/hideHistory}}


 <div class="container-fluid" style="margin-top:15px;">
 <div id="objectDetails" class="object panel panel-default">
 <div id="objectHeader" class="panel-heading clearfix row">
 {{^hideHistory}}
 <div class="col-lg-4">
 <div class="input-group">
 <span class="input-group-btn">
 {{^minChange}}
 <a href="{{prevUrl}}" title="{{i18n.object.older}}" class="btn btn-primary route" style="padding:5px 8px">
 <span class="icon-left iconfont iconsmall"></span>
 </a>
 {{/minChange}}
 {{#minChange}}
 <span class="btn btn-primary route disabled" style="padding:5px 8px">
 <span class="iconfont icon-left iconsmall"></span>
 </span>
 {{/minChange}}
 </span>
 <select name="timeStamp" style="width:100%">
 {{#changes}}
 <option value="{{timeStamp}}" {{#selected}} selected="selected" {{/selected}}>{{friendlyStamp}}</option>
 {{/changes}}
 </select>
 <span class="input-group-btn">
 {{^maxChange}}
 <a href="{{nextUrl}}" title="{{i18n.object.newer}}" class="route btn btn-primary" style="padding:5px 8px">
 <span class="icon-right iconfont iconsmall"></span>
 </a>
 {{/maxChange}}
 {{#maxChange}}
 <span class="btn btn-primary route disabled" style="padding:5px 8px">
 <span class="iconfont icon-right iconsmall"></span>
 </span>
 {{/maxChange}}
 </span>
 </div>
 </div>
 <div style="margin:7.5px 0" class="checkbox col-lg-2">
 <label>
 <input type="checkbox" id="allDates" title="Include timestamps from all objects (not just current context)" value="1" {{#alldates}} checked="checked" {{/alldates}} />
 Dates from All Silos
 </label>
 </div>
 {{#toggleView}}
 <div class="col-lg-3">
 {{^toggle}}
 <select name="viewSelect" class="viewSelect" style="width: 100%;">
 <option value=""></option>
 {{#list}}
 <option value="{{url}}" {{#selected}} selected="selected" {{/selected}}>{{name}}</option>
 {{/list}}
 </select>
 {{/toggle}}
 {{#toggle}}
 <a href="{{url}}" style="margin-top:4px" class="route iconfont icon-{{toggle}}" title="{{title}}"></a>
 {{/toggle}}
 </div>
 {{/toggleView}}
 {{/hideHistory}}
 </div>
 <div id="objectWrap" class="panel-body">
 <div id="dropMask">
 <div id="dropTarget"> </div>
 </div>
 {{#object}}
 <div id="object" class="object" data-id="{{id}}">
 {{>objectDetail}}
 </div>
 {{/object}}
 <div id="objectLinkWrap">
 <div id="objectLinks">
 {{#links}}
 <div class="object" data-id="{{id}}">
 {{>objectDetail}}
 </div>
 {{/links}}
 </div>
 </div>
 </div>
 </div>
 </div>


 <p>{{count}} notes for object.</p>
 <table class="table table-bordered table-hover table-striped">
 <thead>
 <tr>
 <td>Message</td>
 <td>Made</td>
 <td>Change Date</td>
 </tr>
 </thead>
 {{#data}}
 <tr>
 <td>{{message}}</td>
 <td>By {{user}}<br />on {{timestamp}}</td>
 <td>{{objectTimestamp}}</td>
 </tr>
 {{/data}}
 </table>


 <div id="notesTable" class="col-md-12">
 {{>loading}}
 </div>
 <div id="addNote" class="col-md-12">
 <div class="form-group">
 <label for="Message">Note Message</label><br />
 <textarea rows="6" id="Message" name="Message" placeholder="Note Message" title="Note Message" class="form-control"></textarea>
 </div>
 <div class="form-group">
 <div class="checkbox">
 <label title="Whether note should be private to your account and admins" for="Private">
 <input type="checkbox" value="1" id="Private" name="Private" />
 Private
 </label>
 <span class="help-block">If 'Private' is selected, only you and administrators can see the note.</span>
 </div>
 </div>
 <div class="form-group">
 {{>newIcon}}
 </div>
 </div>


 <div class="container-fluid">
 <!-- Toggle icon when screen is narrow -->
 <div class="navbar-header">
 <button type="button" title="Hamburger Menu for Mobile" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 </button>
 <a href="/" title="{{product}}" class="navbar-btn"><img class="toplogo" src="/images/gears_white_small.png" alt="{{product}} Logo" /></a>
 </div>
 <div class="navbar-collapse collapse" style="">
 <ul id="topNav" class="nav navbar-nav navbar-left">
 {{#links}}
 <li>
 <a class="route" href="/{{url}}" title="{{name}}">
 {{#icon}}<span class="iconfont icon-{{icon}}"></span>{{/icon}}
 <span class="hidden-sm">{{name}}</span>
 </a>
 </li>
 {{/links}}
 </ul>
 <ul class="nav navbar-nav navbar-right">
 <li>
 <div class="navbar-form navbar-left" role="search">
 {{>searchForm}}
 </div>
 </li>
 <li class="dropdown" title="Account {{name}}">
 <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="javascript:void(0);" title="Account">
 <span class="iconfont icon-account"></span>
 </a>
 <ul role="menu" class="dropdown-menu">
 <li><a href="/settings/security" class="route">{{name}}</a></li>
 <li><a href="/Account/LogOff">Log Out</a></li>
 </ul>
 </li>
 <li class="dropdown" title="Help">
 <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="javascript:void(0);" title="Help Links">
 <span class="glyphicon glyphicon-question-sign"></span>
 </a>
 <ul role="menu" class="dropdown-menu">
 <li><a target="_blank" href="https://softwareidm.com/docs/panel/">Documentation</a></li>
 <li><a target="_blank" href="https://softwareidm.com/contact">Contact</a></li>
 <li><a href="/settings">Version: {{version}}</a></li>
 </ul>
 </li>
 </ul>
 </div>
 </div>


 <div class="jsonError">
 {{Error}} <span class="iconfont icon-error"></span>
 </div>


 <div class="wait" style="margin:20px">
 <span style="display:inline-block;padding-right:20px;">{{i18n.loading}}</span>
 <img src="/images/spinner.gif" style="width:30px;height:30px;" />
 </div>


 <div class="wait container-fluid">
 <div class="col-md-2"></div>
 <div class="col-md-10" style="margin:100px 0">
 <span style="display:inline-block;padding-right:20px;font-size:20px">{{i18n.loading}}</span>
 <img src="/images/spinner.gif" />
 </div>
 </div>


 <div id="fields" class="container-fluid row">
 {{#fields}}
 <div class="col-md-4 checkbox">
 <label>
 <input type="checkbox" name="{{name}}" value="{{name}}" {{#checked}} checked="checked" {{/checked}} />
 {{name}}
 </label>
 </div>
 {{/fields}}
 </div>


 <td class="{{cellClass}}">
 {{#content}}{{{content}}}{{/content}}
 {{^content}}
 {{#ref}}
 <a href="{{ref}}" class="route tip ref" data-rest="{{resturl}}" data-tip="{{value}}">{{value}}</a>
 {{/ref}}
 {{^ref}}
 {{#url}}<a href="{{url}}" class="route tip {{#tipDialog}}tipDialog{{/tipDialog}}" data-tip="{{value}}">{{value}}</a>{{/url}}
 {{^url}}<span class="tip {{#tipDialog}}tipDialog{{/tipDialog}}" data-tip="{{value}}">{{value}}</span>{{/url}}
 {{/ref}}
 {{/content}}
 {{#multi}}
 <ul class="tabular">
 {{#values}}
 {{#ref}}
 <li class="ref {{change}}{{#id}}_{{id}}{{/id}}"><a href="{{ref}}" data-rest="{{resturl}}" data-tip="{{value}}" class="route ref">{{value}}</a></li>
 {{/ref}}
 {{^ref}}
 <li class="val {{change}}" data-tip="{{value}}"><span class="value">{{value}}</span></li>
 {{/ref}}
 {{/values}}
 </ul>
 {{/multi}}
 </td>


 {{#header}}
 <thead class="panel-default">
 <tr class="panel-heading">
 {{{header}}}
 </tr>
 </thead>
 {{/header}}
 <tbody>
 {{#objects}}
 <tr id="{{id}}" class="object {{type}}">
 {{#inlineHeader}}
 <td colspan="{{inlineHeader}}">{{id}}</td>
 {{/inlineHeader}}

 {{^inlineHeader}}
 {{#show}}
 {{>tableCell}}
 {{/show}}
 {{^show}}
 <td colspan="{{inlineHeaderSpan}}">{{id}} {{i18n.tabular.noData}}</td>
 {{/show}}
 {{#tip}}
 <td class="objectTip cellicon">
 <div class="tip" data-tip="detailtip">
 <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
 </div>
 {{>detailTooltip}}
 </td>
 {{/tip}}
 {{/inlineHeader}}
 </tr>
 {{/objects}}
 </tbody>


 <div id="{{id}}" class="tabularDisplay">
 {{#title}}
 <h3 class="{{titleClass}}">{{title}}</h3>
 {{/title}}
 {{#selectFields}}
 <p class="fields {{fieldsClass}}">
 <a href="javascript:void(0);" class="fieldSelect">{{i18n.tabular.dispFields}}</a>
 </p>
 {{/selectFields}}
 {{{pager}}}
 <div class="{{tableClass}}">
 <table class="objects table {{#bordered}}table-bordered{{/bordered}} {{#fixed}}table-fixed{{/fixed}} {{#striped}}table-striped{{/striped}} {{#hover}}table-hover{{/hover}}">
 {{>tableContent}}
 </table>
 </div>
 </div>


 <ul class="progressList">
 {{#progress}}
 <li><pre>{{.}}</pre></li>
 {{/progress}}
 </ul>


 <div class="panel panel-default" id="noResult">
 <div class="panel-heading">
 <p>No Data in Report</p>
 </div>
 </div>


 <div class="row">
 <div class="col-md-12">
 <h3>{{text}}</h3>
 {{#description}}<p style="white-space:pre-wrap">{{description}}</p>{{/description}}
 </div>
 {{#parameters}}
 <div class="form-group col-md-6">
 {{^Bool}}<label for="{{elName}}">{{Name}}</label>{{/Bool}}
 {{#Text}}
 <input type="text" class="form-control" id="{{elName}}" name="{{elName}}" placeholder="{{Name}}" />
 {{/Text}}
 {{#Select}}
 <select class="form-control" style="width:100%" id="{{elName}}" name="{{elName}}" data-placeholder="{{Name}}">
 <option></option>
 {{#ValueChoices}}
 <option>{{.}}</option>
 {{/ValueChoices}}
 </select>
 {{/Select}}
 {{#Date}}
 <div class="input-group"><input type="text" class="form-control" id="{{elName}}" name="{{elName}}" placeholder="{{Name}}" />{{>datepickerIcon}}</div>
 {{/Date}}
 {{#Bool}}
 <div class="checkbox">
 <label><input type="checkbox" value="1" id="{{elName}}" name="{{elName}}" /> {{Name}}</label>
 </div>
 {{/Bool}}
 {{#Description}}<p class="help-block">{{Description}}</p>{{/Description}}
 </div>
 {{/parameters}}
 </div>


 <p>Report generated {{generated}}{{#pointInTime}} for timestamp {{pointInTime}}{{/pointInTime}}</p>
 <p>{{count}} rows</p>
 {{#truncated}}
 <p>Report data was truncated due to exceeding data settings. Contact an administrator to request that the row limit be increased.</p>
 {{/truncated}}


 <div id="report" class="report container-fluid" style="margin-top:30px">
 <div class="panel panel-default">
 <div class="panel-heading clearfix container-fluid">
 <div class="col-md-3">
 <input type="text" class="poi form-control" name="pointInTime" id="pointInTime" placeholder="Point-In-Time" value="" />
 </div>
 <div class="col-md-9">
 <div class="input-group">
 <select id="Report" name="Report" style="width:100%" data-placeholder="Select Report">
 <option></option>
 {{#reports}}
 <option value="{{id}}">{{text}}</option>
 {{/reports}}
 </select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="Build Report" class="report btn btn-primary">
 <span class="iconfont iconsmall icon-report"></span>
 Build
 </a>
 <a href="javascript:void(0)" 
 title="Download Report" 
 class="download btn btn-primary"
 data-url="reports"
 data-defaultformat="Excel"
 data-formats="Excel,HTML,Delimited,XML,JSON">
 <span class="glyphicon glyphicon-download"></span>
 Download
 </a>
 <a href="javascript:void(0)" title="Clear cache and refresh report" class="refresh btn btn-primary">
 <span class="iconfont iconsmall icon-refresh"></span>
 </a>
 </span>
 </div>
 </div>
 </div>
 </div>
 <div id="reportForm"></div>
 <div id="reportInfo">
 </div>
 <div id="reportData">
 </div>
 <div class="progress-panel panel panel-default">
 <div class="panel-heading clearfix form-horizontal">
 <div class="btn-group pull-left">
 {{>expanded}}
 </div>
 <h4 class="pull-left">Report Log</h4>
 </div>
 <div class="panel-body collapse in" id="reportProgress">
 <h3>No Report Selected</h3>
 </div>
 </div>
 <div class="clearfix"></div>
 </div>


 <a href="javascript:void(0)" title="Refresh" class="refresh" style="margin-left:30px;font-size:0.8em;"><span class="glyphicon glyphicon-repeat"></span></a>


 <div id="reportData">
 </div>
 <div id="reportInfo">
 </div>
 <div class="progress-panel panel panel-default">
 <div class="panel-heading clearfix form-horizontal">
 <div class="btn-group pull-left">
 {{>expanded}}
 </div>
 <h4 class="pull-left">Report Log</h4>
 </div>
 <div class="panel-body collapse in" id="reportProgress">
 <h3>No Report Selected</h3>
 </div>
 </div>
 <div class="clearfix"></div>


 <div class="panel follow-menu">
 <div class="pull-right">
 {{>topBottomIcon}}
 <div class="btn-group" style="margin-right: 10px">
 {{>uploadIcon}}
 {{>downloadIcon}}
 </div>
 {{>saveIcon}}
 </div>
 </div>
 <div class="reports">
 <div class="panel panel-primary" style="margin-top:60px">
 <div class="panel-heading clearfix">
 <h3 class="col-md-2" style="margin-top: 7.5px;">{{i18n.settings.reports.header}}</h3>
 <div class="col-md-3" style="margin-top: 3.5px">
 <input type="text" class="form-control" name="Filter"
 title="Filter Schedules by Name" placeholder="Name Search" />
 </div>
 <!--<div class="col-md-3" style="margin-top: 3.5px">
 <select class="form-control" name="Tags" style="width:100%" title="Filter by Tags" multiple="" data-placeholder="Tags Filter"></select>
 </div>-->
 <div class="btn-group col-md-1" style="margin-top: 3.5px">
 <a class="filter btn btn-default" title="Filter" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-search"></span>
 </a>
 </div>
 </div>
 <div class="panel-body">
 <p><strong>Create and edit reports:</strong></p>
 <p>Use the "New" button to create new reports. Click the "X" icon to delete existing reports.</p>
 <p>Reports may have up to {{limits.object}} objects with up to {{limits.join}} joins. The final report may have up to {{limits.cell}} table cells.</p>
 <p>
 {{#isHosted}}<a href="/contact">Contact</a> support to request that these limits be increased.{{/isHosted}}
 {{^isHosted}}Contact your administrator to increase these limits in the application configuration.{{/isHosted}}
 </p>
 </div>
 </div>
 <p>Loaded {{attributes.Data.models.length}} of {{attributes.Count}}</p>
 {{{typeRenderBody}}}
 </div>


 <div class="form-group">
 <div class="input-group">
 <input type="text" placeholder="Search Time Traveler" class="form-control" id="searchBox" title="Search Time Traveler" name="searchBox">
 <div class="input-group-btn">
 <button href="javascript:void(0)"
 title="Advanced Search" id="advanced-dropdown" class="btn btn-default">
 <span class="glyphicon glyphicon-chevron-down"></span>
 </button>
 </div>
 </div>
 </div>


 <div class="col-md-5">
 <select name="field" class="form-control" data-placeholder="Attribute (Opt.)" style="width:100%">
 <option></option>
 {{#Fields}}
 <option value="{{.}}">{{.}}</option>
 {{/Fields}}
 </select>
 </div>
 <div class="col-md-2">
 <select name="operator" data-placeholder="Operation" class="form-control" style="width:100%">
 <option value="Contains">{{i18n.search.options.contains}}</option>
 <option value="Not">{{i18n.search.options.not}}</option>
 </select>
 </div>


 <div class="searchBox form-horizontal col-md-7">
 <div class="searchTerm">
 <div class="input-group">
 <input name="term" class="form-control" placeholder="{{i18n.search.searchTerm}}" title="{{i18n.search.searchTerm}}" />
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="Search" class="search btn btn-primary" target="_blank">
 <span class="iconfont iconsmall icon-search"></span>
 Search
 </a>
 </span>
 </div>
 <div class="help-block">
 <a class="searchHelp" href="javascript:void(0);">Enter search term, use '*' or '?' as wildcards</a>
 </div>
 </div>
 </div>


 <div class="searchForm clear">
 {{>searchSettings}}
 {{>searchBox}}

 <div class="clear form-horizontal">
 <div class="col-md-6" style="padding-top:15px">
 <label for="objectType">{{i18n.search.objectFilter}}</label>
 <select name="objectType" class="form-control" style="width:100%" data-placeholder="Object Type">
 <option value="">{{18n.search.options.all}}</option>
 {{#ObjectTypes}}
 <option>{{.}}</option>
 {{/ObjectTypes}}
 </select>
 </div>
 <div class="clear" style="padding-top:15px">
 <div class="col-md-4">
 <label>{{i18n.search.createAfter}}</label>
 <input type="text" class="date-picker form-control" name="minCreated" placeholder="{{i18n.settings.dateP}}" />
 </div>
 <div class="col-md-4">
 <label>{{i18n.search.createBefore}}</label>
 <input type="text" class="date-picker form-control" name="maxCreated" placeholder="{{i18n.settings.dateP}}" />
 </div>
 </div>
 <div class="clear" style="padding-top:15px">
 <div class="col-md-4">
 <label>{{i18n.search.modAfter}}</label>
 <input type="text" class="date-picker form-control" name="minModified" placeholder="{{i18n.settings.dateP}}" />
 </div>
 <div class="col-md-4">
 <label>{{i18n.search.modBefore}}</label>
 <input type="text" class="date-picker form-control" name="maxModified" placeholder="{{i18n.settings.dateP}}" />
 </div>
 </div>
 <div class="clear" style="padding-top:15px">
 <div class="col-md-6">
 <label class="checkbox" style="margin-left:30px">
 <input type="checkbox" value="1" name="deleted" />
 {{i18n.search.deleteLabel}}
 </label>
 </div>
 </div>
 <div class="clear" style="padding:15px">
 <a href="javascript:void(0)" title="Search" class="search btn btn-primary" target="_blank">
 <span class="iconfont iconsmall icon-search"></span>
 Search
 </a>
 </div>
 </div>
 </div>


 <div class="search">
 <div class="col-md-6">
 <label>Search Silo</label>
 <select id="searchIndexSelect" class="form-control" style="width:100%"></select>
 <span class="help-block">Start by choosing which silo of data to search within.</span>
 </div>
 </div>


 <div id="search" class="search container-fluid" style="margin-top:30px">
 <div class="panel panel-primary">
 <div class="panel-heading"><h4>Search Results</h4></div>
 <div class="panel-body">
 <p>Results for: {{#term}}{{term}}{{/term}}{{^term}}*{{/term}}</p>
 {{#minCreated}}<p>Created after {{minCreated}}</p>{{/minCreated}}
 {{#maxCreated}}<p>Created before {{maxCreated}}</p>{{/maxCreated}}
 {{#minModified}}<p>Modified after {{minModified}}</p>{{/minModified}}
 {{#maxModified}}<p>Modified before {{maxModified}}</p>{{/maxModified}}

 {{#minTimeStamp}}<p>Added after {{minTimeStamp}}</p>{{/minTimeStamp}}
 {{#maxTimeStamp}}<p>Added before {{maxTimeStamp}}</p>{{/maxTimeStamp}}
 {{#minDeleted}}<p>Removed after {{minDeleted}}</p>{{/minDeleted}}
 {{#maxDeleted}}<p>Removed before {{maxDeleted}}</p>{{/maxDeleted}}

 {{#objectType}}<p>Restricted to {{objectType}}</p>{{/objectType}}
 {{#deleted}}<p>Including results from deleted objects</p>{{/deleted}}
 </div>
 </div>
 </div>


 <div class="panel panel-default" id="{{id}}">
 <div class="panel-heading">
 <h4>{{name}}</h4>
 <p>No Search Results</p>
 </div>
 </div>


 <div class="panel panel-default" id="{{id}}" data-id="{{index}}">
 <div class="panel-heading">
 <div class="btn-group pull-left">
 {{#expanded}}{{>expanded}}{{/expanded}}
 {{^expanded}}{{>expander}}{{/expanded}}
 </div>
 <h4>{{name}}: {{count}} results</h4>
 </div>
 <div class="panel-body collapse {{#expanded}}in{{/expanded}}">

 </div>
 </div>


 <h4>Value details for <label title="{{attr}}">{{disp}}</label></h4>
 <div class="searchForm clear">
 {{#ref}}
 {{#index}}
 {{>searchSettings}}
 {{/index}}
 {{/ref}}
 {{>searchBox}}
 <div class="clear form-horizontal">
 <div class="clear" style="padding-top:15px">
 <div class="col-md-4">
 <label>Value added after</label>
 <input type="text" class="date-picker form-control" name="minTimeStamp" placeholder="{{i18n.settings.dateP}}" />
 </div>
 <div class="col-md-4">
 <label>and before</label>
 <input type="text" class="date-picker form-control" name="maxTimeStamp" placeholder="{{i18n.settings.dateP}}" />
 </div>
 </div>
 <div class="clear" style="padding-top:15px">
 <div class="col-md-4">
 <label>Value removed after</label>
 <input type="text" class="date-picker form-control" name="minDeleted" placeholder="{{i18n.settings.dateP}}" />
 </div>
 <div class="col-md-4">
 <label>and before</label>
 <input type="text" class="date-picker form-control" name="maxDeleted" placeholder="{{i18n.settings.dateP}}" />
 </div>
 </div>
 <div class="clear" style="padding-top:15px">
 <div class="col-md-5">
 <label>
 <input type="checkbox" name="hideDeleted" value="1" />
 Hide Removed Reference Values
 </label>
 </div>
 </div>
 </div>
 <div class="clear" style="padding:15px">
 <a href="javascript:void(0)" title="Search" class="search btn btn-primary" target="_blank">
 <span class="iconfont iconsmall icon-search"></span>
 Search
 </a>
 </div>
 </div>


 {{>stepListStyle}}
 <ol class="nav nav-pills nav-stacked step-list">
 {{#steps}}
 <li class="{{link}} disabled"><a class="route" href="/setup/{{link}}" title="{{title}}">{{name}}</a></li>
 {{/steps}}
 </ol>


 <div class="left">
 <ul class="nav navbar-default">
 <li><a class="next" title="Next" href="javascript:void(0)"><strong>Next Step: {{showNext}}</strong></a></li>
 </ul>
 </div>


 <div id="settings" class="container-fluid">
 <div class="col-md-3">
 <div class="left">
 {{>setupList}}
 </div>
 </div>
 <div class="col-md-9">
 <div class="right">
 </div>
 </div>
 </div>


 <div class="panel panel-primary">
 <div class="panel-heading">
 <h4>Setup Process Complete</h4>
 </div>
 <div class="panel-body">
 <p>You have finished setup process.</p>
 <p>Click the finish button below. Then you can use the settings interface to configure additional items like dashboards, and schedules.</p>
 <a href="javascript:void(0)" title="Finish Setup" class="finish btn btn-primary">
 Finish
 <span class="iconfont iconsmall icon-check"></span>
 </a>
 </div>
 </div>


 <p>
 <em>{{i18n.sync.username}}:</em> {{Username}}
 </p>


 <div class="multi portal {{attrClass}}" data-path="portalObjects">
 <label data-tip="{{disp}}">{{disp}}</label>
 <ul data-id="{{oid}}">
 {{#values}}
 <li class="ref"><a href="{{ref}}" data-rest="{{resturl}}" data-tip="{{value}}" data-id="{{id}}" class="route ref">{{value}}</a></li>
 {{/values}}
 <li class="count"><a href="javascript:void(0);" data-tip="View All Requests">All {{name}} ({{count}}) <span class="iconfont icon-search"></span></a></li>
 </ul>
 </div>


 <div class="object row">
 <div id="data" class="data">
 </div>
 </div>


 <form id="uploadForm" action="" method="post" enctype="multipart/form-data">
 <div class="form-group">
 <p>Export server configuration on the appropriate MIM environment. When uploading, select all files.</p>
 <p>
 <label for="Provider">MIM Provider</label>
 <select id="Provider"
 name="Provider"
 data-placeholder="Select Sync Provider"
 title="Select Sync Provider"
 class="form-control"
 style="width:100%">
 <option></option>
 </select>
 </p>
 <p>
 <span class="btn btn-lg btn-primary btn-file">
 Choose MIM Config <input class="form-control" id="upload" type="file" name="upload" multiple="multiple" />
 </span>
 <span class="btn btn-lg btn-primary btn-file">
 Choose App.Config <input class="form-control" id="uploadApp" type="file" name="uploadApp" />
 </span>
 </p>
 </div>
 </form>


 <div class="form-group">
 <p>Download a zip package containing a server configuration and App.config settings.</p>
 <p>
 <label for="filename">File Name</label>
 <input type="text" class="form-control" name="filename" value="ConfigPackage" placeholder="File Name" />
 </p>
 <p>
 <label for="Provider">MIM Provider</label>
 <select id="Provider"
 name="Provider"
 data-placeholder="Select Sync Provider"
 title="Select Sync Provider"
 class="form-control"
 style="width:100%">
 <option></option>
 </select>
 </p>
 </div>


 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-3" style="margin-top: 7.5px;">
 Flow Rule Editor
 </h3>
 <div style="margin-top:15px" class="col-md-3">
 <a style="color:#fff" class="route" href="/settings/uplift">Back</a>
 </div>
 </div>
 <div class="panel-body">
 <div class="container-fluid">
 <div class="row form-group">
 <div class="col-md-3">
 <label for="mode">MA</label><br />
 <select class="form-control flow" style="width:100%" name="ma" id="ma" data-placeholder="MA"></select>
 </div>
 <div class="col-md-3">
 <label for="mode">CS Type</label><br />
 <select class="form-control flow" style="width:100%" name="csType" id="csType" data-placeholder="CS Type"></select>
 </div>
 <div class="col-md-3">
 <label for="mode">MV Type</label><br />
 <select class="form-control flow" style="width:100%" name="mvType" id="mvType" data-placeholder="MV Type"></select>
 </div>
 <div class="col-md-3">
 <label for="mode">Mode</label><br />
 <select class="form-control flow" style="width:100%" name="mode" id="mode" data-placeholder="Mode"></select>
 </div>
 </div>
 </div>
 </div>
 </div>
 <div id="flow" style="position:relative">
 </div>


 <div id="objectDetails" class="flow" style="width:1200px">
 {{#source}}
 <div id="source" class="object source">
 <p class="header">{{Source}}</p>
 <div class="attributes">
 <div class="head">{{Name}}</div>
 {{#Attributes}}
 <div class="attr" data-id="{{.}}">
 <label title="{{.}}">{{.}}</label>
 <a href="javascript:void(0);" class="ruleicon"><span class="glyphicon direct"></span></a>
 </div>
 {{/Attributes}}
 </div>
 </div>
 {{/source}}
 {{#target}}
 <div id="target" class="object target">
 <p class="header">{{Target}}</p>
 <div class="attributes">
 <div class="head">{{Name}}</div>
 {{#Attributes}}
 <div class="attr" data-id="{{.}}">
 <a href="javascript:void(0);" class="ruleicon"><span class="glyphicon none"></span></a>
 <label title="{{.}}">{{.}}</label>
 <input type="hidden" name="rule" value="" />
 </div>
 {{/Attributes}}
 </div>
 </div>
 {{/target}}
 </div>


 <div class="container-fluid">
 <h3>Action Link Result</h3>
 {{#Message}}
 <p>{{Message}}</p>
 {{/Message}}
 {{^Message}}
 <p>{{Result}}</p>
 {{/Message}}
 </div>


 {{#steps}}
 <div class="panel panel-default">
 <div class="panel-heading">{{Name}}</div>
 <div class="stepAttributes panel-body">
 {{#attributes}}
 {{>objectAttribute}}
 {{/attributes}}
 </div>
 </div>
 {{/steps}}


 <div id="workflowStatus" class="container-fluid" style="margin-bottom:15px">
 <h4>Purge Pending Workflows?</h4>
 <label for="schedule">Filter by Name (opt.)</label>
 <div class="run-form input-group col-md-12">
 <input type="text" id="nameFilter" name="nameFilter" class="form-control" placeholder="Filter by Name (opt.)" />
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="Run" class="btn btn-primary purge">
 <span class="iconfont iconsmall icon-workflow"></span>
 Purge Workflows
 </a>
 </span>
 </div>
 <p></p>
 </div>
 <div id="statusList" class="col-md-12">
 <table class="table bordered">
 <thead><tr><th>Pending Workflows</th><th>Count: {{count}}</th></tr></thead>
 <tbody>
 {{#workflows}}
 <tr><td>{{name}}</td><td>{{count}}</td></tr>
 {{/workflows}}
 </tbody>
 </table>
 </div>
 {{#hyperCount}}
 <div id="hyperStatus" class="container-fluid" style="margin-bottom:15px">
 <h4>Purge Pending HyperSync Queue?</h4>
 <label for="schedule">Filter by Name (opt.)</label>
 <div class="run-form input-group col-md-12">
 <input type="text" id="nameFilter" name="hspnameFilter" class="form-control" placeholder="Filter by Name (opt.)" />
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="Run" class="btn btn-primary purgehsp">
 <span class="iconfont iconsmall icon-workflow"></span>
 Purge HyperSync Queue
 </a>
 </span>
 </div>
 <p></p>
 </div>
 <div id="hyperList" class="col-md-12">
 <table class="table bordered">
 <thead><tr><th>Pending HyperSync Activity</th><th>Count: {{hyperCount}}</th></tr></thead>
 <tbody>
 {{#hypersync}}
 <tr><td>{{name}}</td><td>{{count}}</td></tr>
 {{/hypersync}}
 </tbody>
 </table>
 </div>
 {{/hyperCount}}


 <div class="accesspanel">
 {{>accessPanelMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Access Panel
 </h3>
 </div>
 <div class="panel-body">
 Configure Access Panel user identities.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>User Identities</h4>
 <p class="help-block">User silo identity controls how users are projected from Identity Panel to Access Panel</p>
 <div id="strips-UserSilos-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.UserSilos.models}}
 {{{typeRenderStrip}}}
 {{/attributes.UserSilos.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-UserSilos-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="accesspanel">
 {{>accessPanelMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Access Panel
 </h3>
 </div>
 <div class="panel-body">
 Configure Access Panel resource silos.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Resource Objects</h4>
 <p class="help-block">Resource silos control how resources (e.g. groups, application roles) are projected from Identity Panel to Access Panel</p>
 <div id="strips-ResourceSilos-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.ResourceSilos.models}}
 {{{typeRenderStrip}}}
 {{/attributes.ResourceSilos.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-ResourceSilos-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="accesspanel">
 {{>accessPanelMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Access Panel
 </h3>
 </div>
 <div class="panel-body">
 Configure Access Panel application silos.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Application Silos</h4>
 <p class="help-block">Application silos control how applications are projected from Identity Panel to Access Panel</p>
 <div id="strips-ApplicationSilos-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.ApplicationSilos.models}}
 {{{typeRenderStrip}}}
 {{/attributes.ApplicationSilos.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-ApplicationSilos-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="accesspanel">
 {{>accessPanelMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Access Panel
 </h3>
 </div>
 <div class="panel-body">
 Configure Access Panel role silos.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Role Silos</h4>
 <p class="help-block">Role silos control how roles are projected from Identity Panel to Access Panel</p>
 <div id="strips-RoleSilos-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.RoleSilos.models}}
 {{{typeRenderStrip}}}
 {{/attributes.RoleSilos.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-RoleSilos-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="accesspanel">
 {{>accessPanelMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Access Panel
 </h3>
 </div>
 <div class="panel-body">
 Configure Access Panel review settings.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="row">
 <div class="col-md-6">
 <div class="form-group">
 <label for="ApplicationTitle">Application Title</label>
 <input type="text"
 id="ApplicationTitle"
 name="ApplicationTitle"
 placeholder="Application Title"
 title=""
 class="form-control" />
 </div>
 </div>
 <div class="col-md-6">
 <div class="form-group">
 <label for="RequestThrottle">Request Throttle</label>
 <input type="text"
 id="RequestThrottle"
 name="RequestThrottle"
 placeholder="Request Throttle"
 title=""
 class="form-control" />
 </div>
 </div>
 </div>

 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Request Communication Settings</h4>
 <p class="help-block">SetSettings for notifications and request approval chains (Resource Requests, Membership Activations, Extension Requests, and Attestation Campaigns)</p>
 <div id="strips-RequestCommunications-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.RequestCommunications.models}}
 {{{typeRenderStrip}}}
 {{/attributes.RequestCommunications.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-RequestCommunications-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>

 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Access Review Settings</h4>
 <p class="help-block">Access review settings govern shared settings for attestation campaign messages</p>
 <div id="strips-Reviews-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.Reviews.models}}
 {{{typeRenderStrip}}}
 {{/attributes.Reviews.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-Reviews-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>

 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Resource Request Settings</h4>
 <p class="help-block">Resource request settings govern shared settings for membership/entitlement assignment request messages</p>
 <div id="strips-ResourceRequests-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.ResourceRequests.models}}
 {{{typeRenderStrip}}}
 {{/attributes.ResourceRequests.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-ResourceRequests-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>

 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Extension Request Settings</h4>
 <p class="help-block">Extension request settings govern shared settings for extension request messages</p>
 <div id="strips-ExtensionRequests-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.ExtensionRequests.models}}
 {{{typeRenderStrip}}}
 {{/attributes.ExtensionRequests.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-ExtensionRequests-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>

 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Activation Request Settings</h4>
 <p class="help-block">Activation request settings govern shared settings for candidate entitlement activation request messages</p>
 <div id="strips-ActivationRequests-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.ActivationRequests.models}}
 {{{typeRenderStrip}}}
 {{/attributes.ActivationRequests.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-ActivationRequests-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>

 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Data Form Settings</h4>
 <p class="help-block">Custom forms for data collection campaigns for Applications and Resources</p>
 <div id="strips-DataForms-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.DataForms.models}}
 {{{typeRenderStrip}}}
 {{/attributes.DataForms.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-DataForms-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div id="hypersync-launch" class="col-md-12">
 {{#hv}}<button type="button" class="btn btn-primary deprovision">Deprovision Hyperverse</button>{{/hv}}
 <hr />
 <div class="row" style="margin: 20px -15px;">
 <div class="checkbox col-md-6">
 <label title="Preview Sync" for="preview">
 <input id="preview"
 name="preview"
 type="checkbox"
 checked
 value="preview" />
 Preview Sync
 </label>
 <span class="help-block">Run a synchronization or preview synchronization of {{data.DN}}.</span>
 <input id="objectid"
 name="objectid"
 type="hidden"
 class="form-control"
 value="{{id}}" />
 </div>
 </div>
 <hr />
 <button type="button" class="btn btn-primary sync">Synchronize</button>
 <br/>
 <div id="result"></div>
 </div>


 <div id="general" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 <h4 class="col-md-8" style="margin-top: 7.5px;">Deprovision Result</h4>
 </div>
 <div class="panel-body">
 {{Result}}
 </div>
 </div>


 <div id="general" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 <h4 class="col-md-8" style="margin-top: 7.5px;">Sync Overview</h4>
 </div>
 <div class="panel-body">
 <table class="table">
 <tr><th>Time Stamp:</th><td>{{TimeStamp}}</td></tr>
 <tr><th>Preview:</th><td>{{#Preview}}Yes{{/Preview}}{{^Preview}}No{{/Preview}}</td></tr>
 <tr><th>Errors:</th><td>{{Errors.length}}</td></tr>
 <tr><th>Graph Nodes Loaded:</th><td>{{GraphEntries.length}}</td></tr>
 <tr><th>Rules Examined:</th><td>{{RuleResults.length}}</td></tr>
 <tr><th>HV Lifecycle Actions:</th><td>{{HVActions.length}}</td></tr>
 <tr><th>Actions Triggered:</th><td>{{SyncActions.length}}</td></tr>
 </table>
 </div>
 </div>
 <div id="errors" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 {{#Errors.length}}
 <div class="btn-group pull-left">
 <a style="color: #fff" href="javascript:void(0);" class="panel-toggle collapsed">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 {{/Errors.length}}
 <h4 class="col-md-8" style="margin-top: 7.5px;">Errors: {{^Errors.length}}None{{/Errors.length}}{{#Errors.length}}{{.}}{{/Errors.length}}</h4>
 </div>
 {{#Errors.length}}
 <div class="panel-body collapse">
 <h4>Error Details</h4>
 <ul>
 {{#Errors}}
 <li>{{.}}</li>
 {{/Errors}}
 </ul>
 </div>
 {{/Errors.length}}
 </div>
 <div id="nodes" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 {{#GraphEntries.length}}
 <div class="btn-group pull-left">
 <a style="color: #fff" href="javascript:void(0);" class="panel-toggle collapsed">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 {{/GraphEntries.length}}
 <h4 class="col-md-8" style="margin-top: 7.5px;">Graph Entries: {{GraphEntries.length}}</h4>
 </div>
 {{#GraphEntries.length}}
 <div class="panel-body collapse">
 <h4>Graph Entries</h4>
 <ul>
 {{#GraphEntries}}
 <li><a class="route" href="/object/{{Id}}?silo={{Silo}}&timestamp=now">{{SiloName}}: {{ObjectType}} - {{DN}}</a></li>
 {{/GraphEntries}}
 </ul>
 </div>
 {{/GraphEntries.length}}
 </div>
 <div id="rules" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 {{#RuleResults.length}}
 <div class="btn-group pull-left">
 <a style="color: #fff" href="javascript:void(0);" class="panel-toggle collapsed">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 {{/RuleResults.length}}
 <h4 class="col-md-8" style="margin-top: 7.5px;">Rule Results: {{RuleResults.length}}</h4>
 </div>
 {{#RuleResults.length}}
 <div class="panel-body collapse">
 <h4>Rule Results</h4>
 {{#RuleResults}}
 {{>hyperSyncRuleResult}}
 {{/RuleResults}}
 </div>
 {{/RuleResults.length}}
 </div>
 <div id="syncactions" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 {{#HVActions.length}}
 <div class="btn-group pull-left">
 <a style="color: #fff" href="javascript:void(0);" class="panel-toggle collapsed">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 {{/HVActions.length}}
 <h4 class="col-md-8" style="margin-top: 7.5px;">Hyperverse Lifecycle Actions: {{HVActions.length}}</h4>
 </div>
 {{#HVActions.length}}
 <div class="panel-body collapse">
 <h4>Hyperverse Lifecycle Actions</h4>
 <table class="table table-bordered">
 <thead>
 <tr><th>Hyperverse Entry</th><th>Action</th><th>Reason</th></tr>
 </thead>
 <tbody>
 {{#HVActions}}
 <tr><td><a class="route" href="/object/{{Id}}">{{Id}}</a></td><td>{{Action}}</td><td>{{Reason}}</td></tr>
 {{/HVActions}}
 </tbody>
 </table>
 </div>
 {{/HVActions.length}}
 </div>
 <div id="syncactions" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 {{#SyncActions.length}}
 <div class="btn-group pull-left">
 <a style="color: #fff" href="javascript:void(0);" class="panel-toggle collapsed">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 {{/SyncActions.length}}
 <h4 class="col-md-8" style="margin-top: 7.5px;">Process Actions: {{SyncActions.length}}</h4>
 </div>
 {{#SyncActions.length}}
 <div class="panel-body collapse">
 <h4>Rule Results</h4>
 {{#SyncActions}}
 {{>hyperSyncSyncAction}}
 {{/SyncActions}}
 </div>
 {{/SyncActions.length}}
 </div>


 <div class="panel panel-default rule-helper">
 <div class="panel-heading clearfix">
 <div class="btn-group pull-left">
 <a href="javascript:void(0);" class="panel-toggle collapsed">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 <h4 class="col-md-4" style="margin-top: 7.5px;">Name: {{ActionName}}</h4>
 <p class="col-md-4" style="margin-top: 7.5px;">Trigger: <a class="route" href="/object/{{TriggerId}}">{{TriggerDN}}</a></p>
 </div>
 <div class="panel-body collapse">
 <h4>Process Action Details</h4>
 <table class="table">
 <tr><th>Simulated</th><td>{{#Simulated}}Yes{{/Simulated}}{{^Simulated}}No{{/Simulated}}</td></tr>
 <tr><th>Threshold Exceeded</th><td>{{#ThresholdExceeded}}Yes{{/ThresholdExceeded}}{{^ThresholdExceeded}}No{{/ThresholdExceeded}}</td></tr>
 <tr><th>Skipped for Pending Approval</th><td>{{#SkippedPendingApproval}}<a class="route" href="/object/{{SkippedPendingApproval}}/SoftwareIDM.PanelModel.Models.SyncAction%2C SoftwareIDM.PanelModel">Yes</a>{{/SkippedPendingApproval}}{{^SkippedPendingApproval}}No{{/SkippedPendingApproval}}</td></tr>
 <tr><th>Workflow</th><td>{{#WorkflowId}}<a class="route" href="/object/{{WorkflowId}}/SoftwareIDM.WorkflowModel.WorkflowRecord%2C SoftwareIDM.WorkflowModel">{{WorkflowId}}</a>{{/WorkflowId}}{{^WorkflowId}}None{{/WorkflowId}}</td></tr>
 </table>
 {{#ChangesPretty.length}}
 <h4>Changes</h4>
 <table class="table table-bordered">
 <thead>
 <tr><th>Name</th><th>Value</th><th>Original</th></tr>
 </thead>
 <tbody>
 {{#ChangesPretty}}
 <tr>
 <td>{{Name}}</td>
 <td>{{Value}}</td>
 <td>{{Original}}</td>
 </tr>
 {{/ChangesPretty}}
 </tbody>
 </table>
 {{/ChangesPretty.length}}
 </div>
 </div>


 <div class="panel panel-default rule-helper">
 <div class="panel-heading clearfix">
 <div class="btn-group pull-left">
 <a href="javascript:void(0);" class="panel-toggle collapsed">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 <h4 class="col-md-4" style="margin-top: 7.5px;">Rule: {{Name}}</h4>
 <p class="col-md-3" style="margin-top: 7.5px;">Kind: {{Kind}}</p>
 <p class="col-md-2" style="margin-top: 7.5px;">Status: {{#Enabled}}Enabled{{/Enabled}}{{^Enabled}}Disabled{{/Enabled}}</p>
 <p class="col-md-2" style="margin-top: 7.5px;">Passed Scope/Condition: {{#ScopeResult.InScope}}Yes{{/ScopeResult.InScope}}{{^ScopeResult.InScope}}No{{/ScopeResult.InScope}}</p>
 </div>
 <div class="panel-body collapse">
 <h4>Rule Result Details</h4>
 <table class="table">
 <tr><th>Include Deleted Entries</th><td>{{#IncludeDeleted}}Yes{{/IncludeDeleted}}{{^IncludeDeleted}}No{{/IncludeDeleted}}</td></tr>
 <tr>
 <th>Blocked by Throttle</th>
 <td>
 {{#ThrottleBlock}}<a class="route" href="/object/{{ThrottleBlock}}/SoftwareIDM.PanelModel.Models.SyncAction%2C SoftwareIDM.PanelModel">Yes: {{ThrottleBlock}}</a>{{/ThrottleBlock}}
 {{^ThrottleBlock}}No{{/ThrottleBlock}}
 </td>
 </tr>
 <tr>
 <th>Scope Results</th>
 <td>
 <table class="table">
 <tr>
 <th>Scope Errors</th>
 <td>
 {{#ScopeResult.ScopeErrors.length}}
 <ul>
 {{#ScopeResult.ScopeErrors}}
 <li>{{.}}</li>
 {{/ScopeResult.ScopeErrors}}
 </ul>
 {{/ScopeResult.ScopeErrors.length}}
 {{^ScopeResult.ScopeErrors.length}}No Errors{{/ScopeResult.ScopeErrors.length}}
 </td>
 </tr>
 <tr><th>Target in Graph</th><td>{{#ScopeResult.TargetFound}}Yes{{/ScopeResult.TargetFound}}{{^ScopeResult.TargetFound}}<strong>No</strong>{{/ScopeResult.TargetFound}}</td></tr>
 <tr><th>Source(s) in Graph</th><td>{{#ScopeResult.SourcesFound}}Yes{{/ScopeResult.SourcesFound}}{{^ScopeResult.SourcesFound}}<strong>No</strong>{{/ScopeResult.SourcesFound}}</td></tr>
 <tr>
 <th>Scope Filters</th>
 <td>
 {{^ScopeResult.ScopeFilters.length}}No Filters{{/ScopeResult.ScopeFilters.length}}
 {{#ScopeResult.ScopeFilters.length}}
 <table class="table table-bordered">
 <thead>
 <tr><th>Name</th><th>Passed</th><th>Condition</th></tr>
 </thead>
 <tbody>
 {{#ScopeResult.ScopeFilters}}
 <tr>
 <td>{{Name}}</td>
 <td>{{#Passed}}Yes{{/Passed}}{{^Passed}}<strong>No</strong>{{/Passed}}</td>
 <td><pre>{{Condition}}</pre></td>
 </tr>
 {{/ScopeResult.ScopeFilters}}
 </tbody>
 </table>
 {{/ScopeResult.ScopeFilters.length}}
 </td>
 </tr>
 <tr>
 <th>Condition Rule</th>
 <td>
 {{#ScopeResult.ConditionRule}}
 <p>Passed: {{#ScopeResult.ConditionPassed}}Yes{{/ScopeResult.ConditionPassed}}{{^ScopeResult.ConditionPassed}}<strong>No</strong>{{/ScopeResult.ConditionPassed}}</p>
 <pre>{{ScopeResult.ConditionRule}}</pre>
 {{/ScopeResult.ConditionRule}}
 {{^ScopeResult.ConditionRule}}None{{/ScopeResult.ConditionRule}}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <tr>
 <th>Calculated Data</th>
 <td>
 <table class="table table-bordered">
 <thead>
 <tr><th>Name</th><th>Value</th><th>Sources</th><th>Expression</th></tr>
 </thead>
 <tbody>
 {{#DataPretty}}
 <tr>
 <td>{{Name}}</td>
 <td>{{Value}}</td>
 <td>
 {{#Sources}}
 {{.}}<br />
 {{/Sources}}
 </td>
 <td><pre>{{Expression}}</pre></td>
 </tr>
 {{/DataPretty}}
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <th>Staged Changes</th>
 <td>
 {{^ChangesPretty.length}}None{{/ChangesPretty.length}}
 {{#ChangesPretty.length}}
 <table class="table table-bordered">
 <thead>
 <tr><th>Name</th><th>Value</th><th>Original</th></tr>
 </thead>
 <tbody>
 {{#ChangesPretty}}
 <tr>
 <td>{{Name}}</td>
 <td>{{Value}}</td>
 <td>{{Original}}</td>
 </tr>
 {{/ChangesPretty}}
 </tbody>
 </table>
 {{/ChangesPretty.length}}
 </td>
 </tr>
 <tr>
 <th>Precedence Replacements</th>
 <td>
 {{^PrecedencePretty.length}}None{{/PrecedencePretty.length}}
 {{#PrecedencePretty.length}}
 <table class="table table-bordered">
 <thead>
 <tr><th>Name</th><th>Value</th><th>Source</th></tr>
 </thead>
 <tbody>
 {{#PrecedencePretty}}
 <tr>
 <td>{{Name}}</td>
 <td>{{Value}}</td>
 <td>{{Original}}</td>
 </tr>
 {{/PrecedencePretty}}
 </tbody>
 </table>
 {{/PrecedencePretty.length}}
 </td>
 </tr>
 </table>
 </div>
 </div>


 <div class="hypersync">
 {{>hyperSyncMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 HyperSync
 </h3>
 </div>
 <div class="panel-body">
 Configure HyperSync stateful synchronization rules.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>State Sync Rules</h4>
 <p class="help-block">State Sync rules are evaluated against identities, and manager or owner relationships.</p>
 <div id="strips-StateRuleSets-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.StateRuleSets.models}}
 {{{typeRenderStrip}}}
 {{/attributes.StateRuleSets.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-StateRuleSets-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="flowEditor">
 <div id="editRule" style="display:none"></div>
 <div id="flow" style="position:relative">
 <div id="objectDetails" class="flow" style="width:{{width}}px">
 {{#sources}}
 <div class="object source" data-id="{{silo}}_{{objectType}}">
 <p class="header">{{name}} ({{objectType}})</p>
 <div class="attributes">
 {{#attributes}}
 <div class="attr" data-id="{{silo}}_{{objectType}}-{{.}}" data-attr="{{.}}">
 <label title="{{.}}" style="position:relative;z-index:100">{{.}}</label>
 </div>
 {{/attributes}}
 </div>
 </div>
 {{/sources}}
 {{#target}}
 <div id="target" class="object target" data-id="{{silo}}_{{objectType}}">
 <p class="header">{{name}}{{^name}}Action Data{{/name}} ({{objectType}})</p>
 <div class="attributes">
 {{#attributes}}
 <div class="attr" data-id="{{.}}">
 <a href="javascript:void(0);" class="ruleicon"><span class="glyphicon none"></span></a>
 <label title="{{.}}">{{.}}</label>
 <input type="hidden" name="rule" value="" />
 </div>
 {{/attributes}}
 </div>
 </div>
 {{/target}}
 </div>
 </div>
 </div>


 <div id="flowRule">
 <h4>Source Attributes Precedence (desc.) drag to re-order</h4>
 <div id="strips-SourceAttributes-{{cid}}" class="src-attributes">
 {{#sourceAttributes}}
 <div class="panel panel-default" id="panel-{{id}}">
 <div class="panel-heading clearfix">
 <div class="btn-group pull-left">
 <span class="glyphicon glyphicon-menu-hamburger" title="Re-Order"></span>
 </div>
 <strong style="display:inline-block;padding-left:10px">{{text}}</strong>
 <div class="btn-group pull-right">
 <a class="remove-flow btn btn-default {{#anonymous}}disabled{{/anonymous}}" title="{{i18n.settings.buttons.remove}}" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-delete"></span>
 </a>
 </div>
 </div>
 </div>
 {{/sourceAttributes}}
 </div>
 <p>Edit rule expression below.</p>
 </div>


 <div class="hypersync">
 {{>hyperSyncMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 HyperSync
 </h3>
 </div>
 <div class="panel-body">
 Configure HyperSync event triggered rules.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Event Triggered Rules</h4>
 <p class="help-block">Rules triggered from Identity Silo events</p>
 <div class="panel-group" style="margin-bottom:5px;font-weight:bold">
 <div class="panel panel-primary">
 <div class="panel-heading clearfix form-horizontal">
 <div class="btn-group pull-left" style="width:40px">&nbsp;</div>
 <div class="col-md-2">Name</div>
 <div class="col-md-2">Event Trigger Silo</div>
 <div class="col-md-2">Object Type</div>
 <div class="col-md-3">Scope Filters</div>
 </div>
 </div>
 </div>
 <div id="strips-EventRules-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.EventRules.models}}
 {{{typeRenderStrip}}}
 {{/attributes.EventRules.models}}
 </div>
 <div class="add-form input-group col-md-6">
 <select id="EventRules-Kind-{{cid}}" name="Kind" class="" style="width:100%" type="text" data-placeholder="Select Type">
 <option></option>
 </select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-EventRules-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </span>
 </div>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="hypersync">
 {{>hyperSyncMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 HyperSync
 </h3>
 </div>
 <div class="panel-body">
 Configure HyperSync attribute flow rules.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Attribute Flow</h4>
 <p class="help-block">Mappings for Attribute Flow</p>
 <div id="strips-AttributeRuleSets-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.AttributeRuleSets.models}}
 {{{typeRenderStrip}}}
 {{/attributes.AttributeRuleSets.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-AttributeRuleSets-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="hypersync">
 {{>hyperSyncMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 HyperSync
 </h3>
 </div>
 <div class="panel-body">
 Configure Hyperverse Schemas and Scope Filters.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Hyperverse Schemas</h4>
 <p class="help-block">Object types and attributes for internal metaverse attribute flow and provisioning logic. Silo name for rules is HV or Hyperverse.</p>
 <div id="strips-Schemas-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.Schemas.models}}
 {{{typeRenderStrip}}}
 {{/attributes.Schemas.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-Schemas-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Scope Filters</h4>
 <p class="help-block">Scoping filter rules for identifying classes of identity to apply sync logic.</p>
 <div id="strips-ScopeRules-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.ScopeRules.models}}
 {{{typeRenderStrip}}}
 {{/attributes.ScopeRules.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-ScopeRules-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Silo Load Priority and Aliases</h4>
 <p class="help-block">Silo load priority controls load order of silos to manage transitive joins. Add aliases to enable shorter lookup of graph nodes (e.g. Hyperverse and HV). Alias name is optional.</p>
 <div id="strips-SiloAliases-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.SiloAliases.models}}
 {{{typeRenderStrip}}}
 {{/attributes.SiloAliases.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-SiloAliases-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Lookup Definitions</h4>
 <p class="help-block">Lookup definitions to resolve settings like locations and templates.<br />The following reserved words should not be used as a search attribute name: Id, Key, Value, LookupName.</p>
 <div id="strips-LookupDefinitions-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.LookupDefinitions.models}}
 {{{typeRenderStrip}}}
 {{/attributes.LookupDefinitions.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-LookupDefinitions-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Silo Filter Rules</h4>
 <p class="help-block">Silo filter rules for identifying classes of identity filter out of HyperSync graph.</p>
 <div id="strips-SiloFilterRules-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.SiloFilterRules.models}}
 {{{typeRenderStrip}}}
 {{/attributes.SiloFilterRules.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-SiloFilterRules-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12">
 <div class="form-group input-monospace has-feedback">
 <label for="VIPFilter">VIP Identification Rule</label><br />
 <textarea rows="6"
 id="VIPFilter"
 name="VIPFilter"
 placeholder='Or(AD.title == "CEO", AD.manager.AD.title == "CEO")'
 title="Filter rule to identify VIP personnel for triggering threshold messages"
 class="form-control rule-warn"></textarea>
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 <div class="rule-warnings" style="display:none"></div>
 {{!sourced from classdoc}}
 <span class="help-block">Filter rule to identify VIP personnel for triggering threshold messages</span>
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-md-4">
 <div class="form-group">
 <label for="SyncErrorLimit">Sync Error Limit</label>
 <input type="text"
 id="SyncErrorLimit"
 name="SyncErrorLimit"
 placeholder="SyncErrorLimit"
 title="Maximum number of sync errors to allow in a single processing pass before aborting the sync."
 class="form-control" />
 <span class="help-block">Maximum number of sync errors to allow in a single processing pass before aborting the sync.</span>
 </div>
 </div>
 <div class="checkbox col-md-4">
 <label title="Place the entire HyperSync Panel configuration in simulation mode">
 <input type="checkbox" value="1" name="Simulated" />
 Simulation Mode
 </label>
 <span class="help-block">Place the entire HyperSync Panel configuration in simulation mode</span>
 </div>
 </div>
 <div class="row">
 <div class="col-md-6">
 <div class="form-group has-feedback">
 <label for="DefaultThreshold">Default Threshold</label>
 <input type="text" id="DefaultThreshold" name="DefaultThreshold" placeholder="Default Threshold" title="Default threshold to stop rule if exceeded in a single synchronization. May be overridden in individual rules. 0 means no limit." class="form-control" spellcheck="false" />
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 <span class="help-block">Default threshold to stop rule if exceeded in a single synchronization. May be overridden in individual rules. 0 means no limit.</span>
 </div>
 </div>
 <div class="col-md-6">
 <div class="form-group has-feedback">
 <label for="DefaultThresholdRecipients">Default Threshold Notification Recipient(s)</label>
 <input type="text" id="DefaultThresholdRecipients" name="DefaultThresholdRecipients" placeholder="Default Threshold Notification Recipient(s)" title="Default email recipients of notification alert of threshold is exceeded. Comma separated." class="form-control" spellcheck="false" />
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 <span class="help-block">Default email recipients of notification alert of threshold is exceeded. Comma separated.</span>
 </div>
 </div>
 <div class="col-md-12">
 <div class="form-group has-feedback">
 <label for="DefaultThresholdSubject">Default Threshold Message Subject</label>
 <input type="text" id="DefaultThresholdSubject" name="DefaultThresholdSubject" placeholder="Default Threshold Message Subject" title="Body for threshold notification, repeated for each entry" class="form-control" spellcheck="false" />
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 <span class="help-block">Default message subject for threshold notification</span>
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12">
 <div class="form-group has-feedback">
 <label for="DefaultThresholdHeader">Default Threshold Message Header</label>
 <br>
 <textarea rows="6" id="DefaultThresholdHeader" name="DefaultThresholdHeader" placeholder="Default Threshold Message Header" title="Default header for threshold notification" class="form-control rule-warn" spellcheck="false"></textarea>
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 <div class="rule-warnings" style="display:none"></div>
 <span class="help-block">Default Header for threshold notification</span>
 </div>
 </div>
 <div class="col-md-12">
 <div class="form-group has-feedback">
 <label for="DefaultThresholdBody">Default Threshold Message Body</label>
 <br>
 <textarea rows="6" id="DefaultThresholdBody" name="DefaultThresholdBody" placeholder="Default Threshold Message Body" title="Default body for threshold notification, repeated for each entry" class="form-control rule-warn" spellcheck="false"></textarea>
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 <div class="rule-warnings" style="display:none"></div>
 <span class="help-block">Default body for threshold notification, repeated for each entry</span>
 </div>
 </div>
 <div class="col-md-12">
 <div class="form-group has-feedback">
 <label for="DefaultThresholdFooter">Default Threshold Message Footer</label>
 <br>
 <textarea rows="6" id="DefaultThresholdFooter" name="DefaultThresholdFooter" placeholder="Default Threshold Message Footer" title="Default footer for threshold notification" class="form-control rule-warn" spellcheck="false"></textarea>
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 <div class="rule-warnings" style="display:none"></div>
 <span class="help-block">Default footer for threshold notification</span>
 </div>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="container-fluid">
 <div class="col-md-10">
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 HyperSync {{action}} Result
 </h3>
 </div>
 <div class="panel-body">
 <p>
 {{result}}
 </p>
 </div>
 </div>
 </div>
 </div>


 <div id="Licenses-{{attributes.Licenses.cid}}" class="licenses">
 <div class="panel panel-primary">
 <div class="panel-heading">
 <h3 style="margin-top: 7.5px;">
 {{i18n.settings.license.header}}
 </h3>
 </div>
 <div class="panel-body">
 {{{i18n.settings.license.instructions}}}
 <p><a href="https://softwareidm.com/download" target="_blank">{{i18n.settings.license.getKey}}</a></p>
 <div class="license-form input-group col-md-6">
 <label for="Code" class="sr-only">{{i18n.settings.license.code}}</label>
 <input name="Code" class="form-control" type="text" placeholder="{{i18n.settings.license.code}}" />
 <span class="input-group-btn">{{>newIcon}}</span>
 </div>
 </div>
 </div>
 {{>showLicenses}}
 </div>


 <div id="Licenses-{{attributes.Licenses.cid}}" class="licenses">
 <div class="panel panel-primary">
 <div class="panel-heading">
 <h3 style="margin-top: 7.5px;">
 {{i18n.settings.license.header}}
 </h3>
 </div>
 <div class="panel-body" id="Subscription-{{attributes.Licenses.attributes.Subscription.cid}}">
 <h3>Azure Marketplace Subscriptions</h3>
 <ul>
 {{#attributes.Licenses.attributes.Subscription.attributes.Subscriptions}}
 <li>{{.}}</li>
 {{/attributes.Licenses.attributes.Subscription.attributes.Subscriptions}}
 </ul>
 <h3>Identity Panel Suite Applications</h3>
 <p>
 NOTE: Any changes to licensing settings will be reflected in the next month's billing cycle.
 <p>
 <a href="javascript:void(0);" class="btn btn-lg btn-primary save-marketplace">
 Save License Settings
 </a>
 </p>
 <table class="table">
 <tr><th>Application</th><th>Status</th><th>Details</th></tr>
 <tr><td>Identity Panel</td><td>Included</td><td>Identity Panel is included with all subscriptions</td></tr>
 {{#attributes.Licenses.attributes.Subscription.attributes.IsTestPanel}}
 <tr><td>Test Panel</td><td>Included</td></tr>
 {{/attributes.Licenses.attributes.Subscription.attributes.IsTestPanel}}
 {{^attributes.Licenses.attributes.Subscription.attributes.IsTestPanel}}
 <tr><td>Test Panel</td><td>Not Applicable</td><td>For non-production subscription only</td></tr>
 {{/attributes.Licenses.attributes.Subscription.attributes.IsTestPanel}}
 {{#attributes.Licenses.attributes.Subscription.attributes.HyperSyncPanelLocked}}
 <tr><td>HyperSync Panel</td><td>Included</td></tr>
 {{/attributes.Licenses.attributes.Subscription.attributes.HyperSyncPanelLocked}}
 {{^attributes.Licenses.attributes.Subscription.attributes.HyperSyncPanelLocked}}
 <tr>
 <td>HyperSync Panel</td>
 <td>
 <div class="checkbox col-md-{{Size}} {{CSSClass}}">
 <label title="Subscribe to HyperSync Panel">
 <input type="checkbox" value="1" name="HyperSyncPanel" />
 Subscribe
 </label>
 </div>
 </td>
 <td>Added cost, see <a href="https://portal.azure.com/#view/HubsExtension/BrowseResourceBlade/resourceType/Microsoft.SaaS%2Fresources" target="_blank">Azure Portal SaaS</a> for price</td>
 </tr>
 {{/attributes.Licenses.attributes.Subscription.attributes.HyperSyncPanelLocked}}
 {{#attributes.Licenses.attributes.Subscription.attributes.ServicePanelLocked}}
 <tr><td>Service Panel</td><td>Included</td></tr>
 {{/attributes.Licenses.attributes.Subscription.attributes.ServicePanelLocked}}
 {{^attributes.Licenses.attributes.Subscription.attributes.ServicePanelLocked}}
 <tr>
 <td>Service Panel</td>
 <td>
 <div class="checkbox col-md-{{Size}} {{CSSClass}}">
 <label title="Subscribe to Service Panel">
 <input type="checkbox" value="1" name="ServicePanel" />
 Subscribe
 </label>
 </div>
 </td>
 <td>Added cost, see <a href="https://portal.azure.com/#view/HubsExtension/BrowseResourceBlade/resourceType/Microsoft.SaaS%2Fresources" target="_blank">Azure Portal SaaS</a> for price</td>
 </tr>
 {{/attributes.Licenses.attributes.Subscription.attributes.ServicePanelLocked}}
 {{#attributes.Licenses.attributes.Subscription.attributes.AccessPanelLocked}}
 <tr><td>Access Panel</td><td>Included</td></tr>
 {{/attributes.Licenses.attributes.Subscription.attributes.AccessPanelLocked}}
 {{^attributes.Licenses.attributes.Subscription.attributes.AccessPanelLocked}}
 <tr>
 <td>Access Panel</td>
 <td>
 <div class="checkbox col-md-{{Size}} {{CSSClass}}">
 <label title="Subscribe to Access Panel">
 <input type="checkbox" value="1" name="AccessPanel" />
 Subscribe
 </label>
 </div>
 </td>
 <td>Added cost, see <a href="https://portal.azure.com/#view/HubsExtension/BrowseResourceBlade/resourceType/Microsoft.SaaS%2Fresources" target="_blank">Azure Portal SaaS</a> for price</td>
 </tr>
 {{/attributes.Licenses.attributes.Subscription.attributes.AccessPanelLocked}}
 </table>
 <h3>Data Connector Count</h3>
 {{#attributes.Licenses.attributes.Subscription.attributes.IsTestPanel}}
 <p>
 NOTE: Test Panel includes up to 50 connectors for free
 </p>
 {{/attributes.Licenses.attributes.Subscription.attributes.IsTestPanel}}
 <div class="row">
 <div class="col-md-6">
 <div class="form-group has-feedback">
 <label for="Connectors">Connector Count</label>
 <input type="text"
 id="Connectors"
 name="Connectors"
 placeholder="Connector Count"
 title="Number of external data connectors to license"
 class="form-control" />
 <span class="help-block">
 Choose the number of data connectors to purchase. Connectors are billed per connector.<br />
 See <a href="https://portal.azure.com/#view/HubsExtension/BrowseResourceBlade/resourceType/Microsoft.SaaS%2Fresources" target="_blank">Azure Portal SaaS</a> for connector price.<br />
 You currently have <strong>{{attributes.Licenses.attributes.Subscription.attributes.ConnectorsUsed}}</strong> connectors configured in your Provider Settings.
 </span>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>


 <div id="Licenses-{{attributes.Licenses.cid}}" class="licenses">
 <div class="panel panel-primary">
 <div class="panel-heading">
 <h3 style="margin-top: 7.5px;">
 {{i18n.settings.license.header}}
 </h3>
 </div>
 <div class="panel-body">
 {{#attributes.Licenses.attributes.BundleId}}
 <h3>{{attributes.Licenses.attributes.Bundle.attributes.Name}}</h3>
 <div>{{{attributes.Licenses.attributes.Bundle.attributes.Description}}}</div>
 <h3>Setup Instructions</h3>
 <div>
 {{{attributes.Licenses.attributes.BundleInstructions}}}
 </div>
 {{#attributes.Licenses.attributes.BundleActive}}
 <p>
 Active Since: {{activeSince}}
 </p>
 <p>
 <label for="PurchaseOrder">Purchase Order No:</label>
 <input type="text" name="PurchaseOrder" id="PurchaseOrder" class="form-control" placeholder="PO Number" />
 </p>
 <p>
 <label for="PurchaseInstructions">Billing Instructions:</label>
 <textarea id="PurchaseInstructions" name="PurchaseInstructions" class="form-control" placeholder="Instructions for invoice submission"></textarea>
 </p>
 <p>
 <a href="javascript:void(0);" class="btn btn-lg btn-primary save-bundle">
 Save Billing Details
 </a>
 </p>
 <p>
 <a href="javascript:void(0);" class="btn btn-lg btn-primary update-bundle">
 Update Bundle Settings
 </a>
 <div class="checkbox col-md-6">
 <label>
 <input type="checkbox" value="1" name="overwrite" class="overwrite" /> Overwrite All Settings
 </label>
 <span class="help-block">
 Select this checkbox with "Update Bundle Settings" to overwrite your current settings. <br/>
 You will need to re-populate any customizations to email settings, theme, and providers.<br/>
 You should also inspect Environment Settings and Security to see if any new values need to be populated.
 </span>
 </div>
 </p>
 <p>
 <a href="javascript:void(0);" class="btn btn-default disable-bundle">
 Deactivate Bundle
 </a>
 <span class="help-block">
 WARNING: will disable application.
 </span>
 </p>
 {{/attributes.Licenses.attributes.BundleActive}}
 {{^attributes.Licenses.attributes.BundleActive}}
 <p>
 <a href="javascript:void(0);" class="btn btn-default enable-bundle">
 Reactivate Bundle
 </a>
 </p>
 {{/attributes.Licenses.attributes.BundleActive}}
 {{/attributes.Licenses.attributes.BundleId}}
 {{#isSetup}}
 <h3>Import Bundle Settings</h3>
 <p>
 Select bundle to activate. This will import all settings associated with the bundle.
 </p>
 <p>
 You must provide a purchase order number and billing instructions and will be invoiced with a start date based on when you activate the bundle.
 </p>
 <p>
 You should indicate in the billing instructions whether you prefer monthly or annual (upfront) invoicing. <br />
 If you prefer to email a copy of a purchase order and instructions, send to
 <a href="mailto:{{mail}}">{{mail}}</a> and indicate in the
 billing instructions that you are emailing the purchase order details.
 </p>
 <p>
 <label for="bundlePO">*Bundle Choice:</label>
 <select id="bundleChoice" name="bundleChoice" class="form-control">
 <option default value="">Please choose a bundle</option>
 {{#bundles}}
 <option value="{{BundleId}}">{{Name}}</option>
 {{/bundles}}
 </select>
 </p>
 <p id="templateOption" style="display:none">

 </p>
 <div id="bundleChoiceDescription"></div>
 <p>
 <label for="bundlePO">*Purchase Order No:</label>
 <input type="text" id="bundlePO" class="form-control" placeholder="PO Number" />
 </p>
 <p>
 <label for="bundleInstructions">*Billing Instructions:</label>
 <textarea id="bundleInstructions" class="form-control" placeholder="Instructions for invoice submission"></textarea>
 </p>
 <p>
 <a href="javascript:void(0);" class="btn btn-lg btn-primary bundle">
 Activate Bundle
 </a>
 </p>
 {{/isSetup}}
 <p style="clear:both">
 You may cancel your subscription at any time.<br />
 If you cancel your subscription you will no longer be able to access software features and your data will be removed after one month.
 </p>
 </div>
 </div>
 </div>


 <label for="bundleTemplate">*Bundle Template:</label>
 <select id="bundleTemplate" name="bundleTemplate" class="form-control">
 <option default value="">Please choose a template</option>
 {{#templates}}
 <option value="{{Name}}">{{Name}} - {{Description}}</option>
 {{/templates}}
 </select>


 <div class="panel panel-default">
 <div class="panel-heading">
 <h3 style="margin-top:7.5px"><span class="iconfont icon-settings"></span> License Usage</h3>
 </div>
 <div class="panel-body">
 <div id="licenseChart"></div>
 </div>
 </div>


 <br />
 {{#attributes.Licenses.attributes.Data.models}}
 <div id="Data-{{cid}}" class="panel panel-default">
 <div class="panel-heading clearfix">
 <h4 class="panel-title pull-left" style="padding-top: 7.5px;">{{attributes.Name}}</h4>
 <div class="btn-group pull-right">
 {{>removeIcon}}
 </div>
 </div>
 {{#attributes.Expires}}
 <div class="panel-body">
 <p class="alert {{#Expired}}alert-danger{{/Expired}} {{^Expired}}alert-warning{{/Expired}}" role="alert">
 {{i18n.settings.license.expires}}: {{Expires}}
 </p>
 </div>
 {{/attributes.Expires}}

 <table class="table">
 <tbody>
 <tr>
 <th>{{i18n.settings.license.reseller}}</th>
 <td>{{attributes.Reseller}}</td>
 </tr>
 <tr>
 <th>{{i18n.settings.license.licensedTo}}</th>
 <td>{{attributes.LicensedTo}}</td>
 </tr>
 <tr>
 <th>{{i18n.settings.license.emailContact}}</th>
 <td>{{attributes.Email}}</td>
 </tr>
 {{#attributes.Phone}}
 <tr>
 <th>{{i18n.settings.license.phoneContact}}</th>
 <td>{{attributes.Phone}}</td>
 </tr>
 {{/attributes.Phone}}
 <tr>
 <th>{{i18n.settings.license.code}}</th>
 <td>{{attributes.FriendlyCode}}</td>
 </tr>
 <tr>
 <th>{{i18n.settings.license.features}}</th>
 <td>
 {{! escaped in license js }}
 {{{ProductNames}}}
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 {{/attributes.Licenses.attributes.Data.models}}


 <form id="infoForm">
 <div class="form-group col-md-6">
 <label for="Code">{{i18n.settings.license.code}}</label>
 <input type="text" name="Code" class="form-control" placeholder="{{i18n.settings.license.code}}" />
 </div>
 <div class="form-group col-md-12">
 <label for="LicensedTo">{{i18n.settings.license.licensedTo}}</label>
 <input type="text" name="LicensedTo" class="form-control" placeholder="{{i18n.settings.license.licensedTo}}" />
 </div>
 <div class="form-group col-md-12">
 <label for="Email">{{i18n.settings.license.emailContact}}</label>
 <input type="text" name="Email" class="form-control" placeholder="{{i18n.settings.license.emailContact}}" />
 </div>
 <div class="form-group col-md-6">
 <label for="Phone">{{i18n.settings.license.phoneContact}}</label>
 <input type="text" name="Phone" class="form-control" placeholder="{{i18n.settings.license.phoneContact}}" />
 </div>
 <div class="checkbox col-md-6">
 <label>
 <input type="checkbox" value="1" name="offline" class="offline" /> No network access
 </label>
 <span class="help-block">
 Select this checkbox if you are claiming a license and you are unable to connect to both this server
 and the internet from a single web-browser.
 </span>
 </div>
 </form>


 <p>
 To claim a license offline, copy the following JSON text to a computer with internet access. Be sure to start and finish your
 selection with the curly-braces.
 </p>
 <div class="command" style="word-wrap: break-word;">
 {{{json}}}
 </div>
 <form id="saveForm" class="pure-form">
 <p>
 Copy the above JSON text, and paste it into the text box at
 <a href="https://licensing.softwareidm.com/offline" target="_blank">https://licensing.softwareidm.com/offline</a>.
 </p>
 <p>
 Complete the claim license process at the above URL, then paste the resulting license JSON below. Make sure to start and end your selection with the curly-braces.
 </p>
 <p>
 <textarea name="LicenseData" class="licenseData form-control" placeholder="License Data" cols="60" rows="5"></textarea>
 </p>
 </form>


 <h2>{{i18n.settings.license.confirmation}}</h2>


 <form id="emailForm">
 <p>{{i18n.settings.license.mailConfirm}}</p>
 <p class="form-group">
 <label for="EmailCode">{{i18n.settings.license.mailCode}}</label>
 <input type="text" size="60" name="EmailCode" class="form-control" placeholder="{{i18n.settings.license.mailCode}}" />
 </p>
 </form>


 <div id="ruleHelp" class="col-md-12">
 <p id="ruleInstruct">Use the following helpers to insert rule values.</p>
 {{#braces}}
 <p>
 This field uses templating to allow you to insert multiple rule values.
 </p>
 <p>
 Templating means that rule values need to be wrapped in square braces. e.g. [...rule...]<br />
 If the rule contains a closing square brace (generally only in a string literal), you can escape it with a backslash. e.g. \].
 </p>
 {{/braces}}
 <p>Press ctrl+enter to keyboard navigate from code editor.</p>
 <div id="frameContainer" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 <div class="btn-group pull-left">
 <a style="color: #fff" href="javascript:void(0);" class="panel-toggle expanded">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 <h4 class="col-md-3" style="margin-top: 7.5px;">Rule Editor</h4>
 <div class="col-md-8" style="margin-top: 7.5px;">
 Advanced rule-editor with auto-complete
 </div>
 </div>
 <div class="panel-body collapse in">
 <iframe id="ruleFrame" style="width:100%;height:350px"></iframe>
 <div class="editor">
 {{>ruleOk}}
 </div>
 </div>
 </div>
 {{#helpers}}
 <div id="{{slug}}" class="panel panel-primary rule-helper">
 <div class="panel-heading clearfix">
 <div class="btn-group pull-left">
 <a style="color: #fff" href="javascript:void(0);" class="panel-toggle {{^expanded}}collapsed{{/expanded}}">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 <h4 class="col-md-3" style="margin-top: 7.5px;">{{name}}</h4>
 <div class="col-md-8" style="margin-top: 7.5px;">
 {{description}}
 </div>
 </div>
 <div class="panel-body collapse {{#expanded}}in{{/expanded}}">
 {{!Mustache rendered modules}}
 {{{content}}}
 </div>
 </div>
 {{/helpers}}
 </div>


<html>
 <head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 </head>
 <body>
 <div id="container" style="width:100%;height:350px;"></div>
 <textarea id="initial" style="display:none">{{rule}}</textarea>
 <script src="/js-build/monaco/vs/loader.js"></script>
 <script>
 require.config({ paths: { 'vs': '/js-build/monaco/vs' }});
 require(['vs/editor/editor.main', 'vs/panelrules'], function() {
 var editor = monaco.editor.create(document.getElementById('container'), {
 value: document.getElementById('initial').value,
 language: 'panelrules',
 minimap: {
 enabled: false
 }
 });
 window.addEventListener('resize', function () {
 editor.layout();
 });
 });
 </script>
 </body>
</html>


 <html>
 <head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 </head>
 <body>
 <div id="container" style="width:100%;height:350px;"></div>
 <textarea id="initial" style="display:none">{{rule}}</textarea>
 <script src="/js-build/monaco/vs/loader.js"></script>
 <script>
 require.config({ paths: { 'vs': '/js-build/monaco/vs' } });
 require(['vs/editor/editor.main', 'vs/basic-languages/src/powershell'], function () {
 var editor = monaco.editor.create(document.getElementById('container'), {
 value: document.getElementById('initial').value,
 language: 'powershell',
 minimap: {
 enabled: false
 }
 });
 window.addEventListener('resize', function () {
 editor.layout();
 });
 });
 </script>
 </body>
 </html>


 <a class="choose btn btn-primary" title="{{i18n.settings.buttons.ok}}" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-check"></span>
 {{i18n.settings.buttons.ok}}
 </a>


 <p>Enter a literal value using one of the following typed options and click 'Ok'</p>
 <div class="form-group col-md-6">
 <label for="boolLit">Boolean</label>
 <select id="boolLit" class="form-control" data-placeholder="True / False" style="width:100%">
 <option></option>
 <option value="true">True</option>
 <option value="false">False</option>
 </select>
 </div>
 <div class="form-group col-md-6">
 <label>Null Literal</label>
 <div class="checkbox">
 <label>
 <input type="checkbox" id="nullLit" value="null" />
 Null
 </label>
 </div>
 </div>
 <div class="form-group col-md-6">
 <label for="stringLit">String literal</label>
 <input type="text" id="stringLit" class="form-control" placeholder="Enter Value" />
 </div>
 <div class="form-group col-md-6">
 <p>
 <label for="numberLit">Number</label>
 <input type="text" id="numberLit" class="form-control" placeholder="Enter Number" />
 </p>
 <p>
 <label for="hexCheck">Hexadecimal</label>
 <div class="input-group">
 <div class="input-group-addon">0x</div>
 <input type="text" id="numberHexLit" class="form-control" placeholder="Enter Hexadecimal" />
 </div>
 </p>
 </div>
 <div class="form-group col-md-6">
 <label for="timeSpanLit">Time Span</label>
 <input type="text" id="timeSpanLit" class="form-control" size="15" placeholder="d.hh:mm:ss" />
 </div>
 <div class="form-group col-md-6">
 <label for="dateLit">Date</label>
 <div class="input-group">
 <input name="dateLit" type="text" placeholder="Date" class="date-picker form-control" />
 <label for="dateLit" class="input-group-addon btn">
 <span class="glyphicon glyphicon-calendar"></span>
 </label>
 </div>
 </div>
 <div class="col-md-12">
 {{>ruleOk}}
 </div>


 <div class="col-md-12">
 <p>
 Operators do not follow normal .NET order of operations. All operators are parsed left to right in a depth first manner.
 When using multiple operators, parentheses are recommended to ensure the desired order of operations.
 </p>
 <p>
 The '+' operator will perform numeric addition if both left and right arguments are intrinsically numeric (long or double).<br />
 In all other cases the arguments are converted to strings and concatenated.<br />
 To force concatenation, you may first concatenate with an empty string e.g. (1 + "") + 2
 </p>
 </div>
 <p class="col-md-6">
 <strong>Without parentheses:</strong>
 <br />
 <tt>5 + 1 &lt;= 1 + 6</tt> becomes<br />
 <tt>((5 + 1) &lt;= 1) + 6</tt> <br />
 <tt>(6 &lt;= 1) + 6</tt> <br />
 <tt>false + 6</tt> <br />
 <tt>0 + 6</tt>
 </p>
 <p class="col-md-6">
 <strong>With parentheses:</strong>
 <br />
 <tt>(5 + 1) &lt;= (1 + 6)</tt> becomes <br />
 <tt>6 &lt;= 7</tt> <br />
 <tt>true</tt>
 </p>
 <div class="form-group col-md-6 clear">
 <label>Operator</label>
 <select name="operator" class="form-control" data-placeholder="Operator" style="width:100%">
 <option></option>
 <option value="+">+ &nbsp;&nbsp; (add or concatenate)</option>
 <option value="&amp;&amp;">&amp;&amp; &nbsp;&nbsp; (boolean AND)</option>
 <option value="||">|| &nbsp;&nbsp; (boolean OR)</option>
 <option value="==">== &nbsp;&nbsp; (values are equal)</option>
 <option value="!=">!= &nbsp;&nbsp; (values not equal)</option>
 <option value="<">&lt; &nbsp;&nbsp; (number or alphabet)</option>
 <option value="<=">&lt;= &nbsp;&nbsp; (number or alphabet)</option>
 <option value=">">> &nbsp;&nbsp; (number or alphabet)</option>
 <option value=">=">>= &nbsp;&nbsp; (arithmetic or alphabetic)</option>
 </select>
 </div>
 <div class="col-md-12">
 {{>ruleOk}}
 </div>


 <div class="col-md-12">
 <p>
 Function parameters may be passed as a comma separated list or as named parameters.<br />
 <tt>Mid("Hello World", 5, 1)</tt><br />
 <tt>Mid(str="Hello World", start=5, count=1)</tt>
 </p>
 <p>
 If using named instead of positional parameters, order does not matter.
 </p>
 <p>
 For some functions the last parameter is an array (indicated by []) or dictionary (indicated by {}).<br /> >
 To populate an array parameter, simply provide a list of comma separated positional values. <br />
 </p>
 <p>
 <tt>Join(separator, values[])</tt> can be invoked with <br /><tt>Join(", ", "first", "second", "third")</tt>
 </p>
 <p>
 To populate a dictionary used named parameters. <br />
 <tt>MyCustomFunc(values{})</tt> can be invoked with <br />
 <tt>MyCustomFunc(key1="val1", key2="val2")</tt>
 </p>

 {{#functions}}
 <div class="panel panel-default">
 <div class="panel-heading clearfix">
 <div class="btn-group pull-left">
 {{>expander}}
 </div>
 <h4 style="margin-top: 7.5px;" class="col-md-3">{{name}}</h4>
 <div style="margin-top: 7.5px;" class="col-md-8">{{descr}}</div>
 </div>
 <div class="panel-body collapse">
 <ul style="list-style: none; padding-left: 0;">
 {{#functions}}
 <li style="padding-bottom: 10px;">
 <a class="choose" href="javascript:void(0);"><tt>{{name}}</tt></a>
 <br />
 {{! Sourced from function doc}}
 {{{doc}}}
 </li>
 {{/functions}}
 </ul>
 </div>
 </div>
 {{/functions}}
 </div>


 <p>Use one of the following select boxes to lookup a value.</p>
 {{#specials}}
 <div class="col-md-4" style="margin-bottom:10px">
 <label for="{{slug}}">{{name}}</label>
 <select name="{{slug}}" data-placeholder="{{name}}" title="{{name}}" style="width:100%" class="form-control">
 <option></option>
 {{#data}}
 <option value="{{id}}">{{text}}</option>
 {{/data}}
 </select>
 </div>
 {{/specials}}
 <div class="col-md-12">
 {{>ruleOk}}
 </div>


 <li class="subtype">
 <div class="subheading">
 <div class="row">
 {{#hasMembers}}
 <div class="col-md-1">
 <a href="javascript:void(0);" class="panel-toggle {{^expanded}}collapsed{{/expanded}}" style="padding:0; margin-bottom:-5px">
 <span class="iconfont iconsmall icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont iconsmall icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 {{/hasMembers}}
 {{^hasMembers}}<div class="col-md-1"></div>{{/hasMembers}}
 <div class="col-md-11">
 <div style="display:block; margin-top:7px">
 <strong>{{name}}</strong>
 </div>
 </div>
 </div>
 {{#description}}
 <div class="row">
 <div class="col-md-1"></div>
 <div class="col-md-11">
 {{!sourced from class doc}}
 {{{description}}}
 </div>
 </div>
 {{/description}}
 </div>
 <div class="subbody collapse">
 {{#hasMembers}}
 <div class="row">
 <div class="col-md-1"></div>
 <h4 class="col-md-11">Properties</h4>
 </div>
 <ul class="members">
 {{#members}}
 {{>ruleObjectMember}}
 {{/members}}
 </ul>
 {{/hasMembers}}
 </div>
 </li>


 <li class="level">
 {{^isItem}}
 <span class="path" style="display:none" title="{{member}}">{{memberName}}</span>
 {{/isItem}}
 <div class="subheading {{#isItem}}path{{/isItem}}">
 <div class="row">
 {{#hasMembers}}
 <div class="col-md-1">
 <a href="javascript:void(0);" class="panel-toggle {{^expanded}}collapsed{{/expanded}}" style="padding:0; margin-bottom:-5px">
 <span class="iconfont iconsmall icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont iconsmall icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 {{/hasMembers}}
 {{^hasMembers}}
 <div class="col-md-1"></div>
 {{/hasMembers}}
 {{#isItem}}
 <div class="form-group form-horizontal">
 <div class="col-md-4">
 {{^isSelect}}
 <input type="text" name="indexValue" class="form-control" placeholder="Index / Key" />
 {{/isSelect}}
 {{#isSelect}}
 <select id="{{selectId}}" name="indexValue" class="form-control" data-placeholder="Key" style="width:100%">
 <option></option>
 {{#selectData}}
 <option value="{{id}}">{{text}}</option>
 {{/selectData}}
 </select>
 {{/isSelect}}
 </div>
 <div class="col-md-7">
 <a class="choose" href="javascript:void(0);" title="{{member}}">{{memberName}}</a> &nbsp;—&nbsp; {{friendlyTypeName}}
 </div>
 </div>
 {{/isItem}}
 {{^isItem}}
 <div class="col-md-3">
 <div style="display:block; margin-top:7px; font-weight:bold;">
 <a class="choose" href="javascript:void(0);" title="{{member}}">{{memberName}}</a>
 </div>
 </div>
 <div class="col-md-8">
 <div style="display:block; margin-top:7px">
 {{friendlyTypeName}}
 </div>
 </div>
 {{/isItem}}
 </div> <!-- end row -->
 {{#description}}
 <div class="row">
 <div class="col-md-1"></div>
 <div class="col-md-11">
 {{!sourced from class doc}}
 <div style="display:block; margin-top:7px">{{{description}}}</div>
 </div>
 </div>
 {{/description}}
 </div>
 <div class="subbody collapse">
 {{#hasMembers}}
 <div class="row">
 <div class="col-md-1"></div>
 <h4 class="col-md-11">Properties</h4>
 </div>
 <ul class="members">
 {{#members}}
 {{>ruleObjectMember}}
 {{/members}}
 </ul>
 {{/hasMembers}}
 {{#hasSubTypes}}
 <ul class="subtypes">
 {{#subTypes}}
 {{>ruleObjectSubType}}
 {{/subTypes}}
 </ul>
 {{/hasSubTypes}}
 </div>
 </li>


 <div class="level" data-type="{{type}}">
 <span class="path" style="display:none">context</span>
 <h4>Help for <a class="choose" href="javascript:void(0);">{{name}}</a></h4>
 {{#description}}
 {{!sourced from classdoc}}
 <div class="description">{{{description}}}</div>
 {{/description}}
 <ul class="members">
 {{#members}}
 {{>ruleObjectMember}}
 {{/members}}
 </ul>
 {{#hasSubTypes}}
 <ul class="subtypes">
 {{#subTypes}}
 {{>ruleObjectSubType}}
 {{/subTypes}}
 </ul>
 {{/hasSubTypes}}
 </div>


 <div class="form-group col-md-6">
 <label>Select an object type to view its properties</label>
 <select id="objectType" class="form-control" data-placeholder="Object Type" style="width:100%">
 <option></option>
 </select>
 </div>
 
 <div id="objectContent" class="col-md-12">
 {{#name}}{{>ruleObjectDoc}}{{/name}}
 </div>


 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="pull-left" style="margin-top: 7.5px;">{{i18n.settings.scans.header}}</h3>
 <div class="btn-group pull-right" style="margin-top: 3.5px">
 <a class="refresh btn btn-default" href="javascript:location.reload()" title="Refresh">
 <span class="iconfont iconsmall icon-refresh"></span>
 </a>
 </div>
 </div>
 <div class="panel-body">
 <p>
 Now that you have installed Panel Tools, you must scan data for each of the providers you have configured.
 </p>
 <p>
 {{product}} will use the data scanned from different environments to help prompt you through the process of setting up schedules,
 reports, and other features.
 </p>
 <h3>Progress</h3>
 <ul id="providerList">
 {{#models}}
 <li id="provider-{{attributes.Id}}">
 {{attributes.Name}} - <span class="hidden">Complete</span><span class="pending">Scan Needed</span>
 </li>
 {{/models}}
 </ul>
 </div>
 </div>


 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-2" style="margin-top: 7.5px;">{{i18n.settings.schedule.header}}</h3>
 <div class="col-md-3" style="margin-top: 3.5px">
 <input type="text" class="form-control" name="Filter"
 title="Filter Schedules by Name" placeholder="Name Search" />
 </div>
 <div class="btn-group col-md-1" style="margin-top: 3.5px">
 <a class="filter btn btn-default" title="Filter" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-search"></span>
 </a>
 </div>
 </div>
 <div class="panel-body">
 {{{i18n.settings.schedule.instructions}}}
 </div>
 </div>
 <p>Loaded {{attributes.Data.models.length}} of {{attributes.Count}}</p>
 {{{typeRenderBody}}}


 <div class="panel follow-menu">
 <div class="pull-right">
 {{>topBottomIcon}}
 <div class="btn-group" style="margin-right: 10px">
 {{>uploadIcon}}
 {{>downloadIcon}}
 </div>
 {{>saveIcon}}
 </div>
 </div>
 <div id="Schedules" class="schedules" style="margin-top:60px"></div>


 <div class="environment">
 {{>schedulesMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Environment Settings
 </h3>
 </div>
 <div class="panel-body">
 <p>Configure Environment Settings for Identity Panel.</p>
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="checkbox col-md-4 ">
 <label title="Whether the schedule engine is enabled. Schedules can still be run manually when disabled">
 <input type="checkbox" value="1" name="Enabled" checked="checked">Enabled
 </label>
 <span class="help-block">Whether the schedule engine is enabled. Schedules can still be run manually when disabled</span>
 </div>
 <div class="checkbox col-md-4 ">
 <label title="Whether data history collection is enabled. Explicitly scheduled data scans will still be performed.">
 <input type="checkbox" value="1" name="DisableHistory"> Disable History
 </label>
 <span class="help-block">Whether data history collection is enabled. Explicitly scheduled data scans will still be performed.</span>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Environment Variables</h4>
 <p class="help-block">List of environment variables to substitute into rule values (using special.Environment.Name)</p>

 <div id="strips-EnvironmentVariables-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.EnvironmentVariables.models}}
 {{{typeRenderStrip}}}
 {{/attributes.EnvironmentVariables.models}}
 </div>
 <div class="add-form input-group col-md-6">
 <select id="EnvironmentVariables-Kind-{{cid}}" name="Kind" class="" style="width:100%" type="text" data-placeholder="Select Type">
 <option></option>
 </select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="{{i18n.settings.buttons.add}}" class="new btn btn-primary new-EnvironmentVariables-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 {{i18n.settings.buttons.add}}
 </a>
 </span>
 </div>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="environment">
 {{>schedulesMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Custom Rule Functions
 </h3>
 </div>
 <div class="panel-body">
 <p>Configure Custom Rule Functions for Identity Panel.</p>
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Rule Functions</h4>
 <p class="help-block">List of custom rule functions that may be used to encapsulate complicated rule engine logic</p>

 <div id="strips-RuleFunctions-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.RuleFunctions.models}}
 {{{typeRenderStrip}}}
 {{/attributes.RuleFunctions.models}}
 </div>
 <div class="add-form input-group col-md-6">
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="{{i18n.settings.buttons.add}}" class="new btn btn-primary new-RuleFunctions-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 {{i18n.settings.buttons.add}}
 </a>
 </span>
 </div>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="environment">
 {{>schedulesMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Server Aliases
 </h3>
 </div>
 <div class="panel-body">
 <p>Configure Panel Service server aliases for Identity Panel.</p>
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Server Aliases</h4>
 <p class="help-block">List of aliases to make step dispatch environment agnostic</p>

 <div id="strips-ServerAliases-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.ServerAliases.models}}
 {{{typeRenderStrip}}}
 {{/attributes.ServerAliases.models}}
 </div>
 <div class="add-form input-group col-md-6">
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="{{i18n.settings.buttons.add}}" class="new btn btn-primary new-ServerAliases-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 {{i18n.settings.buttons.add}}
 </a>
 </span>
 </div>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="schedules">
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="pull-left" style="margin-top: 7.5px;">Environment Variables</h3>
 <div class="pull-right" style="margin-top: 3.5px">
 {{>saveIcon}}
 </div>
 </div>
 <div id="Schedules-{{cid}}" class="panel-body">
 <p>Customize the settings variables below with the correct values for your environment.</p>
 {{{typeRenderBody}}}
 </div>
 </div>
 </div>


 <div class="panel panel-default">
 <div class="panel-heading clearfix">
 <h3 class="pull-left" style="margin-top: 7.5px;">{{i18n.settings.schedule.settingsHeader}}</h3>
 <div class="pull-right" style="margin-top: 3.5px">
 <div class="btn-group" style="margin-right: 10px">
 {{>uploadIcon}}
 {{>downloadIcon}}
 </div>
 {{>saveIcon}}
 </div>
 </div>
 <div class="panel-body">
 {{{typeRenderBody}}}
 </div>
 </div>


 {{#schedules}}
 <div class="panel panel-default" data-id="{{id}}" data-hist="{{histId}}">
 <div class="panel-heading clearfix">
 <div class="btn-group pull-left">
 <a href="javascript:void(0);" class="panel-toggle {{^open}}collapsed{{/open}}">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>
 </div>
 <div class="col-md-6" style="margin-top:7.5px">{{name}}</div>
 <div class="btn-group pull-right">
 {{^pause}}
 <a href="javascript:void(0)" title="Pause" class="btn btn-default pause">
 <span class="glyphicon glyphicon-pause"></span>
 </a>
 {{/pause}}
 {{#pause}}
 <a href="javascript:void(0)" title="Continue" class="btn btn-default continue">
 <span class="iconfont iconsmall icon-play"></span>
 </a>
 <label style="float:left;margin:7.5px 10px;display:block;" class="checkbox-inline"><input type="checkbox" name="all" id="all" value="1" /> To End</label>
 {{/pause}}
 <a class="remove btn btn-default cancel" title="Cancel" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-delete"></span>
 </a>
 </div>
 </div>
 <div class="panel-body collapse {{#open}}in{{/open}}">
 <table class="table table-fixed">
 <thead>
 <tr>
 <th style="width:60%">Step</th>
 <th style="width:20%">Status</th>
 <th style="width:20%">Service</th>
 </tr>
 </thead>
 <tbody>
 {{#steps}}
 <tr data-id="{{id}}">
 <td>{{name}}</td>
 <td>{{status}}</td>
 <td>
 {{service}}
 {{^service}}
 <a class="remove cancel" title="Cancel" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-delete"></span>
 </a>
 {{/service}}
 </td>
 </tr>
 {{/steps}}
 </tbody>
 </table>
 </div>
 </div>
 {{/schedules}}


 <div id="schedRunner" class="container-fluid" style="margin-bottom:15px">
 <label for="schedule">Select Schedule</label>
 <div class="run-form input-group col-md-12">
 <select name="schedule" id="schedule" class="form-control" style="width:100%" data-placeholder="Schedule" title="Schedule"></select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="Run" class="btn btn-primary run">
 <span class="iconfont iconsmall icon-play"></span>
 Run
 </a>
 </span>
 </div>
 <p></p>
 <label for="step">Select Step(s) opt.</label>
 <div id="stepChoice" class="run-form col-md-12 input-group">
 <select name="step" id="step" class="form-control" style="width:100%" data-placeholder="Steps" title="Steps"></select>
 </div>
 </div>
 <div id="statusList" class="col-md-12">

 </div>


 <div id="Roles-{{cid}}" class="roles">
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="pull-left" style="margin-top: 7.5px;">{{i18n.settings.security.header}}</h3>
 <div class="btn-group pull-right" style="margin-top: 3.5px">
 {{>saveIcon}}
 </div>
 </div>
 <div class="panel-body">
 {{#isHosted}}
 <p>
 <strong>NOTE:</strong> Before assigning a group to the Admin role, make sure your account is already a member of the group.<br />
 Anyone affected by changes to these roles will need to log out from all identity panel sessions, and log in again.
 </p>
 <p>
 To enter Azure Groups:<br />
 Option 1: Search for the group in the Azure Portal, copy the group object id, paste into the Service Principal dropdown, and click on it.<br />
 Option 2: In the Azure Portal add an app registration with permission to search groups. Add the application id and client secret below, and save settings. This will enable group search with autocomplete.
 </p>
 <p>
 To search for groups, click a dropdown box. You must enter at least the first three characters of the group name. The group must already exist in your directory.
 </p>
 <p>NOTE: Only security enabled groups (not Office 365) may be used for roles.</p>
 {{/isHosted}}
 {{^isHosted}}
 <p>
 Select AD security groups for the application roles.
 </p>
 <p><strong>NOTE:</strong> Before changing the Admin or Writer settings, make sure your account IS a member of the Admin group, and IS NOT a member of the Writer group.</p>
 <p>You will need to close your browser and login again after making changes. Depending on authentication settings, you may need to log-out of windows or run <code>klist purge</code> from a command prompt.</p>
 {{/isHosted}}
 {{#restrictedBundle}}
 <p>To validate results of changes in Service Panel go to <a href="https://{{svpHost}}">https://{{svpHost}}</a>.</p>
 {{/restrictedBundle}}
 </div>
 </div>
 {{{typeRenderBody}}}
 </div>


 <div id="Roles-{{cid}}" class="roles">
 {{>configureCommonSettingsMenu}}
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="pull-left" style="margin-top: 7.5px;">{{i18n.settings.security.header}}</h3>
 </div>
 <div class="panel-body">
 <p>Create and edit security roles:</p>
 <p>
 Use the "{{i18n.settings.buttons.add}}" button to create new custom security roles.
 </p>
 <p>
 Expand role settings to edit attribute, feature, and view permissions for roles.
 </p>
 {{#isHosted}}
 <p>
 <strong>NOTE:</strong> Before assigning a group to the Admin role, make sure your account is already a member of the group.<br />
 Anyone affected by changes to these roles will need to log out from all identity panel sessions, and log in again.
 </p>
 <p>
 To enter Azure Groups:<br />
 Option 1: Search for the group in the Azure Portal, copy the group object id, paste into the Service Principal dropdown, and click on it.<br />
 Option 2: In the Azure Portal add an app registration with permission to search groups. Add the application id and client secret below, and save settings. This will enable group search with autocomplete.
 </p>
 {{/isHosted}}
 </div>
 </div>
 {{{typeRenderBody}}}
 </div>
 {{^anonymous}}
 <div id="erasure" class="erasure" {{#restrictedBundle}}style="display:none"{{/restrictedBundle}}>
 <h4>Data Erasure Requests</h4>
 <p>
 Enter a filter value to remove matching objects from Identity Panel based on Erasure silos and attributes.<br/>
 If the value is marked persistent, then new and existing objects that match the lookup value in scans will be filtered instead of saved.<br/>
 To remove an Identity Panel application user's profile, enter the user's objectSid or Azure object Id send select "Apply to Application Users".<br/><br/>
 </p>
 <div class="row">
 <div class="form-group col-md-3">
 <label title="Apply to Application Users" for="userOnly">
 <input type="checkbox" value="1" id="userOnly" name="userOnly" />
 Apply to Application Users
 </label>
 </div>
 <div class="form-group col-md-3">
 <label title="Persist for Scans" for="persist">
 <input type="checkbox" value="1" id="persist" name="persist" />
 Persist for Scans
 </label>
 </div>
 <div class="form-group input-group col-md-6">
 <input type="text"
 id="erasevalue"
 name="erasevalue"
 placeholder="Filter Value"
 title="Value to filter from Identity Panel database"
 class="form-control" />
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="Submit" class="btn btn-primary erase">
 Submit
 </a>
 </span>
 </div>
 </div>
 </div>
 {{/anonymous}}


 <div id="Data-{{cid}}" class="panel panel-default">
 {{>configureRoleHeader}}
 </div>


 <div id="Data-{{cid}}" class="panel panel-default">
 {{>configureRoleHeader}}
 {{>configureExpandedRole}}
 </div>


 <div class="panel-body collapse in">
 {{^attributes.Protected}}
 <div class="form-group col-md-6">
 <label for="AttributeMode">{{i18n.settings.security.attributeMode}}</label>
 <select class="form-control" style="width:100%" title="{{i18n.settings.security.attributeMode}}" name="AttributeMode">
 <option value="GrantAll">Grant All</option>
 <option value="Include">Grant Selected</option>
 <option value="Exclude">Deny Selected</option>
 <option value="Undefined">N/A</option>
 </select>
 </div>
 <div class="form-group col-md-12">
 <label for="Attributes">{{i18n.settings.security.attributes}}</label>
 <select class="form-control" style="width:100%" name="Attributes" title="{{i18n.settings.security.attributes}}"
 data-placeholder="{{i18n.settings.security.attributes}}" multiple="multiple">
 </select>
 </div>
 <div class="form-group col-md-6">
 <label for="PermissionMode">{{i18n.settings.security.featureMode}}</label>
 <select class="form-control" style="width:100%" title="{{i18n.settings.security.featureMode}}" name="PermissionMode">
 <option value="GrantAll">Grant All</option>
 <option value="Include">Grant Selected</option>
 <option value="Exclude">Deny Selected</option>
 <option value="Undefined">N/A</option>
 </select>
 </div>
 <div class="form-group col-md-12">
 <label for="Features">{{i18n.settings.security.features}}</label>
 <select class="form-control" style="width:100%" name="Features" title="{{i18n.settings.security.features}}"
 multiple="multiple" data-placeholder="{{i18n.settings.security.features}}">
 {{#attributes.Features}}
 <option selected="selected" value="{{.}}">{{.}}</option>
 {{/attributes.Features}}
 </select>
 </div>
 {{^restrictedBundle}}
 <div class="form-group col-md-6">
 <label for="DefaultView">{{i18n.settings.security.shutterView}}</label>
 <select class="form-control" style="width:100%" name="DefaultView" title="{{i18n.settings.security.shutterView}}" data-placeholder="{{i18n.settings.security.shutterView}}"></select>
 </div>
 {{/restrictedBundle}}
 {{/attributes.Protected}}
 </div>


 <div class="servicepanel">
 {{>servicePanelMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Service Panel
 </h3>
 </div>
 <div class="panel-body">
 <p>Configure Service Panel for search, dashboard, and self-service editing.</p>
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-6">
 <div class="form-group">
 <label for="ApplicationTitle">Application Title</label>
 <input type="text"
 id="ApplicationTitle"
 name="ApplicationTitle"
 placeholder="Application Title"
 title=""
 class="form-control" />
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Dashboard</h4>
 <p class="help-block">Add and order service panel dashboard modules</p>
 <div id="strips-Dashboard-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.Dashboard.models}}
 {{{typeRenderStrip}}}
 {{/attributes.Dashboard.models}}
 </div>
 <div class="add-form input-group col-md-6">
 <select id="Dashboard-Kind-{{cid}}" name="Kind" class="" style="width:100%" type="text" data-placeholder="Select Type">
 <option></option>
 </select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-Dashboard-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </span>
 </div>
 </div>
 </div>
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Sidebar Navigation (opt.)</h4>
 <p class="help-block">Add and order links for sidebar navigation. If empty no sidebar will be displayed.</p>
 <div id="strips-SidebarNav-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.SidebarNav.models}}
 {{{typeRenderStrip}}}
 {{/attributes.SidebarNav.models}}
 </div>
 <div class="add-form input-group col-md-6">
 <select id="SidebarNav-Kind-{{cid}}" name="Kind" class="" style="width:100%" type="text" data-placeholder="Select Type">
 <option></option>
 </select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-SidebarNav-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </span>
 </div>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="servicepanel">
 {{>servicePanelMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Service Panel
 </h3>
 </div>
 <div class="panel-body">
 Configure Service Panel virtual identity.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Virtual Identity</h4>
 <p class="help-block">Virtual silo identity controls how user displays</p>

 <div id="strips-VirtualSilos-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.VirtualSilos.models}}
 {{{typeRenderStrip}}}
 {{/attributes.VirtualSilos.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-VirtualSilos-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 New
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div class="servicepanel">
 {{>servicePanelMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Service Panel
 </h3>
 </div>
 <div class="panel-body">
 Configure Service Panel self-service forms.
 </div>
 </div>
 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{#model}}
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 <h4>Shared Form Data Sources</h4>
 <p class="help-block">Shared data sources that may be used in multiple forms</p>
 <div id="strips-SharedFormSources-{{cid}}" class="panel-group" style="clear:both">
 {{#attributes.SharedFormSources.models}}
 {{{typeRenderStrip}}}
 {{/attributes.SharedFormSources.models}}
 </div>
 <div class="add-form input-group col-md-6">
 <select id="SharedFormSources-Kind-{{cid}}" name="Kind" class="" style="width:100%" type="text" data-placeholder="Select Type">
 <option></option>
 </select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="{{i18n.settings.buttons.add}}" class="new btn btn-primary new-SharedFormSources-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 {{i18n.settings.buttons.add}}
 </a>
 </span>
 </div>

 <h4>Shared Form Sections</h4>
 <p class="help-block">Shared form sections that may be used in multiple forms (e.g. user identity headers)</p>
 <div id="strips-SharedFormSections-{{cid}}" class="panel-group" style="clear:both">
 {{#attributes.SharedFormSections.models}}
 {{{typeRenderStrip}}}
 {{/attributes.SharedFormSections.models}}
 </div>
 <div class="add-form input-group col-md-6">
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="{{i18n.settings.buttons.add}}" class="new btn btn-primary new-SharedFormSections-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 {{i18n.settings.buttons.add}}
 </a>
 </span>
 </div>

 <h4>Service Forms</h4>
 <p class="help-block">Forms to trigger identity edit and create workflows</p>
 <div id="strips-ServiceForms-{{cid}}" class="panel-group " style="clear:both">
 {{#attributes.ServiceForms.models}}
 {{{typeRenderStrip}}}
 {{/attributes.ServiceForms.models}}
 </div>
 <a href="javascript:void(0)" title="New" class="new btn btn-primary new-ServiceForms-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 {{i18n.settings.buttons.add}}
 </a>
 </div>
 </div>
 {{/model}}
 </div>
 </div>


 <div id="settings" class="container-fluid">
 <div class="col-md-2">
 {{>settingLinks}}
 </div>
 <div class="col-md-10">
 <a name="top"></a>
 <div class="right">
 </div>
 <a name="bottom"></a>
 </div>
 </div>


 <p class="alert alert-{{level}}">
 Installed version is {{version}}.
 Contact <a href="mailto:customerservice@softwareidm.com">customerservice@softwareidm.com</a> to obtain an upgrade link to {{newVersion}}.
 See <a target="_blank" href="{{installUrl}}">Upgrade Instructions</a>,
 and <a target="_blank" href="{{releaseUrl}}">Release Notes</a>.
 </p>


 <div id="diff">
 {{>diffList}}
 </div>


 <table id="difftable" class="table table-bordered">
 <tr><th></th><th>Operation</th><th>Left Path</th><th>Right Path</th><th>Left</th><th>Right</th></tr>
 {{#Data}}
 <tr id="{{Id}}">
 <td>
 <a class="btn btn-primary applydiff">Apply</a>
 </td>
 <td>{{Operation}}</td>
 <td>
 <ul>
 {{#LeftPath}}
 <li>{{Name}}</li>
 {{/LeftPath}}
 </ul>
 </td>
 <td>
 <ul>
 {{#RightPath}}
 <li>{{Name}}</li>
 {{/RightPath}}
 </ul>
 </td>
 <td>
 <a class="look" title="Click to View" data-content="{{LeftJson}}"><span class="glyphicon glyphicon-zoom-in"></span></a>
 <a class="unlook" title="Click to Hide" style="display:none"><span class="glyphicon glyphicon-zoom-out"></span></a>
 </td>
 <td>
 <a class="look" title="Click to View" data-content="{{RightJson}}"><span class="glyphicon glyphicon-zoom-in"></span></a>
 <a class="unlook" title="Click to Hide" style="display:none"><span class="glyphicon glyphicon-zoom-out"></span></a>
 </td>
 </tr>
 <tr id="{{Id}}_data" style="display:none">
 <td colspan="6">
 <h4>Diff Data</h4>
 <pre class="diffdata" style="max-width:1000px"></pre>
 </td>
 </tr>
 {{/Data}}
 </table>


 <p class="form-group">
 <label>Enter an optional version control commit message:</label>
 <textarea rows="3"
 id="message"
 name="message"
 placeholder="Commit Message"
 title="Commit Message"
 class="form-control"></textarea>
 </p>


 <form id="uploadForm" action="" method="post" enctype="multipart/form-data">
 <div class="form-group">
 <p>
 <span class="btn btn-lg btn-primary btn-file">
 Browse <input class="form-control" id="upload" type="file" name="upload" />
 </span>
 </p>
 <label class="file-value"></label>
 </div>
 </form>


 <div class="left">
 <ul class="nav nav-pills nav-stacked">
 {{#settings}}
 <li {{#selected}} class="active" {{/selected}}><a class="route" href="/settings/{{url}}">{{name}}</a></li>
 {{/settings}}
 </ul>
 </div>


 <div class="wait">Saving <img src="/images/spinner.gif" /></div>


 <div class="row">
 <div class="col-md-12">
 <p class="alert alert-warning">
 After changing SMTP settings it takes up to 5 minutes for changes to refresh.
 Before using the Test Message button restart Panel Service or wait 5 minutes.
 </p>
 </div>
 <div class="col-md-4">
 <a href="javascript:void(0);" class="btn btn-primary testmsg">
 Test Message &nbsp;&nbsp;<span class="glyphicon glyphicon-envelope"></span>
 </a>
 </div>
 </div>


 {{#Header}}
 {{^NoLabel}}
 <div class="col-md-1">
 <label for="{{Property}}" style="margin-top:7.5px">{{Name}}</label>
 </div>
 {{/NoLabel}}
 {{/Header}}
 <div class="col-md-{{Size}}">
 <div class="{{^Header}}form-group{{/Header}} {{CSSClass}} {{#RuleHelp}}has-feedback{{/RuleHelp}}">
 {{^Header}}{{^NoLabel}}<label for="{{Property}}">{{Name}}</label>{{/NoLabel}}{{/Header}}
 <input type="text"
 id="{{Property}}"
 name="{{Property}}"
 placeholder="{{^Placeholder}}{{Name}}{{/Placeholder}}{{Placeholder}}"
 title="{{Description}}"
 class="form-control" />
 {{#RuleHelp}}
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 {{/RuleHelp}}
 {{#HelpLabel}}
 {{!sourced from classdoc}}
 <span class="help-block">{{{Description}}}</span>
 {{/HelpLabel}}
 </div>
 </div>


 {{#Header}}
 {{^NoLabel}}
 <div class="col-md-1">
 <label for="{{Property}}" style="margin-top:7.5px">{{Name}}</label>
 </div>
 {{/NoLabel}}
 {{/Header}}
 <div class="col-md-{{Size}}">
 <div class="{{^Header}}form-group{{/Header}} {{CSSClass}}">
 {{^Header}}{{^NoLabel}}<label for="{{Property}}">{{Name}}</label>{{/NoLabel}}{{/Header}}
 <select id="{{Property}}"
 name="{{Property}}"
 data-placeholder="{{^Placeholder}}{{Name}}{{/Placeholder}}{{Placeholder}}"
 title="{{Description}}"
 class="form-control"
 style="width:100%">
 <option></option>
 {{#options}}
 <option value="{{Value}}">{{Text}}</option>
 {{/options}}
 </select>
 {{!sourced from classdoc}}
 {{#HelpLabel}}<span class="help-block">{{{Description}}}</span>{{/HelpLabel}}
 </div>
 </div>


 <div class="{{^Header}}form-group{{/Header}} col-md-{{Size}} checklist-horizontal {{CSSClass}}">
 {{^NoLabel}}<label for="{{Property}}">{{Name}}</label>{{/NoLabel}}
 <ul title="{{Description}}">
 {{#options}}
 <li class="checkbox">
 <label>
 <span>{{Text}}</span>
 <input type="checkbox" value="{{Value}}" name="{{Property}}" />
 </label>
 </li>
 {{/options}}
 </ul>
 {{#HelpLabel}}
 {{!sourced from classdoc}}
 <span class="help-block">{{{Description}}}</span>
 {{/HelpLabel}}
 </div>


 {{#Header}}
 {{^NoLabel}}
 <div class="col-md-1">
 <label for="{{Property}}" style="margin-top:7.5px">{{Name}}</label>
 </div>
 {{/NoLabel}}
 {{/Header}}
 <div class="{{^Header}}form-group{{/Header}} col-md-{{Size}} {{CSSClass}}">
 {{^Header}}{{^NoLabel}}<label for="{{Property}}">{{Name}}</label>{{/NoLabel}}{{/Header}}
 <input type="password"
 id="{{Property}}"
 name="{{Property}}"
 placeholder="{{^Placeholder}}{{Name}}{{/Placeholder}}{{Placeholder}}"
 title="{{Description}}"
 class="form-control" />
 {{#HelpLabel}}
 {{!sourced from classdoc}}
 <span class="help-block">{{{Description}}}</span>
 {{/HelpLabel}}
 </div>


 <div class="{{^Header}}form-group{{/Header}} col-md-{{Size}}">
 {{^NoLabel}}<label for="{{Property}}" {{#Header}} style="margin-top:7.5px" {{/Header}}>{{Name}}</label>{{/NoLabel}}
 <p {{#Header}} style="padding: 6px; margin: 0;" {{/Header}} class="alert alert-warning">{{i18n.settings.encryptedDisabled}}</p>
 {{#HelpLabel}}
 {{!sourced from classdoc}}
 <span class="help-block">{{{Description}}}</span>
 {{/HelpLabel}}
 </div>


 <div class="col-md-{{Size}}">
 <div class="form-group {{CSSClass}} {{#RuleHelp}}has-feedback{{/RuleHelp}}">
 {{^NoLabel}}<label for="{{Property}}">{{Name}}</label><br />{{/NoLabel}}
 <textarea {{^Header}} rows="6" {{/Header}}
 {{#Header}} rows="3" {{/Header}}
 id="{{Property}}"
 name="{{Property}}"
 placeholder="{{^Placeholder}}{{Name}}{{/Placeholder}}{{Placeholder}}"
 title="{{Description}}"
 class="form-control{{#RuleHelp}} rule-warn{{/RuleHelp}}"></textarea>
 {{#RuleHelp}}
 <span style="pointer-events: auto; cursor: pointer;" class="glyphicon glyphicon-question-sign form-control-feedback" title="Rule Help"></span>
 <div class="rule-warnings" style="display:none"></div>
 {{/RuleHelp}}
 {{#HelpLabel}}
 {{!sourced from classdoc}}
 <span class="help-block">{{{Description}}}</span>
 {{/HelpLabel}}
 </div>
 </div>


 <div class="checkbox col-md-{{Size}} {{CSSClass}}">
 <label title="{{Description}}">
 <input type="checkbox" value="1" name="{{Property}}" />
 {{Name}}
 </label>
 {{#HelpLabel}}
 {{!sourced from classdoc}}
 <span class="help-block">{{{Description}}}</span>
 {{/HelpLabel}}
 </div>


 <div class="{{^Header}}form-group{{/Header}} col-md-{{Size}} {{CSSClass}}">
 <label name="{{Property}}" title="{{Description}}" class="control-label" {{#Header}} style="margin-top:7.5px" {{/Header}}></label>
 </div>


 <input type="hidden" name="{{Property}}" />


 </div>
 <div class="row" style="margin: 20px -15px;">
 {{=<% %>=}}
 <div id="<%Property%>-{{attributes.<%Property%>.cid}}" class="<%CSSClass%>">
 <%={{ }}=%>
 {{^NoLabel}}
 <h4 class="col-md-12">{{Name}}</h4>
 {{/NoLabel}}
 {{!sourced from classdoc}}
 {{#HelpLabel}}<p class="help-block col-md-12">{{{Description}}}</p>{{/HelpLabel}}
 {{{content}}}
 </div>
 </div>
 <div class="row">


 </div>
 <div class="row">
 <div class="col-md-12" style="margin-bottom: 15px">
 {{^NoLabel}}
 <h4>{{Name}}</h4>
 {{/NoLabel}}
 {{#HelpLabel}}<p class="help-block">{{{Description}}}</p>{{/HelpLabel}}

 {{=<% %>=}}
 <div id="strips-<%Property%>-{{cid}}" class="panel-group <%CSSClass%>" style="clear:both">
 {{#attributes.<%Property%>.models}}
 {{{typeRenderStrip}}}
 {{/attributes.<%Property%>.models}}
 </div>
 <%={{ }}=%>
 {{^HasKinds}}
 {{=<% %>=}}
 <a href="javascript:void(0)" title="<%i18n.settings.buttons.add%>" class="new btn btn-primary new-<%Property%>-{{cid}} {{#anonymous}}disabled{{/anonymous}}" {{#restrictedBundle}} style="display:none" {{/restrictedBundle}}>
 <span class="iconfont iconsmall icon-new"></span>
 <%i18n.settings.buttons.add%>
 </a>
 <%={{ }}=%>
 {{/HasKinds}}
 {{#HasKinds}}
 <div class="add-form input-group col-md-6" {{#restrictedBundle}} style="display:none" {{/restrictedBundle}}>
 {{=<% %>=}}
 <select id="<%Property%>-Kind-{{cid}}" name="Kind" class="" style="width:100%" type="text" data-placeholder="Select Type">
 <option></option>
 </select>
 <span class="input-group-btn">
 <a href="javascript:void(0)" title="<%i18n.settings.buttons.add%>" class="new btn btn-primary new-<%Property%>-{{cid}} {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 <%i18n.settings.buttons.add%>
 </a>
 </span>
 <%={{ }}=%>
 </div>
 {{/HasKinds}}
 </div>
 </div>
 <div class="row">


 {{=<% %>=}}
 <div id="panel-{{cid}}" class="panel panel-default">
 <%={{ }}=%>
 {{>uiPanelHeading}}
 </div>


 {{=<% %>=}}
 <div id="panel-{{cid}}" class="panel panel-default">
 <%={{ }}=%>
 {{>uiPanelHeading}}
 {{^noBody}}
 {{>uiPanelBody}}
 {{/noBody}}
 </div>


 <div class="panel-heading clearfix form-horizontal">
 {{^noBody}}
 <div class="btn-group pull-left">
 {{>expander}}
 </div>
 {{/noBody}}
 <div class="btn-group pull-right">
 {{#menu}}{{{menu}}}{{/menu}}
 {{>removeIcon}}
 </div>

 {{{heading}}}
 </div>


 <div class="panel-body collapse in">
 {{#description}}
 <div class="row col-md-12" style="margin-bottom: 15px">
 <strong>{{name}}</strong><br />
 {{{description}}}
 </div>
 {{#link}}<p><a href="{{link}}" target="_blank">Help</a></p>{{/link}}
 {{/description}}
 {{{body}}}
 </div>


 <div id="downloadDialog" class="container-fluid form-group">
 <p class="col-md-12">
 <label for="filename" class="inline">Download File Name</label><br />
 <input type="text" class="form-control" name="filename" placeholder="File Name" />
 </p>
 {{#showFormats}}
 <p class="col-md-12">
 <label for="format">Download Format</label>
 <select class="form-control" name="format" style="width:100%">
 {{#formats}}
 <option value="{{id}}" {{#selected}} selected="selected" {{/selected}}>{{text}}</option>
 {{/formats}}
 </select>
 </p>
 {{/showFormats}}
 </div>


 <a href="javascript:void(0);" class="panel-toggle collapsed" title="Expand">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>


 <a href="javascript:void(0);" class="panel-toggle" title="Collapse">
 <span class="iconfont icon-collapse" title="{{i18n.settings.buttons.collapse}}"></span>
 <span class="iconfont icon-expand" title="{{i18n.settings.buttons.expand}}"></span>
 </a>


 <a class="upload btn btn-default {{#anonymous}}disabled{{/anonymous}}" {{#restrictedBundle}} style="display:none" {{/restrictedBundle}} title="{{i18n.settings.buttons.upload}}" data-url="{{upurl}}" href="javascript:void(0);">
 <span class="glyphicon glyphicon-upload"></span>
 </a>


 <a class="download btn btn-default"
 title="{{i18n.settings.buttons.download}}"
 href="javascript:void(0);"
 data-url="{{url}}"
 data-formats="{{formats}}">
 <span class="glyphicon glyphicon-download"></span>
 </a>


 <a class="duplicate btn btn-default {{#anonymous}}disabled{{/anonymous}}" {{#restrictedBundle}} style="display:none" {{/restrictedBundle}} title="{{i18n.settings.buttons.duplicate}}" href="javascript:void(0)">
 <span class="glyphicon glyphicon-duplicate"></span>
 </a>


 <a class="remove btn btn-default {{#anonymous}}disabled{{/anonymous}}{{#warn}}warn-remove{{/warn}}" {{#restrictedBundle}} style="display:none" {{/restrictedBundle}} title="{{i18n.settings.buttons.remove}}" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-delete"></span>
 </a>


 <a class="save btn btn-default {{#anonymous}}disabled{{/anonymous}}" title="{{i18n.settings.buttons.save}}" href="javascript:void(0)">
 <span class="iconfont iconsmall icon-save"></span>
 </a>


 <div class="btn-group" style="margin-right: 10px">
 <a href="#top" class="btn btn-default" title="Scroll to Top"><span class="glyphicon glyphicon-arrow-up"></span></a>
 <a href="#bottom" class="btn btn-default" title="Scroll to Bottom"><span class="glyphicon glyphicon-arrow-down"></span></a>
 </div>


 <a href="javascript:void(0)" title="{{i18n.settings.buttons.add}}" class="new btn btn-primary {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 {{i18n.settings.buttons.add}}
 </a>


 <a href="javascript:void(0)" title="Apply Join Rules" class="join btn btn-primary {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-check"></span>
 Apply Join Rules
 </a>


 <a href="javascript:void(0)" title="Apply Join Rules" class="applyunique btn btn-primary {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-check"></span>
 Apply Unique Index
 </a>


 <a href="javascript:location.reload();" title="{{i18n.settings.buttons.refresh}}" class="btn btn-primary">
 <span class="iconfont iconsmall icon-refresh"></span>
 {{i18n.settings.buttons.refresh}}
 </a>


 <label class="input-group-addon btn calendar">
 <span class="glyphicon glyphicon-calendar"></span>
 </label>


 <div class="modal fade modal-ui" id="modal-ui" tabindex="-1" role="dialog" aria-labelledby="{{title}}" aria-hidden="true">
 <div class="modal-dialog modal-{{size}}">
 <div class="modal-content">
 <div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 <span aria-hidden="true" class="iconfont icon-delete icon-small"></span>
 </button>
 <h4 class="modal-title" id="myModalLabel">{{title}}</h4>
 </div>
 <div class="modal-body {{#kind}}alert-{{kind}}{{/kind}}">
 {{#error}}
 <div class="container-fluid">
 {{{content}}}
 <p><br />Please refresh the page and try again.</p>
 </div>
 {{/error}}
 {{^error}}
 <div class="container-fluid">
 {{{content}}}
 </div>
 {{/error}}
 </div>
 <div class="modal-footer">
 {{#buttons}}
 <button type="button" class="close-btn btn btn-{{kind}} {{which}}">{{name}}{{#icon}} <span class="glyphicon {{icon}}"></span>{{/icon}}</button>
 {{/buttons}}
 </div>
 </div>
 </div>
 </div>


 {{{typeRenderBody}}}


 <div id="{{property}}-{{model.cid}}" class="{{slug}}">
 {{>configureCommonSettingsMenu}}
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="pull-left" style="margin-top: 7.5px;">{{name}}</h3>
 </div>
 <div class="panel-body">
 {{#instructions}}
 {{{instructions}}}
 {{/instructions}}

 {{^afterPanel}}
 {{{body}}}
 {{/afterPanel}}
 </div>
 </div>
 {{#afterPanel}}
 {{{body}}}
 {{/afterPanel}}
 </div>


 <form id="uploadForm" action="" method="post" enctype="multipart/form-data">
 <div class="form-group">
 <p>Select logo file to upload. Must be jpg, gif, or png, and less than 100 KB</p>
 <p>
 <span class="btn btn-lg btn-primary btn-file">
 Browse <input class="form-control" id="upload" type="file" name="upload" />
 </span>
 </p>
 </div>
 </form>


 <p>Configure Panel Theme settings</p>
 <p><a class="btn btn-primary logo-upload" href="javascript:void(0);">Upload Logo</a></p>
 <p>
 The logo may be in .png, .gif, .svg, or .jpg format, and must be no more than 100KB in size. The logo will be displayed 52px high, and up to 250px wide.
 The recommended logo size is a minimum of 104px in height, and proportional width to allow for proper appearance on high resolution displays.
 </p>
 {{#restrictedBundle}}
 <p>Theme settings apply to Service Panel: <a href="https://{{svpHost}}">https://{{svpHost}}</a>.</p>
 {{/restrictedBundle}}
 {{^restrictedBundle}}
 <p>Theme settings apply to Service Panel and Access Panel views. They do not affect Identity Panel.</p>
 {{/restrictedBundle}}


 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="pull-left" style="margin-top: 7.5px;">{{i18n.settings.tools.header}}</h3>
 <div class="btn-group pull-right" style="margin-top: 3.5px">
 <a class="refresh btn btn-default" href="javascript:location.reload()" title="Refresh">
 <span class="iconfont iconsmall icon-refresh"></span>
 </a>
 </div>
 </div>
 <div class="panel-body">
 <h3>Installation</h3>
 <p>
 To use {{product}} you must download and install Panel Service on the server(s)
 that will scan data, run schedules, and process workflows.
 </p>
 <h4>Prerequisites</h4>
 <ol>
 <li>{{product}} is reachable at {{host}} from the server</li>
 <li>You have created a service account to run the service</li>
 {{^tenant}}
 <li>You have added the service account to {{writer}}</li>
 {{/tenant}}
 </ol>
 <p>
 After downloading the installer double-click on it to extract the archive, then open the folder and run ServiceSetup.exe.
 </p>
 <p>
 <a class="btn btn-primary downloadtools {{#anonymous}}disabled{{/anonymous}}" href="javascript:void(0);">Download Installer</a>
 </p>
 <h3>Installer Settings</h3>
 <p class="alert alert-warning">The following settings must be entered when running the <strong>SetupService</strong> executable:</p>
 <dl>
 <dt>
 {{product}} Host
 </dt>
 <dd>
 <div class="command">{{host}}&nbsp;<span id="copyHost" class="glyphicon glyphicon-duplicate"></span></div>
 </dd>
 {{#tenant}}
 <dt>
 Tenant
 </dt>
 <dd>
 <div class="command">{{tenant}}&nbsp;<span id="copyTenant" class="glyphicon glyphicon-duplicate"></span></div>
 </dd>
 {{/tenant}}
 <dt>
 API Key
 </dt>
 <dd>
 {{^apiKey}}
 <div class="command">
 Create an API Key
 </div>
 {{/apiKey}}
 {{#apiKey}}
 <div class="command">
 {{apiKey}}
 &nbsp;<span id="copyApiKey" class="glyphicon glyphicon-duplicate"></span>
 </div>
 {{/apiKey}}
 {{^apiKey}}
 <p>
 <a id="apiKey" href="javascript:void(0)" title="Create API Key" class="new btn btn-primary">
 <span class="iconfont iconsmall icon-new {{#anonymous}}disabled{{/anonymous}}"></span>
 Create API Key
 </a>
 </p>
 {{/apiKey}}
 {{#apiKey}}
 <p>
 If you reset your API key you must edit Panel Tools config.json on each server running Panel Service to update the API Key value.
 You have one week to change keys, unless you choose to expire the previous key immediately.
 </p>
 <p class="checkbox">
 <a id="apiKey" href="javascript:void(0)" title="Create API Key" class="new btn btn-default {{#anonymous}}disabled{{/anonymous}}">
 <span class="iconfont iconsmall icon-new"></span>
 Reset API Key
 </a>
 <label class="checkbox">
 <input type="checkbox" value="1" name="HardReset" />
 Expire Previous Key Immediately
 </label>
 </p>
 {{/apiKey}}
 </dd>
 {{#tenant}}
 <dt>
 Generate Service Account Application Password
 </dt>
 <dd>
 <p>
 Provide server and account settings for installation:
 </p>
 <div class="input-group col-md-12">
 <input type="text" class="form-control" name="Server" placeholder="Server" value="{{server}}" />
 <span class="input-group-addon">:</span>
 <input type="text" class="form-control" name="Domain" placeholder="Domain" value="{{acctDomain}}" />
 <span class="input-group-addon">\</span>
 <input type="text" class="form-control" name="Account" placeholder="Account Name" value="{{acctName}}" />
 </div>
 </dd>
 {{/tenant}}
 </dl>
 {{#tenant}}
 <p>
 <a class="scram btn btn-primary {{#anonymous}}disabled{{/anonymous}}" href="javascript:void(0);">Create or Reset Application Password</a>
 </p>
 {{/tenant}}
 <div class="validation-hashes">
 <h3>Validation Hashes</h3>
 <p>
 {{product}} includes a feature to version control high risk actions like PowerShell script execution and prevent modified versions of steps from running
 until Panel Service has been manually configured. To enable this feature:
 </p>
 <ol>
 <li>Optionally select a Panel Tools instance to only download hashes for that server</li>
 <li>Click the download hashes button below</li>
 <li>
 Save the resulting file in C:\Program Files\SoftwareIDM\PanelTools<br />
 <div class="add-form input-group col-md-6">
 <select id="panelService" name="panelService" style="width:100%" type="text" data-placeholder="Select Panel Service">
 <option></option>
 </select>
 <span class="input-group-btn">
 <a id="validationDownload" title="Download" class="new btn btn-primary {{#anonymous}}disabled{{/anonymous}}">
 <span class="glyphicon glyphicon-download"></span>
 Download
 </a>
 </span>
 </div>
 </li>
 </ol>
 </div>
 </div>
 </div>


 <div class="col-md-3">
 <a class="basicpassword btn btn-primary {{#anonymous}}disabled{{/anonymous}}" href="javascript:void(0);">Create or Reset Password</a>
 </div>


 <table id="langData" class="clear spreadsheet table table-bordered">
 <thead class="panel-default">
 <tr class="panel-heading">
 <th>Section</th>
 <th>Base String</th>
 {{#languages}}
 <th>
 <label style="margin-top:7.5px;float:left;">{{.}}</label>
 <div class="pull-right">{{>removeIcon}}</div>
 </th>
 {{/languages}}
 </tr>
 </thead>
 <tbody>
 {{#rows}}
 <tr id="{{index}}">
 <td><div style="margin:0 3px" class="section">{{section}}</div></td>
 <td style="max-width:250px"><div style="margin:0 3px" class="string">{{string}}</div></td>
 {{#langs}}
 <td><input type="text" name="{{key}}" value="{{val}}" placeholder="{{string}}" class="form-control no-radius xlate" title="{{string}}" /></td>
 {{/langs}}
 </tr>
 {{/rows}}
 </tbody>
 </table>


 <div class="translations">
 {{>translationsMenu}}
 <br /><br /><br />
 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-6" style="margin-top: 7.5px;">
 Translations
 </h3>
 <div style="margin-top: 3.5px">
 <div class="pull-right">
 Excel:&nbsp;&nbsp;
 <div class="btn-group" style="margin-right: 10px">
 <a class="upload-excel btn btn-default {{#anonymous}}disabled{{/anonymous}}" title="{{i18n.settings.buttons.upload}}" href="javascript:void(0);">
 <span class="glyphicon glyphicon-upload"></span>
 </a>
 <a class="download-excel btn btn-default {{#anonymous}}disabled{{/anonymous}}" title="{{i18n.settings.buttons.download}}"
 data-url="settings/i18n/{{current}}" data-defaultformat="Excel"
 data-formats="Excel,HTML,Delimited" href="javascript:void(0);">
 <span class="glyphicon glyphicon-download"></span>
 </a>
 </div>
 </div>
 </div>
 </div>
 <div class="panel-body">
 <p>Translations</p>
 <div class="col-md-6 clear">
 <div class="input-group">
 <select name="Language" style="width:100%" data-placeholder="Language"></select>
 <span class="input-group-btn new-lang">
 {{>newIcon}}
 </span>
 </div>
 </div>
 <br /><br />
 </div>
 </div>
 {{>translateLanguageTable}}
 </div>


 <div class="panel panel-primary">
 <div class="panel-heading clearfix">
 <h3 class="col-md-12" style="margin-top: 7.5px;">{{i18n.settings.versioncontrol.header}}</h3>
 </div>
 <div class="panel-body">
 {{{i18n.settings.versioncontrol.instructions}}}
 <p>
 <a href="javascript:void(0);" class="btn btn-primary download-settings">
 Download All Current Settings
 </a>
 </p>
 <form id="uploadDiffForm" action="" method="post" enctype="multipart/form-data">
 <p>
 <span class="btn btn-lg btn-primary btn-file">
 Choose Settings for Diff <input class="form-control" id="upload" type="file" name="upload" multiple="multiple" />
 </span>
 <span class="btn btn-lg btn-default submit">
 Submit
 </span>
 </p>
 </form>
 </div>
 </div>
 <div id="versionData"></div>
 <div id="asbuilt" class="container">
 <div class="row">
 <div class="col-md-12">
 <hr/>
 <h2>As-Built</h2>
 </div>
 </div>
 <div class="row">
 <div id="markdown" class="col-md-8 markdown-body" style="overflow-y:auto;height:1000px;"></div>
 <div id="toc" class="col-md-4" style="overflow-y:auto;height:1000px;"></div>
 </div>
 </div>


 <th style="width:50%">Message</th>
 <th style="width:20%">Username</th>
 <th style="width:20%">Timestamp</th>
 <th class="cellicon" style="width:10%">Restore</th>

