1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-05 05:25:27 +02:00

reworked smart section UX

This commit is contained in:
Harvey Kandola 2017-12-08 17:42:54 +00:00
parent 57b3801f87
commit 0eef10e586
6 changed files with 67 additions and 92 deletions

View file

@ -1,13 +1,14 @@
{{#section/base-editor document=document folder=folder page=page busy=waiting tip="Papertrail cloud logging service (https://papertrailapp.com)" isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
<div class="pull-left width-45">
<div class="row">
<div class="col-6">
<form {{ action 'auth' on="submit" }} >
<div class="input-control">
<div class="form-group">
<label>Papertrail API Key</label>
<div class="tip">API Token (from your profile)</div>
{{focus-input id="papertrail-apitoken" type="password" value=config.APIToken }}
{{focus-input id="papertrail-apitoken" type="password" value=config.APIToken class="form-control"}}
<small class="form-text text-muted">API Token (from your profile)</small>
</div>
<div class="regular-button button-blue" {{ action 'auth' }} >
<div class="btn btn-primary" {{ action 'auth' }} >
{{#if authenticated}}
Re-Authenticate
{{else}}
@ -18,28 +19,26 @@
</div>
{{#if authenticated}}
<div class="pull-left width-10">&nbsp;</div>
<div class="pull-left width-45">
<div class="col-6">
<form {{action 'onAction' on="submit"}}>
<div class="input-control">
<label>Search query</label>
<div class="tip">Determine which log entries you want to display e.g. bob OR ("some phrase" AND sally)</div>
{{input id="papertrail-query" type="text" class="mousetrap" value=config.query}}
<div class="form-group">
<label for="papertrail-query">Search query</label>
{{input id="papertrail-query" type="text" class="form-control mousetrap" value=config.query}}
<small class="form-text text-muted">Determine which log entries you want to display e.g. bob OR ("some phrase" AND sally)</small>
</div>
<div class="input-control">
<label>Maximum results</label>
<div class="tip">How many log entries do you want?</div>
{{input id="papertrail-max" type="number" class="mousetrap" value=config.max}}
<div class="form-group">
<label for="papertrail-max">Maximum results</label>
{{input id="papertrail-max" type="number" class="form-control mousetrap" value=config.max}}
<small class="form-text text-muted">How many log entries do you want?</small>
</div>
<div class="input-control">
<label>Group</label>
<div class="tip">Optional Papertrail group</div>
<div class="form-group">
<label for="group-dropdown">Group</label>
{{ui-select id="group-dropdown" prompt="<group>" content=options.groups action=(action 'onGroupsChange') optionValuePath="id" optionLabelPath="name" selection=config.group}}
<small class="form-text text-muted">Optional Papertrail group</small>
</div>
</form>
</div>
{{/if}}
<div class="clearfix" />
</div>
{{/section/base-editor}}