add paste-button with split dropdown for additional editors (#2)

lars-erik · Jun 30, 2017 · 556a588 · 556a588
1 parent d7de976
commit 556a588
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/grid/grid.html
@@ -229,6 +229,23 @@
                                                       <div class="umb-grid-add-more-content" ng-if="area.controls.length > 0 && !sortMode">
                                                           <div class="cell-tools-add -bar newbtn" ng-click="openEditorOverlay($event, area, 0, area.$uniqueId);"><localize key="grid_addElement"/>
                                                           </div>
+                                                      <div class="cell-tools-button btn-group dropup" ng-if="clipboard.length > 0">
+                                                          <button type="button" class="btn umb-button__button" ng-click="paste($event, area, 0, clipboard[clipboard.length-1])">
+                                                              <i class="icon icon-paste-in"></i>
+                                                              <localize key="grid_pasteElement" />
+                                                        </button>
+                                                          <button ng-if="clipboard.length > 1" type="button" class="btn umb-button__button dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                              <span class="caret"></span>
+                                                          </button>
+                                                          <ul ng-if="clipboard.length > 1" class="dropdown-menu">
+                                                              <li ng-repeat="control in clipboard">
+                                                                  <a ng-click="paste($event, area, 0, control)">
+                                                                      <i class="icon {{ control.editor.icon }}"></i>
+                                                                      <span ng-bind="control.editor.name"></span>
+                                                                  </a>
+                                                              </li>
+                                                          </ul>
+                                                      </div>
                                                           <div><i class="icon icon-paste-in" ng-click="paste($event, area, 0, area.$uniqueId)"></i></div>
                                                       </div>