Added SMUI components to the mix.
This commit is contained in:
@@ -1 +1 @@
|
|||||||
METEOR@2.7.2
|
METEOR@2.7.3
|
||||||
|
|||||||
@@ -8,7 +8,7 @@ alanning:roles@3.4.0
|
|||||||
allow-deny@1.1.1
|
allow-deny@1.1.1
|
||||||
autoupdate@1.8.0
|
autoupdate@1.8.0
|
||||||
babel-compiler@7.9.0
|
babel-compiler@7.9.0
|
||||||
babel-runtime@1.5.0
|
babel-runtime@1.5.1
|
||||||
base64@1.0.12
|
base64@1.0.12
|
||||||
binary-heap@1.0.11
|
binary-heap@1.0.11
|
||||||
blaze@2.6.0
|
blaze@2.6.0
|
||||||
|
|||||||
@@ -349,5 +349,33 @@ html {
|
|||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: "Material Icons";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url(https://example.com/MaterialIcons-Regular.eot);
|
||||||
|
src: local("Material Icons"), local("MaterialIcons-Regular"), url(/fonts/MaterialIcons-Regular.ttf) format("truetype");
|
||||||
|
}
|
||||||
|
.material-icons {
|
||||||
|
font-family: "Material Icons";
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 24px;
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 1;
|
||||||
|
text-transform: none;
|
||||||
|
letter-spacing: normal;
|
||||||
|
word-wrap: normal;
|
||||||
|
white-space: nowrap;
|
||||||
|
direction: ltr;
|
||||||
|
/* Support for all WebKit browsers. */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
/* Support for Safari and Chrome. */
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
/* Support for Firefox. */
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
/* Support for IE. */
|
||||||
|
font-feature-settings: "liga";
|
||||||
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=main.css.map */
|
/*# sourceMappingURL=main.css.map */
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
{"version":3,"sourceRoot":"","sources":["simple-grid.sass","app.sass"],"names":[],"mappings":"AAAQ;AAER;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;AAEA;EACC;EACA;EACA;;;AAED;AAEA;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;AAEA;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;AAEA;EAEC;EACA;EACA;;;AAED;EACC;;AAGA;EACC;EACA;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;AACC;EAEA;IACC;;;AAEF;AACC;EAEA;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;AAEF;AACC;EAEA;IACC;IACA;;;ACzLF;AACA;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;IACC;;;AAEF;EACC;IACC;;;EAED;IACC;IACA;;;EAED;IACC;;;EAED;IACC","file":"main.css"}
|
{"version":3,"sourceRoot":"","sources":["simple-grid.sass","app.sass","material-icons.sass"],"names":[],"mappings":"AAAQ;AAER;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;AAEA;EACC;EACA;EACA;;;AAED;AAEA;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;AAEA;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;AAEA;EAEC;EACA;EACA;;;AAED;EACC;;AAGA;EACC;EACA;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;AACC;EAEA;IACC;;;AAEF;AACC;EAEA;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;EAED;IACC;;;AAEF;AACC;EAEA;IACC;IACA;;;ACzLF;AACA;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;IACC;;;AAEF;EACC;IACC;;;EAED;IACC;IACA;;;EAED;IACC;;;EAED;IACC;;;AC3GF;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA","file":"main.css"}
|
||||||
@@ -1,6 +1,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>District Central</title>
|
<title>District Central</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="/client/theme/smui.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -2,3 +2,4 @@
|
|||||||
|
|
||||||
@import "./simple-grid.sass"
|
@import "./simple-grid.sass"
|
||||||
@import "./app.sass"
|
@import "./app.sass"
|
||||||
|
@import './material-icons.sass'
|
||||||
|
|||||||
30
client/material-icons.css
Normal file
30
client/material-icons.css
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: "Material Icons";
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url(https://example.com/MaterialIcons-Regular.eot);
|
||||||
|
src: local("Material Icons"), local("MaterialIcons-Regular"), url(/fonts/MaterialIcons-Regular.ttf) format("truetype");
|
||||||
|
}
|
||||||
|
.material-icons {
|
||||||
|
font-family: "Material Icons";
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 24px;
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 1;
|
||||||
|
text-transform: none;
|
||||||
|
letter-spacing: normal;
|
||||||
|
word-wrap: normal;
|
||||||
|
white-space: nowrap;
|
||||||
|
direction: ltr;
|
||||||
|
/* Support for all WebKit browsers. */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
/* Support for Safari and Chrome. */
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
/* Support for Firefox. */
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
/* Support for IE. */
|
||||||
|
font-feature-settings: "liga";
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=material-icons.css.map */
|
||||||
1
client/material-icons.css.map
Normal file
1
client/material-icons.css.map
Normal file
@@ -0,0 +1 @@
|
|||||||
|
{"version":3,"sourceRoot":"","sources":["material-icons.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AACA;EACA;AAEA;EACA;AAEA;EACA","file":"material-icons.css"}
|
||||||
30
client/material-icons.sass
Normal file
30
client/material-icons.sass
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
@font-face
|
||||||
|
font-family: 'Material Icons'
|
||||||
|
font-style: normal
|
||||||
|
font-weight: 400
|
||||||
|
src: url(https://example.com/MaterialIcons-Regular.eot) /* For IE6-8 */
|
||||||
|
src: local('Material Icons'), local('MaterialIcons-Regular'), url(/fonts/MaterialIcons-Regular.ttf) format('truetype')
|
||||||
|
|
||||||
|
.material-icons
|
||||||
|
font-family: 'Material Icons'
|
||||||
|
font-weight: normal
|
||||||
|
font-style: normal
|
||||||
|
font-size: 24px /* Preferred icon size */
|
||||||
|
display: inline-block
|
||||||
|
line-height: 1
|
||||||
|
text-transform: none
|
||||||
|
letter-spacing: normal
|
||||||
|
word-wrap: normal
|
||||||
|
white-space: nowrap
|
||||||
|
direction: ltr
|
||||||
|
|
||||||
|
/* Support for all WebKit browsers. */
|
||||||
|
-webkit-font-smoothing: antialiased
|
||||||
|
/* Support for Safari and Chrome. */
|
||||||
|
text-rendering: optimizeLegibility
|
||||||
|
|
||||||
|
/* Support for Firefox. */
|
||||||
|
-moz-osx-font-smoothing: grayscale
|
||||||
|
|
||||||
|
/* Support for IE. */
|
||||||
|
font-feature-settings: 'liga'
|
||||||
25
client/theme-src/_smui-theme.scss
Normal file
25
client/theme-src/_smui-theme.scss
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
@use 'sass:color';
|
||||||
|
|
||||||
|
@use '@material/theme/color-palette';
|
||||||
|
|
||||||
|
// Svelte Colors!
|
||||||
|
@use '@material/theme/index' as theme with (
|
||||||
|
$primary: #ff3e00,
|
||||||
|
$secondary: #676778,
|
||||||
|
$surface: #fff,
|
||||||
|
$background: #fff,
|
||||||
|
$error: color-palette.$red-900
|
||||||
|
);
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
background-color: theme.$surface;
|
||||||
|
color: theme.$on-surface;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #40b3ff;
|
||||||
|
}
|
||||||
|
a:visited {
|
||||||
|
color: color.scale(#40b3ff, $lightness: -35%);
|
||||||
|
}
|
||||||
25
client/theme-src/dark/_smui-theme.scss
Normal file
25
client/theme-src/dark/_smui-theme.scss
Normal file
@@ -0,0 +1,25 @@
|
|||||||
|
@use 'sass:color';
|
||||||
|
|
||||||
|
@use '@material/theme/color-palette';
|
||||||
|
|
||||||
|
// Svelte Colors! (Dark Theme)
|
||||||
|
@use '@material/theme/index' as theme with (
|
||||||
|
$primary: #ff3e00,
|
||||||
|
$secondary: color.scale(#676778, $whiteness: -10%),
|
||||||
|
$surface: color.adjust(color-palette.$grey-900, $blue: +4),
|
||||||
|
$background: #000,
|
||||||
|
$error: color-palette.$red-700
|
||||||
|
);
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
background-color: #000;
|
||||||
|
color: theme.$on-surface;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #40b3ff;
|
||||||
|
}
|
||||||
|
a:visited {
|
||||||
|
color: color.scale(#40b3ff, $lightness: -35%);
|
||||||
|
}
|
||||||
16481
client/theme/smui.css
Normal file
16481
client/theme/smui.css
Normal file
File diff suppressed because it is too large
Load Diff
@@ -50,6 +50,7 @@
|
|||||||
import {Route, router, meta} from 'tinro';
|
import {Route, router, meta} from 'tinro';
|
||||||
import ChromebookScan from './ChromebookScan.svelte';
|
import ChromebookScan from './ChromebookScan.svelte';
|
||||||
import {Meteor} from "meteor/meteor";
|
import {Meteor} from "meteor/meteor";
|
||||||
|
import TextField from '@smui/textfield';
|
||||||
|
|
||||||
$: serialInput = null;
|
$: serialInput = null;
|
||||||
$: emailInput = null;
|
$: emailInput = null;
|
||||||
@@ -148,6 +149,10 @@
|
|||||||
<h1>Chromebook Management</h1>
|
<h1>Chromebook Management</h1>
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
|
<li>
|
||||||
|
<TextField type="text" bind:value={emailInput} label="Email">
|
||||||
|
</TextField>
|
||||||
|
</li>
|
||||||
<li>
|
<li>
|
||||||
By Chromebook Device ID: <a href="/chromebooks/scan" className="button">Scan</a>
|
By Chromebook Device ID: <a href="/chromebooks/scan" className="button">Scan</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
3408
package-lock.json
generated
3408
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
10
package.json
10
package.json
@@ -6,7 +6,10 @@
|
|||||||
"build": "npm install --product && meteor build --architecture os.linux.x86_64 --server-only ../",
|
"build": "npm install --product && meteor build --architecture os.linux.x86_64 --server-only ../",
|
||||||
"test": "meteor test --once --driver-package meteortesting:mocha",
|
"test": "meteor test --once --driver-package meteortesting:mocha",
|
||||||
"test-app": "TEST_WATCH=1 meteor test --full-app --driver-package meteortesting:mocha",
|
"test-app": "TEST_WATCH=1 meteor test --full-app --driver-package meteortesting:mocha",
|
||||||
"visualize": "meteor --production --extra-packages bundle-visualizer"
|
"visualize": "meteor --production --extra-packages bundle-visualizer",
|
||||||
|
"prepare": "npm run smui-theme-light && npm run smui-theme-dark",
|
||||||
|
"smui-theme-light": "smui-theme compile client/theme/smui.css -i client/theme-src",
|
||||||
|
"smui-theme-dark": "smui-theme compile client/theme/smui-dark.css -i client/theme-src/dark"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@babel/runtime": "^7.16.7",
|
"@babel/runtime": "^7.16.7",
|
||||||
@@ -17,6 +20,7 @@
|
|||||||
"moment": "^2.29.2",
|
"moment": "^2.29.2",
|
||||||
"mongodb": "^4.4.1",
|
"mongodb": "^4.4.1",
|
||||||
"svelte": "^3.46.4",
|
"svelte": "^3.46.4",
|
||||||
|
"svelte-material-ui": "^6.0.0-beta.16",
|
||||||
"tinro": "^0.6.12",
|
"tinro": "^0.6.12",
|
||||||
"underscore": "^1.13.2",
|
"underscore": "^1.13.2",
|
||||||
"winston": "^3.7.2",
|
"winston": "^3.7.2",
|
||||||
@@ -46,7 +50,9 @@
|
|||||||
"css": true
|
"css": true
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@smui/textfield": "^6.0.0-beta.16",
|
||||||
"chai": "^4.2.0",
|
"chai": "^4.2.0",
|
||||||
"rollup-plugin-css-only": "^3.1.0"
|
"rollup-plugin-css-only": "^3.1.0",
|
||||||
|
"smui-theme": "^6.0.0-beta.16"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
2218
public/fonts/MaterialIcons-Regular.codepoints
Normal file
2218
public/fonts/MaterialIcons-Regular.codepoints
Normal file
File diff suppressed because it is too large
Load Diff
BIN
public/fonts/MaterialIcons-Regular.ttf
Normal file
BIN
public/fonts/MaterialIcons-Regular.ttf
Normal file
Binary file not shown.
Reference in New Issue
Block a user