-
Notifications
You must be signed in to change notification settings - Fork 71.9k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Database size plugin - pill that displays current mongoDB database size
- Loading branch information
Showing
21 changed files
with
906 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,87 @@ | ||
{ | ||
"metadata": { | ||
"name": "Nightscout Plugin Icons", | ||
"lastOpened": 0, | ||
"created": 1580075608590 | ||
}, | ||
"iconSets": [ | ||
{ | ||
"selection": [ | ||
{ | ||
"order": 2, | ||
"id": 0, | ||
"name": "database", | ||
"prevSize": 32, | ||
"code": 59649, | ||
"tempChar": "" | ||
} | ||
], | ||
"id": 2, | ||
"metadata": { | ||
"name": "Plugin Icons", | ||
"importSize": { | ||
"width": 16, | ||
"height": 18 | ||
} | ||
}, | ||
"height": 1024, | ||
"prevSize": 32, | ||
"icons": [ | ||
{ | ||
"id": 0, | ||
"paths": [ | ||
"M455.111 0c-251.449 0-455.111 101.831-455.111 227.556s203.662 227.556 455.111 227.556 455.111-101.831 455.111-227.556-203.662-227.556-455.111-227.556zM0 341.333v170.667c0 125.724 203.662 227.556 455.111 227.556s455.111-101.831 455.111-227.556v-170.667c0 125.724-203.662 227.556-455.111 227.556s-455.111-101.831-455.111-227.556zM0 625.778v170.667c0 125.724 203.662 227.556 455.111 227.556s455.111-101.831 455.111-227.556v-170.667c0 125.724-203.662 227.556-455.111 227.556s-455.111-101.831-455.111-227.556z" | ||
], | ||
"attrs": [ | ||
{} | ||
], | ||
"width": 910, | ||
"isMulticolor": false, | ||
"isMulticolor2": false, | ||
"grid": 0, | ||
"tags": [ | ||
"plugins" | ||
] | ||
} | ||
], | ||
"invisible": false, | ||
"colorThemes": [] | ||
} | ||
], | ||
"preferences": { | ||
"showGlyphs": true, | ||
"showQuickUse": true, | ||
"showQuickUse2": true, | ||
"showSVGs": true, | ||
"fontPref": { | ||
"prefix": "plugicon-", | ||
"metadata": { | ||
"fontFamily": "pluginicons", | ||
"majorVersion": 1, | ||
"minorVersion": 0 | ||
}, | ||
"metrics": { | ||
"emSize": 1024, | ||
"baseline": 6.25, | ||
"whitespace": 50 | ||
}, | ||
"embed": false, | ||
"showSelector": false, | ||
"showMetrics": false, | ||
"showMetadata": false, | ||
"showVersion": false | ||
}, | ||
"imagePref": { | ||
"prefix": "icon-", | ||
"png": true, | ||
"useClassSelector": true, | ||
"color": 0, | ||
"bgColor": 16777215, | ||
"classSelector": ".icon" | ||
}, | ||
"historySize": 50, | ||
"showCodes": true, | ||
"gridSize": 16 | ||
}, | ||
"uid": -1 | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
How to upgrade icons in icon-fonts on Nightscout | ||
================================================ | ||
|
||
This guide is fol developers regarding how to add new icon to Nightscout. | ||
|
||
Nightscout use icon fonts to render icons. Each icon is glyph (like - letter, or more like emoji character) inside custom made font file. | ||
That way we have nice, vector icons, that are small, scalable, looks good on each platform, and are easy to embed inside CSS. | ||
|
||
To extend existing icon set.: | ||
|
||
1. Prepare minimalist, black & white icon in SVG tool of choice, and optimize it (you can use Inkscape) to be small in size and render good at small sizes. | ||
2. Use https://icomoon.io/app and import accompanied JSON project file | ||
3. Add SVG as new glyph. Remember to take care to set proper character code and CSS name | ||
4. Save new version of JSON project file and store in this folder | ||
5. Generate font, download zip file and unpack into this folder (update existing files) | ||
6. Update `statc/css/main.css` file | ||
* In section of `@font-face` with `font-family: 'pluginicons'` | ||
* update part after `data:application/font-woff;charset=utf-8;base64,` with Base64-encoded content of previously generated WOFF font. | ||
* update part after `data:application/font-svg;charset=utf-8;base64,` with Base64-encoded content of previously generated CSS font and | ||
* copy/update all entries `.plugicon-****:before { content: "****"; }` from generated font `style.css` into `statc/css/main.css` | ||
|
||
Hints | ||
----- | ||
|
||
* You can find many useful online tools to encode file into Base64, like: https://base64.guru/converter/encode/file | ||
* Do not split Base64 output - it should be one LONG line | ||
* Since update process is **manual** and generated fonts & updated CSS sections are **binary** - try to avoid **git merge conflicts** by speaking with other developers if you plan to add new icon | ||
* When in doubt - check `git log` and reach last contributor for guidelines :) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. | ||
|
||
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts | ||
|
||
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. | ||
|
||
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,152 @@ | ||
body { | ||
padding: 0; | ||
margin: 0; | ||
font-family: sans-serif; | ||
font-size: 1em; | ||
line-height: 1.5; | ||
color: #555; | ||
background: #fff; | ||
} | ||
h1 { | ||
font-size: 1.5em; | ||
font-weight: normal; | ||
} | ||
small { | ||
font-size: .66666667em; | ||
} | ||
a { | ||
color: #e74c3c; | ||
text-decoration: none; | ||
} | ||
a:hover, a:focus { | ||
box-shadow: 0 1px #e74c3c; | ||
} | ||
.bshadow0, input { | ||
box-shadow: inset 0 -2px #e7e7e7; | ||
} | ||
input:hover { | ||
box-shadow: inset 0 -2px #ccc; | ||
} | ||
input, fieldset { | ||
font-family: sans-serif; | ||
font-size: 1em; | ||
margin: 0; | ||
padding: 0; | ||
border: 0; | ||
} | ||
input { | ||
color: inherit; | ||
line-height: 1.5; | ||
height: 1.5em; | ||
padding: .25em 0; | ||
} | ||
input:focus { | ||
outline: none; | ||
box-shadow: inset 0 -2px #449fdb; | ||
} | ||
.glyph { | ||
font-size: 16px; | ||
width: 15em; | ||
padding-bottom: 1em; | ||
margin-right: 4em; | ||
margin-bottom: 1em; | ||
float: left; | ||
overflow: hidden; | ||
} | ||
.liga { | ||
width: 80%; | ||
width: calc(100% - 2.5em); | ||
} | ||
.talign-right { | ||
text-align: right; | ||
} | ||
.talign-center { | ||
text-align: center; | ||
} | ||
.bgc1 { | ||
background: #f1f1f1; | ||
} | ||
.fgc1 { | ||
color: #999; | ||
} | ||
.fgc0 { | ||
color: #000; | ||
} | ||
p { | ||
margin-top: 1em; | ||
margin-bottom: 1em; | ||
} | ||
.mvm { | ||
margin-top: .75em; | ||
margin-bottom: .75em; | ||
} | ||
.mtn { | ||
margin-top: 0; | ||
} | ||
.mtl, .mal { | ||
margin-top: 1.5em; | ||
} | ||
.mbl, .mal { | ||
margin-bottom: 1.5em; | ||
} | ||
.mal, .mhl { | ||
margin-left: 1.5em; | ||
margin-right: 1.5em; | ||
} | ||
.mhmm { | ||
margin-left: 1em; | ||
margin-right: 1em; | ||
} | ||
.mls { | ||
margin-left: .25em; | ||
} | ||
.ptl { | ||
padding-top: 1.5em; | ||
} | ||
.pbs, .pvs { | ||
padding-bottom: .25em; | ||
} | ||
.pvs, .pts { | ||
padding-top: .25em; | ||
} | ||
.unit { | ||
float: left; | ||
} | ||
.unitRight { | ||
float: right; | ||
} | ||
.size1of2 { | ||
width: 50%; | ||
} | ||
.size1of1 { | ||
width: 100%; | ||
} | ||
.clearfix:before, .clearfix:after { | ||
content: " "; | ||
display: table; | ||
} | ||
.clearfix:after { | ||
clear: both; | ||
} | ||
.hidden-true { | ||
display: none; | ||
} | ||
.textbox0 { | ||
width: 3em; | ||
background: #f1f1f1; | ||
padding: .25em .5em; | ||
line-height: 1.5; | ||
height: 1.5em; | ||
} | ||
#testDrive { | ||
display: block; | ||
padding-top: 24px; | ||
line-height: 1.5; | ||
} | ||
.fs0 { | ||
font-size: 16px; | ||
} | ||
.fs1 { | ||
font-size: 32px; | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
if (!('boxShadow' in document.body.style)) { | ||
document.body.setAttribute('class', 'noBoxShadow'); | ||
} | ||
|
||
document.body.addEventListener("click", function(e) { | ||
var target = e.target; | ||
if (target.tagName === "INPUT" && | ||
target.getAttribute('class').indexOf('liga') === -1) { | ||
target.select(); | ||
} | ||
}); | ||
|
||
(function() { | ||
var fontSize = document.getElementById('fontSize'), | ||
testDrive = document.getElementById('testDrive'), | ||
testText = document.getElementById('testText'); | ||
function updateTest() { | ||
testDrive.innerHTML = testText.value || String.fromCharCode(160); | ||
if (window.icomoonLiga) { | ||
window.icomoonLiga(testDrive); | ||
} | ||
} | ||
function updateSize() { | ||
testDrive.style.fontSize = fontSize.value + 'px'; | ||
} | ||
fontSize.addEventListener('change', updateSize, false); | ||
testText.addEventListener('input', updateTest, false); | ||
testText.addEventListener('change', updateTest, false); | ||
updateSize(); | ||
}()); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,52 @@ | ||
<!doctype html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>IcoMoon Demo</title> | ||
<meta name="description" content="An Icon Font Generated By IcoMoon.io"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="demo-files/demo.css"> | ||
<link rel="stylesheet" href="style.css"></head> | ||
<body> | ||
<div class="bgc1 clearfix"> | ||
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> pluginicons <small class="fgc1">(Glyphs: 1)</small></h1> | ||
</div> | ||
<div class="clearfix mhl ptl"> | ||
<h1 class="mvm mtn fgc1">Grid Size: Unknown</h1> | ||
<div class="glyph fs1"> | ||
<div class="clearfix bshadow0 pbs"> | ||
<span class="plugicon-database"></span> | ||
<span class="mls"> plugicon-database</span> | ||
</div> | ||
<fieldset class="fs0 size1of1 clearfix hidden-false"> | ||
<input type="text" readonly value="e901" class="unit size1of2" /> | ||
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> | ||
</fieldset> | ||
<div class="fs0 bshadow0 clearfix hidden-true"> | ||
<span class="unit pvs fgc1">liga: </span> | ||
<input type="text" readonly value="" class="liga unitRight" /> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<!--[if gt IE 8]><!--> | ||
<div class="mhl clearfix mbl"> | ||
<h1>Font Test Drive</h1> | ||
<label> | ||
Font Size: <input id="fontSize" type="number" class="textbox0 mbm" | ||
min="8" value="48" /> | ||
px | ||
</label> | ||
<input id="testText" type="text" class="phl size1of1 mvl" | ||
placeholder="Type some text to test..." value=""/> | ||
<div id="testDrive" class="plugicon-" style="font-family: pluginicons"> | ||
</div> | ||
</div> | ||
<!--<![endif]--> | ||
<div class="bgc1 clearfix"> | ||
<p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p> | ||
</div> | ||
|
||
<script src="demo-files/demo.js"></script> | ||
</body> | ||
</html> |
Binary file not shown.
Oops, something went wrong.