vendor/pimcore/data-hub/src/Resources/views/Feature/explorer.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset=utf-8/>
  5.         <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
  6.         <title>GraphQL Playground</title>
  7.         <link rel="stylesheet" href="{{ asset('bundles/pimcoredatahub/playground/index.css') }}"/>
  8.         <link rel="stylesheet" href="{{ asset('bundles/pimcoredatahub/playground/animations.css') }}"/>
  9.         <link rel="shortcut icon" href="{{ asset('bundles/pimcoredatahub/playground/favicon.png') }}"/>
  10.         <script src="{{ asset('bundles/pimcoredatahub/playground/middleware.js') }}"></script>
  11.     </head>
  12.     <body>
  13.         <div id="loading-wrapper">
  14.             <svg class="logo" viewBox="0 0 128 128">
  15.                 <title>GraphQL Playground Logo</title>
  16.                 <defs>
  17.                     <linearGradient id="linearGradient-1" x1="4.86%" x2="96.21%" y1="0%" y2="99.66%">
  18.                         <stop stop-color="#E00082" stop-opacity=".8" offset="0%"></stop>
  19.                         <stop stop-color="#E00082" offset="100%"></stop>
  20.                     </linearGradient>
  21.                 </defs>
  22.                 <g>
  23.                     <rect id="Gradient" width="127.96" height="127.96" y="1" fill="url(#linearGradient-1)" rx="4"></rect>
  24.                     <path id="Border" fill="#E00082" fill-rule="nonzero"
  25.                           d="M4.7 2.84c-1.58 0-2.86 1.28-2.86 2.85v116.57c0 1.57 1.28 2.84 2.85 2.84h116.57c1.57 0 2.84-1.26 2.84-2.83V5.67c0-1.55-1.26-2.83-2.83-2.83H4.67zM4.7 0h116.58c3.14 0 5.68 2.55 5.68 5.7v116.58c0 3.14-2.54 5.68-5.68 5.68H4.68c-3.13 0-5.68-2.54-5.68-5.68V5.68C-1 2.56 1.55 0 4.7 0z"></path>
  26.                     <path class="bglIGM" x="64" y="28" fill="#fff" d="M64 36c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
  27.                           style="transform: translate(100px, 100px);"></path>
  28.                     <path class="ksxRII" x="95.98500061035156" y="46.510000228881836" fill="#fff"
  29.                           d="M89.04 50.52c-2.2-3.84-.9-8.73 2.94-10.96 3.83-2.2 8.72-.9 10.95 2.94 2.2 3.84.9 8.73-2.94 10.96-3.85 2.2-8.76.9-10.97-2.94"
  30.                           style="transform: translate(100px, 100px);"></path>
  31.                     <path class="cWrBmb" x="95.97162628173828" y="83.4900016784668" fill="#fff"
  32.                           d="M102.9 87.5c-2.2 3.84-7.1 5.15-10.94 2.94-3.84-2.2-5.14-7.12-2.94-10.96 2.2-3.84 7.12-5.15 10.95-2.94 3.86 2.23 5.16 7.12 2.94 10.96"
  33.                           style="transform: translate(100px, 100px);"></path>
  34.                     <path class="Wnusb" x="64" y="101.97999572753906" fill="#fff" d="M64 110c-4.43 0-8-3.6-8-8.02 0-4.44 3.57-8.02 8-8.02s8 3.58 8 8.02c0 4.4-3.57 8.02-8 8.02"
  35.                           style="transform: translate(100px, 100px);"></path>
  36.                     <path class="bfPqf" x="32.03982162475586" y="83.4900016784668" fill="#fff"
  37.                           d="M25.1 87.5c-2.2-3.84-.9-8.73 2.93-10.96 3.83-2.2 8.72-.9 10.95 2.94 2.2 3.84.9 8.73-2.94 10.96-3.85 2.2-8.74.9-10.95-2.94"
  38.                           style="transform: translate(100px, 100px);"></path>
  39.                     <path class="edRCTN" x="32.033552169799805" y="46.510000228881836" fill="#fff"
  40.                           d="M38.96 50.52c-2.2 3.84-7.12 5.15-10.95 2.94-3.82-2.2-5.12-7.12-2.92-10.96 2.2-3.84 7.12-5.15 10.95-2.94 3.83 2.23 5.14 7.12 2.94 10.96"
  41.                           style="transform: translate(100px, 100px);"></path>
  42.                     <path class="iEGVWn" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M63.55 27.5l32.9 19-32.9-19z"></path>
  43.                     <path class="bsocdx" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M96 46v38-38z"></path>
  44.                     <path class="jAZXmP" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M96.45 84.5l-32.9 19 32.9-19z"></path>
  45.                     <path class="hSeArx" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M64.45 103.5l-32.9-19 32.9 19z"></path>
  46.                     <path class="bVgqGk" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M32 84V46v38z"></path>
  47.                     <path class="hEFqBt" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M31.55 46.5l32.9-19-32.9 19z"></path>
  48.                     <path class="dzEKCM" id="Triangle-Bottom" stroke="#fff" stroke-width="4" d="M30 84h70" stroke-linecap="round"></path>
  49.                     <path class="DYnPx" id="Triangle-Left" stroke="#fff" stroke-width="4" d="M65 26L30 87" stroke-linecap="round"></path>
  50.                     <path class="hjPEAQ" id="Triangle-Right" stroke="#fff" stroke-width="4" d="M98 87L63 26" stroke-linecap="round"></path>
  51.                 </g>
  52.             </svg>
  53.             <div class="text">Loading
  54.                 <span class="dGfHfc">GraphQL Playground</span>
  55.             </div>
  56.         </div>
  58.         <div id="root"/>
  59.         <script type="text/javascript">
  60.             function getCookie(name) {
  61.                 var value = "; " + document.cookie;
  62.                 var parts = value.split("; " + name + "=");
  63.                 if (parts.length == 2) return parts.pop().split(";").shift();
  64.             }
  66.             window.addEventListener("load", function (event) {
  67.                 const loadingWrapper = document.getElementById("loading-wrapper");
  68.                 loadingWrapper.classList.add("fadeOut");
  70.                 const root = document.getElementById("root");
  71.                 root.classList.add("playgroundIn");
  73.                 const url = new URL(window.location.href);
  74.                 let query = url.searchParams.get("query") ?? '';
  76.                 let config = {
  77.                     endpoint: "{{ graphQLUrl }}",
  78.                     headers: {
  79.                         "{{ tokenHeader }}": url.searchParams.get("apikey"),
  80.                         "X-XSRF-TOKEN": getCookie("XSRF-TOKEN"),
  81.                     }
  82.                 };
  84.                 if (query) {
  85.                     query = decodeURIComponent(query);
  86.                     config.query = query;
  87.                     config = {
  88.                         tabs: [
  89.                             config
  90.                         ]
  91.                     };
  92.                 }
  94.                 GraphQLPlayground.init(root, config);
  95.             });
  96.         </script>
  97.     </body>
  99. </html>