Improved Visual Flag for Public vs. Private Blueprints

[Quali-Community]

Working with a client that will be managing a large number of blueprints that will be public facing (exposed for external users). I foresee the need for these blueprints to be taken private for updates (as specific equipment is reset, replaced, and then the global inputs for the global inputs will need to be updated).

To improve their workflow, a stronger, or better visual indicator for a public vs private blueprint would be helpful. This being an optional configuration flag that could be turned on, would be helpful.

Something like this:

---

TSI Support ([email protected]) - 07/05/2022 04:34 PM

Attachments:

public-bp.png [11.8 kB]	private-bp.png [10.4 kB]

[Quali-Community]

Hi

This can also be acheived with some css customizations.

Under the customer_override.css, you can add something like this:

li[id="diagram-topbar-actions"] {
   width: 190px;
}
.topbar #diagram-topbar-actions .icon-diagram-publish::after  {
   content: "Private";
   margin-left: 40px;
   position: relative;
   top: 8px;
   font-size: 12px;
   font-style: normal;
} 
.topbar #diagram-topbar-actions .icon-diagram-unpublish::after  {
   content: "Public";
   margin-left: 40px;
   position: relative;
   top: 8px;
   font-size: 12px;
   font-style: normal;
} 

which will add text next to the icon:

---

Yaniv Kalsky (Yaniv.K) - 11/2022

1051-scr-20221115-har.png [2.9 kB]	1052-scr-20221115-haw.png [2.2 kB]

[kalsky]

Another reply from Kimo:

You can also add the round rectangle and colors - which show on mouse over clearly:

/* Public / Private Blueprint Notification Enhancement */

li[id="diagram-topbar-actions"] {
width: 190px;
}
.topbar #diagram-topbar-actions .icon-diagram-publish::after {
content: "Private";
margin-left: 40px;
position: relative;
top: 8px;
font-size: 12px;
font-style: normal;
color: white !important;
background-color: darkviolet; !important;
border-radius: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
}
.topbar #diagram-topbar-actions .icon-diagram-unpublish::after {
content: "Public";
margin-left: 40px;
position: relative;
top: 8px;
font-size: 12px;
font-style: normal;
color: white !important;
background-color: limegreen; !important;
border-radius: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
padding-bottom: 3px;
}