MUMUP-2898 Adds ability to write your own directive for removing a wi…

…dget (#393)

* MUMUP-2898 Widget Fixes

* Revert back to original feed

* id over class

uw-frame-components/css/buckyless/widget.less

@@ -407,10 +407,6 @@
       left: 0;
     }
 
-    &.widget-remove {
-      right: 0;
-    }
-
     .material-icons {
       font-size: 18px;
     }

uw-frame-components/portal/widgets/directives.js

@@ -10,6 +10,7 @@ define(['angular', 'require'], function(angular, require) {
   app.directive('widget', function() {
     return {
       restrict: 'E',
+      transclude: true,
       scope: {
         fname: '@'
       },

uw-frame-components/portal/widgets/partials/type__option-link.html

@@ -3,7 +3,7 @@
   <!-- OPTION-LINK ICON -->
   <div class="option-link-icon">
     <a href="{{ widget.selectedUrl }}" target="_blank" rel="noopener noreferrer">
-      <frame-widget-icon></frame-widget-icon>
+      <widget-icon></widget-icon>
     </a>
   </div>
 

uw-frame-components/portal/widgets/partials/widget-card.html

@@ -19,12 +19,8 @@
       </md-tooltip>
       <md-icon>info</md-icon>
     </md-button>
-    <md-button class="widget-action widget-remove md-icon-button"
-               aria-label="remove {{ widget.title }} widget from your home screen"
-               ng-click="widgetCtrl.removewidget(widget.nodeId, widget.title)"
-               ng-hide="GuestMode || cantRemove || widget.lifecycleState === 'MAINTENANCE'">
-      <md-icon>close</md-icon>
-    </md-button>
+    <div ng-transclude id="widget-removal">
+    </div>
 
     <md-card-header-text>
       <span class="md-title" style="text-align: center;" aria-label="{{ widget.title }}" tabindex="0">
@@ -70,7 +66,7 @@
       <div ng-switch-when="basic">
         <a tabindex="-1" ng-href="{{ renderUrl() }}" target="{{ widget.target ? widget.target : '_blank' }}" class="basic-widget" rel="noopener noreferrer">
           <div class="widget-icon-container" layout="column" layout-align="center center">
-            <frame-widget-icon></frame-widget-icon>
+            <widget-icon></widget-icon>
           </div>
         </a>
         <launch-button data-href="{{ renderUrl() }}"