move dialog

TNL-6047
This commit is contained in:
muhammad-ammar
2017-01-04 11:02:18 +05:00
committed by Mushtaq Ali
parent 52f8c9763a
commit 1b011af7e2
20 changed files with 290 additions and 112 deletions

View File

@@ -8,22 +8,28 @@
</div>
<ul class="component-actions">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<button class="btn-default edit-button action-button">
<span class="icon fa fa-pencil" aria-hidden="true"></span>
<span class="action-button-text">${_("Edit")}</span>
</a>
</button>
</li>
<li class="action-item action-duplicate">
<a href="#" data-tooltip="${_("Duplicate")}" class="duplicate-button action-button">
<button data-tooltip="${_("Duplicate")}" class="btn-default duplicate-button action-button">
<span class="icon fa fa-copy" aria-hidden="true"></span>
<span class="sr">${_("Duplicate this component")}</span>
</a>
</button>
</li>
<li class="action-item action-move">
<button data-tooltip="${_("Move")}" class="btn-default move-button action-button">
<span class="icon fa fa-folder-o" aria-hidden="true"></span>
<span class="sr">${_("Move")}</span>
</button>
</li>
<li class="action-item action-delete">
<a href="#" data-tooltip="${_("Delete")}" class="delete-button action-button">
<button data-tooltip="${_("Delete")}" class="btn-default delete-button action-button">
<span class="icon fa fa-trash-o" aria-hidden="true"></span>
<span class="sr">${_("Delete this component")}</span>
</a>
</button>
</li>
</ul>
</div>

View File

@@ -44,16 +44,19 @@
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button"></a>
<button class="edit-button action-button"></button>
</li>
<li class="action-item action-visibility">
<a href="#" class="visibility-button action-button"></a>
<button class="visibility-button action-button"></button>
</li>
<li class="action-item action-duplicate">
<a href="#" class="duplicate-button action-button"></a>
<button class="duplicate-button action-button"></button>
</li>
<li class="action-item action-move">
<button data-tooltip="Move" class="move-button action-button"></button>
</li>
<li class="action-item action-delete">
<a href="#" class="delete-button action-button"></a>
<button class="delete-button action-button"></button>
</li>
<li class="action-item action-drag">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
@@ -72,16 +75,19 @@
<div class="xblock-header-primary">
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button"></a>
<button class="edit-button action-button"></button>
</li>
<li class="action-item action-visibility">
<a href="#" class="visibility-button action-button"></a>
<button class="visibility-button action-button"></button>
</li>
<li class="action-item action-duplicate">
<a href="#" class="duplicate-button action-button"></a>
<button class="duplicate-button action-button"></button>
</li>
<li class="action-item action-move">
<button data-tooltip="Move" class="move-button action-button"></button>
</li>
<li class="action-item action-delete">
<a href="#" class="delete-button action-button"></a>
<button class="delete-button action-button"></button>
</li>
<li class="action-item action-drag">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
@@ -100,16 +106,19 @@
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button"></a>
<button class="edit-button action-button"></button>
</li>
<li class="action-item action-visibility">
<a href="#" class="visibility-button action-button"></a>
<button class="visibility-button action-button"></button>
</li>
<li class="action-item action-duplicate">
<a href="#" class="duplicate-button action-button"></a>
<button class="duplicate-button action-button"></button>
</li>
<li class="action-item action-move">
<button data-tooltip="Move" class="move-button action-button"></button>
</li>
<li class="action-item action-delete">
<a href="#" class="delete-button action-button"></a>
<button class="delete-button action-button"></button>
</li>
<li class="action-item action-drag">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
@@ -158,16 +167,19 @@
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button"></a>
<button class="edit-button action-button"></button>
</li>
<li class="action-item action-visibility">
<a href="#" class="visibility-button action-button"></a>
<button class="visibility-button action-button"></button>
</li>
<li class="action-item action-duplicate">
<a href="#" class="duplicate-button action-button"></a>
<button class="duplicate-button action-button"></button>
</li>
<li class="action-item action-move">
<button data-tooltip="Move" class="move-button action-button"></button>
</li>
<li class="action-item action-delete">
<a href="#" class="delete-button action-button"></a>
<button class="delete-button action-button"></button>
</li>
<li class="action-item action-drag">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
@@ -186,16 +198,19 @@
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button"></a>
<button class="edit-button action-button"></button>
</li>
<li class="action-item action-visibility">
<a href="#" class="visibility-button action-button"></a>
<button class="visibility-button action-button"></button>
</li>
<li class="action-item action-duplicate">
<a href="#" class="duplicate-button action-button"></a>
<button class="duplicate-button action-button"></button>
</li>
<li class="action-item action-move">
<button data-tooltip="Move" class="move-button action-button"></button>
</li>
<li class="action-item action-delete">
<a href="#" class="delete-button action-button"></a>
<button class="delete-button action-button"></button>
</li>
<li class="action-item action-drag">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>
@@ -214,16 +229,19 @@
<div class="header-actions">
<ul class="actions-list">
<li class="action-item action-edit">
<a href="#" class="edit-button action-button"></a>
<button class="edit-button action-button"></button>
</li>
<li class="action-item action-visibility">
<a href="#" class="visibility-button action-button"></a>
<button class="visibility-button action-button"></button>
</li>
<li class="action-item action-duplicate">
<a href="#" class="duplicate-button action-button"></a>
<button class="duplicate-button action-button"></button>
</li>
<li class="action-item action-move">
<button data-tooltip="Move" class="move-button action-button"></button>
</li>
<li class="action-item action-delete">
<a href="#" class="delete-button action-button"></a>
<button class="delete-button action-button"></button>
</li>
<li class="action-item action-drag">
<span data-tooltip="Drag to reorder" class="drag-handle action"></span>

View File

@@ -0,0 +1,4 @@
<div class='breadcrumb-container'>
</div>
<div class='treeview-container'>
</div>

View File

@@ -69,35 +69,42 @@ messages = xblock.validate().to_json()
% if can_edit:
% if not show_inline:
<li class="action-item action-edit">
<a href="#" class="edit-button action-button">
<button class="btn-default edit-button action-button">
<span class="icon fa fa-pencil" aria-hidden="true"></span>
<span class="action-button-text">${_("Edit")}</span>
</a>
</button>
</li>
% if can_edit_visibility:
<li class="action-item action-visibility">
<a href="#" data-tooltip="${_("Visibility Settings")}" class="visibility-button action-button">
<button data-tooltip="${_("Visibility Settings")}" class="btn-default visibility-button action-button">
<span class="icon fa fa-eye" aria-hidden="true"></span>
<span class="sr">${_("Visibility")}</span>
</a>
</button>
</li>
% endif
% if can_add:
<li class="action-item action-duplicate">
<a href="#" data-tooltip="${_("Duplicate")}" class="duplicate-button action-button">
<button data-tooltip="${_("Duplicate")}" class="btn-default duplicate-button action-button">
<span class="icon fa fa-copy" aria-hidden="true"></span>
<span class="sr">${_("Duplicate")}</span>
</a>
</button>
</li>
<li class="action-item action-move">
<button data-tooltip="${_("Move")}" class="btn-default move-button action-button">
<span class="icon fa fa-folder-o" aria-hidden="true"></span>
<span class="sr">${_("Move")}</span>
</button>
</li>
% endif
% endif
% if can_add:
<!-- If we can add, we can delete. -->
<li class="action-item action-delete">
<a href="#" data-tooltip="${_("Delete")}" class="delete-button action-button">
<button data-tooltip="${_("Delete")}" class="btn-default delete-button action-button">
<span class="icon fa fa-trash-o" aria-hidden="true"></span>
<span class="sr">${_("Delete")}</span>
</a>
</button>
</li>
% endif
% if is_reorderable:
@@ -149,7 +156,7 @@ messages = xblock.validate().to_json()
${content}
</div>
% endif
% endif
% endif
% if not is_root:
<!-- footer for xblock_aside -->