Closes #101: Allow export buttons for read-only documents

This commit is contained in:
jendib 2016-05-10 21:18:16 +02:00
parent 575ad75a0a
commit e631aa0e8a
No known key found for this signature in database
GPG Key ID: 06EE7F699579166F
3 changed files with 13 additions and 6 deletions

View File

@ -12,8 +12,8 @@
</div> </div>
<div ng-show="document"> <div ng-show="document">
<div class="pull-right" ng-show="document.writable"> <div class="pull-right">
<div class="btn-group dropdown" dropdown> <div class="dropdown btn-export" dropdown ng-class="{ 'btn-group': document.writable }">
<button class="btn btn-default" dropdown-toggle> <button class="btn btn-default" dropdown-toggle>
<span class="glyphicon glyphicon-export"></span> <span class="glyphicon glyphicon-export"></span>
Export Export
@ -33,8 +33,8 @@
</a> </a>
</li> </li>
</ul> </ul>
<button class="btn btn-danger" ng-click="deleteDocument(document)"><span class="glyphicon glyphicon-trash"></span> Delete</button> <button class="btn btn-danger" ng-show="document.writable" ng-click="deleteDocument(document)"><span class="glyphicon glyphicon-trash"></span> Delete</button>
<a href="#/document/edit/{{ document.id }}" class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span> Edit</a> <a href="#/document/edit/{{ document.id }}" ng-show="document.writable" class="btn btn-primary"><span class="glyphicon glyphicon-pencil"></span> Edit</a>
</div> </div>
</div> </div>

View File

@ -1,7 +1,7 @@
<div class="row"> <div class="row">
<div class="col-md-10"> <div class="col-md-10">
<div class="text-right"> <div class="pull-right">
<div class="btn-group dropdown" dropdown> <div class="dropdown" dropdown>
<button class="btn btn-default" dropdown-toggle> <button class="btn btn-default" dropdown-toggle>
<span class="glyphicon glyphicon-export"></span> <span class="glyphicon glyphicon-export"></span>
Export Export

View File

@ -254,6 +254,13 @@ input[readonly].share-link {
} }
} }
// Export dropdown
.btn-export {
.dropdown-menu {
left: -62px;
}
}
/* Styling for the ngProgress itself */ /* Styling for the ngProgress itself */
#ngProgress { #ngProgress {
margin: 0; margin: 0;