<%@page import="org.exoplatform.social.core.space.spi.SpaceService"%>
<%@page import="org.exoplatform.social.core.identity.model.Identity"%>
<%@page import="org.exoplatform.social.core.space.model.Space"%>
<%@page import="org.exoplatform.social.core.space.SpaceUtils"%>
<%@page import="org.exoplatform.social.core.identity.provider.SpaceIdentityProvider"%>
<%@page import="org.exoplatform.commons.utils.CommonsUtils"%>
<%@page import="org.exoplatform.social.core.manager.IdentityManager"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.Iterator"%>
<%@page import="org.exoplatform.portal.mop.user.UserNode"%>
<%@page import="java.util.List"%>
<%
  Space space = SpaceUtils.getSpaceByContext();
  String bannerUrl = space == null ? "" : space.getBannerUrl();
  int maxUploadSize = CommonsUtils.getService(IdentityManager.class).getImageUploadLimit();
  boolean isAdmin = CommonsUtils.getService(SpaceService.class).canManageSpace(space, request.getRemoteUser());
%>
<div class="VuetifyApp">
  <div data-app="true"
    class="v-application spaceMenuParent v-application--is-ltr theme--light"
    id="SpaceHeader">
    <v-cacheable-dom-app cache-id="SpaceHeader_<%=space == null ? "0" : space.getId()%>"></v-cacheable-dom-app>
    <script type="text/javascript">
      require(['PORTLET/social/SpaceBannerPortlet'], app => app.init('<%=bannerUrl%>', <%=maxUploadSize%>, <%=isAdmin%>));
    </script>
  </div>
</div>