summaryrefslogtreecommitdiff
path: root/src/projects.html
blob: 6c5effb7d91733213905131afdb53cfbfdbebff4 (plain)
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="google-signin-client_id" content="OAUTH_CLIENT_ID">

    <title>OpenDC - Projects</title>

    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

    <link href="styles/navbar.css" rel="stylesheet">
    <link href="styles/projects.css" rel="stylesheet">

    <link href="img/logo.png" rel="icon">
</head>
<body>

<!-- build:include navbar.html -->
<!-- /build -->

<div class="content">
    <div class="main-body">
        <div class="filter-menu">
            <div class="project-filters">
                <div class="all-projects active">All Projects</div>
                <div class="my-projects">My Projects</div>
                <div class="shared-projects">Projects shared with me</div>
            </div>
        </div>
        <div class="no-projects-alert alert alert-info">
            <span class="glyphicon glyphicon-info-sign"></span>
            <strong>No projects here yet...</strong> Add some with the 'New Project' button!
        </div>
        <div class="project-list">
            <div class="list-head">
                <div>Project name</div>
                <div>Last edited</div>
                <div>Access rights</div>
            </div>
            <div class="list-body">
            </div>
        </div>
        <div class="new-project-btn"><span class="glyphicon glyphicon-plus"></span> New Project</div>
    </div>
</div>

<div class="window-overlay">
    <div class="projects-window">
        <div class="window-close glyphicon glyphicon-remove"></div>
        <div class="window-body">
            <div class="window-heading">Edit project</div>
            <form class="form-inline project-name-form">
                <div class="form-group">
                    <label for="newProjectNameInput">Name</label>
                    <input type="text" class="form-control" id="newProjectNameInput" placeholder="Project name">
                    <div class="btn btn-default">Save</div>
                </div>
            </form>
            <strong class="participants-table-label">Participants</strong>
            <div class="participants-table">
            </div>
            <form class="form-inline participant-add-form">
                <div class="form-group">
                    <label for="participantAddInput" class="glyphicon glyphicon-plus"></label>
                    <input type="email" class="form-control" id="participantAddInput"
                           placeholder="Add a participant (by email)">
                    <div class="btn btn-default">Add</div>
                </div>
            </form>
            <div class="participant-email-alert alert alert-danger" role="alert">
                <strong>Warning:</strong> We couldn't find that email in our database. Misspelled something?
            </div>
            <div class="project-name-alert alert alert-danger" role="alert">
                <strong>Warning:</strong> Your project needs a name!
            </div>
        </div>
        <div class="window-footer">
            <div class="project-open-btn btn btn-primary pull-left">Open</div>
            <div class="project-create-open-btn btn btn-primary pull-left">Create & Open</div>
            <div class="project-create-btn btn btn-info pull-left">Create</div>
            <div class="project-delete-btn btn btn-danger pull-right">Delete</div>
            <div class="project-cancel-btn btn btn-default pull-right">Cancel</div>
        </div>
    </div>
</div>

<script src="scripts/projects.entry.js"></script>

<!-- Google API -->
<script src="https://apis.google.com/js/platform.js?onload=gapiSigninButton" async defer></script>

</body>
</html>