OCram85/code-server
Archived
1
0
Fork 0
Code Pull Requests 2 Activity

Merge remote-tracking branch 'origin/restructure' into anmol-restructure

Browse Source
This commit is contained in:
Anmol Sethi
2020-02-18 12:52:29 -05:00
parent eb3cf303ad 0ec83f8736
commit 1a54f6b7ef
16 changed files with 615 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/browser/pages/app.ts
View File

@ -5,6 +5,7 @@ import "./error.css"
import "./global.css"
import "./home.css"
import "./login.css"
import "./update.css"
const options = getOptions()
const parts = window.location.pathname.replace(/^\//g, "").split("/")

1
src/browser/pages/global.css
View File

@ -17,6 +17,7 @@ body {
button {
font-family: inherit;
font-size: inherit;
}
.center-container {

41
src/browser/pages/home.css
View File

@ -1,50 +1,61 @@
.app-lists {
max-width: 400px;
.info-blocks {
max-width: 500px;
width: 100%;
}
.app-list > .header {
margin: 1rem 0;
.info-block > .header {
font-size: 1.3rem;
margin: 1.5rem 0;
}
.app-list > .none {
.info-block > .none {
color: #b6b6b6;
}
.app-list + .app-list {
.info-block + .info-block {
border-top: 1px solid #666;
margin-top: 1rem;
}
.app-row {
.block-row {
display: flex;
}
.app-row > .open {
color: #b6b6b6;
cursor: pointer;
display: flex;
.block-row > .item {
color: #c4c4c4;
flex: 1;
}
.block-row > .item.-row {
display: flex;
}
.block-row > .item > .sub {
color: #888;
}
.block-row .-link {
cursor: pointer;
text-decoration: none;
}
.app-row > .open:hover {
.block-row .-link:hover {
color: #fafafa;
}
.app-row > .open > .icon {
.block-row > .item > .icon {
height: 1rem;
margin-right: 5px;
width: 1rem;
}
.app-row > .open > .icon.-missing {
.block-row > .item > .icon.-missing {
background-color: #eee;
color: #b6b6b6;
text-align: center;
}
.app-row > .open > .icon.-missing::after {
.block-row > .item > .icon.-missing::after {
content: "?";
font-size: 0.7rem;
vertical-align: middle;

13
src/browser/pages/home.html
View File

@ -20,18 +20,23 @@
</head>
<body>
<div class="center-container">
<div class="app-lists">
<div class="app-list">
<div class="info-blocks">
<div class="info-block">
<h2 class="header">Running Applications</h2>
{{APP_LIST:RUNNING}}
</div>
<div class="app-list">
<div class="info-block">
<h2 class="header">Update</h2>
{{UPDATE:NAME}}
</div>
<div class="info-block">
<h2 class="header">Editors</h2>
{{APP_LIST:EDITORS}}
</div>
<div class="app-list">
<div class="info-block">
<h2 class="header">Other</h2>
{{APP_LIST:OTHER}}
</div>

40
src/browser/pages/update.css Normal file
View File

@ -0,0 +1,40 @@
.update-form {
text-align: center;
}
.update-form > .apply {
background-color: transparent;
color: #b6b6b6;
cursor: pointer;
border: 1px solid #b6b6b6;
box-sizing: border-box;
padding: 1rem 2rem;
}
.update-form > .apply:hover {
color: #fafafa;
border-color: #fafafa;
}
.update-form > .current {
margin-top: 1rem;
}
.update-form > .links {
margin-top: 1rem;
}
.update-form > .links > .link {
color: #b6b6b6;
text-decoration: none;
}
.update-form > .links > .link:hover {
color: #fcfcfc;
text-decoration: underline;
}
.update-form > .error {
color: red;
margin-top: 1rem;
}

31
src/browser/pages/update.html Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
/>
<meta http-equiv="Content-Security-Policy" content="style-src 'self'; manifest-src 'self'; img-src 'self' data:;" />
<title>code-server</title>
<link rel="icon" href="{{BASE}}/static-{{COMMIT}}/src/browser/media/favicon.ico" type="image/x-icon" />
<link
rel="manifest"
href="{{BASE}}/static-{{COMMIT}}/src/browser/media/manifest.json"
crossorigin="use-credentials"
/>
<link rel="apple-touch-icon" href="{{BASE}}/static-{{COMMIT}}/src/browser/media/code-server.png" />
<link href="{{BASE}}/static-{{COMMIT}}/dist/app.css" rel="stylesheet" />
</head>
<body>
<div class="center-container">
<form class="update-form" method="post">
<h2 class="header">Update</h2>
{{UPDATE_STATUS}} {{ERROR}}
<div class="links">
<a class="link" href="{{BASE}}">go home</a>
</div>
</form>
</div>
</body>
</html>