SmartIT_Extensions/BMC/smart-it-full-helix/views/dashboard/index.html

80 lines
4.7 KiB
HTML

<div ux-id="dashboard" aria-label="Dashboard" role="region" class="dashboard clearfix" auto-focus tabindex="0">
<div class="dashboard__column_left">
<div class="widget" ng-controller="UpdateFeedController" role="region" aria-labelledby="updates-heading" tabindex="0">
<div ux-id="update-feed-header" class="widget__header clearfix">
<h1 class="widget__title widget__title_small" id="updates-heading">{{'updateFeed.label.updates' | i18n}}</h1>
<span ux-id="follow-count" class="widget__header-info" ng-if="followCount">{{'updateFeed.followCount' | i18n:(followCount)}}</span>
<div ux-id="dashboard-activity-filter-btn" class="{{(filters | filter: {selected: true}).length ? 'widget__menu_filters-applied' : 'widget__menu'}}" dropdown on-toggle="filterMenuToggled(open)">
<button type="button" class="btn_link dropdown-toggle" aria-label="{{'updateFeed.label.updates' | i18n}} {{'common.button.filter' | i18n}}">
<i class="icon-ellipsis"></i>
</button>
<ul class="dropdown-menu">
<div class="loading-spinner_centered loading-spinner_with-overlay" ng-if="state.loadingFeeds" prevent-click-event></div>
<li class="dropdown-item__header" ng-click="$event.stopPropagation();">
<label for="search-filter">{{'common.placeholder.search' | i18n}}</label>
</li>
<li class="dropdown-item_search-bar">
<i class="icon-search dropdown-item_search-icon"></i>
<input id="search-filter" ux-id="search-text" type="text" title="{{'feed.filter.name.Search' | i18n}}" name="searchQueryText" class="dropdown-item_search" placeholder="{{'feed.filter.name.Search' | i18n}}"
prevent-click-event ng-model="feedModel.updateFeed.params.searchQuery" ng-enter="getUpdateFeedItems()"/>
<button ux-id="search-clear" class="icon-cross_circle dropdown-search_item__clear button_cross_circle"
ng-hide="!feedModel.updateFeed.params.searchQuery" ng-click="clearSearchText()" ng-enter="clearSearchText()" tabindex="0"></button>
</li>
<li class="dropdown-item__header">
<label>{{'feed.filter.name.showActivityTypes' | i18n}}</label>
</li>
<li class="dropdown-item__filter-select-control">
<span class="pull-left"><filter-select-all-control ux-id="activity-types-selectall" filters-config-model="filters" apply-filter="applyFilter()"></filter-select-all-control></span>
<span class="pull-right"><button ux-id="activity-types-filter-apply" type="button" class="btn_link" ng-click="applyFilter()" ng-if="pendingFilterUpdate">{{'common.button.apply' | i18n}}</button></span>
</li>
<li ng-repeat="filterItem in filters">
<!--<div class="{{(filterItem.selected) ? 'dropdown-item_selected' : 'dropdown-item'}}" ng-click="applyFilter(filterItem)" tabindex="0" role="menuitemcheckbox">{{'feed.filter.optionName.'+ filterItem.label | i18n }}</div>-->
<div ux-id="{{'activity-types-filter_'+$index}}" class="{{(filterItem.selected) ? 'dropdown-item_selected' : 'dropdown-item'}}" ng-keypress="keyPressOnFilterItem($event,filterItem)" ng-click="updateFilters($event,filterItem)" tabindex="0" role="menuitemcheckbox">{{::filterItem.localizedLabel}}</div>
</li>
</ul>
</div>
</div>
<div ux-id="update-feed-body" class="widget__body" >
<div loading-spinner if="state.loadingFeeds" overlay="true" centered="true"></div>
<div ng-include="'views/feed/updates-feed.html'" class="feed" infinity-scroll="loadMoreFeeds()"></div>
</div>
</div>
</div>
<div class="dashboard__column_right" >
<div class="widget" ng-controller="ChartController" role="region" aria-labelledby="chart-heading">
<div class="widget__header clearfix">
<h3 class="widget__title" id="chart-heading">{{ 'chart.statistics.label' | i18n }}</h3>
<label class="label_control-wrap">
<div ux-id="company-dropdown" class="widget__company-menu">
<div class="widget__company-label">
{{ 'foundation.label.company' | i18n }}:
</div>
<div class="widget__company-field">
<selection
selection-items="selections.companies"
selected-item="selectedCompanyItem"
selection-callback="setCompany(item)"
title-text=""
label="name"
value="name"
update-selected-item="true"
selection-filter="true"
selection-filter-placeholder-text="assignBlade.searchCompany"
show-chunking-tooltip="true"
typeahead-mode="state.tooManyCompanies"
typeahead-details="company as company.name for company in getList($viewValue)"
typeahead-get-list="getCompaniesByName(name)">
</selection>
</div>
</div>
</label>
</div>
<div ux-id="dashboard-charts" class="widget__body">
<div ng-include="'views/chart/chart-statistics.html'" class="stat"></div>
</div>
</div>
</div>
</div>