# all files / src/lib/ screenshot-page.js

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55

    1×
    1×

     /**
     * @license
     * Copyright 2016 Google Inc. All rights reserved.
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
     * You may obtain a copy of the License at
     *
     *     http://www.apache.org/licenses/LICENSE-2.0
     *
     * Unless required by applicable law or agreed to in writing, software
     * distributed under the License is distributed on an "AS IS" BASIS,
     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     * See the License for the specific language governing permissions and
     * limitations under the License.
     */
    'use strict';

    module.exports = function(filename, screenshots) {
      return `
      <!doctype html>
      <title>${filename}</title>
      <style>
    html {
        overflow-x: scroll;
        overflow-y: hidden;
        height: 100%;
        background: linear-gradient(to left, #4CA1AF , #C4E0E5);
        background-attachment: fixed;
        padding: 10px;
    }
    body {
        white-space: nowrap;
        background: linear-gradient(to left, #4CA1AF , #C4E0E5);
        width: 100%;
        margin: 0;
    }
    img {
        margin: 4px;
    }
    </style>
      <body>
        <script>
          var shots = ${JSON.stringify(screenshots)};

      shots.forEach(s => {
        var i = document.createElement('img');
        i.src = s.datauri;
        i.title = s.timestamp;
        document.body.appendChild(i);
      });
      </script>
      `;
    };