Small Table Icon proposal for APM Analysis

Q2 2018 introduces data tables into APM Analysis. This updates means we'll need to differentiate icons in the Plotted Tags section of the Tag Browser. Up until now, px-doc:chart was used to identify the widget type – it was always a chart.

Proposed Table Icon

In cases where the user opts for a data table instead, Analysis would update the icon to match the widget.

Timeline

The icon would need to be included in the Predix icon set before the end of Q2. I can provide the SVG when you're ready.

Expected behavior and actual behavior:

Appears as expected on Chrome browser with all icons:

IE behaviour removes all px-icons:

Environment:

App is running in an Angular 1 application hosted on a tomcat server.

Component: px-icon-set version 2.0.13
Browser: Microsoft Edge and Internet Explorer 11
OS: Windows 10

Code examples

Live demo: https://3.26.203.170:8443/TaskList/
Code repo: https://github.build.ge.com/UX-Automation/WebHMI-Task-List

Hi,

My name is Kobi.
We are using px-icon-set as part of our applications that deployed in Predix.
We also using Tinfoil web scan to scan our app.
our latest scan find the following vulnerability:

URL | ..../bower_components/px-icon-set/px-icon.html
Method | GET
Variable | VCAP_ID
Element | cookie

according to tinfoil the fix should be:
Set the 'Secure' flag in the cookie, such that all cookies are served over a secure channel like HTTPS only

Expected behavior:
px-icon-set component response should not return insecure cookie.

Current behavior:
px-icon-set component response contains VCAP_ID cookie without secure flag.

Steps to reproduce:

1. integrate px-icon-set in app x (import this component in your html)
2. upload app x to predix.io
3. browse to app x
4. you can see this cookie as part of the response.

Hi, can you give this project a license so I can deploy it to webjars? Thanks!

Add px-nav-connection to the Navigation : Medium - 22px
px-nav-connection.svg.zip

Team,

Are you accepting pull requests?

Regards,

Zaheer

I tried to include px csv icon by first importing
<link rel="import" href="bower_components/px-icon-set/px-icon-set.html" />
and also tried by having below two files as an alternative

<link rel="import" href="bower_components/px-icon-set/px-icon.html" />
<link rel="import" href="bower_components/px-icon-set/px-icon-set-document.html" />

But appearing as show below which works fine for other icons like filter.Is there any other dependency needs to be added for document icons ?

Request of ServiceMax, add px-nav:product-switcher (SVG attached) to the Navigation: Medium - 22px set for use in px-product-switcher.

px-nav-product-switcher.svg.zip

The APM Analysis team is requesting a "reset" icon for the some of the data visualization toolbars. Currently, they're using the "fullscreen" icon. Not ideal.

A quick fix would be to flip the Refresh icon on the vertical axis so that the arrow faces the opposite direction, like so:

Engineering says a CSS-flip would not work everywhere so a new icon would be best.

The icon for Ingestion that appears on the px-stencils is not part of the icon set available for development.

Could you add it please?

Hi,

Trying to edit style on px-icon 'px-vis:refresh' by modifying its width, but the icon is getting cut around the edges.
Below image shows how it is getting cut at top and left when icreased stroke-with to 2.5px:

We even tried changing stroke-width (stroke-width: 3px) on demo page, similar error was seen.
Please let us know how to handle this.

Analysis needs a 16px icon for timezone selection. We planned to use the font-awesome globe icon prior to Refresh.

Development is asking for an icon in-time for Q4.

Add icons for APM analysis:
px-fea-time.svg
px-nav-compare.svg
px-nav-data-resolution.svg
px-nav-database.svg
px-nav-summary.svg
px-nav-timezone.svg
px-util-analysis.svg
px-util-asset.svg
px-util-attribute.svg
px-util-swap.svg
px-util-tag-group.svg
px-util-tag.svg

analysis_icons.zip

As the leading vendor of Imaging technology (MR, CT), GE Healthcare digital experiences could greatly benefit from the addition of an Imaging Machine icon much like Aviation/Rail benefit from plane/train icons.

For examples of the real machines, check these out for reference
https://www.google.com/search?q=imaging+machine&rlz=1C1GGRV_enUS753US753&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiyqergscjVAhXDdpoKHfrXChYQ_AUICygC&biw=1366&bih=638

For examples of their iconic representation, reference these
https://www.google.com/search?rlz=1C1GGRV_enUS753US753&biw=1366&bih=638&tbm=isch&sa=1&q=imaging+machine+icons&oq=imaging+machine+icons&gs_l=psy-ab.3...161598.162531.0.162671.6.6.0.0.0.0.0.0..0.0....0...1.1.64.psy-ab..6.0.0.xQKyGpfA_FI

Thanks in advance for the consideration
Doug

Create an Icon for Resizing Smart Signal Charts

Use Case:

Enlarge or reduce the height of a SS chart. Charts can be made taller up to 2 times and made shorter up to 2 times from the tallest point.

Additional Screenshots:

Desired Doneness:

For this to be complete, the icon should be introduced into Predix by Tuesday 2/20/2018.

Our use case would benefit from having additional icons for the following file types:

Zipped files (a zipper on a page, or a page with the letters ZIP)
XML files (the letters XML on a page)
Power points (letters ppt or a pie chart on a page)
Code files as a catch all (a "</>" on a page)

"on a page" refers to the appearance of px-doc:document, a rectangle with a folded corner.

Thank you

Submit an Issue

Expected behavior:

I expect there to be a QR code and a QR code scanner icon in the px-icon-set so I can use them in my application. Unfortunately, I am not able to use the px-dropdown the way I want to use it because the icon I need is unavailable.

For example:

<px-dropdown
  items='[{"key":"1","val":"iPhone"},{"key":"2","val":"Android"},{"key":"3","val":"Blackberry"},{"key":"4","val":"Windows Phone"},{"key":"5","val":"Flip Phone","disabled":true}]'
  sort-mode="key"
  button-style="icon"
  display-value="Select"
  icon="<<ERROR: no icon available>>"
  disable-clear>
</px-dropdown>

Ideas

• qr-code: http://fontawesome.io/icon/qrcode/
• qr-code-scanner: https://thenounproject.com/term/qr-code-scanner/59262/

In the compiled version of the icons, the controller icon has a broken piece of XML proecssing instruction in front of the actual SVG:

https://github.com/PredixDev/px-icon-set/blob/c152d734a8744d6bcab813eb7a5c88b8917bcaa4/px-icon-set-object.html#L14

Checking the source SVGs, comparing it against other icons, the controller seems to have the Illustrator generator comment at the top, while the other SVG's don't:
https://github.com/PredixDev/px-icon-set/blob/master/icons/src-obj/controller_32x32.svg?short_path=6ffc9ed

APM Analysis needs an icon to represent Data Resolution. We had planned to use the "signal" icon from Font-Awesome prior to the Refresh. "Signal" isn't the best choice, but it made the most sense given what font-awesome provided.

Development is asking for this icon in-time for Q4.

This request comes from APM-Analysis. A new feature being introduced in Q3 adds the ability to measure the delta between two points on certain charts. The icon would sit with the chart's toolbar:

I've created a "delta" icon, 22px but I need help with the art direction and getting the SVG into the system.

Alternative Expand/Collapse Icons

• APM Analysis uses left/right collapse/expand icons
• An alternative set of icons would work (the current set faces up/down)

Refresh Icons

Current Context

The right sidebar move expands from and collapses to the right.