Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: adds widget catalog #1288

Merged
merged 35 commits into from
Nov 1, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
35 commits
Select commit Hold shift + click to select a range
ef1fe2c
feat(tests/dummy/app/router): adds widget catalog.
matthewhartstonge Oct 23, 2024
435132a
feat(tests/dummy/app/templates/catalog): adds autocomplete.
matthewhartstonge Oct 23, 2024
2c7e2a6
feat(tests/dummy/app/templates/catalog): adds button.
matthewhartstonge Oct 23, 2024
ac4084f
feat(tests/dummy/app/templates/catalog): adds card.
matthewhartstonge Oct 23, 2024
7328d63
ci(tests/dummy/app): fixes lint.
matthewhartstonge Oct 23, 2024
20a7bac
feat(tests/dummy/app/templates/catalog): adds checkbox.
matthewhartstonge Oct 24, 2024
d6ba114
fix(tests/dummy/app/controllers/demo/chips): migrates to `faker.image…
matthewhartstonge Oct 24, 2024
c042a7d
feat(tests/dummy/app/templates/catalog): adds chips.
matthewhartstonge Oct 24, 2024
24f3cbb
feat(tests/dummy/app/templates/catalog): adds contact chips.
matthewhartstonge Oct 24, 2024
1ba0d0c
feat(tests/dummy/app/templates/catalog): adds dialog.
matthewhartstonge Oct 25, 2024
3d1f682
feat(tests/dummy/app/templates/catalog): adds divider.
matthewhartstonge Oct 25, 2024
9f9709a
feat(tests/dummy/app/templates/catalog): adds grid list.
matthewhartstonge Oct 25, 2024
0f809ce
feat(tests/dummy/app/templates/catalog): adds icons.
matthewhartstonge Oct 25, 2024
b33a187
feat(tests/dummy/app/templates/catalog): adds input.
matthewhartstonge Oct 25, 2024
eecccbe
chore(tests/dummy/app/templates/catalog): adjust paper icons to angle…
matthewhartstonge Oct 25, 2024
025ca6b
feat(tests/dummy/app/templates/catalog): adds list.
matthewhartstonge Oct 25, 2024
a2daded
feat(tests/dummy/app/templates/catalog): adds menu.
matthewhartstonge Oct 25, 2024
7db07de
feat(tests/dummy/app/templates/catalog): adds progress circular.
matthewhartstonge Oct 25, 2024
19de2e1
feat(tests/dummy/app/templates/catalog): adds progress circular deter…
matthewhartstonge Oct 25, 2024
929a33e
feat(tests/dummy/app/templates/catalog): adds progress linear.
matthewhartstonge Oct 25, 2024
7e63e43
feat(tests/dummy/app/templates/catalog): adds radio.
matthewhartstonge Oct 25, 2024
d9ecbbe
feat(tests/dummy/app/templates/catalog): adds select.
matthewhartstonge Oct 28, 2024
d2ab783
feat(tests/dummy/app/templates/catalog): adds sidenav.
matthewhartstonge Oct 28, 2024
d86ae3a
feat(tests/dummy/app/templates/catalog): adds slider.
matthewhartstonge Oct 28, 2024
6f56d5d
feat(tests/dummy/app/templates/catalog): adds speed dial.
matthewhartstonge Oct 28, 2024
c0be6b4
feat(tests/dummy/app/templates/catalog): adds switch.
matthewhartstonge Oct 28, 2024
5adbe89
feat(tests/dummy/app/templates/catalog): adds tabs.
matthewhartstonge Oct 29, 2024
2567bb4
refactor(tests/dummy/app/styles): moves catalog styles out into its o…
matthewhartstonge Oct 29, 2024
0917ca1
refactor(tests/dummy/app/templates/catalog): migrates some leftover `…
matthewhartstonge Oct 29, 2024
aa7d067
feat(tests/dummy/app/templates/catalog): adds toast.
matthewhartstonge Oct 29, 2024
9bf0496
feat(tests/dummy/app/templates/catalog): adds toolbar.
matthewhartstonge Oct 29, 2024
c4ad7ac
fix(tests/dummy/app/templates/catalog): fixes for tabs due to dynamic…
matthewhartstonge Oct 29, 2024
201382e
chore(tests/dummy/app/templates/catalog): runs prettier.
matthewhartstonge Oct 29, 2024
9d0d6b0
feat(tests/dummy/app/templates/catalog): adds tooltip.
matthewhartstonge Oct 29, 2024
f0423cd
refactor(tests/dummy/app/templates/catalog): removes `ember/no-comput…
matthewhartstonge Oct 29, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
602 changes: 602 additions & 0 deletions tests/dummy/app/controllers/catalog.js

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions tests/dummy/app/controllers/demo/chips.js
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export default Controller.extend({
contacts.push({
name: faker.person.fullName(),
email: faker.internet.email(),
image: faker.internet.avatar()
image: faker.image.avatar(),
});
}

Expand Down Expand Up @@ -48,7 +48,7 @@ export default Controller.extend({
contacts.push({
shortName: `${firstName} ${lastName[0]}`,
emailAddress: `${firstName.toLowerCase()}.${lastName[0].toLowerCase()}@example.com`,
profileImage: faker.internet.avatar()
profileImage: faker.image.avatar(),
});
}

Expand Down
74 changes: 1 addition & 73 deletions tests/dummy/app/controllers/demo/grid-list.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,79 +3,7 @@ import Controller from '@ember/controller';
import { later } from '@ember/runloop';
import { A } from '@ember/array';
import EObject, { computed } from '@ember/object';
import { assign } from '@ember/polyfills';

const COLORS = Object.freeze(['#ffebee', '#ffcdd2', '#ef9a9a', '#e57373', '#ef5350', '#f44336', '#e53935', '#d32f2f', '#c62828', '#b71c1c', '#ff8a80', '#ff5252', '#ff1744', '#d50000', '#f8bbd0', '#f48fb1', '#f06292', '#ec407a', '#e91e63', '#d81b60', '#c2185b', '#ad1457', '#880e4f', '#ff80ab', '#ff4081', '#f50057', '#c51162', '#e1bee7', '#ce93d8', '#ba68c8', '#ab47bc', '#9c27b0', '#8e24aa', '#7b1fa2', '#4a148c', '#ea80fc', '#e040fb', '#d500f9', '#aa00ff', '#ede7f6', '#d1c4e9', '#b39ddb', '#9575cd', '#7e57c2', '#673ab7', '#5e35b1', '#4527a0', '#311b92', '#b388ff', '#7c4dff', '#651fff', '#6200ea', '#c5cae9', '#9fa8da', '#7986cb', '#5c6bc0', '#3f51b5', '#3949ab', '#303f9f', '#283593', '#1a237e', '#8c9eff', '#536dfe', '#3d5afe', '#304ffe', '#e3f2fd', '#bbdefb', '#90caf9', '#64b5f6', '#42a5f5', '#2196f3', '#1e88e5', '#1976d2', '#1565c0', '#0d47a1', '#82b1ff', '#448aff', '#2979ff', '#2962ff', '#b3e5fc', '#81d4fa', '#4fc3f7', '#29b6f6', '#03a9f4', '#039be5', '#0288d1', '#0277bd', '#01579b', '#80d8ff', '#40c4ff', '#00b0ff', '#0091ea', '#e0f7fa', '#b2ebf2', '#80deea', '#4dd0e1', '#26c6da', '#00bcd4', '#00acc1', '#0097a7', '#00838f', '#006064', '#84ffff', '#18ffff', '#00e5ff', '#00b8d4', '#e0f2f1', '#b2dfdb', '#80cbc4', '#4db6ac', '#26a69a', '#009688', '#00897b', '#00796b', '#00695c', '#a7ffeb', '#64ffda', '#1de9b6', '#00bfa5', '#e8f5e9', '#c8e6c9', '#a5d6a7', '#81c784', '#66bb6a', '#4caf50', '#43a047', '#388e3c', '#2e7d32', '#1b5e20', '#b9f6ca', '#69f0ae', '#00e676', '#00c853', '#f1f8e9', '#dcedc8', '#c5e1a5', '#aed581', '#9ccc65', '#8bc34a', '#7cb342', '#689f38', '#558b2f', '#33691e', '#ccff90', '#b2ff59', '#76ff03', '#64dd17', '#f9fbe7', '#f0f4c3', '#e6ee9c', '#dce775', '#d4e157', '#cddc39', '#c0ca33', '#afb42b', '#9e9d24', '#827717', '#f4ff81', '#eeff41', '#c6ff00', '#aeea00', '#fffde7', '#fff9c4', '#fff59d', '#fff176', '#ffee58', '#ffeb3b', '#fdd835', '#fbc02d', '#f9a825', '#f57f17', '#ffff8d', '#ffff00', '#ffea00', '#ffd600', '#fff8e1', '#ffecb3', '#ffe082', '#ffd54f', '#ffca28', '#ffc107', '#ffb300', '#ffa000', '#ff8f00', '#ff6f00', '#ffe57f', '#ffd740', '#ffc400', '#ffab00', '#fff3e0', '#ffe0b2', '#ffcc80', '#ffb74d', '#ffa726', '#ff9800', '#fb8c00', '#f57c00', '#ef6c00', '#e65100', '#ffd180', '#ffab40', '#ff9100', '#ff6d00', '#fbe9e7', '#ffccbc', '#ffab91', '#ff8a65', '#ff7043', '#ff5722', '#f4511e', '#e64a19', '#d84315', '#bf360c', '#ff9e80', '#ff6e40', '#ff3d00', '#dd2c00', '#d7ccc8', '#bcaaa4', '#795548', '#d7ccc8', '#bcaaa4', '#8d6e63', '#eceff1', '#cfd8dc', '#b0bec5', '#90a4ae', '#78909c', '#607d8b', '#546e7a', '#cfd8dc', '#b0bec5', '#78909c']);

function buildGridModel(tileTmpl) {
let results = [];

for (let j = 0; j < 11; j++) {

let it = assign({}, tileTmpl);
it.icon = it.icon + (j + 1);
it.title = it.title + (j + 1);
it.span = { row: 1, col: 1 };

switch (j + 1) {
case 1:
it.background = 'red';
it.span.row = it.span.col = 2;
break;
case 2:
it.background = 'green';
break;
case 3:
it.background = 'darkBlue';
break;
case 4:
it.background = 'blue';
it.span.col = 2;
break;
case 5:
it.background = 'yellow';
it.span.row = it.span.col = 2;
break;
case 6:
it.background = 'pink';
break;
case 7:
it.background = 'darkBlue';
break;
case 8:
it.background = 'purple';
break;
case 9:
it.background = 'deepBlue';
break;
case 10:
it.background = 'lightPurple';
break;
case 11:
it.background = 'yellow';
break;
}

results.push(it);
}
return results;
}

function randomColor() {
let color = COLORS[Math.floor(Math.random() * COLORS.length)];
return color.replace('#', 'bg-');
}

function randomSpan() {
let r = Math.random();
if (r < 0.8) {
return 'gt-sm-1';
} else if (r < 0.9) {
return 'gt-sm-2';
} else {
return 'gt-sm-3';
}
}
import { buildGridModel, randomColor, randomSpan } from '../../utils/grid-list';

export default Controller.extend({

Expand Down
12 changes: 7 additions & 5 deletions tests/dummy/app/router.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
/* eslint-disable prettier/prettier */
import EmberRouter from '@ember/routing/router';
import config from 'dummy/config/environment';

Expand All @@ -7,15 +6,18 @@ export default class Router extends EmberRouter {
rootURL = config.rootURL;
}

Router.map(function() {
Router.map(function () {
this.route('introduction');
this.route('catalog', function () {
this.route('nested-route');
});
this.route('forms');
this.route('typography');
this.route('theme');
this.route('cookbook');
this.route('addons');

this.route('demo', { path: 'components' }, function() {
this.route('demo', { path: 'components' }, function () {
this.route('autocomplete');
this.route('button');
this.route('card');
Expand All @@ -28,7 +30,7 @@ Router.map(function() {
this.route('input');
this.route('list');
this.route('menu');
this.route('tabs', function() {
this.route('tabs', function () {
this.route('nested-route');
});
this.route('progress-circular');
Expand All @@ -44,7 +46,7 @@ Router.map(function() {
this.route('tooltip');
});

this.route('layout', function() {
this.route('layout', function () {
this.route('introduction');
this.route('layout-containers');
this.route('layout-children');
Expand Down
1 change: 1 addition & 0 deletions tests/dummy/app/styles/app.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ $warn: 'amber';
$accent: 'pink';

@import 'ember-paper';
@import 'catalog';
@import 'demo';

/**
Expand Down
11 changes: 11 additions & 0 deletions tests/dummy/app/styles/catalog.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
.dialog-catalog {
min-height: 350px;
}

.toast-catalog {
min-height: 150px;

&--override-position {
position: relative !important;
}
}
Loading
Loading