box-content-preview/src/lib/shell.html at eadcc57146b3cc6b2ac9b19465a8c1c5801ad749 · box/box-content-preview · GitHub

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<div class="bp-container">
    <div class="bp-header-container bp-is-hidden">
        <div>
            <span class="bp-default-logo">
                <svg height="25" width="45" viewBox="0 0 98 52" focusable="false">
                    <path
                        d="M95.34 44.7c1.1 1.53.8 3.66-.75 4.8-1.56 1.13-3.74.84-4.93-.64l-7.8-10.23-7.82 10.23c-1.2 1.48-3.36 1.77-4.9.63-1.55-1.15-1.87-3.28-.75-4.8l9.06-11.86L68.4 21c-1.1-1.54-.8-3.67.75-4.8 1.55-1.14 3.72-.85 4.9.63l7.82 10.23 7.8-10.23c1.2-1.48 3.38-1.77 4.92-.63 1.52 1.13 1.84 3.26.73 4.8L86.3 32.84l9.04 11.85zM53.9 43.22c-5.86 0-10.6-4.65-10.6-10.4 0-5.72 4.74-10.37 10.6-10.37 5.85 0 10.6 4.65 10.6 10.38 0 5.74-4.75 10.4-10.6 10.4zm-31.23 0c-5.85 0-10.6-4.65-10.6-10.4 0-5.72 4.75-10.37 10.6-10.37 5.86 0 10.6 4.65 10.6 10.38 0 5.74-4.74 10.4-10.6 10.4zm31.22-27.7c-6.78 0-12.66 3.73-15.63 9.2-2.97-5.47-8.84-9.2-15.6-9.2-4 0-7.66 1.3-10.6 3.46V4.38C12.02 2.52 10.45 1 8.53 1 6.6 1 5.03 2.5 5 4.4v28.7c.16 9.43 8 17.03 17.67 17.03 6.77 0 12.64-3.73 15.6-9.2 2.98 5.47 8.86 9.2 15.62 9.2 9.74 0 17.66-7.75 17.66-17.32 0-9.55-7.92-17.3-17.68-17.3z"
                    ></path>
                </svg>
            </span>
            <img class="bp-is-hidden bp-custom-logo" />
            <!-- Note: Might need to remove this from here and also style it differently -->
            <p class="bp-file-name bp-is-hidden"></p>
            <div class="bp-header-btns">
                <button
                    class="bp-btn-plain bp-btn-annotate-draw bp-is-hidden"
                    data-testid="draw-annotation"
                    type="button"
                >
                    <svg
                        class="bp-btn-annotate-draw-enter"
                        width="22"
                        height="21"
                        viewBox="0 0 14.88 14.88"
                        focusable="false"
                    >
                        <path
                            d="M11.65,6.64,5.11,13.17.06,14.94,1.83,9.89,8.37,3.35Zm1.41-1.41L9.78,1.94,11.37.35a1,1,0,0,1,1.41,0l1.87,1.87a1,1,0,0,1,0,1.41Z"
                            transform="translate(-0.06 -0.06)"
                            fill-rule="evenodd"
                        />
                    </svg>
                </button>
                <button
                    class="bp-btn-plain bp-btn-annotate-point bp-is-hidden"
                    data-testid="point-annotation"
                    type="button"
                >
                    <svg width="22" height="21" viewBox="0 0 22 21" focusable="false">
                        <path
                            d="M11 21l-4-4H1.99C.89 17 0 16.11 0 15V2C0 .895.89 0 1.99 0h18.02C21.11 0 22 .89 22 2v13c0 1.105-.89 2-1.99 2H15l-4 4zm-7-9.5c0-.276.228-.5.51-.5h8.98c.282 0 .51.232.51.5 0 .276-.228.5-.51.5H4.51c-.282 0-.51-.232-.51-.5zm0-3c0-.276.23-.5.5-.5h11c.276 0 .5.232.5.5 0 .276-.23.5-.5.5h-11c-.276 0-.5-.232-.5-.5zm0-3c0-.276.22-.5.498-.5h13.004c.275 0 .498.232.498.5 0 .276-.22.5-.498.5H4.498C4.223 6 4 5.768 4 5.5z"
                            fill-rule="evenodd"
                        />
                    </svg>
                </button>
                <button class="bp-btn-plain bp-btn-print bp-is-hidden" data-testid="print-preview" type="button">
                    <svg height="24" viewBox="0 0 24 24" width="24" focusable="false">
                        <path
                            d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"
                        />
                        <path d="M0 0h24v24H0z" fill="none" />
                    </svg>
                </button>
                <button class="bp-btn-plain bp-btn-download bp-is-hidden" data-testid="download-preview" type="button">
                    <svg height="24" viewBox="0 0 24 24" width="24" focusable="false">
                        <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
                        <path d="M0 0h24v24H0z" fill="none" />
                    </svg>
                </button>
            </div>
        </div>
    </div>
    <div class="bp" data-testid="bp" tabindex="-1">
        <div class="bp-content" data-testid="bp-content" tabindex="-1" role="region">
            <div class="bp-loading-wrapper">
                <div class="bp-loading">
                    <div class="bp-icon bp-icon-file"></div>
                    <div class="bp-crawler-wrapper">
                        <div class="bp-crawler">
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="bp-btn-plain bp-navigate bp-navigate-left bp-is-hidden" type="button">
                <svg viewBox="0 0 48 48" focusable="false">
                    <path
                        fill="#494949"
                        stroke="#DCDCDC"
                        stroke-miterlimit="10"
                        d="M30.8,33.2L21.7,24l9.2-9.2L28,12L16,24l12,12L30.8,33.2z"
                    />
                    <path display="none" fill="none" d="M0,0h48v48H0V0z" />
                </svg>
            </button>
            <button class="bp-btn-plain bp-navigate bp-navigate-right bp-is-hidden" type="button">
                <svg viewBox="0 0 48 48" focusable="false">
                    <path
                        fill="#494949"
                        stroke="#DCDCDC"
                        stroke-miterlimit="10"
                        d="M17.2,14.8l9.2,9.2l-9.2,9.2L20,36l12-12L20,12L17.2,14.8z"
                    />
                    <path display="none" fill="none" d="M48,48H0L0,0l48,0V48z" />
                </svg>
            </button>
        </div>
    </div>
</div>