dsh/slovocast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Startinga basic frontend application.

Browse Source
This commit is contained in:
Dave Smith-Hayes 2024-02-24 22:54:16 -05:00
parent 523197902f
commit dda9cf2fe2
5 changed files with 47 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/public/index.html
View File

@ -4,6 +4,6 @@
<title>Slovocast</title> <title>Slovocast</title>
</head> </head>
<body> <body>
<script src="js/index.js" ></script> <script src="js/index.js"></script>
</body> </body>
</html> </html>

36
frontend/public/js/index.js
View File

@ -1923,12 +1923,40 @@ var require_mithril = __commonJS((exports, module) => {
}); });
// src/index.ts // src/index.ts
var import_mithril2 = __toESM(require_mithril(), 1);
// src/components/UserList.ts
var import_mithril = __toESM(require_mithril(), 1); var import_mithril = __toESM(require_mithril(), 1);
// src/models/User.ts
class User {
username;
constructor(username) {
this.username = username;
}
getUsername() {
return this.username;
}
}
// src/components/UserList.ts
var users = [
new User("U1"),
new User("U2"),
new User("U3")
];
var oninit = function() {
};
var view = function() {
return import_mithril.default(".UserList", import_mithril.default("ul", users.map((u) => import_mithril.default("li", u.getUsername()))));
};
var UserList = { oninit, view };
var UserList_default = UserList;
// src/index.ts
var App = { var App = {
view: function() { view: function() {
return import_mithril.default("body", [ return import_mithril2.default("body", [UserList_default]);
import_mithril.default("div", "Hello!")
]);
} }
}; };
import_mithril.default.mount(document.body, App); import_mithril2.default.mount(document.body, App);

19
frontend/src/components/UserList.ts
View File

@ -7,12 +7,15 @@ const users: User[] = [
new User('U3') new User('U3')
]; ];
export default const UserList = { const oninit = function () {
getList: function () { // get the users value
return users.map(u => m('li', u.getUsername()));
},
view: function () {
return m('li', { id: 'UserList' }, this.getList());
}
}; };
const view = function () {
return m('.UserList',
m('ul', users.map(u => m('li', u.getUsername())))
);
}
const UserList = { oninit, view };
export default UserList;

4
frontend/src/index.ts
View File

@ -3,9 +3,7 @@ import UserList from './components/UserList';
const App = { const App = {
view: function() { view: function() {
return m('body', [ return m('body', [ UserList ]);
UserList
]);
} }
} }