[jira] [Updated] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated MINIFI-32: Attachment: minifi-logo-svg-files.zip minifi-logo-samples.png I have updated the designs to include an "Apache NiFI" reference that is consistent with the NiFi logo. MiNiFi is a subproject of Apache NiFi. > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Assignee: Rob Moran >Priority: Minor > Attachments: minifi-logo-samples.png, minifi-logo-svg-files.zip > > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.15#6346)
[jira] [Updated] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated MINIFI-32: Attachment: (was: minifi-logo-svg-files.zip) > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Assignee: Rob Moran >Priority: Minor > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.15#6346)
[jira] [Updated] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated MINIFI-32: Attachment: (was: minifi-logo-samples.png) > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Assignee: Rob Moran >Priority: Minor > Attachments: minifi-logo-svg-files.zip > > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.15#6346)
[jira] [Updated] (NIFI-2187) Update iconResize.png
[ https://issues.apache.org/jira/browse/NIFI-2187?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2187: Attachment: iconResize.png > Update iconResize.png > - > > Key: NIFI-2187 > URL: https://issues.apache.org/jira/browse/NIFI-2187 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran >Priority: Minor > Attachments: iconResize.png > > > Updating the current iconResize.png with a new version (attached) icon will > make the resize textarea icons look the same. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2187) Update iconResize.png
Rob Moran created NIFI-2187: --- Summary: Update iconResize.png Key: NIFI-2187 URL: https://issues.apache.org/jira/browse/NIFI-2187 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran Priority: Minor Updating the current iconResize.png with a new version (attached) icon will make the resize textarea icons look the same. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2052) Search results
[ https://issues.apache.org/jira/browse/NIFI-2052?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2052: Attachment: nifi-search-results.png > Search results > -- > > Key: NIFI-2052 > URL: https://issues.apache.org/jira/browse/NIFI-2052 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-search-results.png > > > New icons and styles to be applied to the search results container. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2172) Introduce more intuitive UI controls for CRON scheduling
Rob Moran created NIFI-2172: --- Summary: Introduce more intuitive UI controls for CRON scheduling Key: NIFI-2172 URL: https://issues.apache.org/jira/browse/NIFI-2172 Project: Apache NiFi Issue Type: Improvement Components: Core UI Reporter: Rob Moran It would be nice to provide more time-based options to easily configure scheduling that currently must be set via a CRON expression. In addition to more user-friendly controls to select specific days, hours, minutes, etc., continue to provide the ability for CRON experienced users to enter an expression. For either method a user chooses, provide a clear narrative to summarize the schedule on which the processor will run. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Issue Comment Deleted] (NIFI-2115) Enhanced About Box Version Information
[ https://issues.apache.org/jira/browse/NIFI-2115?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2115: Comment: was deleted (was: I can work on putting together some ideas, but want to share a few thoughts to start. Please let me know what you all think. Things we could do soon(ish): * Keep the About dialog simple on the surface. Provide other version/build related details like commit hash, branch, date/time, etc. as an aside that is less prominent but still easy to get at. * Add system level information like Java version, vendor, OS, etc. in what is currently the System Diagnostics dialog (accessible from Summary). Probably makes sense to include version/build info here as well so it is in one place when someone needs it to report an issue, troubleshoot, etc. * When operating in a clustered environment, I think it would make sense to provide that same system level info per node from the Cluster Manager. Would be cool if (i.e., probably not so soon-ish): * From any error, relevant bulletin, notification, etc. in the UI, provide a mechanism for the user contact "help" (email to mailing list) or report a bug (file a jira) and automatically include the relevant facts one would need. * We implement a "dashboard" in the UI that one could _easily_ access all the information discussed here from a central location – basically a combination of summary, bulletins, diagnostics, stats, etc.) > Enhanced About Box Version Information > -- > > Key: NIFI-2115 > URL: https://issues.apache.org/jira/browse/NIFI-2115 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI, Tools and Build >Affects Versions: 1.0.0 >Reporter: James Wing >Assignee: James Wing >Priority: Minor > > The UI's About dialog and underlying API provide the version of NiFi, like > "0.7.0-SNAPSHOT". For many bug reports and troubleshooting requests, this is > not very precise, especially around rapidly changing code or > platform-dependent behavior. It would help if NiFi captured and displayed > additional information: > * NiFi build commit hash > * NiFi build branch > * NiFi build date/time > * Java Version > * Java Vendor (Oracle, OpenJDK) > * OS > Then a simple copy/paste from the about box would provide very specific > information about a particular NiFi installation and which code it was > derived from. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (NIFI-2115) Enhanced About Box Version Information
[ https://issues.apache.org/jira/browse/NIFI-2115?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15355436#comment-15355436 ] Rob Moran commented on NIFI-2115: - I can work on putting together some ideas, but want to share a few thoughts to start. Please let me know what you all think. Things we could do soon(ish): * Keep the About dialog simple on the surface. Provide other version/build related details like commit hash, branch, date/time, etc. as an aside that is less prominent but still easy to get at. * Add system level information like Java version, vendor, OS, etc. in what is currently the System Diagnostics dialog (accessible from Summary). Probably makes sense to include version/build info here as well so it is in one place when someone needs it to report an issue, troubleshoot, etc. * When operating in a clustered environment, I think it would make sense to provide that same system level info per node from the Cluster Manager. Would be cool if (i.e., probably not so soon-ish): * From any error, relevant bulletin, notification, etc. in the UI, provide a mechanism for the user contact "help" (email to mailing list) or report a bug (file a jira) and automatically include the relevant facts one would need. * We implement a "dashboard" in the UI that one could _easily_ access all the information discussed here from a central location – basically a combination of summary, bulletins, diagnostics, stats, etc. > Enhanced About Box Version Information > -- > > Key: NIFI-2115 > URL: https://issues.apache.org/jira/browse/NIFI-2115 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI, Tools and Build >Affects Versions: 1.0.0 >Reporter: James Wing >Assignee: James Wing >Priority: Minor > > The UI's About dialog and underlying API provide the version of NiFi, like > "0.7.0-SNAPSHOT". For many bug reports and troubleshooting requests, this is > not very precise, especially around rapidly changing code or > platform-dependent behavior. It would help if NiFi captured and displayed > additional information: > * NiFi build commit hash > * NiFi build branch > * NiFi build date/time > * Java Version > * Java Vendor (Oracle, OpenJDK) > * OS > Then a simple copy/paste from the about box would provide very specific > information about a particular NiFi installation and which code it was > derived from. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (NIFI-2115) Enhanced About Box Version Information
[ https://issues.apache.org/jira/browse/NIFI-2115?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15355429#comment-15355429 ] Rob Moran commented on NIFI-2115: - I can work on putting together some ideas, but want to share a few thoughts to start. Please let me know what you all think. Things we could do soon(ish): * Keep the About dialog simple on the surface. Provide other version/build related details like commit hash, branch, date/time, etc. as an aside that is less prominent but still easy to get at. * Add system level information like Java version, vendor, OS, etc. in what is currently the System Diagnostics dialog (accessible from Summary). Probably makes sense to include version/build info here as well so it is in one place when someone needs it to report an issue, troubleshoot, etc. * When operating in a clustered environment, I think it would make sense to provide that same system level info per node from the Cluster Manager. Would be cool if (i.e., probably not so soon-ish): * From any error, relevant bulletin, notification, etc. in the UI, provide a mechanism for the user contact "help" (email to mailing list) or report a bug (file a jira) and automatically include the relevant facts one would need. * We implement a "dashboard" in the UI that one could _easily_ access all the information discussed here from a central location – basically a combination of summary, bulletins, diagnostics, stats, etc. > Enhanced About Box Version Information > -- > > Key: NIFI-2115 > URL: https://issues.apache.org/jira/browse/NIFI-2115 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI, Tools and Build >Affects Versions: 1.0.0 >Reporter: James Wing >Assignee: James Wing >Priority: Minor > > The UI's About dialog and underlying API provide the version of NiFi, like > "0.7.0-SNAPSHOT". For many bug reports and troubleshooting requests, this is > not very precise, especially around rapidly changing code or > platform-dependent behavior. It would help if NiFi captured and displayed > additional information: > * NiFi build commit hash > * NiFi build branch > * NiFi build date/time > * Java Version > * Java Vendor (Oracle, OpenJDK) > * OS > Then a simple copy/paste from the about box would provide very specific > information about a particular NiFi installation and which code it was > derived from. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2141) Hide bulletin icon on components
Rob Moran created NIFI-2141: --- Summary: Hide bulletin icon on components Key: NIFI-2141 URL: https://issues.apache.org/jira/browse/NIFI-2141 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran When there is no bulletin for a component to call out, recommend hiding them. It is consistent with current behavior. Having them visible all the time only adds clutter and is a bit distracting on processors. When a bulletin does come in, everything should remain in place as it is now. The background-color will change to the warning color (#ba554a) and the bulletin icon will be white. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2140) Update preview image for Change Color dialog
Rob Moran created NIFI-2140:
---
Summary: Update preview image for Change Color dialog
Key: NIFI-2140
URL: https://issues.apache.org/jira/browse/NIFI-2140
Project: Apache NiFi
Issue Type: Sub-task
Reporter: Rob Moran
Let's try using just the processor icon (icon-processor) for the preview since
it accepts the color change. It can be larger – something like 64px.
Default is {code}fill:rgb(173, 152, 151){code}
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Created] (NIFI-2139) Provenance Event dialog – Content tab
Rob Moran created NIFI-2139: --- Summary: Provenance Event dialog – Content tab Key: NIFI-2139 URL: https://issues.apache.org/jira/browse/NIFI-2139 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran For Download, View, and (replay) Submit buttons, style the same (in appearance only) as the Advanced button described in NIFI-2050. * Apply 10px between the Download and View buttons * Change the name for the Submit button to 'REPLAY' * For replay-content-message (when replay content is not available), font-size should be 13px Please use these icons for each button: * fa-download for Download * fa-eye for View * fa-repeat for Replay -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2136) Provenance Event dialog – Attributes tab
Rob Moran created NIFI-2136:
---
Summary: Provenance Event dialog – Attributes tab
Key: NIFI-2136
URL: https://issues.apache.org/jira/browse/NIFI-2136
Project: Apache NiFi
Issue Type: Sub-task
Reporter: Rob Moran
Unless we are able to do NIFI-2081, the tabs need to also scroll with the
content to be consistent with the others :(
For the values list can we use a 2-column layout?
* Leave left column mainly as is, but remove 'previous' and 'no value set' label
* Add a right column with the heading 'Previous Values'
* For those that have been modified, repeat same stacked label/value (or 'no
value set') pairing
* For those not modified, show nothing (this is the current behavior I think)
* Corresponding current/previous values displayed in each column need to remain
horizontally aligned with one another so users can quickly compare them side by
side
For .unset class, ADD
{code}font-size:13px;{code}
For the 'only show modified' checkbox:
* Place the checkbox first, before the text
* Change the text to 'Show modified attributes only'
For #modified-attribute-toggle-label, ADD
{code}font-size:13px;{code}
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Created] (NIFI-2134) Provenance Event dialog – Details tab
Rob Moran created NIFI-2134: --- Summary: Provenance Event dialog – Details tab Key: NIFI-2134 URL: https://issues.apache.org/jira/browse/NIFI-2134 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran For the right column listing parent/child flowfiles: * Remove excess top/bottom margin around the headers (i.e., Parent FlowFiles & Child FlowFiles headings) * Parent FlowFiles heading should top align with the 'Time' label in the left column * Space below the each header should be 10px * For any FlowFile UUIDs that are listed, use the same stacked label/value style used in the left column -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Comment Edited] (NIFI-2099) Process group save confirmation dialog has no title text
[ https://issues.apache.org/jira/browse/NIFI-2099?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15351197#comment-15351197 ] Rob Moran edited comment on NIFI-2099 at 6/27/16 4:33 PM: -- As a quick fix we can add a title of 'Apply Change' to the confirmation dialog. *However* Going forward I recommend bypassing the use of a dialog in cases like this and offering inline validation. See *_nifi-2099_save-success_* as an example. It requires no follow on action from the user. This message should persist until the user makes another change or exits the configuration shell. And see *_nifi-2099_save-error_* as an example of when an error occurs. It goes on to provide access to error details for troubleshooting, requesting help, etc. was (Author: rmoran): As a quick fix we can add a title of 'Apply Change' to the confirmation dialog. *However* Going forward I recommend bypassing the use of a dialog in cases like this and offering inline validation. See *_NIFI-2099_save-success_* as an example. It requires no follow on action from the user. This message should persist until the user makes another change or exits the configuration shell. And see *_NIFI-2099_save-error_* as an example of when an error occurs. It goes on to provide access to error details for troubleshooting, requesting help, etc. > Process group save confirmation dialog has no title text > > > Key: NIFI-2099 > URL: https://issues.apache.org/jira/browse/NIFI-2099 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Affects Versions: 1.0.0 > Environment: Max OS X, Chrome >Reporter: Andrew Lim >Priority: Minor > Labels: UI > Fix For: 1.0.0 > > Attachments: NIFI-2099_PGnoTitle.png, NIFI-2099_save-error.png, > NIFI-2099_save-success.png > > > Changed the name of a Process Group and then selected "Apply". A dialog box > with the text "Process group configuration successfully saved." is shown, but > this box has no text labeling this window. > See attached screenshot. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2053) open/close palettes
[ https://issues.apache.org/jira/browse/NIFI-2053?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2053: Attachment: nifi-2053_palette-clickable-area.png See attachment *_nifi-2053_palette-clickable-area_* addressing clickable area, interaction detail, and styles. > open/close palettes > --- > > Key: NIFI-2053 > URL: https://issues.apache.org/jira/browse/NIFI-2053 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-2053_palette-clickable-area.png > > > Need to alter where the user clicks to open/close palettes. Also may want to > make these palettes draggable and resizeable so users can "dock" them > anywhere... -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2099) Process group save confirmation dialog has no title text
[ https://issues.apache.org/jira/browse/NIFI-2099?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2099: Attachment: NIFI-2099_save-success.png NIFI-2099_save-error.png > Process group save confirmation dialog has no title text > > > Key: NIFI-2099 > URL: https://issues.apache.org/jira/browse/NIFI-2099 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Affects Versions: 1.0.0 > Environment: Max OS X, Chrome >Reporter: Andrew Lim >Priority: Minor > Labels: UI > Fix For: 1.0.0 > > Attachments: NIFI-2099_PGnoTitle.png, NIFI-2099_save-error.png, > NIFI-2099_save-success.png > > > Changed the name of a Process Group and then selected "Apply". A dialog box > with the text "Process group configuration successfully saved." is shown, but > this box has no text labeling this window. > See attached screenshot. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (NIFI-2099) Process group save confirmation dialog has no title text
[ https://issues.apache.org/jira/browse/NIFI-2099?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15351197#comment-15351197 ] Rob Moran commented on NIFI-2099: - As a quick fix we can add a title of 'Apply Change' to the confirmation dialog. *However* Going forward I recommend bypassing the use of a dialog in cases like this and offering inline validation. See *_NIFI-2099_save-success_* as an example. It requires no follow on action from the user. This message should persist until the user makes another change or exits the configuration shell. And see *_NIFI-2099_save-error_* as an example of when an error occurs. It goes on to provide access to error details for troubleshooting, requesting help, etc. > Process group save confirmation dialog has no title text > > > Key: NIFI-2099 > URL: https://issues.apache.org/jira/browse/NIFI-2099 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Affects Versions: 1.0.0 > Environment: Max OS X, Chrome >Reporter: Andrew Lim >Priority: Minor > Labels: UI > Fix For: 1.0.0 > > Attachments: NIFI-2099_PGnoTitle.png > > > Changed the name of a Process Group and then selected "Apply". A dialog box > with the text "Process group configuration successfully saved." is shown, but > this box has no text labeling this window. > See attached screenshot. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2050) Advanced button blends with cancel button
[ https://issues.apache.org/jira/browse/NIFI-2050?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2050: Attachment: nifi-2050_advanced-button.png See attached *nifi-2050_advanced-button.png* * Uses the same basic styling as the cancel button * Positioned 20px off the left edge of the dialog * Include _fa-cog_ icon (size and color is the same as the DELETE button in the Operate palette) > Advanced button blends with cancel button > - > > Key: NIFI-2050 > URL: https://issues.apache.org/jira/browse/NIFI-2050 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-2050_advanced-button.png > > > UpdateAttribute Processor > Configure Processor: advanced button blends in > with cancel button. Need UX...maybe make it a link... > Also need to style the custom ui for the advanced dialog. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2111) Redesign Users layout and management workflows
Rob Moran created NIFI-2111: --- Summary: Redesign Users layout and management workflows Key: NIFI-2111 URL: https://issues.apache.org/jira/browse/NIFI-2111 Project: Apache NiFi Issue Type: Improvement Components: Core UI Reporter: Rob Moran *Background* The initial implementation of the Users table and features for adding, editing, grouping users is limited. Of particular concern is when the users list is quite large. There is also use the usual _table > row action > dialog_ workflow that sometimes can slow down users trying to perform basic tasks. *Proposed Ideas* Consider adding useful features such as search/filter to help users quickly find who they are looking for. Also consider the overall layout of the users section of the application. Perhaps a side by side layout – one side the list of users, the other side details or create/edit controls – can reduce the reliance on the dialog model and provide users a more effective workflow when managing users. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2108) Update favicon
[ https://issues.apache.org/jira/browse/NIFI-2108?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2108: Attachment: nifi-2108_favicon-sample.png nifi16.ico Files attached: # updated *nifi16.ico* to replace current one # *nifi-2108_favicon-sample.png* to show in browser tabs > Update favicon > -- > > Key: NIFI-2108 > URL: https://issues.apache.org/jira/browse/NIFI-2108 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran >Priority: Minor > Attachments: nifi-2108_favicon-sample.png, nifi16.ico > > > Attach updated file here when complete -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2109) Update radio buttons, checkboxes, etc. to angular/material design
Rob Moran created NIFI-2109: --- Summary: Update radio buttons, checkboxes, etc. to angular/material design Key: NIFI-2109 URL: https://issues.apache.org/jira/browse/NIFI-2109 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran Priority: Minor -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2108) Update favicon
Rob Moran created NIFI-2108: --- Summary: Update favicon Key: NIFI-2108 URL: https://issues.apache.org/jira/browse/NIFI-2108 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran Priority: Minor Attach updated file here when complete -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (NIFI-2082) When a node is disconnected from cluster, it should be made extremely obvious in the UI
[ https://issues.apache.org/jira/browse/NIFI-2082?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15346914#comment-15346914 ] Rob Moran commented on NIFI-2082: - [~markap14] – in a case like this do all the clustered nodes remain aware of the situation? * Does the disconnected node know that it _should_ be part of a cluster? * And do the remaining (connected) nodes in the cluster know that one is missing? If these answer yes, we can call attention to the cluster icon/node count in the flow status. The user can view a tooltip when hovering this area for details. I'd recommend doing even more to let the user know when they try to make a change to a disconnected node, but first want to make sure each node can be aware of what is happening. If no, well, that is not good... > When a node is disconnected from cluster, it should be made extremely obvious > in the UI > --- > > Key: NIFI-2082 > URL: https://issues.apache.org/jira/browse/NIFI-2082 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Mark Payne >Priority: Critical > Fix For: 1.0.0 > > > Because we now have a zero-master clustering paradigm, it's possible to open > the UI on a node that is disconnected from the cluster. In this case, changes > made to the UI will be accepted, but they will not be replicated to the > cluster. As a result, the flow will be out-of-sync with the cluster, and in > order to get the node back to the cluster, the changes would have to be > undone and the work potentially lost (user could create a template to save > the changes but may not know what all they changed). > The UI should make it very obvious that the node is disconnected and that any > changes that made will not be replicated to the cluster. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2096) Can't upload template using Firefox
[ https://issues.apache.org/jira/browse/NIFI-2096?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2096: Description: Tried in FF 40.0.2 and 47 >From the Templates shell, clicking the + icon does not trigger the system >prompt to choose a file. was: Tried in FF 42 and 47 >From the Templates shell, clicking the + icon does not trigger the system >prompt to choose a file. > Can't upload template using Firefox > --- > > Key: NIFI-2096 > URL: https://issues.apache.org/jira/browse/NIFI-2096 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran >Priority: Blocker > > Tried in FF 40.0.2 and 47 > From the Templates shell, clicking the + icon does not trigger the system > prompt to choose a file. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2096) Can't upload template using Firefox
Rob Moran created NIFI-2096: --- Summary: Can't upload template using Firefox Key: NIFI-2096 URL: https://issues.apache.org/jira/browse/NIFI-2096 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran Priority: Blocker Tried in FF 42 and 47 >From the Templates shell, clicking the + icon does not trigger the system >prompt to choose a file. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (NIFI-2069) Add option to UI to enter interpreted vs literal text
[
https://issues.apache.org/jira/browse/NIFI-2069?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15344387#comment-15344387
]
Rob Moran commented on NIFI-2069:
-
Thanks [~JPercivall] – just wanted to get some thoughts down and provide a few
visuals to help guide us. Like I said I think the design will change some over
time, but welcome any feedback on placement of controls and the language/terms
I proposed.
> Add option to UI to enter interpreted vs literal text
> --
>
> Key: NIFI-2069
> URL: https://issues.apache.org/jira/browse/NIFI-2069
> Project: Apache NiFi
> Issue Type: Improvement
>Reporter: Joseph Percivall
> Attachments: interpret-escape-sequences_nifi-2...@2x.png, mock-up.png
>
>
> In adding the PutTCP processor there has been some debate over accepting "\n"
> as the literal characters "\" and "n" vs the character for a new line.
> Currently the UI will pass the literal values and it's on the processor to
> decide what to do with them. Leading to multiple processors to interpret
> "\n", "\t" or "\r" entered in the UI as a new line, tab and carriage return
> respectively.
> It is reasonable for a user to want enter "\n" as a new line but it is also
> not correct to be inconsistent in how the user enters values throughout the
> UI. When entering a string in the UI there should be a second checkbox (next
> to "Empty") for "Interpreted" (name subject to change). This would allow
> users to select whether the values the enter are interpreted ("\n" -> new
> line character) vs literals ("\n" -> "\" and "\n"). Also this should allow
> for the support for entering unicode characters.
> In order to keep backwards compatibility the default would be not interpreted.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Updated] (NIFI-2081) Modify scrollable content
[ https://issues.apache.org/jira/browse/NIFI-2081?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2081: Attachment: scrolling-content-with-tabs_nifi-2081.png scrolling-content_nifi-2081.png > Modify scrollable content > - > > Key: NIFI-2081 > URL: https://issues.apache.org/jira/browse/NIFI-2081 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran > Attachments: scrolling-content-with-tabs_nifi-2081.png, > scrolling-content_nifi-2081.png > > > See attached samples. > Specifically thinking about dialogs – both with and without the presence of > tabs. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2081) Modify scrollable content
Rob Moran created NIFI-2081: --- Summary: Modify scrollable content Key: NIFI-2081 URL: https://issues.apache.org/jira/browse/NIFI-2081 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran See attached samples. Specifically thinking about dialogs – both with and without the presence of tabs. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2069) Add option to UI to enter interpreted vs literal text
[
https://issues.apache.org/jira/browse/NIFI-2069?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Rob Moran updated NIFI-2069:
Attachment: interpret-escape-sequences_nifi-2...@2x.png
See the attached *interpret-escape-sequences_nifi-2...@2x.png* for a sample of
how this could be implemented into the new design.
* Group the 'interpret' on/off control with the textarea as it directly affects
what is entered
* Visually separate the empty string checkbox as it will override/ignore any
value that was previously entered
* Use more descriptive language with all controls to better explain what each
will do
As the new design evolves we should look for opportunities to use
context-sensitive help that can provide users even more clarity as the interact
with the UI.
> Add option to UI to enter interpreted vs literal text
> --
>
> Key: NIFI-2069
> URL: https://issues.apache.org/jira/browse/NIFI-2069
> Project: Apache NiFi
> Issue Type: Improvement
>Reporter: Joseph Percivall
> Attachments: interpret-escape-sequences_nifi-2...@2x.png, mock-up.png
>
>
> In adding the PutTCP processor there has been some debate over accepting "\n"
> as the literal characters "\" and "n" vs the character for a new line.
> Currently the UI will pass the literal values and it's on the processor to
> decide what to do with them. Leading to multiple processors to interpret
> "\n", "\t" or "\r" entered in the UI as a new line, tab and carriage return
> respectively.
> It is reasonable for a user to want enter "\n" as a new line but it is also
> not correct to be inconsistent in how the user enters values throughout the
> UI. When entering a string in the UI there should be a second checkbox (next
> to "Empty") for "Interpreted" (name subject to change). This would allow
> users to select whether the values the enter are interpreted ("\n" -> new
> line character) vs literals ("\n" -> "\" and "\n"). Also this should allow
> for the support for entering unicode characters.
> In order to keep backwards compatibility the default would be not interpreted.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Updated] (NIFI-2073) Test new flowfont
[ https://issues.apache.org/jira/browse/NIFI-2073?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2073: Attachment: flowfont.zip > Test new flowfont > - > > Key: NIFI-2073 > URL: https://issues.apache.org/jira/browse/NIFI-2073 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran > Attachments: flowfont.zip > > > Need to test new flowfont files to see if positioning issues still exist. > _flowfont.zip is attached_ > This new version was generated with revised sizing, export settings, and > minor design updates. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2073) Test new flowfont
Rob Moran created NIFI-2073: --- Summary: Test new flowfont Key: NIFI-2073 URL: https://issues.apache.org/jira/browse/NIFI-2073 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran Need to test new flowfont files to see if positioning issues still exist. _flowfont.zip is attached_ This new version was generated with revised sizing, export settings, and minor design updates. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2038) Make component buttons larger and add grip across bottom
[
https://issues.apache.org/jira/browse/NIFI-2038?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Rob Moran updated NIFI-2038:
Description:
*For #header .component-button*
REMOVE
background-color: #aabbc3;
border-radius: 2px;
ADD
background: none;
height: 56px;
position: relative;
width: 56px;
*Could not find CSS where current hover state is being applied to
.component-button, but need to change background-color and and box-shadow*
(FOR COMPONENT-BUTTON HOVER STATE)
background-color: #e3e8eb;
box-shadow: 0 3px 6px rgba(0,0,0,0.3);
*For the button grip*
See the attached image (*component-button-sample.png*) mocked up using browser
dev tools.
This was created by adding {code}{code} within each {code}{code}
and applying this CSS class:
{code}.component-button-grip {
background:
repeating-linear-gradient(90deg,rgba(170,187,195,1),rgba(170,187,195,1)
4px,rgba(170,187,195,0) 4px,rgba(170,187,195,0) 6px);
bottom: 2px;
height: 4px;
left: 2px;
position: absolute;
width: 52px;
}{code}
The grip should also drag onto the canvas along with the icon. I don't believe
any changes are needed for this to happen.
was:
*For #header .component-button*
REMOVE
background-color: #aabbc3;
border-radius: 2px;
ADD
background: none;
height: 56px;
position: relative;
width: 56px;
*Could not find CSS where current hover state is being applied to
.component-button, but need to change background-color and and box-shadow*
(FOR COMPONENT-BUTTON HOVER STATE)
background-color: #e3e8eb;
box-shadow: 0 3px 6px rgba(0,0,0,0.3);
*For the button grip*
See the attached image (*component-button-sample.png*) mocked up using browser
dev tools.
This was created by adding {code}{code} to each {code}{code} and
applying this CSS class:
{code}.component-button-grip {
background:
repeating-linear-gradient(90deg,rgba(170,187,195,1),rgba(170,187,195,1)
4px,rgba(170,187,195,0) 4px,rgba(170,187,195,0) 6px);
bottom: 2px;
height: 4px;
left: 2px;
position: absolute;
width: 52px;
}{code}
The grip should also drag onto the canvas along with the icon. I don't believe
any changes are needed for this to happen.
> Make component buttons larger and add grip across bottom
>
>
> Key: NIFI-2038
> URL: https://issues.apache.org/jira/browse/NIFI-2038
> Project: Apache NiFi
> Issue Type: Sub-task
> Components: Core UI
>Reporter: Rob Moran
> Attachments: component-button-sample.png
>
>
> *For #header .component-button*
> REMOVE
> background-color: #aabbc3;
> border-radius: 2px;
>
> ADD
> background: none;
> height: 56px;
> position: relative;
> width: 56px;
>
> *Could not find CSS where current hover state is being applied to
> .component-button, but need to change background-color and and box-shadow*
> (FOR COMPONENT-BUTTON HOVER STATE)
> background-color: #e3e8eb;
> box-shadow: 0 3px 6px rgba(0,0,0,0.3);
> *For the button grip*
> See the attached image (*component-button-sample.png*) mocked up using
> browser dev tools.
> This was created by adding {code} class="component-button-grip">{code} within each {code}{code}
> and applying this CSS class:
> {code}.component-button-grip {
> background:
> repeating-linear-gradient(90deg,rgba(170,187,195,1),rgba(170,187,195,1)
> 4px,rgba(170,187,195,0) 4px,rgba(170,187,195,0) 6px);
> bottom: 2px;
> height: 4px;
> left: 2px;
> position: absolute;
> width: 52px;
> }{code}
> The grip should also drag onto the canvas along with the icon. I don't
> believe any changes are needed for this to happen.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Updated] (NIFI-2038) Make component buttons larger and add grip across bottom
[
https://issues.apache.org/jira/browse/NIFI-2038?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Rob Moran updated NIFI-2038:
Attachment: component-button-sample.png
> Make component buttons larger and add grip across bottom
>
>
> Key: NIFI-2038
> URL: https://issues.apache.org/jira/browse/NIFI-2038
> Project: Apache NiFi
> Issue Type: Sub-task
> Components: Core UI
>Reporter: Rob Moran
> Attachments: component-button-sample.png
>
>
> *For #header .component-button*
> REMOVE
> background-color: #aabbc3;
> border-radius: 2px;
>
> ADD
> background: none;
> height: 56px;
> position: relative;
> width: 56px;
>
> *Could not find CSS where current hover state is being applied to
> .component-button, but need to change background-color and and box-shadow*
> (FOR COMPONENT-BUTTON HOVER STATE)
> background-color: #e3e8eb;
> box-shadow: 0 3px 6px rgba(0,0,0,0.3);
> *For the button grip*
> See the attached image (*component-button-sample.png*) mocked up using
> browser dev tools.
> This was created by adding {code} class="component-button-grip">{code} to each {code}{code} and
> applying this CSS class:
> {code}.component-button-grip {
> background:
> repeating-linear-gradient(90deg,rgba(170,187,195,1),rgba(170,187,195,1)
> 4px,rgba(170,187,195,0) 4px,rgba(170,187,195,0) 6px);
> bottom: 2px;
> height: 4px;
> left: 2px;
> position: absolute;
> width: 52px;
> }{code}
> The grip should also drag onto the canvas along with the icon. I don't
> believe any changes are needed for this to happen.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Created] (NIFI-2038) Make component buttons larger and add grip across bottom
Rob Moran created NIFI-2038:
---
Summary: Make component buttons larger and add grip across bottom
Key: NIFI-2038
URL: https://issues.apache.org/jira/browse/NIFI-2038
Project: Apache NiFi
Issue Type: Sub-task
Reporter: Rob Moran
*For #header .component-button*
REMOVE
background-color: #aabbc3;
border-radius: 2px;
ADD
background: none;
height: 56px;
position: relative;
width: 56px;
*Could not find CSS where current hover state is being applied to
.component-button, but need to change background-color and and box-shadow*
(FOR COMPONENT-BUTTON HOVER STATE)
background-color: #e3e8eb;
box-shadow: 0 3px 6px rgba(0,0,0,0.3);
*For the button grip*
See the attached image (*component-button-sample.png*) mocked up using browser
dev tools.
This was created by adding {code}{code} to each {code}{code} and
applying this CSS class:
{code}.component-button-grip {
background:
repeating-linear-gradient(90deg,rgba(170,187,195,1),rgba(170,187,195,1)
4px,rgba(170,187,195,0) 4px,rgba(170,187,195,0) 6px);
bottom: 2px;
height: 4px;
left: 2px;
position: absolute;
width: 52px;
}{code}
The grip should also drag onto the canvas along with the icon. I don't believe
any changes are needed for this to happen.
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Updated] (NIFI-2036) Update NiFi logo in header
[ https://issues.apache.org/jira/browse/NIFI-2036?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2036: Attachment: nifi-logo.svg > Update NiFi logo in header > -- > > Key: NIFI-2036 > URL: https://issues.apache.org/jira/browse/NIFI-2036 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran > Attachments: nifi-logo.svg > > > Please update *nifi-logo.svg* with the new version attached in this ticket -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2037) Increase font-size for #header .icon, .fa
Rob Moran created NIFI-2037: --- Summary: Increase font-size for #header .icon, .fa Key: NIFI-2037 URL: https://issues.apache.org/jira/browse/NIFI-2037 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran *For #header .icon* CHANGE font-size: 30px; TO font-size: 32px; *For #header .fa* CHANGE font-size: 30px; TO font-size: 32px; -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2036) Update NiFi logo in header
Rob Moran created NIFI-2036: --- Summary: Update NiFi logo in header Key: NIFI-2036 URL: https://issues.apache.org/jira/browse/NIFI-2036 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran Please update *nifi-logo.svg* with the new version attached in this ticket -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: nifi-drop.svg) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drag-drop-compon...@2x.png, nifi-global-menu-pending-u...@2x.png, > nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drag-drop-component@2x* > To show updated component toolbar button style and user interaction > improvements > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: nifi-logo.svg) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drag-drop-compon...@2x.png, nifi-global-menu-pending-u...@2x.png, > nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drag-drop-component@2x* > To show updated component toolbar button style and user interaction > improvements > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2031) Global menu and button style changes
[ https://issues.apache.org/jira/browse/NIFI-2031?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2031: Description: Please make the following changes to the global menu and button: *For #global-menu-content:* REMOVE border-radius:2px; CHANGE padding:0; TO padding:3px 0; CHANGE box-shadow: 0 2px 3px rgba(0,0,0,0.35); TO box-shadow: 0 3px 6px rgba(0,0,0,0.3); *For #global-menu-button:* REMOVE border-top-left-radius: 2px; border-top-right-radius: 2px; margin: 0 10px; CHANGE border: 1px solid #aabbc3; TO border:0; ADD height:56px; width:63px; *For #global-menu-button:hover* CHANGE background-color: #c7d2d7; TO background-color:#e3e8eb; CHANGE box-shadow: 0 1px 1px rgba(0,0,0,0.15); TO box-shadow:0 3px 6px rgba(0,0,0,0.3); was: Please make the following changes to the global menu and button: *For #global-menu-content:* REMOVE border-radius:2px; CHANGE padding:0; TO padding:3px 0; CHANGE box-shadow: 0 2px 3px rgba(0,0,0,0.35); TO box-shadow: 0 3px 6px rgba(0,0,0,0.3); *For #global-menu-button:* REMOVE border-top-left-radius: 2px; border-top-right-radius: 2px; margin: 0 10px; CHANGE border: 1px solid #aabbc3; TO border:0; ADD height:56px; width:63px; *For #global-menu-button:hover* REMOVE box-shadow: 0 1px 1px rgba(0,0,0,0.15); > Global menu and button style changes > > > Key: NIFI-2031 > URL: https://issues.apache.org/jira/browse/NIFI-2031 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran >Priority: Minor > > Please make the following changes to the global menu and button: > *For #global-menu-content:* > REMOVE > border-radius:2px; > CHANGE > padding:0; > TO > padding:3px 0; > CHANGE > box-shadow: 0 2px 3px rgba(0,0,0,0.35); > TO > box-shadow: 0 3px 6px rgba(0,0,0,0.3); > *For #global-menu-button:* > REMOVE > border-top-left-radius: 2px; > border-top-right-radius: 2px; > margin: 0 10px; > CHANGE > border: 1px solid #aabbc3; > TO > border:0; > ADD > height:56px; > width:63px; > *For #global-menu-button:hover* > CHANGE > background-color: #c7d2d7; > TO > background-color:#e3e8eb; > CHANGE > box-shadow: 0 1px 1px rgba(0,0,0,0.15); > TO > box-shadow:0 3px 6px rgba(0,0,0,0.3); -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2013) Application of color on processors when changed
[ https://issues.apache.org/jira/browse/NIFI-2013?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2013: Description: *Apply the user's 'change color' selection to the processor icon.* Background: Currently, changing the color of a processor applies to the entire background. This can, depending on the user's choice of color, introduce readability issues. There is some thought around future capability to give users more choice in the type of icon to display for a processor, so it makes sense to apply this type of appearance customization to the icon itself. > Application of color on processors when changed > --- > > Key: NIFI-2013 > URL: https://issues.apache.org/jira/browse/NIFI-2013 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran > > *Apply the user's 'change color' selection to the processor icon.* > Background: > Currently, changing the color of a processor applies to the entire > background. This can, depending on the user's choice of color, introduce > readability issues. > There is some thought around future capability to give users more choice in > the type of icon to display for a processor, so it makes sense to apply this > type of appearance customization to the icon itself. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (NIFI-2024) New processor displayed as white rectangle on a white background in birdseye
[ https://issues.apache.org/jira/browse/NIFI-2024?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15331919#comment-15331919 ] Rob Moran commented on NIFI-2024: - See NIFI-2014 for components' bird's eye view colors > New processor displayed as white rectangle on a white background in birdseye > > > Key: NIFI-2024 > URL: https://issues.apache.org/jira/browse/NIFI-2024 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan > Fix For: 1.0.0 > > Attachments: screenshot-1.png > > > When adding a new processor to the canvas the birdseye view displays the > processor as a white rectangle. Since the background is white it is difficult > to see it. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (NIFI-2018) Update icons used in Context Menu
[
https://issues.apache.org/jira/browse/NIFI-2018?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15331859#comment-15331859
]
Rob Moran commented on NIFI-2018:
-
For context menus, please style the same as the global menu
(#global-menu-content)
EXCEPT, please use {code}color:#004849{code} for the color of the icons.
NOTE, NIFI-2031 outlines some style changes for #global-menu-content
> Update icons used in Context Menu
> -
>
> Key: NIFI-2018
> URL: https://issues.apache.org/jira/browse/NIFI-2018
> Project: Apache NiFi
> Issue Type: Sub-task
> Components: Core UI
>Reporter: Matt Gilman
>Priority: Minor
> Fix For: 1.0.0
>
>
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Commented] (NIFI-2018) Update icons used in Context Menu
[ https://issues.apache.org/jira/browse/NIFI-2018?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15331861#comment-15331861 ] Rob Moran commented on NIFI-2018: - List of context menu icons: *Configure; View configuration* fa-gear *Start* fa-play *Stop* fa-stop *Stats* fa-bar-chart *Data provenance* icon-provenance *Upstream connections; Downstream connections* icon-connect *Usage* fa-book *Change color* fa-paint-brush *Center in view* fa-crosshairs *Copy* fa-copy *Paste* fa-paste *Refresh* fa-refresh *Bring to front* fa-clone *Go to source* fa-long-arrow-left *Go to destination* fa-long-arrow-right *List queue* fa-list *Empty queue* fa-minus-circle *Enter group* fa-sign-in > Update icons used in Context Menu > - > > Key: NIFI-2018 > URL: https://issues.apache.org/jira/browse/NIFI-2018 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Matt Gilman >Priority: Minor > Fix For: 1.0.0 > > -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2031) Global menu and button style changes
Rob Moran created NIFI-2031: --- Summary: Global menu and button style changes Key: NIFI-2031 URL: https://issues.apache.org/jira/browse/NIFI-2031 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran Priority: Minor Please make the following changes to the global menu and button: *For #global-menu-content:* REMOVE border-radius:2px; CHANGE padding:0; TO padding:3px 0; CHANGE box-shadow: 0 2px 3px rgba(0,0,0,0.35); TO box-shadow: 0 3px 6px rgba(0,0,0,0.3); *For #global-menu-button:* REMOVE border-top-left-radius: 2px; border-top-right-radius: 2px; margin: 0 10px; CHANGE border: 1px solid #aabbc3; TO border:0; ADD height:56px; width:63px; *For #global-menu-button:hover* REMOVE box-shadow: 0 1px 1px rgba(0,0,0,0.15); -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2014) Component colors in bird's eye view
[ https://issues.apache.org/jira/browse/NIFI-2014?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2014: Attachment: component-colors.png > Component colors in bird's eye view > --- > > Key: NIFI-2014 > URL: https://issues.apache.org/jira/browse/NIFI-2014 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran > Attachments: component-colors.png > > > *Processor* > rgb(221,228,235) > #dde4eb > If a user changes the color of a processor, color the bird's eye view of that > processor in the user-specified color. > *Group* (Process Group and Remote Process Group) > rgb(114,142,155) > #728e9b > *Port* (all) > rgb(187,220,222) > #bbdcde > *Funnel* > rgb(173,152,151) > #ad9897 > *Label* > rgb(255,247,215) > #fff7d7 > Image sample attached. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-2014) Component colors in bird's eye view
[ https://issues.apache.org/jira/browse/NIFI-2014?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-2014: Description: *Processor* rgb(221,228,235) #dde4eb If a user changes the color of a processor, color the bird's eye view of that processor in the user-specified color. *Group* (Process Group and Remote Process Group) rgb(114,142,155) #728e9b *Port* (all) rgb(187,220,222) #bbdcde *Funnel* rgb(173,152,151) #ad9897 *Label* rgb(255,247,215) #fff7d7 Image sample attached. > Component colors in bird's eye view > --- > > Key: NIFI-2014 > URL: https://issues.apache.org/jira/browse/NIFI-2014 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Rob Moran > Attachments: component-colors.png > > > *Processor* > rgb(221,228,235) > #dde4eb > If a user changes the color of a processor, color the bird's eye view of that > processor in the user-specified color. > *Group* (Process Group and Remote Process Group) > rgb(114,142,155) > #728e9b > *Port* (all) > rgb(187,220,222) > #bbdcde > *Funnel* > rgb(173,152,151) > #ad9897 > *Label* > rgb(255,247,215) > #fff7d7 > Image sample attached. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2016) Update color of Label component
Rob Moran created NIFI-2016:
---
Summary: Update color of Label component
Key: NIFI-2016
URL: https://issues.apache.org/jira/browse/NIFI-2016
Project: Apache NiFi
Issue Type: Sub-task
Reporter: Rob Moran
Priority: Minor
Please change fill to:
{code}style="fill: rgb(255, 247, 215);"{code}
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
[jira] [Created] (NIFI-2014) Component colors in bird's eye view
Rob Moran created NIFI-2014: --- Summary: Component colors in bird's eye view Key: NIFI-2014 URL: https://issues.apache.org/jira/browse/NIFI-2014 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2013) Application of color on processors when changed
Rob Moran created NIFI-2013: --- Summary: Application of color on processors when changed Key: NIFI-2013 URL: https://issues.apache.org/jira/browse/NIFI-2013 Project: Apache NiFi Issue Type: Sub-task Reporter: Rob Moran -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2012) Reposition Navigate and Operate palette
Rob Moran created NIFI-2012: --- Summary: Reposition Navigate and Operate palette Key: NIFI-2012 URL: https://issues.apache.org/jira/browse/NIFI-2012 Project: Apache NiFi Issue Type: Sub-task Affects Versions: 1.0.0 Reporter: Rob Moran Priority: Minor Move these up to top left of the canvas (20px below flow status) -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2011) Set Navigate and Operate palette to be open by default
Rob Moran created NIFI-2011: --- Summary: Set Navigate and Operate palette to be open by default Key: NIFI-2011 URL: https://issues.apache.org/jira/browse/NIFI-2011 Project: Apache NiFi Issue Type: Sub-task Affects Versions: 1.0.0 Reporter: Rob Moran Priority: Critical This needs to done so users do not have to hunt for these controls when they first see the new design -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (NIFI-2010) UX edits and improvements
Rob Moran created NIFI-2010: --- Summary: UX edits and improvements Key: NIFI-2010 URL: https://issues.apache.org/jira/browse/NIFI-2010 Project: Apache NiFi Issue Type: Task Components: Core UI Affects Versions: 1.0.0 Reporter: Rob Moran Will create a series of subtasks to address UX issues as I review -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: flowfont.zip Attached updated *flowfont.zip* * Changed baseline to 14% > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drag-drop-compon...@2x.png, nifi-drop.svg, > nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drag-drop-component@2x* > To show updated component toolbar button style and user interaction > improvements > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: flowfont.zip) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drag-drop-compon...@2x.png, nifi-drop.svg, > nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drag-drop-component@2x* > To show updated component toolbar button style and user interaction > improvements > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: flowfont.zip Attached updated *flowfont.zip* * Added new _icon-lineage_ (0xe816) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drag-drop-compon...@2x.png, nifi-drop.svg, > nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drag-drop-component@2x* > To show updated component toolbar button style and user interaction > improvements > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: flowfont.zip) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drag-drop-compon...@2x.png, nifi-drop.svg, > nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drag-drop-component@2x* > To show updated component toolbar button style and user interaction > improvements > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: nifi-system-diagnostics-j...@2x.png nifi-system-diagnostics-j...@2x.png > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png, > nifi-add-template-select-m...@2x.png, nifi-add-templ...@2x.png, > nifi-create-connection-deta...@2x.png, > nifi-create-connection-setti...@2x.png, nifi-logo-about.svg, > nifi-system-diagnostics-j...@2x.png, nifi-system-diagnostics-j...@2x.png, > nifi-system-diagnostics-sys...@2x.png, nifi-ui-sh...@2x.png, > property-value-edit...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: (was: nifi-system-diagnostics-j...@2x.png) > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png, > nifi-add-template-select-m...@2x.png, nifi-add-templ...@2x.png, > nifi-create-connection-deta...@2x.png, > nifi-create-connection-setti...@2x.png, nifi-logo-about.svg, > nifi-system-diagnostics-sys...@2x.png, nifi-ui-sh...@2x.png, > property-value-edit...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: (was: nifi-system-diagnostics-j...@2x.png) > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png, > nifi-add-template-select-m...@2x.png, nifi-add-templ...@2x.png, > nifi-create-connection-deta...@2x.png, > nifi-create-connection-setti...@2x.png, nifi-logo-about.svg, > nifi-system-diagnostics-sys...@2x.png, nifi-ui-sh...@2x.png, > property-value-edit...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: nifi-system-diagnostics-sys...@2x.png nifi-system-diagnostics-j...@2x.png nifi-system-diagnostics-j...@2x.png > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png, > nifi-add-template-select-m...@2x.png, nifi-add-templ...@2x.png, > nifi-create-connection-deta...@2x.png, > nifi-create-connection-setti...@2x.png, nifi-logo-about.svg, > nifi-system-diagnostics-j...@2x.png, nifi-system-diagnostics-j...@2x.png, > nifi-system-diagnostics-sys...@2x.png, nifi-ui-sh...@2x.png, > property-value-edit...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Description: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drag-drop-component@2x* To show updated component toolbar button style and user interaction improvements *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-global-menu-pending-user@2x* Demonstrates a generic notification with an aggregate count that appears on the global menu icon. When the menu is displayed, the same notification (and individual count) appears in line with the corresponding item. *nifi-interaction-and-menu-samples.png* To demonstrate user interactions - hover states, tooltips, menus, etc. *nifi-lineage-graph-@800px* To show lineage graph with explicit action to get back to data provenance event list. *nifi-sample-flow-@800px* Shows a very useable UI down to around 800px in width. The thinking here is that at anything lower than this, the NiFi user experience will change to more of a monitoring and/or administrative type workflow. Future mockups will be created to illustrate this. *nifi-logo.svg* NiFi logo complete *nifi-sample-flow.png* Mockup of sample flow. Updated to show revised tool and status bars. Management related actions will move to a menu via mouseover (see _nifi-global-menu_). Added benefits here include reducing clutter and more user-friendly menu with text labels to reduce time spent scanning only a large set of icons. This also helps gain valuable viewport width in a browser (see _nifi-sample-flow-@800px_) *nifi-search-resu...@2x.png* Search results example *nifi-shell-sample-@800px* Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' table. was: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drag-drop-component@2x* To show updated component toolbar button style and user interaction improvements As the user hovers over the button: * the background color changes * a box-shadow is added * the icon changes to a version with a plus sign (icon-processor-add [0xe80d]) * a textured grab handle appears at the bottom * the cursor changes to an open hand (cursor:grab; cursor:-webkit-grab; cursor:-moz-grab;) As the user clicks on, holds, and drags the component button: * the component button reverts back to a normal state * the cursor changes to a closed hand (cursor:grabbing; cursor:-webkit-grabbing; cursor:-moz-grabbing;) * the only element dragged onto the graph is the add processor icon (icon-processor-add [0xe80d]) *nifi-drop.svg* NiFi logo without 'nifi
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Description: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drag-drop-component@2x* To show updated component toolbar button style and user interaction improvements As the user hovers over the button: * the background color changes * a box-shadow is added * the icon changes to a version with a plus sign (icon-processor-add [0xe80d]) * a textured grab handle appears at the bottom * the cursor changes to an open hand (cursor:grab; cursor:-webkit-grab; cursor:-moz-grab;) As the user clicks on, holds, and drags the component button: * the component button reverts back to a normal state * the cursor changes to a closed hand (cursor:grabbing; cursor:-webkit-grabbing; cursor:-moz-grabbing;) * the only element dragged onto the graph is the add processor icon (icon-processor-add [0xe80d]) *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-global-menu-pending-user@2x* Demonstrates a generic notification with an aggregate count that appears on the global menu icon. When the menu is displayed, the same notification (and individual count) appears in line with the corresponding item. *nifi-interaction-and-menu-samples.png* To demonstrate user interactions - hover states, tooltips, menus, etc. *nifi-lineage-graph-@800px* To show lineage graph with explicit action to get back to data provenance event list. *nifi-sample-flow-@800px* Shows a very useable UI down to around 800px in width. The thinking here is that at anything lower than this, the NiFi user experience will change to more of a monitoring and/or administrative type workflow. Future mockups will be created to illustrate this. *nifi-logo.svg* NiFi logo complete *nifi-sample-flow.png* Mockup of sample flow. Updated to show revised tool and status bars. Management related actions will move to a menu via mouseover (see _nifi-global-menu_). Added benefits here include reducing clutter and more user-friendly menu with text labels to reduce time spent scanning only a large set of icons. This also helps gain valuable viewport width in a browser (see _nifi-sample-flow-@800px_) *nifi-search-resu...@2x.png* Search results example *nifi-shell-sample-@800px* Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' table. was: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drag-drop-component@2x* *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-global-menu-pending-user@2x* Demonstrates
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: nifi-drag-drop-compon...@2x.png Attached *nifi-drag-drop-component.png* This mockup demonstrates an updated component toolbar button style and user interaction improvements. As the user hovers over the button: * the background color changes * a box-shadow is added * the icon changes to a version with a plus sign (flowfont – icon-processor-add – 0xe80d) * a textured grab handle appears at the bottom * the cursor changes to an open hand (cursor:grab; cursor:-webkit-grab; cursor:-moz-grab) As the user clicks on, holds, and drags the component button: * the component button reverts back to a normal state * the cursor changes to a closed hand (cursor:grabbing; cursor:-webkit-grabbing; cursor:-moz-grabbing) * the only element dragged onto the graph is the add processor icon (flowfont – icon-processor-add – 0xe80d) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drag-drop-compon...@2x.png, nifi-drop.svg, > nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Description: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drag-drop-component@2x* *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-global-menu-pending-user@2x* Demonstrates a generic notification with an aggregate count that appears on the global menu icon. When the menu is displayed, the same notification (and individual count) appears in line with the corresponding item. *nifi-interaction-and-menu-samples.png* To demonstrate user interactions - hover states, tooltips, menus, etc. *nifi-lineage-graph-@800px* To show lineage graph with explicit action to get back to data provenance event list. *nifi-sample-flow-@800px* Shows a very useable UI down to around 800px in width. The thinking here is that at anything lower than this, the NiFi user experience will change to more of a monitoring and/or administrative type workflow. Future mockups will be created to illustrate this. *nifi-logo.svg* NiFi logo complete *nifi-sample-flow.png* Mockup of sample flow. Updated to show revised tool and status bars. Management related actions will move to a menu via mouseover (see _nifi-global-menu_). Added benefits here include reducing clutter and more user-friendly menu with text labels to reduce time spent scanning only a large set of icons. This also helps gain valuable viewport width in a browser (see _nifi-sample-flow-@800px_) *nifi-search-resu...@2x.png* Search results example *nifi-shell-sample-@800px* Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' table. was: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-global-menu-pending-user@2x* Demonstrates a generic notification with an aggregate count that appears on the global menu icon. When the menu is displayed, the same notification (and individual count) appears in line with the corresponding item. *nifi-interaction-and-menu-samples.png* To demonstrate user interactions - hover states, tooltips, menus, etc. *nifi-lineage-graph-@800px* To show lineage graph with explicit action to get back to data provenance event list. *nifi-sample-flow-@800px* Shows a very useable UI down to around 800px in width. The thinking here is that at anything lower than this, the NiFi user experience will change to more of a monitoring and/or administrative type workflow. Future mockups will be created to illustrate this. *nifi-logo.svg*
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: flowfont.zip Attached updated *flowfont.zip* New: * icon-processor-add (0xe815) * icon-port-in-add (0xe814) * icon-port-out-add (0xe813) * icon-group-add (0xe80f) * icon-group-remote-add (0xe812) * icon-funnel-add (0xe8 00) * icon-template-add (0xe80e) * icon-label-add (0xe80d) Updated: * icon-template-save _replaces_ icon-template-create (0xe811) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: flowfont.zip) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: nifi-global-menu-pending-u...@2x.png > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-search-resu...@2x.png* > Search results example > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Description: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-global-menu-pending-user@2x* Demonstrates a generic notification with an aggregate count that appears on the global menu icon. When the menu is displayed, the same notification (and individual count) appears in line with the corresponding item. *nifi-interaction-and-menu-samples.png* To demonstrate user interactions - hover states, tooltips, menus, etc. *nifi-lineage-graph-@800px* To show lineage graph with explicit action to get back to data provenance event list. *nifi-sample-flow-@800px* Shows a very useable UI down to around 800px in width. The thinking here is that at anything lower than this, the NiFi user experience will change to more of a monitoring and/or administrative type workflow. Future mockups will be created to illustrate this. *nifi-logo.svg* NiFi logo complete *nifi-sample-flow.png* Mockup of sample flow. Updated to show revised tool and status bars. Management related actions will move to a menu via mouseover (see _nifi-global-menu_). Added benefits here include reducing clutter and more user-friendly menu with text labels to reduce time spent scanning only a large set of icons. This also helps gain valuable viewport width in a browser (see _nifi-sample-flow-@800px_) *nifi-search-resu...@2x.png* Search results example *nifi-shell-sample-@800px* Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' table. was: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-global-menu-pending-user@2x* Demonstrates a generic notification with an aggregate count that appears on the global menu icon. When the menu is displayed, the same notification (and individual count) appears in line with the corresponding item. *nifi-interaction-and-menu-samples.png* To demonstrate user interactions - hover states, tooltips, menus, etc. *nifi-lineage-graph-@800px* To show lineage graph with explicit action to get back to data provenance event list. *nifi-sample-flow-@800px* Shows a very useable UI down to around 800px in width. The thinking here is that at anything lower than this, the NiFi user experience will change to more of a monitoring and/or administrative type workflow. Future mockups will be created to illustrate this. *nifi-logo.svg* NiFi logo complete
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: nifi-search-resu...@2x.png Attached *nifi-search-results@2x* Search results display as an extension of the search input field, spanning the available vertical height between the flow status and breadcrumb containers. It should be the same width as the search input field so that the left borders align. A slight opacity set on the results container's background color. At the top a count indicates the number of results. In the future, perhaps we include a way to 'Customize' what results are returned. Results are displayed in a consistent format – icon, name, processor/component type. Below this appears what item the search has matched on, followed by the value associated with the item. A property name and its value should always be displayed together. If the match occurs in the name or processor/component type, that is all that needs to be shown. The matching search string is highlighted wherever a match occurs. Overflow will scroll within the available container height. When clicking on a result, the canvas will reposition so that component is centered in view on the canvas and is selected. When this happens, the results container should go away, but the search string entered by the user should remain in the search input field. This way, if the user needs to search again, they can start from where they left off. > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu-pending-u...@2x.png, nifi-global-menu.png, > nifi-interaction-and-menu-samples.png, nifi-lineage-gra...@800px.png, > nifi-logo.svg, nifi-sample-fl...@800px.png, nifi-sample-flow.png, > nifi-search-resu...@2x.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-global-menu-pending-user@2x* > Demonstrates a generic notification with an aggregate count that appears on > the global menu icon. When the menu is displayed, the same notification (and > individual count) appears in line with the corresponding item. > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Description: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-global-menu-pending-user@2x* Demonstrates a generic notification with an aggregate count that appears on the global menu icon. When the menu is displayed, the same notification (and individual count) appears in line with the corresponding item. *nifi-interaction-and-menu-samples.png* To demonstrate user interactions - hover states, tooltips, menus, etc. *nifi-lineage-graph-@800px* To show lineage graph with explicit action to get back to data provenance event list. *nifi-sample-flow-@800px* Shows a very useable UI down to around 800px in width. The thinking here is that at anything lower than this, the NiFi user experience will change to more of a monitoring and/or administrative type workflow. Future mockups will be created to illustrate this. *nifi-logo.svg* NiFi logo complete *nifi-sample-flow.png* Mockup of sample flow. Updated to show revised tool and status bars. Management related actions will move to a menu via mouseover (see _nifi-global-menu_). Added benefits here include reducing clutter and more user-friendly menu with text labels to reduce time spent scanning only a large set of icons. This also helps gain valuable viewport width in a browser (see _nifi-sample-flow-@800px_) *nifi-shell-sample-@800px* Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' table. was: (I will attach mockups and supporting files as they become available) I am starting to work on a design to modernize the look and feel of the NiFi UI. The initial focus of the design is to freshen the UI (flat design, SVG icons, etc.). Additionally, the new design will propose usability improvements such as exposing more flow-related actions into collapsible panes, improving hierarchy of information, etc. Going forward, the design plan is to help lay the foundation for other UI/UX related issues such as those documented in NIFI-951. --- *flowfont.zip* Contains icon font and supporting files *nifi-add-processor-dialog.png* Dialog sample. This sample shows the 'Add Processor' dialog. *nifi-component-samples.png* To show styling for all components, as well as those components when a user is unauthorized to access. *nifi-configure-processor-properties* *nifi-configure-processor-properties-set-value* *nifi-configure-processor-scheduling* *nifi-configure-processor-settings* Configure Processor dialog. See related Comments below (in Activity section). *nifi-dialog-sample-@800px* Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab of a provenance event. *nifi-drop.svg* NiFi logo without 'nifi *nifi-global-menu* To show global menu *nifi-interaction-and-menu-samples.png* To demonstrate user interactions - hover states, tooltips, menus, etc. *nifi-lineage-graph-@800px* To show lineage graph with explicit action to get back to data provenance event list. *nifi-sample-flow-@800px* Shows a very useable UI down to around 800px in width. The thinking here is that at anything lower than this, the NiFi user experience will change to more of a monitoring and/or administrative type workflow. Future mockups will be created to illustrate this. *nifi-logo.svg* NiFi logo complete *nifi-sample-flow.png* Mockup of sample flow. Updated to show revised tool and status bars. Management related actions will move to a menu via mouseover (see _nifi-global-menu_). Added benefits here include reducing clutter and more user-friendly menu with text labels to reduce time spent scanning only a large set of
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: flowfont.zip Attached updated *flowfont.zip* # Updated icon-template (0xe809) # New icon-template-import (0xe810) # New icon-template-create (0xe811) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: flowfont.zip) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: nifi-add-templ...@2x.png nifi-add-template-select-m...@2x.png > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png, > nifi-add-template-select-m...@2x.png, nifi-add-templ...@2x.png, > nifi-create-connection-deta...@2x.png, > nifi-create-connection-setti...@2x.png, nifi-logo-about.svg, > nifi-ui-sh...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: nifi-logo-about.svg SVG of logo for About Apache NiFi dialog > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png, > nifi-create-connection-deta...@2x.png, > nifi-create-connection-setti...@2x.png, nifi-logo-about.svg, > nifi-ui-sh...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: nifi-create-connection-setti...@2x.png nifi-create-connection-deta...@2x.png > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png, > nifi-create-connection-deta...@2x.png, > nifi-create-connection-setti...@2x.png, nifi-ui-sh...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: nifi-ui-sh...@2x.png > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png, nifi-ui-sh...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: (was: nifi-about-dia...@2x.png) > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1879) UI - Refresh Dialogs
[ https://issues.apache.org/jira/browse/NIFI-1879?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1879: Attachment: nifi-about-dia...@2x.png > UI - Refresh Dialogs > > > Key: NIFI-1879 > URL: https://issues.apache.org/jira/browse/NIFI-1879 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Scott Aslan >Assignee: Scott Aslan > Fix For: 1.0.0 > > Attachments: nifi-about-dia...@2x.png > > > AC: > -New Component dialogs > --processor > --input port > --output port > --group > --remote group > --template > -Global menu dialogs > --about -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15278089#comment-15278089 ] Rob Moran commented on MINIFI-32: - Attached *minifi-logo-samples.png* to reference individual SVG files found in the attached *minifi-logo-svg-files.zip* > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Priority: Minor > Attachments: minifi-logo-samples.png, minifi-logo-svg-files.zip > > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated MINIFI-32: Attachment: minifi-logo-svg-files.zip minifi-logo-samples.png > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Priority: Minor > Attachments: minifi-logo-samples.png, minifi-logo-svg-files.zip > > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated MINIFI-32: Attachment: (was: logo-minifi.png) > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Priority: Minor > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15277980#comment-15277980 ] Rob Moran commented on MINIFI-32: - Sounds good. I will work on getting those ready. > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Priority: Minor > Attachments: logo-minifi.png > > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: nifi-component-samples.png) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: flowfont.zip Removed _icon-bulletin_ Added _added icon-connect-add_ > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: flowfont.zip) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: flowfont.zip Updated to only include custom icons > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: flowfont.zip) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15264443#comment-15264443 ] Rob Moran commented on MINIFI-32: - Thanks for taking a look, Joe. The NiFi logo type has always been in lowercase. That treatment actually goes back even before open source days. In written documentation it obviously differs, but it's consistently been done that way from early on. I went back and forth a lot on emphasizing a certain portion of the name using different colors, but settled on a single color because there are obviously several ways to look at it. I also thought it would add to confusion regarding pronunciation. > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Priority: Minor > Attachments: logo-minifi.png > > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (MINIFI-31) Establish web content for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-31?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15264059#comment-15264059 ] Rob Moran commented on MINIFI-31: - Created MINIFI-32 for the design of a MiNiFi logo > Establish web content for MiNiFi > > > Key: MINIFI-31 > URL: https://issues.apache.org/jira/browse/MINIFI-31 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Aldrin Piri >Assignee: Aldrin Piri >Priority: Minor > > Information on the MiNiFi effort needs to be readily consumable and made > available as part of the Apache NiFi site. This should include references to > the source repositories, Wiki pages, and the like. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Created] (MINIFI-32) Design logo for MiNiFi
Rob Moran created MINIFI-32: --- Summary: Design logo for MiNiFi Key: MINIFI-32 URL: https://issues.apache.org/jira/browse/MINIFI-32 Project: Apache NiFi MiNiFi Issue Type: Task Components: Documentation Reporter: Rob Moran Priority: Minor Attachments: logo-minifi.png The proposed design of the MiNiFi logo aims to visually capture several key concepts: * lighter in weight and a smaller footprint relative to NiFi * operating farther out, at the "edge" or source of data creation * circular or bi-directional movement of control/data between the edge and core Additionally, the logo should communicate its close relationship to the NiFi brand. The proposed design uses a variation of the original typeface and color palette used in the NiFi brand, along with a representation of the water drop seen in NiFi's logo. The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (MINIFI-32) Design logo for MiNiFi
[ https://issues.apache.org/jira/browse/MINIFI-32?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated MINIFI-32: Attachment: logo-minifi.png > Design logo for MiNiFi > -- > > Key: MINIFI-32 > URL: https://issues.apache.org/jira/browse/MINIFI-32 > Project: Apache NiFi MiNiFi > Issue Type: Task > Components: Documentation >Reporter: Rob Moran >Priority: Minor > Attachments: logo-minifi.png > > > The proposed design of the MiNiFi logo aims to visually capture several key > concepts: > * lighter in weight and a smaller footprint relative to NiFi > * operating farther out, at the "edge" or source of data creation > * circular or bi-directional movement of control/data between the edge and > core > Additionally, the logo should communicate its close relationship to the NiFi > brand. The proposed design uses a variation of the original typeface and > color palette used in the NiFi brand, along with a representation of the > water drop seen in NiFi's logo. > The proposed design can be see in the attached image. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: flowfont.zip > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: flowfont.zip) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1781) Update UI to reflect component level authorization
[ https://issues.apache.org/jira/browse/NIFI-1781?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1781: Attachment: nifi-sample-flow.png nifi-component-samples.png *nifi-sample-flow* Shows an unauthorized processor and outbound connection on the canvas. *nifi-component-samples* Sample to show all components in authorized/unauthorized states. > Update UI to reflect component level authorization > -- > > Key: NIFI-1781 > URL: https://issues.apache.org/jira/browse/NIFI-1781 > Project: Apache NiFi > Issue Type: Sub-task > Components: Core UI >Reporter: Matt Gilman >Assignee: Matt Gilman > Fix For: 1.0.0 > > Attachments: nifi-component-samples.png, nifi-sample-flow.png > > > - Update to UI to visual access level per component -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: (was: flowfont.zip) > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Updated] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ] Rob Moran updated NIFI-1323: Attachment: flowfont.zip > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
[jira] [Commented] (NIFI-1323) UI visual design enhancement
[ https://issues.apache.org/jira/browse/NIFI-1323?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel=15237908#comment-15237908 ] Rob Moran commented on NIFI-1323: - Updated these two to show examples of components that a user may be unauthorized to access. *nifi-sample-flow* *nifi-component-samples* > UI visual design enhancement > > > Key: NIFI-1323 > URL: https://issues.apache.org/jira/browse/NIFI-1323 > Project: Apache NiFi > Issue Type: Improvement > Components: Core UI >Affects Versions: 1.0.0 >Reporter: Rob Moran >Priority: Trivial > Attachments: flowfont.zip, nifi-add-processor-dialog.png, > nifi-component-samples.png, > nifi-configure-processor-properties-set-value.png, > nifi-configure-processor-properties.png, > nifi-configure-processor-scheduling.png, > nifi-configure-processor-settings.png, nifi-dialog-samp...@800px.png, > nifi-drop.svg, nifi-global-menu.png, nifi-interaction-and-menu-samples.png, > nifi-lineage-gra...@800px.png, nifi-logo.svg, nifi-sample-fl...@800px.png, > nifi-sample-flow.png, nifi-shell-samp...@800px.png > > > (I will attach mockups and supporting files as they become available) > I am starting to work on a design to modernize the look and feel of the NiFi > UI. The initial focus of the design is to freshen the UI (flat design, SVG > icons, etc.). Additionally, the new design will propose usability > improvements such as exposing more flow-related actions into collapsible > panes, improving hierarchy of information, etc. > Going forward, the design plan is to help lay the foundation for other UI/UX > related issues such as those documented in NIFI-951. > --- > *flowfont.zip* > Contains icon font and supporting files > *nifi-add-processor-dialog.png* > Dialog sample. This sample shows the 'Add Processor' dialog. > *nifi-component-samples.png* > To show styling for all components, as well as those components when a user > is unauthorized to access. > *nifi-configure-processor-properties* > *nifi-configure-processor-properties-set-value* > *nifi-configure-processor-scheduling* > *nifi-configure-processor-settings* > Configure Processor dialog. See related Comments below (in Activity section). > *nifi-dialog-sample-@800px* > Dialog sample in 800px wide viewport. This sample shows the the 'Details' tab > of a provenance event. > *nifi-drop.svg* > NiFi logo without 'nifi > *nifi-global-menu* > To show global menu > *nifi-interaction-and-menu-samples.png* > To demonstrate user interactions - hover states, tooltips, menus, etc. > *nifi-lineage-graph-@800px* > To show lineage graph with explicit action to get back to data provenance > event list. > *nifi-sample-flow-@800px* > Shows a very useable UI down to around 800px in width. The thinking here is > that at anything lower than this, the NiFi user experience will change to > more of a monitoring and/or administrative type workflow. Future mockups will > be created to illustrate this. > *nifi-logo.svg* > NiFi logo complete > *nifi-sample-flow.png* > Mockup of sample flow. Updated to show revised tool and status bars. > Management related actions will move to a menu via mouseover (see > _nifi-global-menu_). Added benefits here include reducing clutter and more > user-friendly menu with text labels to reduce time spent scanning only a > large set of icons. This also helps gain valuable viewport width in a browser > (see _nifi-sample-flow-@800px_) > *nifi-shell-sample-@800px* > Shell sample in 800px wide viewport. This sample shows the 'Data Provenance' > table. -- This message was sent by Atlassian JIRA (v6.3.4#6332)
