{"version":3,"file":"SnapshotListPage.d32eb7df6376fa763b7d.js","mappings":"yPAkBO,MAAMA,EAAwB,KACnC,MAAOC,EAAWC,IAAgBC,EAAAA,EAAAA,UAAqB,KAChDC,EAAgBC,IAAqBF,EAAAA,EAAAA,YACtCG,EAAcC,EAAAA,gBAAAA,cAA8BC,SAC5CC,EAAUC,OAAOC,SAASC,KAC1BC,EAAUJ,EAAQK,UAAU,EAAGL,EAAQM,QAAQT,KAErDU,EAAAA,EAAAA,IAASC,UACP,MAAMC,QAjBDC,EAAAA,EAAAA,iBACJC,IAAI,4BACJC,MAAMC,GACEA,EAAOC,KAAKC,GAAD,iBACbA,EADa,CAEhBC,IAAM,uBAAsBD,EAASE,YAazCxB,EAAagB,KACZ,CAAChB,IAEJ,MAAMyB,GAAmBC,EAAAA,EAAAA,cACvBX,MAAAA,IACE,MAAMY,EAAoB5B,EAAU6B,QAAQC,GAAOA,EAAGL,MAAQF,EAASE,MACvExB,EAAa2B,SACPV,EAAAA,EAAAA,iBACHa,OAAQ,kBAAiBR,EAASE,OAClCO,OAAM,KACL/B,EAAaD,QAGnB,CAACA,IAGH,OACE,4BACE,mBAAOiC,UAAU,eAAjB,WACE,4BACE,iCACE,yBACE,wCAFJ,OAIE,yBACE,iDAEF,eAAIC,MAAO,CAAEC,MAAO,WACpB,eAAID,MAAO,CAAEC,MAAO,WACpB,eAAID,MAAO,CAAEC,MAAO,gBAGxB,2BACGnC,EAAUsB,KAAKC,IACd,MAAMC,EAAMD,EAASa,aAAeb,EAASC,IACvChB,EAAUe,EAASa,aAAgB,GAAExB,IAAUW,EAASC,MAC9D,OACE,2BACE,yBACE,cAAGb,KAAMa,EAAT,SAAeD,EAASc,UAE1B,yBACE,cAAG1B,KAAMa,EAAT,SAAehB,OAEjB,wBAAKe,EAASe,WAAT,OAAqB,iBAAML,UAAU,gBAAhB,2BAC1B,eAAIA,UAAU,cAAd,UACE,SAAC,EAAAM,WAAD,CAAY5B,KAAMa,EAAKgB,QAAQ,YAAYC,KAAK,KAAKC,KAAK,MAA1D,qBAIF,eAAIT,UAAU,aAAd,UACE,SAAC,EAAAU,OAAD,CAAQH,QAAQ,cAAcC,KAAK,KAAKC,KAAK,QAAQE,QAAS,IAAMxC,EAAkBmB,SAdjFA,EAASE,cAsB1B,SAAC,EAAAoB,aAAD,CACEC,SAAU3C,EACVuC,KAAK,YACLK,MAAM,SACNC,KAAO,oCAAmC7C,MAAAA,OAApC,EAAoCA,EAAgBkC,SAC1DY,YAAY,SACZC,UAAW,IAAM9C,OAAkB+C,GACnCC,UAAW,KACT1B,EAAiBvB,GACjBC,OAAkB+C,U,MC9ErB,MAAME,EAA8B,IAA4B,IAA3B,SAAEC,EAAF,SAAY5C,GAAe,EACrE,OACE,SAAC6C,EAAA,EAAD,CAAMD,SAAUA,EAAhB,gBACE,SAACC,EAAA,WAAD,WACE,SAACxD,EAAD,UAUR,GAAeyD,EAAAA,EAAAA,UAJ2DC,IAAD,CACvEH,UAAUI,EAAAA,EAAAA,GAAYD,EAAME,SAAU,gBAGxC,CAAwCN","sources":["webpack://grafana/./public/app/features/manage-dashboards/components/SnapshotListTable.tsx","webpack://grafana/./public/app/features/manage-dashboards/SnapshotListPage.tsx"],"sourcesContent":["import React, { FC, useState, useCallback } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\nimport { getBackendSrv, locationService } from '@grafana/runtime';\nimport { ConfirmModal, Button, LinkButton } from '@grafana/ui';\n\nimport { Snapshot } from '../types';\n\nexport function getSnapshots() {\n  return getBackendSrv()\n    .get('/api/dashboard/snapshots')\n    .then((result: Snapshot[]) => {\n      return result.map((snapshot) => ({\n        ...snapshot,\n        url: `/dashboard/snapshot/${snapshot.key}`,\n      }));\n    });\n}\nexport const SnapshotListTable: FC = () => {\n  const [snapshots, setSnapshots] = useState<Snapshot[]>([]);\n  const [removeSnapshot, setRemoveSnapshot] = useState<Snapshot | undefined>();\n  const currentPath = locationService.getLocation().pathname;\n  const fullUrl = window.location.href;\n  const baseUrl = fullUrl.substring(0, fullUrl.indexOf(currentPath));\n\n  useAsync(async () => {\n    const response = await getSnapshots();\n    setSnapshots(response);\n  }, [setSnapshots]);\n\n  const doRemoveSnapshot = useCallback(\n    async (snapshot: Snapshot) => {\n      const filteredSnapshots = snapshots.filter((ss) => ss.key !== snapshot.key);\n      setSnapshots(filteredSnapshots);\n      await getBackendSrv()\n        .delete(`/api/snapshots/${snapshot.key}`)\n        .catch(() => {\n          setSnapshots(snapshots);\n        });\n    },\n    [snapshots]\n  );\n\n  return (\n    <div>\n      <table className=\"filter-table\">\n        <thead>\n          <tr>\n            <th>\n              <strong>Name</strong>\n            </th>\n            <th>\n              <strong>Snapshot url</strong>\n            </th>\n            <th style={{ width: '70px' }}></th>\n            <th style={{ width: '30px' }}></th>\n            <th style={{ width: '25px' }}></th>\n          </tr>\n        </thead>\n        <tbody>\n          {snapshots.map((snapshot) => {\n            const url = snapshot.externalUrl || snapshot.url;\n            const fullUrl = snapshot.externalUrl || `${baseUrl}${snapshot.url}`;\n            return (\n              <tr key={snapshot.key}>\n                <td>\n                  <a href={url}>{snapshot.name}</a>\n                </td>\n                <td>\n                  <a href={url}>{fullUrl}</a>\n                </td>\n                <td>{snapshot.external && <span className=\"query-keyword\">External</span>}</td>\n                <td className=\"text-center\">\n                  <LinkButton href={url} variant=\"secondary\" size=\"sm\" icon=\"eye\">\n                    View\n                  </LinkButton>\n                </td>\n                <td className=\"text-right\">\n                  <Button variant=\"destructive\" size=\"sm\" icon=\"times\" onClick={() => setRemoveSnapshot(snapshot)} />\n                </td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n\n      <ConfirmModal\n        isOpen={!!removeSnapshot}\n        icon=\"trash-alt\"\n        title=\"Delete\"\n        body={`Are you sure you want to delete '${removeSnapshot?.name}'?`}\n        confirmText=\"Delete\"\n        onDismiss={() => setRemoveSnapshot(undefined)}\n        onConfirm={() => {\n          doRemoveSnapshot(removeSnapshot!);\n          setRemoveSnapshot(undefined);\n        }}\n      />\n    </div>\n  );\n};\n","import React, { FC } from 'react';\nimport { MapStateToProps, connect } from 'react-redux';\n\nimport { NavModel } from '@grafana/data';\nimport Page from 'app/core/components/Page/Page';\nimport { getNavModel } from 'app/core/selectors/navModel';\nimport { StoreState } from 'app/types';\n\nimport { GrafanaRouteComponentProps } from '../../core/navigation/types';\n\nimport { SnapshotListTable } from './components/SnapshotListTable';\n\ninterface ConnectedProps {\n  navModel: NavModel;\n}\ninterface Props extends ConnectedProps, GrafanaRouteComponentProps {}\n\nexport const SnapshotListPage: FC<Props> = ({ navModel, location }) => {\n  return (\n    <Page navModel={navModel}>\n      <Page.Contents>\n        <SnapshotListTable />\n      </Page.Contents>\n    </Page>\n  );\n};\n\nconst mapStateToProps: MapStateToProps<ConnectedProps, {}, StoreState> = (state: StoreState) => ({\n  navModel: getNavModel(state.navIndex, 'snapshots'),\n});\n\nexport default connect(mapStateToProps)(SnapshotListPage);\n"],"names":["SnapshotListTable","snapshots","setSnapshots","useState","removeSnapshot","setRemoveSnapshot","currentPath","locationService","pathname","fullUrl","window","location","href","baseUrl","substring","indexOf","useAsync","async","response","getBackendSrv","get","then","result","map","snapshot","url","key","doRemoveSnapshot","useCallback","filteredSnapshots","filter","ss","delete","catch","className","style","width","externalUrl","name","external","LinkButton","variant","size","icon","Button","onClick","ConfirmModal","isOpen","title","body","confirmText","onDismiss","undefined","onConfirm","SnapshotListPage","navModel","Page","connect","state","getNavModel","navIndex"],"sourceRoot":""}