CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-22 06:17:58 -05:00
Code Issues Packages Projects Releases Wiki Activity

Frontent dev env (#247)

Browse Source 
* Added frontend development files/environment

* More items-categories related removals

* Improvements in pages templates (inc. static pages)

* Improvements in video player

* Added empty home page message + cta

* Updates in media, playlist and management pages

* Improvements in material icons font loading

* Replaced media & playlists links in frontend dev-env

* frontend package version update

* chnaged frontend dev url port

* static files update

* Changed default position of theme switcher

* enabled frontend docker container
This commit is contained in:
Yiannis Stergiou
2021-07-11 18:01:34 +03:00
committed by GitHub
parent 060bb45725
commit aa6520daac
555 changed files with 201927 additions and 66002 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
frontend/src/static/js/components/management-table/ManageItem/ManageCommentsItemHeader.js Normal file
View File

@@ -0,0 +1,55 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useManagementTableHeader } from '../../../utils/hooks/';
import { MaterialIcon } from '../../_shared/material-icon/MaterialIcon';
export function ManageCommentsItemHeader(props) {
const [sort, order, isSelected, sortByColumn, checkAll] = useManagementTableHeader({ ...props, type: 'comments' });
return (
<div className="item manage-item manage-item-header manage-comments-item">
<div className="mi-checkbox">
<input type="checkbox" checked={isSelected} onChange={checkAll} />
</div>
<div className="mi-author">Author</div>
<div
id="text"
onClick={sortByColumn}
className={'mi-comment mi-col-sort' + ('text' === sort ? ('asc' === order ? ' asc' : ' desc') : '')}
>
Comment
<div className="mi-col-sort-icons">
<span>
<MaterialIcon type="arrow_drop_up" />
</span>
<span>
<MaterialIcon type="arrow_drop_down" />
</span>
</div>
</div>
<div
id="add_date"
onClick={sortByColumn}
className={'mi-added mi-col-sort' + ('add_date' === sort ? ('asc' === order ? ' asc' : ' desc') : '')}
>
Date added
<div className="mi-col-sort-icons">
<span>
<MaterialIcon type="arrow_drop_up" />
</span>
<span>
<MaterialIcon type="arrow_drop_down" />
</span>
</div>
</div>
</div>
);
}
ManageCommentsItemHeader.propTypes = {
sort: PropTypes.string.isRequired,
order: PropTypes.string.isRequired,
selected: PropTypes.bool.isRequired,
onClickColumnSort: PropTypes.func,
onCheckAllRows: PropTypes.func,
};