Make rotation editable by clicking on the title in the sidebar

Icinga · Mar 3, 2025 · f000268 · f000268
1 parent 928d2a2
commit f000268
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/library/Notifications/Widget/Timeline.php b/library/Notifications/Widget/Timeline.php
@@ -22,6 +22,7 @@
 use ipl\Web\Style;
 use ipl\Web\Url;
 use ipl\Web\Widget\Icon;
+use ipl\Web\Widget\Link;
 use SplObjectStorage;
 use Traversable;
 
@@ -281,7 +282,10 @@ protected function assembleSidebarEntry(Rotation $rotation): BaseHtmlElement
         $entry->addHtml(
             $form,
             new Icon('bars', ['data-drag-initiator' => true]),
-            new HtmlElement('span', null, Text::create($rotation->getName()))
+            (new Link(
+                [new HtmlElement('span', null, Text::create($rotation->getName())), new Icon('cog')],
+                Links::rotationSettings($rotation->getId(), $rotation->getScheduleId())
+            ))->openInModal()
         );
 
         return $entry;

diff --git a/public/css/timeline.less b/public/css/timeline.less
@@ -28,6 +28,20 @@
         margin-left: .5em;
         .text-ellipsis();
       }
+
+      > a {
+        display: flex;
+        width: 100%;
+        align-items: baseline;
+        margin-left: .5em;
+
+        span {
+          width: 0;
+          flex: 1 0 auto;
+          margin-right: 0.25em;
+          .text-ellipsis();
+        }
+      }
     }
 
     .overlay .entry {
@@ -98,6 +112,22 @@
     &.sortable-ghost {
       opacity: .5;
     }
+
+    > a {
+      text-decoration: none;
+
+      i {
+        display: none;
+      }
+
+      &:hover {
+        color: @list-item-title-hover-color;
+
+        i {
+          display: inline-block;
+        }
+      }
+    }
   }
 
   .entry .icon {