⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.78
Server IP:
41.128.143.86
Server:
Linux host.raqmix.cloud 6.8.0-1025-azure #30~22.04.1-Ubuntu SMP Wed Mar 12 15:28:20 UTC 2025 x86_64
Server Software:
Apache
PHP Version:
8.3.23
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
usr
/
share
/
grafana
/
public
/
build
/
View File Name :
PlaylistEditPage.d14b3673a1bb03ca0dbb.js.map
{"version":3,"file":"PlaylistEditPage.d14b3673a1bb03ca0dbb.js","mappings":"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","sources":["webpack://grafana/./public/app/features/playlist/PlaylistEditPage.tsx","webpack://grafana/./public/app/features/playlist/PlaylistTableRows.tsx","webpack://grafana/./public/app/features/playlist/PlaylistTable.tsx","webpack://grafana/./public/app/features/playlist/usePlaylistItems.tsx","webpack://grafana/./public/app/features/playlist/PlaylistForm.tsx"],"sourcesContent":["import React from 'react';\nimport { useAsync } from 'react-use';\n\nimport { NavModelItem } from '@grafana/data';\nimport { locationService } from '@grafana/runtime';\nimport { Page } from 'app/core/components/Page/Page';\nimport { t, Trans } from 'app/core/internationalization';\nimport { GrafanaRouteComponentProps } from 'app/core/navigation/types';\n\nimport { PlaylistForm } from './PlaylistForm';\nimport { getPlaylistAPI } from './api';\nimport { Playlist } from './types';\n\nexport interface RouteParams {\n uid: string;\n}\n\ninterface Props extends GrafanaRouteComponentProps<RouteParams> {}\n\nexport const PlaylistEditPage = ({ match }: Props) => {\n const api = getPlaylistAPI();\n const playlist = useAsync(() => api.getPlaylist(match.params.uid), [match.params]);\n\n const onSubmit = async (playlist: Playlist) => {\n await api.updatePlaylist(playlist);\n locationService.push('/playlists');\n };\n\n const pageNav: NavModelItem = {\n text: t('playlist-edit.title', 'Edit playlist'),\n subTitle: t(\n 'playlist-edit.sub-title',\n 'A playlist rotates through a pre-selected list of dashboards. A playlist can be a great way to build situational awareness, or just show off your metrics to your team or visitors.'\n ),\n };\n\n return (\n <Page navId=\"dashboards/playlists\" pageNav={pageNav}>\n <Page.Contents isLoading={playlist.loading}>\n {playlist.error && (\n <div>\n <Trans i18nKey=\"playlist-edit.error-prefix\">Error loading playlist:</Trans>\n {JSON.stringify(playlist.error)}\n </div>\n )}\n {playlist.value && <PlaylistForm onSubmit={onSubmit} playlist={playlist.value} />}\n </Page.Contents>\n </Page>\n );\n};\n\nexport default PlaylistEditPage;\n","import { css } from '@emotion/css';\nimport pluralize from 'pluralize';\nimport React, { ReactNode } from 'react';\nimport { Draggable } from 'react-beautiful-dnd';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { Icon, IconButton, useStyles2, Spinner, IconName } from '@grafana/ui';\nimport { TagBadge } from 'app/core/components/TagFilter/TagBadge';\nimport { t, Trans } from 'app/core/internationalization';\n\nimport { PlaylistItem } from './types';\n\ninterface Props {\n items: PlaylistItem[];\n onDelete: (idx: number) => void;\n}\n\nexport const PlaylistTableRows = ({ items, onDelete }: Props) => {\n const styles = useStyles2(getStyles);\n if (!items?.length) {\n return (\n <div>\n <em>\n <Trans i18nKey=\"playlist-edit.form.table-empty\">Playlist is empty. Add dashboards below.</Trans>\n </em>\n </div>\n );\n }\n\n const renderItem = (item: PlaylistItem) => {\n let icon: IconName = item.type === 'dashboard_by_tag' ? 'apps' : 'tag-alt';\n const info: ReactNode[] = [];\n\n const first = item.dashboards?.[0];\n if (!item.dashboards) {\n info.push(<Spinner key=\"spinner\" />);\n } else if (item.type === 'dashboard_by_tag') {\n info.push(<TagBadge key={item.value} label={item.value} removeIcon={false} count={0} />);\n if (!first) {\n icon = 'exclamation-triangle';\n info.push(<span key=\"info\"> No dashboards found</span>);\n } else {\n info.push(<span key=\"info\"> {pluralize('dashboard', item.dashboards.length, true)}</span>);\n }\n } else if (first) {\n info.push(\n item.dashboards.length > 1 ? (\n <span key=\"info\">Multiple items found: ${item.value}</span>\n ) : (\n <span key=\"info\">{first.name ?? item.value}</span>\n )\n );\n } else {\n icon = 'exclamation-triangle';\n info.push(<span key=\"info\"> Not found: {item.value}</span>);\n }\n return (\n <>\n <Icon name={icon} className={styles.rightMargin} key=\"icon\" />\n {info}\n </>\n );\n };\n\n return (\n <>\n {items.map((item, index) => (\n <Draggable key={`${index}/${item.value}`} draggableId={`${index}`} index={index}>\n {(provided) => (\n <div\n className={styles.row}\n ref={provided.innerRef}\n {...provided.draggableProps}\n {...provided.dragHandleProps}\n role=\"row\"\n >\n <div className={styles.actions} role=\"cell\" aria-label={`Playlist item, ${item.type}, ${item.value}`}>\n {renderItem(item)}\n </div>\n <div className={styles.actions}>\n <IconButton\n name=\"times\"\n size=\"md\"\n onClick={() => onDelete(index)}\n data-testid={selectors.pages.PlaylistForm.itemDelete}\n tooltip={t('playlist-edit.form.table-delete', 'Delete playlist item')}\n />\n <Icon\n title={t('playlist-edit.form.table-drag', 'Drag and drop to reorder')}\n name=\"draggabledots\"\n size=\"md\"\n />\n </div>\n </div>\n )}\n </Draggable>\n ))}\n </>\n );\n};\n\nfunction getStyles(theme: GrafanaTheme2) {\n return {\n row: css`\n padding: 6px;\n background: ${theme.colors.background.secondary};\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 3px;\n\n border: 1px solid ${theme.colors.border.medium};\n &:hover {\n border: 1px solid ${theme.colors.border.strong};\n }\n `,\n rightMargin: css`\n margin-right: 5px;\n `,\n actions: css`\n align-items: center;\n justify-content: center;\n display: flex;\n `,\n settings: css`\n label: settings;\n text-align: right;\n `,\n };\n}\n","import React from 'react';\nimport { DragDropContext, Droppable, DropResult } from 'react-beautiful-dnd';\n\nimport { FieldSet } from '@grafana/ui';\nimport { t } from 'app/core/internationalization';\n\nimport { PlaylistTableRows } from './PlaylistTableRows';\nimport { PlaylistItem } from './types';\n\ninterface Props {\n items: PlaylistItem[];\n deleteItem: (idx: number) => void;\n moveItem: (src: number, dst: number) => void;\n}\n\nexport const PlaylistTable = ({ items, deleteItem, moveItem }: Props) => {\n const onDragEnd = (d: DropResult) => {\n if (d.destination) {\n moveItem(d.source.index, d.destination?.index);\n }\n };\n\n return (\n <FieldSet label={t('playlist-edit.form.table-heading', 'Dashboards')}>\n <DragDropContext onDragEnd={onDragEnd}>\n <Droppable droppableId=\"playlist-list\" direction=\"vertical\">\n {(provided) => {\n return (\n <div ref={provided.innerRef} {...provided.droppableProps}>\n <PlaylistTableRows items={items} onDelete={deleteItem} />\n {provided.placeholder}\n </div>\n );\n }}\n </Droppable>\n </DragDropContext>\n </FieldSet>\n );\n};\n","import { useCallback, useState } from 'react';\nimport { useAsync } from 'react-use';\n\nimport { DashboardPickerDTO } from 'app/core/components/Select/DashboardPicker';\n\nimport { loadDashboards } from './api';\nimport { PlaylistItem } from './types';\n\nexport function usePlaylistItems(playlistItems?: PlaylistItem[]) {\n const [items, setItems] = useState<PlaylistItem[]>(playlistItems ?? []);\n\n // Attach dashboards if any were missing\n useAsync(async () => {\n for (const item of items) {\n if (!item.dashboards) {\n setItems(await loadDashboards(items));\n return;\n }\n }\n }, [items]);\n\n const addByUID = useCallback(\n (dashboard?: DashboardPickerDTO) => {\n if (!dashboard) {\n return;\n }\n\n setItems([\n ...items,\n {\n type: 'dashboard_by_uid',\n value: dashboard.uid,\n },\n ]);\n },\n [items]\n );\n\n const addByTag = useCallback(\n (tags: string[]) => {\n const tag = tags[0];\n if (!tag || items.find((item) => item.value === tag)) {\n return;\n }\n\n const newItem: PlaylistItem = {\n type: 'dashboard_by_tag',\n value: tag,\n };\n setItems([...items, newItem]);\n },\n [items]\n );\n\n const moveItem = useCallback(\n (src: number, dst: number) => {\n if (src === dst || !items[src]) {\n return; // nothing to do\n }\n const update = Array.from(items);\n const [removed] = update.splice(src, 1);\n update.splice(dst, 0, removed);\n setItems(update);\n },\n [items]\n );\n\n const deleteItem = useCallback(\n (index: number) => {\n const copy = items.slice();\n copy.splice(index, 1);\n setItems(copy);\n },\n [items]\n );\n\n return { items, addByUID, addByTag, deleteItem, moveItem };\n}\n","import React, { useMemo, useState } from 'react';\n\nimport { selectors } from '@grafana/e2e-selectors';\nimport { config } from '@grafana/runtime';\nimport { Button, Field, FieldSet, Form, HorizontalGroup, Input, LinkButton } from '@grafana/ui';\nimport { DashboardPicker } from 'app/core/components/Select/DashboardPicker';\nimport { TagFilter } from 'app/core/components/TagFilter/TagFilter';\nimport { Trans, t } from 'app/core/internationalization';\n\nimport { getGrafanaSearcher } from '../search/service';\n\nimport { PlaylistTable } from './PlaylistTable';\nimport { Playlist } from './types';\nimport { usePlaylistItems } from './usePlaylistItems';\n\ninterface Props {\n onSubmit: (playlist: Playlist) => void;\n playlist: Playlist;\n}\n\nexport const PlaylistForm = ({ onSubmit, playlist }: Props) => {\n const [saving, setSaving] = useState(false);\n const { name, interval, items: propItems } = playlist;\n const tagOptions = useMemo(() => {\n return () => getGrafanaSearcher().tags({ kind: ['dashboard'] });\n }, []);\n\n const { items, addByUID, addByTag, deleteItem, moveItem } = usePlaylistItems(propItems);\n\n const doSubmit = (list: Playlist) => {\n setSaving(true);\n onSubmit({ ...list, items, uid: playlist.uid });\n };\n\n return (\n <div>\n <Form onSubmit={doSubmit} validateOn={'onBlur'}>\n {({ register, errors }) => {\n const isDisabled = items.length === 0 || Object.keys(errors).length > 0;\n return (\n <>\n <Field\n label={t('playlist-edit.form.name-label', 'Name')}\n invalid={!!errors.name}\n error={errors?.name?.message}\n >\n <Input\n type=\"text\"\n {...register('name', { required: t('playlist-edit.form.name-required', 'Name is required') })}\n placeholder={t('playlist-edit.form.name-placeholder', 'Name')}\n defaultValue={name}\n aria-label={selectors.pages.PlaylistForm.name}\n />\n </Field>\n <Field\n label={t('playlist-edit.form.interval-label', 'Interval')}\n invalid={!!errors.interval}\n error={errors?.interval?.message}\n >\n <Input\n type=\"text\"\n {...register('interval', {\n required: t('playlist-edit.form.interval-required', 'Interval is required'),\n })}\n placeholder={t('playlist-edit.form.interval-placeholder', '5m')}\n defaultValue={interval ?? '5m'}\n aria-label={selectors.pages.PlaylistForm.interval}\n />\n </Field>\n\n <PlaylistTable items={items} deleteItem={deleteItem} moveItem={moveItem} />\n\n <FieldSet label={t('playlist-edit.form.heading', 'Add dashboards')}>\n <Field label={t('playlist-edit.form.add-title-label', 'Add by title')}>\n <DashboardPicker id=\"dashboard-picker\" onChange={addByUID} key={items.length} />\n </Field>\n\n <Field label={t('playlist-edit.form.add-tag-label', 'Add by tag')}>\n <TagFilter\n isClearable\n tags={[]}\n hideValues\n tagOptions={tagOptions}\n onChange={addByTag}\n placeholder={t('playlist-edit.form.add-tag-placeholder', 'Select a tag')}\n />\n </Field>\n </FieldSet>\n\n <HorizontalGroup>\n <Button type=\"submit\" variant=\"primary\" disabled={isDisabled} icon={saving ? 'spinner' : undefined}>\n <Trans i18nKey=\"playlist-edit.form.save\">Save</Trans>\n </Button>\n <LinkButton variant=\"secondary\" href={`${config.appSubUrl}/playlists`}>\n <Trans i18nKey=\"playlist-edit.form.cancel\">Cancel</Trans>\n </LinkButton>\n </HorizontalGroup>\n </>\n );\n }}\n </Form>\n </div>\n );\n};\n"],"names":["PlaylistEditPage","match","api","playlist","onSubmit","pageNav","PlaylistTableRows","items","onDelete","styles","getStyles","renderItem","item","icon","info","first","TagBadge","Spinner","Icon","index","provided","IconButton","selectors","theme","PlaylistTable","deleteItem","moveItem","onDragEnd","d","FieldSet","usePlaylistItems","playlistItems","setItems","useAsync","addByUID","dashboard","addByTag","tags","tag","newItem","src","dst","update","removed","copy","PlaylistForm","saving","setSaving","name","interval","propItems","tagOptions","doSubmit","list","Form","register","errors","isDisabled","Field","Input","DashboardPicker","TagFilter","Button","config"],"sourceRoot":""}