Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(ui5-illustrated-message): Added illustrations to the default set #4587

Merged
merged 4 commits into from
Jan 21, 2022
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 51 additions & 9 deletions packages/fiori/bundle.common.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,59 @@
import "./dist/features/CoPilotAnimation.js";

// FIORI illustrations
import "./dist/illustrations/UnableToUpload.js";
import "./dist/illustrations/UnableToLoad.js";
import "./dist/illustrations/NoTasks.js";
import "./dist/illustrations/NoSearchResults.js";
import "./dist/illustrations/NoSavedItems.js";
import "./dist/illustrations/NoNotifications.js";
import "./dist/illustrations/BeforeSearch.js";
import "./dist/illustrations/NoActivities.js";
import "./dist/illustrations/NoData.js";
import "./dist/illustrations/NoMail.js";
import "./dist/illustrations/NoMail_v1.js";
import "./dist/illustrations/NoEntries.js";
import "./dist/illustrations/NoData.js";
import "./dist/illustrations/NoActivities.js";
import "./dist/illustrations/BeforeSearch";
import "./dist/illustrations/NoNotifications.js";
import "./dist/illustrations/NoSavedItems.js";
import "./dist/illustrations/NoSavedItems_v1.js";
import "./dist/illustrations/NoSearchResults.js";
import "./dist/illustrations/NoTasks.js";
import "./dist/illustrations/NoTasks_v1.js";
import "./dist/illustrations/UnableToLoad.js";
import "./dist/illustrations/UnableToLoadImage.js";
import "./dist/illustrations/UnableToUpload.js";
import "./dist/illustrations/AddColumn.js";
import "./dist/illustrations/AddPeople.js";
import "./dist/illustrations/BalloonSky.js";
import "./dist/illustrations/Connection.js";
import "./dist/illustrations/EmptyCalendar.js";
import "./dist/illustrations/EmptyList.js";
import "./dist/illustrations/EmptyPlanningCalendar.js";
import "./dist/illustrations/ErrorScreen.js";
import "./dist/illustrations/FilterTable.js";
import "./dist/illustrations/GroupTable.js";
import "./dist/illustrations/NoFilterResults.js";
import "./dist/illustrations/PageNotFound.js";
import "./dist/illustrations/ReloadScreen.js";
import "./dist/illustrations/ResizeColumn.js";
import "./dist/illustrations/SearchEarth.js";
import "./dist/illustrations/SearchFolder.js";
import "./dist/illustrations/SimpleBalloon.js";
import "./dist/illustrations/SimpleBell.js";
import "./dist/illustrations/SimpleCalendar.js";
import "./dist/illustrations/SimpleCheckMark.js";
import "./dist/illustrations/SimpleConnection.js";
import "./dist/illustrations/SimpleEmptyDoc.js";
import "./dist/illustrations/SimpleEmptyList.js";
import "./dist/illustrations/SimpleError.js";
import "./dist/illustrations/SimpleMagnifier.js";
import "./dist/illustrations/SimpleMail.js";
import "./dist/illustrations/SimpleNoSavedItems.js";
import "./dist/illustrations/SimpleNotFoundMagnifier.js";
import "./dist/illustrations/SimpleReload.js";
import "./dist/illustrations/SimpleTask.js";
import "./dist/illustrations/SleepingBell.js";
import "./dist/illustrations/SortColumn.js";
import "./dist/illustrations/SuccessBalloon.js";
import "./dist/illustrations/SuccessCheckMark.js";
import "./dist/illustrations/SuccessHighFive.js";
import "./dist/illustrations/SuccessScreen.js";
import "./dist/illustrations/Tent.js";
import "./dist/illustrations/UploadCollection.js";
import "./dist/illustrations/tnt/CodePlaceholder";
import "./dist/illustrations/tnt/Company";
import "./dist/illustrations/tnt/ExternalLink";
Expand Down
44 changes: 43 additions & 1 deletion packages/fiori/src/IllustratedMessage.js
Original file line number Diff line number Diff line change
Expand Up @@ -67,14 +67,56 @@ const metadata = {
* <li><code>BeforeSearch</code></li>
* <li><code>NoActivities</code></li>
* <li><code>NoData</code></li>
* <li><code>NoEntries</code></li>
* <li><code>NoMail</code></li>
* <li><code>NoMail_v1</code></li>
* <li><code>NoEntries</code></li>
* <li><code>NoNotifications</code></li>
* <li><code>NoSavedItems</code></li>
* <li><code>NoSavedItems_v1</code></li>
* <li><code>NoSearchResults</code></li>
* <li><code>NoTasks</code></li>
* <li><code>NoTasks_v1</code></li>
* <li><code>UnableToLoad</code></li>
* <li><code>UnableToLoadImage</code></li>
* <li><code>UnableToUpload</code></li>
* <li><code>AddColumn</code></li>
* <li><code>AddPeople</code></li>
* <li><code>BalloonSky</code></li>
* <li><code>Connection</code></li>
* <li><code>EmptyCalendar</code></li>
* <li><code>EmptyList</code></li>
* <li><code>EmptyPlanningCalendar</code></li>
* <li><code>ErrorScreen</code></li>
* <li><code>FilterTable</code></li>
* <li><code>GroupTable</code></li>
* <li><code>NoFilterResults</code></li>
* <li><code>PageNotFound</code></li>
* <li><code>ReloadScreen</code></li>
* <li><code>ResizeColumn</code></li>
* <li><code>SearchEarth</code></li>
* <li><code>SearchFolder</code></li>
* <li><code>SimpleBalloon</code></li>
* <li><code>SimpleBell</code></li>
* <li><code>SimpleCalendar</code></li>
* <li><code>SimpleCheckMark</code></li>
* <li><code>SimpleConnection</code></li>
* <li><code>SimpleEmptyDoc</code></li>
* <li><code>SimpleEmptyList</code></li>
* <li><code>SimpleError</code></li>
* <li><code>SimpleMagnifier</code></li>
* <li><code>SimpleMail</code></li>
* <li><code>SimpleNoSavedItems</code></li>
* <li><code>SimpleNotFoundMagnifier</code></li>
* <li><code>SimpleReload</code></li>
* <li><code>SimpleTask</code></li>
* <li><code>SleepingBell</code></li>
* <li><code>SortColumn</code></li>
* <li><code>SuccessBalloon</code></li>
* <li><code>SuccessCheckMark</code></li>
* <li><code>SuccessHighFive</code></li>
* <li><code>SuccessScreen</code></li>
* <li><code>Tent</code></li>
* <li><code>UploadCollection</code></li>
* <li><code>TntCompany</code></li>
* <li><code>TntExternalLink</code></li>
* <li><code>TntFaceID</code></li>
Expand Down
78 changes: 78 additions & 0 deletions packages/fiori/src/i18n/messagebundle.properties
Original file line number Diff line number Diff line change
Expand Up @@ -259,11 +259,89 @@ IM_TITLE_UNABLETOLOAD=Unable to load data
#XTXT: IllustratedMessage's subtitle for the UnableToLoad illustration
IM_SUBTITLE_UNABLETOLOAD=Check your internet connection. If that''s not it, try reloading. If that still doesn''t help, check with your administrator.

#XTIT: IllustratedMessage's title for the UnableToLoadImage illustration
IM_TITLE_UNABLETOLOADIMAGE=Unable to load image

#XTXT: IllustratedMessage's subtitle for the UnableToLoadImage illustration
IM_SUBTITLE_UNABLETOLOADIMAGE=We couldn''t find the image at the specified location, or the server isn''t responding.

#XTIT: IllustratedMessage's title for the UnableToUpload illustration
IM_TITLE_UNABLETOUPLOAD=Unable to upload data

#XTXT: IllustratedMessage's subtitle for the UnableToUpload illustration
IM_SUBTITLE_UNABLETOUPLOAD=Check your internet connection. If that''s not it, check the file format and file size. Otherwise, contact your administrator.

#XTIT: IllustratedMessage's title for the AddColumn illustration
IM_TITLE_ADDCOLUMN=Looks like there''s free space

#XTXT: IllustratedMessage's description for the AddColumn illustration
IM_SUBTITLE_ADDCOLUMN=You can add more columns in the table settings.

#XTIT: IllustratedMessage's title for the AddPeople illustration
IM_TITLE_ADDPEOPLE=You''ve not added anyone to the calendar yet

#XTXT: IllustratedMessage's description for the AddPeople illustration
IM_SUBTITLE_ADDPEOPLE=Do you want to add someone now?

#XTIT: IllustratedMessage's title for the BalloonSky illustration
IM_TITLE_BALLOONSKY=You''ve been appreciated!

#XTXT: IllustratedMessage's description for the BalloonSky illustration
IM_SUBTITLE_BALLOONSKY=Keep up the great work!

#XTIT: IllustratedMessage's title for the EmptyPlanningCalendar illustration
IM_TITLE_EMPTYPLANNINGCALENDAR=Nothing planned yet

#XTXT: IllustratedMessage's description for the EmptyPlanningCalendar illustration
IM_SUBTITLE_EMPTYPLANNINGCALENDAR=There are no activities in this time frame.

#XTIT: IllustratedMessage's title for the FilterTable illustration
IM_TITLE_FILTERTABLE=Filter options are available

#XTXT: IllustratedMessage's description for the FilterTable illustration
IM_SUBTITLE_FILTERTABLE=Filters help you focus on what''s most relevant for you.

#XTIT: IllustratedMessage's title for the GroupTable illustration
IM_TITLE_GROUPTABLE=Try grouping items for a better overview

#XTXT: IllustratedMessage's description for the GroupTable illustration
IM_SUBTITLE_GROUPTABLE=You can choose grouping categories in the group settings.

#XTIT: IllustratedMessage's title for the NoFilterResults illustration
IM_TITLE_NOFILTERRESULTS=No results found

#XTXT: IllustratedMessage's description for the NoFilterResults illustration
IM_SUBTITLE_NOFILTERRESULTS=Try adjusting your filter criteria.

#XTIT: IllustratedMessage's title for the PageNotFound illustration
IM_TITLE_PAGENOTFOUND=Sorry, we can''t find this page

#XTXT: IllustratedMessage's description for the PageNotFound illustration
IM_SUBTITLE_PAGENOTFOUND=Please check the URL you are using to call the app.

#XTIT: IllustratedMessage's title for the ResizeColumn illustration
IM_TITLE_RESIZECOLUMN=Choose your own column width

#XTXT: IllustratedMessage's description for the ResizeColumn illustration
IM_SUBTITLE_RESIZECOLUMN=You can resize columns by dragging the column borders.

#XTIT: IllustratedMessage's title for the SortColumn illustration
IM_TITLE_SORTCOLUMN=Not seeing the most important items first?

#XTXT: IllustratedMessage's description for the SortColumn illustration
IM_SUBTITLE_SORTCOLUMN=Choose the sort criteria in the sort settings.

#XTIT: IllustratedMessage's title for the SuccessScreen illustration
IM_TITLE_SUCCESSSCREEN=Nicely done!

#XTXT: IllustratedMessage's description for the SuccessScreen illustration
IM_SUBTITLE_SUCCESSSCREEN=You completed all your learning assignments.

#XTIT: IllustratedMessage's title for the UploadCollection illustration
IM_TITLE_UPLOADCOLLECTION=Drop files here

#XTXT: IllustratedMessage's description for the UploadCollection illustration
IM_SUBTITLE_UPLOADCOLLECTION=You can also upload several files at once.

#XACT: ARIA announcement for DynamicSideContent side content label
DSC_SIDE_ARIA_LABEL=Side Content
37 changes: 37 additions & 0 deletions packages/fiori/src/illustrations/sapIllus-Dialog-AddColumn.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading