[oozie] Simplify top right menu buttons on schedule editor
@@ -45,31 +45,42 @@ ${ commonheader(_("Coordinator Editor"), "Oozie", user, request) | n,unicode }
<i class="fa fa-pencil"></i>
</a>
- <a title="${ _('Settings') }" rel="tooltip" data-placement="bottom" data-toggle="modal" data-target="#settingsModal" data-bind="css: {'btn': true}, visible: canEdit">
- <i class="fa fa-cog"></i>
- </a>
-
<a title="${ _('Save') }" rel="tooltip" data-placement="bottom" data-loading-text="${ _("Saving...") }"
data-bind="click: $root.save, css: {'btn': true, 'disabled': $root.isSaving()}, visible: coordinator.properties.workflow() && canEdit">
<i class="fa fa-save"></i>
</a>
- <a class="share-link btn" rel="tooltip" data-placement="bottom" data-bind="click: openShareModal,
- attr: {'data-original-title': '${ _ko("Share") } ' + name},
- css: {'isShared': isShared(), 'btn': true},
- visible: coordinator.id() != null && canEdit()">
- <i class="fa fa-users"></i>
+ <div class="dropdown pull-right margin-left-10">
+ <a class="btn" data-toggle="dropdown" href="javascript: void(0)">
+ <i class="fa fa-fw fa-ellipsis-v"></i>
</a>
-
- <a class="btn" href="${ url('oozie:new_coordinator') }" title="${ _('New') }" rel="tooltip" data-placement="bottom" data-bind="css: {'btn': true}">
- <i class="fa fa-file-o"></i>
+ <ul class="dropdown-menu">
+ <li data-bind="visible: canEdit">
+ <a class="pointer" data-toggle="modal" data-target="#settingsModal">
+ <i class="fa fa-fw fa-cog"></i> ${ _('Settings') }
</a>
-
+ </li>
+ <li data-bind="visible: coordinator.id() != null && canEdit()">
+ <a class="pointer share-link" rel="tooltip" data-placement="bottom" data-bind="click: openShareModal, css: {'isShared': isShared()}">
+ <i class="fa fa-fw fa-users"></i> ${ _("Share") }
+ </a>
+ </li>
+ <li class="divider"></li>
+ <li>
+ <a href="javascript: void(0)" data-bind="hueLink: '${ url('oozie:new_coordinator') }'">
+ <i class="fa fa-fw fa-file-o"></i> ${ _('New') }
+ </a>
+ </li>
%if is_embeddable:
- <a class="btn" href="javascript: void(0)" title="${ _('Schedules') }" rel="tooltip" data-placement="bottom" data-bind="css: {'btn': true}, hueLink: '/home/?type=oozie-coordinator2'">
- <svg class="hi"><use xlink:href="#hi-documents"></use></svg>
+ <li>
+ <a href="javascript: void(0)" data-bind="hueLink: '/home/?type=oozie-coordinator2'">
+ <svg class="hi hi-fw"><use xlink:href="#hi-documents"></use></svg> ${ _('Schedules') }
</a>
+ </li>
%endif
+ </ul>
+ </div>
+
</div>
</%def>
