Placeholders read values from the selected weather snapshot. Nested fields use dots.
' + - 'Use the icon property to insert a Bootstrap weather icon. Add width and height in pixels when sizing is needed.
{{current.icon}}{{current.icon(48,48)}}{{daily.0.icon(32,24)}}Use the icon property to insert a weather icon. Add width, height, and optional top, middle, or bottom alignment when sizing is needed.
{{current.icon}}{{current.icon(48,48)}}{{daily.0.icon(32,96,top)}}Use image(width, height) to render an image URL inside a proportional bounding box.
Use image(width, height, alignment) to render an image URL inside a proportional bounding box. Alignment can be top, middle, or bottom to position it relative to surrounding text.
Upload and manage shared icon sets for weather regions.
+| Name | +Preview | +Slides | +Status | + {{#if (anyPermission currentUser 'weather-icons.update' 'weather-icons.delete')}}Actions | {{/if}} +
|---|---|---|---|---|
| {{name}} | +
+
+ {{#each conditions}}
+
+
+ {{#if image}}
+ {{/each}}
+ |
+ {{usageCount}} | +{{#if enabled}}Enabled{{else}}Disabled{{/if}} | + {{#if (anyPermission ../currentUser 'weather-icons.update' 'weather-icons.delete')}} ++ {{#if (hasPermission ../currentUser 'weather-icons.update')}} + + + {{/if}} + {{#if (hasPermission ../currentUser 'weather-icons.delete')}} + + {{/if}} + | + {{/if}} +
| No uploaded icon sets. |
Fonts
- -Assets
+ +Assets/);
+ assert.match(html, /nav-icon bi bi-folder2-open/);
+ assert.ok(html.indexOf('User management') < html.indexOf('Assets'));
+ assert.match(html, /action="\/settings\/weather-icons"/);
+ assert.match(html, /name="icon_clear"/);
+ assert.match(html, /class="page-header"/);
+ assert.match(html, /Upload and manage shared icon sets for weather regions/);
+ assert.match(html, /class="card card-outline card-primary mb-4 collapsed-card"/);
+ assert.match(html, /class="card-title mb-0">Upload icon set/);
+ assert.doesNotMatch(html, /Add a PNG or WebP image for every weather condition/);
+ assert.match(html, /data-lte-toggle="card-collapse"/);
+ assert.match(html, /data-lte-icon="expand"/);
+ assert.match(html, /data-lte-icon="collapse"/);
+ assert.match(html, /action="\/settings\/weather-icons" enctype="multipart\/form-data" class="card-body p-0"/);
+ assert.match(html, /class="card-title">Managed icon sets/);
+ assert.match(html, /data-table-sort-key="status">Status/);
+ assert.equal((html.match(/class="app-content"/g) || []).length, 1);
+ assert.doesNotMatch(html, //g) || []).length, 5);
+ assert.match(response.html, /Set 25/);
+ assert.doesNotMatch(response.html, /Set 00/);
+ assert.match(response.html, /data-bs-toggle="modal"/);
+ assert.match(response.html, /href="\/assets\/css\/weather-icons.css"/);
+ await handlers['/settings/weather-icons'][1]({ query: { search: 'Set 29', page: '2' }, currentUser: currentUser }, response, fail);
+ assert.equal((response.html.match(/ /g) || []).length, 1);
+ assert.match(response.html, /Set 29/);
+ await handlers['/settings/weather-icons'][1]({ query: { search: 'Set', page: '2' }, currentUser: currentUser }, response, fail);
+ assert.match(response.html, /search(?:=|=)Set/);
+ } finally {
+ library.readWeatherIconSets = originalRead;
+ }
+});
+
+test('weather sets require every condition image and support replacement', async function () {
+ const root = fs.mkdtempSync(path.join(os.tmpdir(), 'weather-icons-'));
+ try {
+ const buffer = await sharp({ create: { width: 16, height: 16, channels: 4, background: '#ff0000' } }).png().toBuffer();
+ const allFiles = library.CONDITIONS.map(function (condition) { return { fieldname: 'icon_' + condition.key, buffer: buffer }; });
+ const svgBuffer = Buffer.from('');
+ await assert.rejects(library.saveWeatherIconSet(root, 'Partial', allFiles.slice(0, 2)), /every weather condition.*Overcast/);
+ const first = await library.saveWeatherIconSet(root, 'Colour', allFiles);
+ const second = await library.saveWeatherIconSet(root, 'Outline', allFiles);
+ assert.notEqual(first.id, second.id);
+ assert.equal(Object.keys(first.icons).length, library.CONDITIONS.length);
+ assert.match(first.icons.clear, /^\/media\/assets\/weather-icons\//);
+ const disabled = library.setWeatherIconSetEnabled(root, first.id, false);
+ assert.equal(disabled.enabled, false);
+ assert.equal(library.readWeatherIconSets(root).find(function (set) { return set.id === first.id; }).enabled, false);
+ assert.ok(library.collectWeatherIconSyncOperations(root).some(function (operation) {
+ return operation.type === 'put' && operation.uploadPath === first.icons.clear;
+ }));
+ assert.equal(fs.existsSync(path.join(root, 'assets', 'weather-icons', first.id, path.basename(first.icons.clear))), true);
+ library.setWeatherIconSetEnabled(root, first.id, true);
+ assert.equal(library.getWeatherManifestPath(root), path.join(root, 'assets', 'weather.json'));
+ const svgSet = await library.saveWeatherIconSet(root, 'Vector', library.CONDITIONS.map(function (condition) { return { fieldname: 'icon_' + condition.key, buffer: svgBuffer }; }));
+ const svgFileName = path.basename(svgSet.icons.clear);
+ assert.match(svgFileName, /\.svg$/);
+ assert.match(fs.readFileSync(path.join(root, 'assets', 'weather-icons', svgSet.id, svgFileName), 'utf8'), /