Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-25 08:09:43 +02:00
Code Releases Activity

document view revisions UX

Browse source
This commit is contained in:
Harvey Kandola 2017-12-11 13:45:56 +00:00
parent 66bc874d95
commit e61b2d0aa8
13 changed files with 130 additions and 160 deletions
Download patch file Download diff file Expand all files Collapse all files

17
gui/app/templates/components/document/document-history.hbs
View file

@ -1,17 +0,0 @@
{{ui-select tagName="span" class="revision-picker" content=revisions action=(action 'onSelectRevision') optionValuePath="id" optionLabelPath="label"}}
<div id="restore-history-button" class="regular-button button-green pull-right">Restore</div>
{{#dropdown-dialog target="restore-history-button" position="bottom right" button="Restore" color="flat-green" onAction=(action 'onRollback')}}
<p>Are you sure you want to roll back to this version?</p>
{{/dropdown-dialog}}
<div class="clearfix" />
<div class="margin-bottom-50" />
<div class="diff-zone">
{{#if hasDiff}}
<div class="is-a-page wysiwyg">
{{{diff}}}
</div>
{{/if}}
<div class="clearfix" />
</div>

41
gui/app/templates/components/document/view-revision.hbs Normal file
View file

@ -0,0 +1,41 @@
<div class="mt-5">
{{#if hasRevisions}}
<div class="row">
<div class="col-10">
{{ui-select tagName="span" class="revision-picker" content=revisions action=(action 'onSelectRevision') optionValuePath="id" optionLabelPath="label"}}
</div>
<div class="col-2">
<div id="restore-history-button" class="btn btn-success" data-toggle="modal" data-target="#document-rollback-modal" data-backdrop="static">Restore</div>
</div>
</div>
<div class="row">
<div class="col-12 view-revision">
<div class="diff-zone">
{{#if hasDiff}}
<div class="wysiwyg">
{{{diff}}}
</div>
{{/if}}
</div>
</div>
</div>
<div id="document-rollback-modal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">Rollback Document Section</div>
<div class="modal-body">
<p>AAre you sure you want to roll back to this revision?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-success" onclick={{action 'onRollback'}}>Rollback</button>
</div>
</div>
</div>
</div>
{{else}}
<p>No revisions made</p>
{{/if}}
</div>