@akemona-org/strapi-plugin-upload 3.7.0

package/admin/src/components/VideoPreview/reducer.js

@@ -0,0 +1,33 @@
+import { fromJS } from 'immutable';
+
+const initialState = fromJS({
+  dataLoaded: false,
+  duration: 0,
+  isHover: false,
+  metadataLoaded: false,
+  seeked: false,
+  snapshot: false,
+  isError: false,
+});
+
+const videoReducer = (state, action) => {
+  switch (action.type) {
+    case 'DATA_LOADED':
+      return state.update('dataLoaded', () => true).update('duration', () => action.duration);
+    case 'METADATA_LOADED':
+      return state.update('metadataLoaded', () => true);
+    case 'SEEKED':
+      return state.update('seeked', () => true);
+    case 'SET_IS_HOVER':
+      return state.update('isHover', () => action.isHover);
+    case 'SET_SNAPSHOT':
+      return state.update('snapshot', () => action.snapshot);
+    case 'SET_ERROR':
+      return state.update('isError', () => action.isError);
+    default:
+      return state;
+  }
+};
+
+export default videoReducer;
+export { initialState };

package/admin/src/containers/App/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Switch, Route, Redirect } from 'react-router-dom';
+import { LoadingIndicatorPage, useUserPermissions } from 'strapi-helper-plugin';
+import pluginId from '../../pluginId';
+import pluginPermissions from '../../permissions';
+import { AppContext } from '../../contexts';
+
+import HomePage from '../HomePage';
+
+const App = () => {
+  const state = useUserPermissions(pluginPermissions);
+
+  // Show a loader while all permissions are being checked
+  if (state.isLoading) {
+    return <LoadingIndicatorPage />;
+  }
+
+  if (state.allowedActions.canMain) {
+    return (
+      <AppContext.Provider value={state}>
+        <Switch>
+          <Route path={`/plugins/${pluginId}`} component={HomePage} />
+        </Switch>
+      </AppContext.Provider>
+    );
+  }
+
+  return <Redirect to="/" />;
+};
+
+export default App;

package/admin/src/containers/HomePage/HomePageContent/HomePageList.js

@@ -0,0 +1,98 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Padded } from '@buffetjs/core';
+import { PageFooter, useQuery } from 'strapi-helper-plugin';
+import { generatePageFromStart, generateStartFromPage } from '../../../utils';
+import { useAppContext } from '../../../hooks';
+import List from '../../../components/List';
+import ListEmpty from '../../../components/ListEmpty';
+
+const HomePageList = ({
+  areResultsEmptyWithSettings,
+  data,
+  dataCount,
+  dataToDelete,
+  onCardCheck,
+  onCardClick,
+  onChange,
+  onClick,
+}) => {
+  const query = useQuery();
+  const {
+    allowedActions: { canCreate, canUpdate },
+  } = useAppContext();
+
+  const limit = parseInt(query.get('_limit'), 10) || 10;
+  const start = parseInt(query.get('_start'), 10) || 0;
+
+  const params = {
+    _limit: limit,
+    _page: generatePageFromStart(start, limit),
+  };
+
+  const handleChangeListParams = ({ target: { name, value } }) => {
+    if (name.includes('_page')) {
+      onChange({
+        target: { name: '_start', value: generateStartFromPage(value, limit) },
+      });
+    } else {
+      onChange({ target: { name: '_limit', value } });
+    }
+  };
+
+  if (dataCount > 0 && !areResultsEmptyWithSettings) {
+    return (
+      <>
+        <List
+          data={data}
+          onChange={onCardCheck}
+          onCardClick={onCardClick}
+          selectedItems={dataToDelete}
+          showCheckbox={canUpdate}
+        />
+        <Padded left right size="sm">
+          <Padded left right size="xs">
+            <PageFooter
+              context={{ emitEvent: () => {} }}
+              count={dataCount}
+              onChangeParams={handleChangeListParams}
+              params={params}
+            />
+          </Padded>
+        </Padded>
+      </>
+    );
+  }
+
+  return (
+    <ListEmpty
+      canCreate={canCreate}
+      onClick={onClick}
+      hasSearchApplied={areResultsEmptyWithSettings}
+    />
+  );
+};
+
+HomePageList.defaultProps = {
+  areResultsEmptyWithSettings: false,
+  data: [],
+  dataCount: 0,
+  dataToDelete: [],
+  onCardCheck: () => {},
+  onCardClick: () => {},
+  onChange: () => {},
+  onClick: () => {},
+};
+
+HomePageList.propTypes = {
+  areResultsEmptyWithSettings: PropTypes.bool,
+  data: PropTypes.array,
+  dataCount: PropTypes.number,
+  dataToDelete: PropTypes.array,
+  onCardCheck: PropTypes.func,
+  onCardClick: PropTypes.func,
+  onChange: PropTypes.func,
+  onClick: PropTypes.func,
+};
+
+export default HomePageList;

package/admin/src/containers/HomePage/HomePageContent/HomePageSettings.js

@@ -0,0 +1,103 @@
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { useDebounce } from '@buffetjs/hooks';
+import { Padded } from '@buffetjs/core';
+import { HeaderSearch, useGlobalContext, useQuery, LoadingIndicator } from 'strapi-helper-plugin';
+
+import { useAppContext } from '../../../hooks';
+import { getTrad, getFileModelTimestamps } from '../../../utils';
+import ControlsWrapper from '../../../components/ControlsWrapper';
+import Filters from '../../../components/Filters';
+import SelectAll from '../../../components/SelectAll';
+import SortPicker from '../../../components/SortPicker';
+
+const HomePageSettings = ({
+  areAllCheckboxesSelected,
+  filters,
+  hasSomeCheckboxSelected,
+  isLoading,
+  onChange,
+  onFilterDelete,
+  onSelectAll,
+}) => {
+  const {
+    allowedActions: { canUpdate },
+  } = useAppContext();
+  const { formatMessage, plugins } = useGlobalContext();
+  const [, updated_at] = getFileModelTimestamps(plugins);
+  const query = useQuery();
+  const [searchValue, setSearchValue] = useState(query.get('_q') || '');
+  const debouncedSearch = useDebounce(searchValue, 300);
+  const pluginName = formatMessage({ id: getTrad('plugin.name') });
+
+  useEffect(() => {
+    onChange({ target: { name: '_q', value: debouncedSearch } });
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [debouncedSearch]);
+
+  const handleChangeSearchValue = ({ target: { value } }) => {
+    setSearchValue(value);
+  };
+
+  const handleClearSearch = () => {
+    setSearchValue('');
+  };
+
+  return (
+    <>
+      <HeaderSearch
+        label={pluginName}
+        onChange={handleChangeSearchValue}
+        onClear={handleClearSearch}
+        placeholder={formatMessage({ id: getTrad('search.placeholder') })}
+        name="_q"
+        value={searchValue}
+        autoFocus
+      />
+      {isLoading ? (
+        <>
+          <Padded top bottom size="lg" />
+          <LoadingIndicator />
+        </>
+      ) : (
+        <ControlsWrapper>
+          {canUpdate && (
+            <>
+              <SelectAll
+                onChange={onSelectAll}
+                checked={areAllCheckboxesSelected}
+                someChecked={hasSomeCheckboxSelected && !areAllCheckboxesSelected}
+              />
+              <Padded right />
+            </>
+          )}
+          <SortPicker onChange={onChange} value={query.get('_sort') || `${updated_at}:DESC`} />
+          <Padded right />
+          <Filters onChange={onChange} filters={filters} onClick={onFilterDelete} />
+        </ControlsWrapper>
+      )}
+    </>
+  );
+};
+
+HomePageSettings.defaultProps = {
+  areAllCheckboxesSelected: false,
+  filters: [],
+  hasSomeCheckboxSelected: false,
+  onChange: () => {},
+  onFilterDelete: () => {},
+  onSelectAll: () => {},
+};
+
+HomePageSettings.propTypes = {
+  areAllCheckboxesSelected: PropTypes.bool,
+  filters: PropTypes.array,
+  hasSomeCheckboxSelected: PropTypes.bool,
+  isLoading: PropTypes.bool.isRequired,
+  onChange: PropTypes.func,
+  onFilterDelete: PropTypes.func,
+  onSelectAll: PropTypes.func,
+};
+
+export default HomePageSettings;

package/admin/src/containers/HomePage/HomePageContent/index.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { isEmpty } from 'lodash';
+import { useLocation } from 'react-router-dom';
+import { generateFiltersFromSearch, useQuery } from 'strapi-helper-plugin';
+
+import HomePageSettings from './HomePageSettings';
+import HomePageList from './HomePageList';
+
+const HomePageContent = ({
+  data,
+  dataCount,
+  dataToDelete,
+  isLoading,
+  onCardCheck,
+  onCardClick,
+  onClick,
+  onFilterDelete,
+  onParamsChange,
+  onSelectAll,
+}) => {
+  const query = useQuery();
+  const { search } = useLocation();
+  const filters = generateFiltersFromSearch(search);
+
+  const hasSomeCheckboxSelected = data.some(item =>
+    dataToDelete.find(itemToDelete => item.id.toString() === itemToDelete.id.toString())
+  );
+
+  const areAllCheckboxesSelected =
+    data.every(item =>
+      dataToDelete.find(itemToDelete => item.id.toString() === itemToDelete.id.toString())
+    ) && hasSomeCheckboxSelected;
+
+  const hasFilters = !isEmpty(filters);
+  const hasSearch = !isEmpty(query.get('_q'));
+  const areResultsEmptyWithSearchOrFilters = isEmpty(data) && (hasSearch || hasFilters);
+
+  return (
+    <>
+      <HomePageSettings
+        areAllCheckboxesSelected={areAllCheckboxesSelected}
+        filters={filters}
+        hasSomeCheckboxSelected={hasSomeCheckboxSelected}
+        isLoading={isLoading}
+        onChange={onParamsChange}
+        onFilterDelete={onFilterDelete}
+        onSelectAll={onSelectAll}
+      />
+      <HomePageList
+        areResultsEmptyWithSettings={areResultsEmptyWithSearchOrFilters}
+        data={data}
+        dataCount={dataCount}
+        dataToDelete={dataToDelete}
+        onCardCheck={onCardCheck}
+        onCardClick={onCardClick}
+        onClick={onClick}
+        onChange={onParamsChange}
+      />
+    </>
+  );
+};
+
+HomePageContent.defaultProps = {
+  data: [],
+  dataCount: 0,
+  dataToDelete: [],
+  isLoading: false,
+  onCardCheck: () => {},
+  onCardClick: () => {},
+  onClick: () => {},
+  onFilterDelete: () => {},
+  onParamsChange: () => {},
+  onSelectAll: () => {},
+};
+
+HomePageContent.propTypes = {
+  data: PropTypes.array,
+  dataCount: PropTypes.number,
+  dataToDelete: PropTypes.array,
+  isLoading: PropTypes.bool,
+  onCardCheck: PropTypes.func,
+  onCardClick: PropTypes.func,
+  onClick: PropTypes.func,
+  onFilterDelete: PropTypes.func,
+  onParamsChange: PropTypes.func,
+  onSelectAll: PropTypes.func,
+};
+
+export default HomePageContent;

package/admin/src/containers/HomePage/components.js

@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+
+const EntriesWrapper = styled.div`
+  display: flex;
+  height: 43px;
+  width: 100%;
+  padding-top: 16px;
+  margin-bottom: 10px;
+  justify-content: space-between;
+`;
+
+const Wrapper = styled.div`
+  padding-right: 20px;
+  padding-bottom: 2px;
+  font-family: Lato !important;
+`;
+
+export { EntriesWrapper, Wrapper };