Skip to content
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
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
8 changes: 8 additions & 0 deletions core/application.info/sample/application.mjson
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"root": {
"object": "montage/core/application[application]",
"values": {
"loginPOSTURL": "https://someserver.domain.com/login"
}
}
}
22 changes: 22 additions & 0 deletions core/application.info/sample/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<title>Application Sample</title>

<script src="../../../montage.js" async></script>
<script type="text/montage-serialization">
{
"owner": {
"prototype": "montage/ui/loader.reel"
},
"application": {
"object": "application.mjson"
}
}
</script>
</head>
<body>
</body>
</html>
12 changes: 12 additions & 0 deletions core/application.info/sample/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
{
"name": "application-sample",
"version": "0.1.0",
"private": true,
"dependencies": {
"montage": "*"
},
"mappings": {
"montage": "../../../"
},
"applicationPrototype":"test-application"
}
11 changes: 11 additions & 0 deletions core/application.info/sample/test-application.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
var Application = require("montage/core/application").Application;

exports.TestApplication = Application.specialize(/** @lends Main# */ {
constructor: {
value: function Application() {
console.log("Custom TestApplication constructed");
}
},


});
32 changes: 32 additions & 0 deletions core/application.info/sample/ui/main.reel/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
html, body, .Main {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
font-family: "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif;
}

.Main, .anchors {
display: flex;
align-items: center;
flex-direction: column;
flex: 1;
-webkit-font-smoothing: antialiased;
}

header {
margin-top: 20px;
font-size: 42px;
font-weight: bold;
color: #333;
}

.anchor {
text-decoration: none;
color: #555;
margin-top: 40px;
}

.anchor.montage--active {
color: #3a8fcf;
}
35 changes: 35 additions & 0 deletions core/application.info/sample/ui/main.reel/main.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/montage-serialization">
{
"owner": {
"values": {
"element": {"#": "main"}
}
},
"application": {
},
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"applicationPrototype":"test-application" in package id unknown property to me.
I would prefer in mjson "prototype": "test-application", is that possible?

"hello": {
"prototype": "montage/ui/text.reel",
"values": {
"element": {"#": "hello"},
"value": {"=":"@application.loginPOSTURL"}
}
}

}
</script>

</head>
<body>
<div data-montage-id="main" class="Main">
<header>Application Sample</header>
<section class="">

<span data-montage-id="hello"></span>
</section>
</div>
</body>
</html>
6 changes: 6 additions & 0 deletions core/application.info/sample/ui/main.reel/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
var Component = require("montage/ui/component").Component;

exports.Main = Component.specialize(/** @lends Main# */ {


});