Skip to content

Commit

Permalink
Shahin descriptions v3 (#2022)
Browse files Browse the repository at this point in the history 
* initial descriptions and icons

* Update sidebar-items-data.json

---------

Co-authored-by: U-SHAHIN-LAPTOP\shahi <Shahin Askari>
Co-authored-by: wjhendry <90383531+wjhendry@users.noreply.github.com>
  • Loading branch information
@shahinaskari @wjhendry
shahinaskari and wjhendry authored Dec 3, 2024
1 parent cfb058c commit 6575d94
Show file tree
Hide file tree
Showing 26 changed files with 466 additions and 53 deletions.
2 changes: 1 addition & 1 deletion src/components/Card/Card.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ export default function Card({ heading, text, link, imageUrl = '/svg/categories-
)
)}
</div>
<div className="card-main-content" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' }}>
<div className="card-main-content" style={{ display: 'flex', flexDirection: 'column', justifyContent: 'flex-top' }}>

This comment has been minimized.

Sign in to view

Copy link
@ArturKrasinski

ArturKrasinski Dec 3, 2024

Collaborator 
 it will not work because flex-top is not a valid value for the justifyContent property in CSS. The browser or styling engine will ignore this line, and the default behavior for justifyContent will apply, which is typically flex-start.

I will fix it
<h3>{heading}</h3>
<p>{text}</p>
</div>
Expand Down
127 changes: 75 additions & 52 deletions static/data/sidebar-items-data.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,88 +4,107 @@
"items": [
{
"href": "/develop/development-environment/launchpad/",
"description": "Launchpad description"
"imageUrl": "/svg/categories-icons/rocket-svgrepo-com.svg",
"description": "Genesis cloud based development environment allowing users to assemble, build and run complete applications entirely in a browser."
},
{
"href": "/develop/development-environment/genesis-start/",
"description": "Genesis Start description"
"imageUrl": "/svg/categories-icons/play-circle-svgrepo-com.svg",
"description": "Desktop utility allowing users in any IDE to quickly manage their development environment, including bootstrapping local database along with starting and stopping all the Genesis components."
},
{
"href": "/develop/development-environment/intellij-plugin/",
"description": "IntelliJ Plugin description"
"imageUrl": "/svg/categories-icons/intellij-idea-svgrepo-com.svg",
"description": "Plugin allowing IntelliJ users to quickly manage their development environment from within IntelliJ, including bootstrapping local database along with starting and stopping all the Genesis components."
},
{
"href": "/develop/development-environment/vscode-plugin/",
"description": "VSCode Plugin description"
"imageUrl": "/svg/categories-icons/vscode-svgrepo-com.svg",
"description": "Plugin allowing VS Code IDE users to leverage the Genesis View AI Agent to generate Genesis web application routes from images created by UI designers as well as accelerators to inject UI elements in existing projects."
},
{
"href": "/develop/development-environment/custom-elements-lsp/",
"description": "Custom Elements LSP description"
"imageUrl": "/svg/categories-icons/code-svgrepo-com.svg",
"description": "Plugin enabling VS Code IDE users to enable intelli-sense for custom web component elements to aid in development of front end applications using raw Web Components as a framework. "
},
{
"href": "/develop/development-environment/ai/",
"description": "AI description"
},
{
"href": "/develop/development-environment/genx/",
"description": "genx description"
"imageUrl": "/svg/categories-icons/terminal-svgrepo-com.svg",
"description": "Command line tool allowing advanced users to quickly generate new project scaffolding and perform typical development functions such as building, triggering tests and so on."
}
]
},
"/develop/server-capabilities": {
"description": "This section provides all the details around the Genesis application platform's server capabilities. Each section details how the capability works along with examples, and includes full documentation on configuration and interaction.",
"description": "This section provides full details of the Genesis application platform's server capabilities. Each section details how the capability works. along with examples. There is full documentation on configuration and interaction.",
"items": [
{
"href": "/develop/server-capabilities/data-model/",
"description": "Assembling the application data model"
"imageUrl": "/svg/categories-icons/hierarchy-svgrepo-com.svg",
"description": "Defining the object and relational data model for the application. This is the metadata driving the capabilities of the entire platform."
},
{
"href": "/develop/server-capabilities/data-access-apis/",
"description": "Accessing the application data model directly via API"
"imageUrl": "/svg/categories-icons/data-ingress-egress-svgrepo-com.svg",
"description": "API for reading and writing data to the underlying database."
},
{
"href": "/develop/server-capabilities/real-time-queries-data-server/",
"description": "Defining low-latency real-time data queries for clients to subscribe"
"imageUrl": "/svg/categories-icons/refresh-square-svgrepo-com.svg",
"description": "Defining named queries for datasets that need to be exposed to subscribing clients for real-time, low-latency updates."
},
{
"href": "/develop/server-capabilities/snapshot-queries-request-server/",
"description": "Configuring on-demand data queries accessible to authorized clients"
"imageUrl": "/svg/categories-icons/table-alt-svgrepo-com.svg",
"description": "Defining on-demand, or snapshot data queries accessible to consuming clients."
},
{
"href": "/develop/server-capabilities/core-business-logic-event-handler/",
"description": "Composing business events which update the applications data"
"imageUrl": "/svg/categories-icons/chip-component-svgrepo-com.svg",
"description": "Defining application events and core business logic to be invoked by consuming clients."
},
{
"href": "/develop/server-capabilities/access-control/",
"description": "Configuring human and system user application access privileges"
"imageUrl": "/svg/categories-icons/access-svgrepo-com.svg",
"description": "Configuring authentication of human and system users, plus precise access controls to data and features."
},
{
"href": "/develop/server-capabilities/workflow-state-machine/",
"description": "Workflow State Machine description"
"imageUrl": "/svg/categories-icons/diagram-next-svgrepo-com.svg",
"description": "API for defining states and workflow for any entity."
},
{
"href": "/develop/server-capabilities/real-time-aggregation-consolidator/",
"description": "Real Time Aggregation Consolidator description"
"imageUrl": "/svg/categories-icons/spreadsheet-with-sum-symbol-svgrepo-com.svg",
"description": "Defining real-time aggregation against the stream of incoming data."
},
{
"href": "/develop/server-capabilities/real-time-triggers-evaluator/",
"description": "Real Time Triggers Evaluator description"
"imageUrl": "/svg/categories-icons/research-left-svgrepo-com.svg",
"description": "Defining the real-time logic for triggering new events, processing and alerting."
},
{
"href": "/develop/server-capabilities/integrations/",
"description": "Integrations description"
"imageUrl": "/svg/categories-icons/pipeline-svgrepo-com.svg",
"description": "Defining pipelines simplifying getting data in and out of Genesis."
},
{
"href": "/develop/server-capabilities/communications-meta/",
"description": "Communications description"
"imageUrl": "/svg/categories-icons/network-receive-symbolic-svgrepo-com.svg",
"description": "Understanding how Genesis microservices communicate with each other and with the web interface."
},
{
"href": "/develop/server-capabilities/testing-api/",
"description": "Testing API description"
"imageUrl": "/svg/categories-icons/ui-checks-svgrepo-com.svg",
"description": "Defining server-side tests for all aspects of the server."
},
{
"href": "/develop/server-capabilities/runtime-configuration/",
"description": "Runtime Configuration description"
"imageUrl": "/svg/categories-icons/configuration-settings-gear-options-preferences-setting-tools-svgrepo-com.svg",
"description": "Defining configuration values across components by environments."
}
]
},
Expand All @@ -94,95 +113,99 @@
"items": [
{
"href": "/develop/client-capabilities/server-communications/",
"description": "Server Communications description",
"imageUrl": "/svg/categories-icons/set-up-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/set-up-svgrepo-com.svg",
"description": "Understanding Genesis client/server communication, authentication and session management."
},
{
"href": "/develop/client-capabilities/login/",
"description": "Login description",
"imageUrl": "/svg/categories-icons/user-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/user-svgrepo-com.svg",
"description": "Understanding how the login micro front-end can be configured to achieve authentication, single-sign-on, and more."
},
{
"href": "/develop/client-capabilities/header/",
"description": "Header description"
"imageUrl": "/svg/categories-icons/menu-svgrepo-com.svg",
"description": "Configure the navigation and flyout menu and routing within the application."
},
{
"href": "/develop/client-capabilities/grids/",
"description": "Grids description",
"imageUrl": "/svg/categories-icons/insert-table-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/insert-table-svgrepo-com.svg",
"description": "Rich, real-time data grids with built-in server-side connection."
},
{
"href": "/develop/client-capabilities/charts/",
"description": "Charts description",
"imageUrl": "/svg/categories-icons/pie-chart-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/pie-chart-svgrepo-com.svg",
"description": "Rich, real-time charts for data visualization with built-in server-side connection."
},
{
"href": "/develop/client-capabilities/forms/",
"storyBookHref": "/storybook/forms",
"description": "Forms description",
"imageUrl": "/svg/categories-icons/copy-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/copy-svgrepo-com.svg",
"description": "Dynamic forms component for creating rich forms based on the underlying data model."
},
{
"href": "/develop/client-capabilities/interaction/",
"description": "Interaction description",
"imageUrl": "/svg/categories-icons/creativity-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/creativity-svgrepo-com.svg",
"description": "Suite of components for managing interactions, from accordions to tree views."
},
{
"href": "/develop/client-capabilities/presentation/",
"description": "Presentation description",
"imageUrl": "/svg/categories-icons/photo-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/photo-svgrepo-com.svg",
"description": "Suite of components for presenting information to the user, from cards, banners and badges to progress bars and skeletons."
},
{
"href": "/develop/client-capabilities/filters/",
"description": "Filters description"
"imageUrl": "/svg/categories-icons/filter-xmark-svgrepo-com.svg",
"description": "Client-side filtering of data for fast, dynamic data views."
},
{
"href": "/develop/client-capabilities/criteria/",
"description": "Criteria description",
"imageUrl": "/svg/categories-icons/look-up-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/look-up-svgrepo-com.svg",
"description": "Server-side filtering of data for fast, dynamic and optimized data views."
},
{
"href": "/develop/client-capabilities/toast-notifications/",
"description": "Toast Notifications description",
"imageUrl": "/svg/categories-icons/mail-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/mail-svgrepo-com.svg",
"description": "Toast notifications for rich, modern, real-time end-user alerts, notifications and acknowledgements"

},
{
"href": "/develop/client-capabilities/utility-methods/",
"description": "Utility methods description",
"imageUrl": "/svg/categories-icons/accelerate-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/accelerate-svgrepo-com.svg",
"description": "Collection of utility services and helpers designed to facilitate common development tasks within Genesis applications."
},
{
"href": "/develop/client-capabilities/layout-management/",
"description": "Layout Management description"
"imageUrl": "/svg/categories-icons/layout-svgrepo-com.svg",
"description": "Understanding layout features, including dynamic layouts that support resizing, dragging and re-ordering."
},
{
"href": "/develop/client-capabilities/state-management/",
"description": "State Management description"
"imageUrl": "/svg/categories-icons/diagram-next-svgrepo-com.svg",
"description": "APIs to manage application states using best practices."
},
{
"href": "/develop/client-capabilities/styling/",
"description": "Styling description",
"imageUrl": "/svg/categories-icons/computer-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/computer-svgrepo-com.svg",
"description": "Styling description"
},
{
"href": "/develop/client-capabilities/internationalization/",
"description": "Internationalization description",
"imageUrl": "/svg/categories-icons/network-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/network-svgrepo-com.svg",
"description": "Internationalization description"
},
{
"href": "/develop/client-capabilities/framework-integration/",
"description": "Framework Integration description",
"imageUrl": "/svg/categories-icons/thumbs-up-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/thumbs-up-svgrepo-com.svg",
"description": "Framework Integration description"
},
{
"href": "/develop/client-capabilities/desktop-interoperability/",
"description": "Desktop Interoperability description"
},
{
"href": "/develop/client-capabilities/custom-components/",
"description": "Custom Components description",
"imageUrl": "/svg/categories-icons/trophy-svgrepo-com.svg"
"imageUrl": "/svg/categories-icons/trophy-svgrepo-com.svg",
"description": "Custom Components description"
}
]
},
Expand Down
35 changes: 35 additions & 0 deletions static/svg/categories-icons/access-svgrepo-com.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 28 additions & 0 deletions static/svg/categories-icons/chip-component-svgrepo-com.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 6575d94

Please sign in to comment.