google-custom-toolbar/options.html at master · Gemasoft/google-custom-toolbar · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Google Custom Toolbar - Options</title>
        <!-- Options stylesheet -->
        <link rel="stylesheet" href="options.css">
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
    </head>

    <body style="width: 420px;" class="well">

        <h4>
            <strong>
                <span>
                    <img width="100" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/2000px-Google_2015_logo.svg.png">
                </span>
                <span class="text-muted">Custom Toolbar</span>
            </strong>
        </h4>

        <div class=" text-muted">Select the apps to show in Google Custom Toolbar:</div>

        <div>
            <ul class="list-group">
                <li class="list-group-item text-muted">
                    Calendar
                    <div class="material-switch pull-right">
                        <input id="calendar" name="calendar" type="checkbox" class="custom-button" />
                        <label for="calendar" class="label-primary"></label>
                    </div>
                </li>
                <li class="list-group-item text-muted">
                    Docs
                    <div class="material-switch pull-right">
                        <input id="docs" name="docs" type="checkbox" class="custom-button" />
                        <label for="docs" class="label-info"></label>
                    </div>
                </li>
                <li class="list-group-item text-muted">
                    Sheets
                    <div class="material-switch pull-right">
                        <input id="sheets" name="sheets" type="checkbox" class="custom-button" />
                        <label for="sheets" class="label-success"></label>
                    </div>
                </li>
                <li class="list-group-item text-muted">
                    Drive
                    <div class="material-switch pull-right">
                        <input id="drive" name="drive" type="checkbox" class="custom-button" />
                        <label for="drive" class="label-warning"></label>
                    </div>
                </li>
            </ul>

            <div class="row container">
                <button id="save" class="btn btn-success pull-right" style="margin-bottom:10px;"><strong>Save</strong></button>
            </div>

            <div id="status" class="alert alert-warning" role="alert">If you don't see the toolbar right after installing the extension please refresh the browser once.</div>

            <div class="text-muted small">Created with <span style="color:red;">&#10084</span> by <a target="_blank" href="https://twitter.com/Gemasoft">Gerardo Mart&iacute;nez</a></div>

            <a href="https://github.com/Gemasoft/google-custom-toolbar" class="small" target="_blank" id="version"></a>

            <!-- Options scripts file -->
            <script src="options.js"></script>

    </body>
</html>