Skip to content

Commit

Permalink
app portal - captions
Browse files Browse the repository at this point in the history
  • Loading branch information
delchev committed Jun 14, 2024
1 parent f149dda commit 0876760
Show file tree
Hide file tree
Showing 2 changed files with 103 additions and 82 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,11 @@ angular.module('page', ["ideUI", "ideView", "entityApi"])
$scope.groups = $scope.groups.sort((a, b) => a.name.localeCompare(b.name));
$scope.settings = [];
$scope.groups.forEach(group => group.tiles.forEach(tile => $scope.settings.push(tile)));
$scope.groups.forEach(group => {
let caption = group.name;
caption = caption.substring(caption.indexOf('-') ? caption.indexOf('-') + 1 : 0);
group.name = caption.slice(0, 1).toUpperCase() + caption.slice(1, caption.length);
});
$scope.settings = $scope.settings.filter(tile => tile.type === 'SETTING');
$scope.settings = $scope.settings.sort((a, b) => a.name.localeCompare(b.name));
$scope.groups = $scope.groups.filter(group => (group.tiles.filter(tile => tile.type === 'PRIMARY')).length > 0);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -40,119 +40,135 @@ <h3 class="fd-section__title">Applications Portal</h3>
<br>

<div class="fd-row">
<h3>General</h3>
<div class="fd-row">
<div class="fd-container fd-col fd-col--10">
<div class="fd-row">
<div>
<fd-card card-type="list">
<fd-card-header ng-click="openView('/services/web/inbox/')">
<fd-avatar glyph="sap-icon--letter" aria-label="avatar"></fd-avatar>
<fd-card-title>Process Inbox</fd-card-title>
<fd-card-subtitle>Execute user tasks from running processes
</fd-card-subtitle>
<fd-card-status><i class="sap-icon--navigation-right-arrow"></i>
</fd-card-status>
</fd-card-header>
</fd-card>
</div>
<div>
<fd-card card-type="list" style="margin-left: 1em; margin-bottom: 0.2em;">
<fd-card-header ng-click="openView('/services/web/documents/')">
<fd-avatar glyph="sap-icon--curriculum" aria-label="avatar"></fd-avatar>
<fd-card-title>Documents Storage</fd-card-title>
<fd-card-subtitle>Browse and manage documents
</fd-card-subtitle>
<fd-card-status><i class="sap-icon--navigation-right-arrow"></i>
</fd-card-status>
</fd-card-header>
</fd-card>
</div>
</div>
</div>
</div>
</div>

<div class="fd-container fd-col fd-col--10">
<div class="fd-row">
<h3>Modules</h3>
<div class="fd-row">

<div ng-repeat="group in groups">
<div class="fd-container fd-col fd-col--10">

<fd-panel expanded="true">
<div ng-repeat="group in groups">

<fd-panel-header>
<fd-panel-expand></fd-panel-expand>
<h4 fd-panel-title>{{group.name}}</h4>
</fd-panel-header>
<fd-panel expanded="true">

<fd-panel-content aria-label="{{group.name}} Content">
<div class="fd-row">
<div>
<fd-panel-header>
<fd-panel-expand></fd-panel-expand>
<h4 fd-panel-title>{{group.name}}</h4>
</fd-panel-header>

<fd-panel-content aria-label="{{group.name}} Content">
<div class="fd-row">
<div>
<div ng-repeat="next in group.tiles" ng-if="next.type==='PRIMARY'">
<div>
<fd-card card-type="object">
<fd-card-header ng-click="openView(next.location)">
<fd-card-title>{{next.name}}</fd-card-title>
<fd-card-status><i
class="sap-icon--navigation-right-arrow"></i>
</fd-card-status>
<fd-card-subtitle>{{next.caption}}</fd-card-subtitle>
</fd-card-header>
</fd-card>
<div>
<div ng-repeat="next in group.tiles" ng-if="next.type==='PRIMARY'">
<div>
<fd-card card-type="object" style="margin-bottom: 0.2em;">
<fd-card-header ng-click="openView(next.location)">
<fd-avatar glyph="sap-icon--ipad"
aria-label="avatar"></fd-avatar>
<fd-card-title>{{next.name}}</fd-card-title>
<fd-card-status><i
class="sap-icon--navigation-right-arrow"></i>
</fd-card-status>
<fd-card-subtitle>{{next.caption}}
</fd-card-subtitle>
</fd-card-header>
</fd-card>
</div>
</div>
</div>
</div>
</div>

<div>
<div>




<div class="fd-bar--footer fd-bar--compact">
<div ng-repeat="next in group.tiles"
ng-if="next.type==='REPORT' || next.report==='true'">
<button fd-button-internal=""
class="fd-button fd-button--transparent fd-button--compact"
compact="true" dg-type="transparent" dg-label="{{next.name}}"
ng-click="openView(next.location)">
<span ng-class="getTextClasses() class=" fd-list__title"
ng-click="openView(
next.location.substring(0, next.location.indexOf('/gen/ui/')) + '/gen/ui/Reports/index.html?' + next.name
)">{{next.name}} Report</span>
<div class="fd-bar--footer fd-bar--compact">
<div ng-repeat="next in group.tiles"
ng-if="next.type==='REPORT' || next.report==='true'">
<fd-button glyph="sap-icon--vertical-bar-chart"
style="margin-left: 1em; margin-bottom: 0.2em;"
aria-label="{{next.name}} Report" ng-click="openView(
next.location.substring(0,
next.location.indexOf('/gen/ui/'))
+ '/gen/ui/Reports/index.html?' + next.name )" dg-label="{{next.name}} Report">

</fd-button>
</div>
</div>
</div>
</div>


</div>
<!--
<div>
<div class="fd-toolbar" role="toolbar">
<div ng-repeat="next in group.tiles" ng-if="next.type==='SETTING'">
<button fd-button-internal="" class="fd-button fd-button--compact"
compact="true" dg-label="{{next.name}}"
ng-click="openView(next.location)">
<span ng-class="getTextClasses()"
class="fd-button__text">{{next.name}}</span>
</div>
<div ng-class="getClasses()" ng-style="getStyles()" ng-transclude=""
class="fd-toolbar__spacer"></div>
</div>
</div>
-->
</fd-panel-content>
</fd-panel>
</div>


</fd-panel-content>
</fd-panel>
</div>

</div>


<div class="fd-container fd-col fd-col--2">

<fd-panel expanded="true">

<fd-panel-header>
<fd-panel-expand></fd-panel-expand>
<h4 fd-panel-title>Settings</h4>
</fd-panel-header>

<fd-panel-content aria-label="{{group.name}} Content">

<div>

<div class="fd-container fd-col fd-col--2">
<fd-panel expanded="true">
<fd-panel-header>
<fd-panel-expand></fd-panel-expand>
<h4 fd-panel-title>Settings</h4>
</fd-panel-header>
<fd-panel-content aria-label="{{group.name}} Content">
<div>
<div>
<div ng-repeat="next in settings">
<button fd-button-internal="" class="fd-button fd-button--compact"
compact="true" dg-label="{{next.name}}" style="width: 100%;"
ng-click="openView(next.location)">
<div>
<div ng-repeat="next in settings">
<button fd-button-internal="" class="fd-button fd-button--compact"
compact="true" dg-label="{{next.name}}"
style="width: 100%; margin-bottom: 0.2em;"
ng-click="openView(next.location)">

<span ng-class="getTextClasses()"
class="fd-button__text">{{next.name}}</span>
<span ng-class="getTextClasses()"
class="fd-button__text">{{next.name}}</span>
</div>
<div ng-class="getClasses()" ng-style="getStyles()" ng-transclude=""
class="fd-toolbar__spacer"></div>
</div>
<div ng-class="getClasses()" ng-style="getStyles()" ng-transclude=""
class="fd-toolbar__spacer"></div>
</div>
</div>
</div>
</fd-panel-content>
</fd-panel>
</fd-panel-content>
</fd-panel>
</div>


</div>

</div>


Expand Down

0 comments on commit 0876760

Please sign in to comment.