Skip to content

Commit

Permalink
built website from 068db51
Browse files Browse the repository at this point in the history
  • Loading branch information
@bantic
bantic committed Sep 14, 2015
1 parent 068db51 commit fa4c06c
Show file tree
Hide file tree
Showing 6 changed files with 3,693 additions and 2,250 deletions.
64 changes: 50 additions & 14 deletions website/demo/demo.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,10 +88,13 @@ var selfieCard = {
var simpleCard = {
name: 'simple-card',
display: {
setup: function(element) {
setup: function(element, options, env) {
var card = document.createElement('span');
card.innerHTML = 'Hello, world';
element.appendChild(card);
var button = $('<button>Remove card</button>');
button.on('click', env.remove);
$(element).append(button);
}
}
};
Expand Down Expand Up @@ -195,7 +198,12 @@ var ContentKitDemo = exports.ContentKitDemo = {
'image': ContentKit.ImageCard
};
var renderer = new MobiledocDOMRenderer();
var rendered = renderer.render(mobiledoc, document.createElement('div'), cards);
var rendered;
try {
rendered = renderer.render(mobiledoc, document.createElement('div'), cards);
} catch (e) {
rendered = document.createTextNode('Error rendering: ' + e);
}

$('#rendered-mobiledoc').empty();
$('#rendered-mobiledoc')[0].appendChild(rendered);
Expand Down Expand Up @@ -234,7 +242,14 @@ var ContentKitDemo = exports.ContentKitDemo = {
};

var htmlRenderer = new MobiledocHTMLRenderer();
$('#rendered-mobiledoc-html').html(displayHTML(htmlRenderer.render(mobiledoc)));
var renderedHTML;
try {
renderedHTML = htmlRenderer.render(mobiledoc);
} catch (e) {
renderedHTML = 'Error rendering: ' + e;
}

$('#rendered-mobiledoc-html').html(displayHTML(renderedHTML));

var editorHTML = debugNodeHTML($('#editor')[0]);
$('#editor-html').html(editorHTML);
Expand Down Expand Up @@ -272,21 +287,17 @@ function bootEditor(element, mobiledoc) {
editor = new ContentKit.Editor({
autofocus: false,
mobiledoc: mobiledoc,
placeholder: 'Write something here...',
cards: [simpleCard, cardWithEditMode, cardWithInput, selfieCard],
cardOptions: {
image: {
uploadUrl: 'http://localhost:5000/upload'
}
}
});
var didRenderCallback = function() {ContentKitDemo.syncCodePane(editor);};
editor.didRender(didRenderCallback);
editor.render(element);

function sync() {
ContentKitDemo.syncCodePane(editor);
}

editor.on('update', sync);
sync();
}

function readMobiledoc(string) {
Expand Down Expand Up @@ -329,6 +340,31 @@ var sampleMobiledocs = {
]
},

emptyMobiledoc: {
version: MOBILEDOC_VERSION,
sections: [
[],
[]
]
},

simpleMobiledocWithList: {
version: MOBILEDOC_VERSION,
sections: [
[],
[
[1, "H2", [
[[], 0, "To do today:"]
]],
[3, 'ul', [
[[[], 0, 'buy milk']],
[[[], 0, 'water plants']],
[[[], 0, 'world domination']]
]]
]
]
},

mobileDocWithMarker: {
version: MOBILEDOC_VERSION,
sections: [
Expand Down Expand Up @@ -384,9 +420,6 @@ var sampleMobiledocs = {
sections: [
[],
[
[1, "H2", [
[[], 0, "Simple Card"]
]],
[10, "simple-card"]
]
]
Expand All @@ -413,7 +446,10 @@ var sampleMobiledocs = {
[1, "H2", [
[[], 0, "Input Card"]
]],
[10, "input-card"]
[10, "input-card"],
[1, "P", [
[[], 0, "Text after the card."]
]]
]
]
},
Expand Down
3 changes: 3 additions & 0 deletions website/demo/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,9 @@ <h2>Try a Demo</h2>
<select id='select-mobiledoc'>
<option disabled>Load a new Mobiledoc</option>
<option value='simpleMobiledoc'>Simple text content</option>
<option value='emptyMobiledoc'>Empty mobiledoc</option>
<option value='simpleMobiledocWithList'>List example</option>
<option value='mobileDocWithSimpleCard'>Simple Card</option>
<option value='mobileDocWithInputCard'>Card with Input</option>
<option value='mobileDocWithSelfieCard'>Selfie Card</option>
</select>
Expand Down
69 changes: 52 additions & 17 deletions website/demo/mobiledoc-dom-renderer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -303,14 +303,21 @@ define("mobiledoc-dom-renderer/dom-renderer", ["exports", "mobiledoc-dom-rendere
var rendered = undefined;
switch (type) {
case 1:
// markup section
rendered = this.renderMarkupSection(section);
(0, _mobiledocDomRendererUtils.appendChild)(this.root, rendered);
break;
case 2:
rendered = this.renderImageSection(section);
(0, _mobiledocDomRendererUtils.appendChild)(this.root, rendered);
break;
case 3:
// list section
rendered = this.renderListSection(section);
(0, _mobiledocDomRendererUtils.appendChild)(this.root, rendered);
break;
case 10:
// card section
rendered = this.renderCardSection(section);
(0, _mobiledocDomRendererUtils.appendChild)(this.root, rendered);
break;
Expand All @@ -319,25 +326,49 @@ define("mobiledoc-dom-renderer/dom-renderer", ["exports", "mobiledoc-dom-rendere
}
}
}, {
key: "renderImageSection",
value: function renderImageSection(_ref4) {
var _ref42 = _slicedToArray(_ref4, 2);
key: "renderListSection",
value: function renderListSection(_ref4) {
var _this2 = this;

var _ref42 = _slicedToArray(_ref4, 3);

var type = _ref42[0];
var src = _ref42[1];
var tagName = _ref42[1];
var listItems = _ref42[2];

var element = (0, _mobiledocDomRendererUtils.createElement)(tagName);
listItems.forEach(function (li) {
element.appendChild(_this2.renderListItem(li));
});
return element;
}
}, {
key: "renderListItem",
value: function renderListItem(markers) {
var element = (0, _mobiledocDomRendererUtils.createElement)('li');
this._renderMarkersOnElement(element, markers);
return element;
}
}, {
key: "renderImageSection",
value: function renderImageSection(_ref5) {
var _ref52 = _slicedToArray(_ref5, 2);

var type = _ref52[0];
var src = _ref52[1];

var element = (0, _mobiledocDomRendererUtils.createElement)('img');
element.src = src;
return element;
}
}, {
key: "renderCardSection",
value: function renderCardSection(_ref5) {
var _ref52 = _slicedToArray(_ref5, 3);
value: function renderCardSection(_ref6) {
var _ref62 = _slicedToArray(_ref6, 3);

var type = _ref52[0];
var name = _ref52[1];
var payload = _ref52[2];
var type = _ref62[0];
var name = _ref62[1];
var payload = _ref62[2];

var card = this.cards[name];
if (!card) {
Expand All @@ -349,14 +380,20 @@ define("mobiledoc-dom-renderer/dom-renderer", ["exports", "mobiledoc-dom-rendere
}
}, {
key: "renderMarkupSection",
value: function renderMarkupSection(_ref6) {
var _ref62 = _slicedToArray(_ref6, 3);
value: function renderMarkupSection(_ref7) {
var _ref72 = _slicedToArray(_ref7, 3);

var type = _ref62[0];
var tagName = _ref62[1];
var markers = _ref62[2];
var type = _ref72[0];
var tagName = _ref72[1];
var markers = _ref72[2];

var element = (0, _mobiledocDomRendererUtils.createElement)(tagName);
this._renderMarkersOnElement(element, markers);
return element;
}
}, {
key: "_renderMarkersOnElement",
value: function _renderMarkersOnElement(element, markers) {
var elements = [element];
var currentElement = element;

Expand Down Expand Up @@ -384,8 +421,6 @@ define("mobiledoc-dom-renderer/dom-renderer", ["exports", "mobiledoc-dom-rendere
currentElement = elements[elements.length - 1];
}
}

return element;
}
}]);

Expand Down Expand Up @@ -425,4 +460,4 @@ define("mobiledoc-dom-renderer/utils", ["exports"], function (exports) {
}
});
require("mobiledoc-dom-renderer")["registerGlobal"](window, document);
})();
})();//# sourceMappingURL=mobiledoc-dom-renderer.map
67 changes: 51 additions & 16 deletions website/demo/mobiledoc-html-renderer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -292,14 +292,21 @@ define('mobiledoc-html-renderer/html-renderer', ['exports', 'mobiledoc-html-rend
var rendered = undefined;
switch (type) {
case 1:
// markup section
rendered = this.renderMarkupSection(section);
_mobiledocHtmlRendererUtilsDom['default'].appendChild(this.root, rendered);
break;
case 2:
rendered = this.renderImageSection(section);
_mobiledocHtmlRendererUtilsDom['default'].appendChild(this.root, rendered);
break;
case 3:
// list section
rendered = this.renderListSection(section);
_mobiledocHtmlRendererUtilsDom['default'].appendChild(this.root, rendered);
break;
case 10:
// card section
rendered = this.renderCardSection(section);
_mobiledocHtmlRendererUtilsDom['default'].appendChild(this.root, rendered);
break;
Expand All @@ -308,25 +315,49 @@ define('mobiledoc-html-renderer/html-renderer', ['exports', 'mobiledoc-html-rend
}
}
}, {
key: 'renderImageSection',
value: function renderImageSection(_ref4) {
var _ref42 = _slicedToArray(_ref4, 2);
key: 'renderListSection',
value: function renderListSection(_ref4) {
var _this2 = this;

var _ref42 = _slicedToArray(_ref4, 3);

var type = _ref42[0];
var url = _ref42[1];
var tagName = _ref42[1];
var items = _ref42[2];

var element = _mobiledocHtmlRendererUtilsDom['default'].createElement(tagName);
items.forEach(function (li) {
_mobiledocHtmlRendererUtilsDom['default'].appendChild(element, _this2.renderListItem(li));
});
return element;
}
}, {
key: 'renderListItem',
value: function renderListItem(markers) {
var element = _mobiledocHtmlRendererUtilsDom['default'].createElement('li');
this._renderMarkersOnElement(element, markers);
return element;
}
}, {
key: 'renderImageSection',
value: function renderImageSection(_ref5) {
var _ref52 = _slicedToArray(_ref5, 2);

var type = _ref52[0];
var url = _ref52[1];

var element = _mobiledocHtmlRendererUtilsDom['default'].createElement('img');
_mobiledocHtmlRendererUtilsDom['default'].setAttribute(element, 'src', url);
return element;
}
}, {
key: 'renderCardSection',
value: function renderCardSection(_ref5) {
var _ref52 = _slicedToArray(_ref5, 3);
value: function renderCardSection(_ref6) {
var _ref62 = _slicedToArray(_ref6, 3);

var type = _ref52[0];
var name = _ref52[1];
var payload = _ref52[2];
var type = _ref62[0];
var name = _ref62[1];
var payload = _ref62[2];

var element = undefined;
if (this.cards && this.cards[name]) {
Expand All @@ -346,14 +377,20 @@ define('mobiledoc-html-renderer/html-renderer', ['exports', 'mobiledoc-html-rend
}
}, {
key: 'renderMarkupSection',
value: function renderMarkupSection(_ref6) {
var _ref62 = _slicedToArray(_ref6, 3);
value: function renderMarkupSection(_ref7) {
var _ref72 = _slicedToArray(_ref7, 3);

var type = _ref62[0];
var tagName = _ref62[1];
var markers = _ref62[2];
var type = _ref72[0];
var tagName = _ref72[1];
var markers = _ref72[2];

var element = _mobiledocHtmlRendererUtilsDom['default'].createElement(tagName);
this._renderMarkersOnElement(element, markers);
return element;
}
}, {
key: '_renderMarkersOnElement',
value: function _renderMarkersOnElement(element, markers) {
var elements = [element];
var currentElement = element;

Expand Down Expand Up @@ -381,8 +418,6 @@ define('mobiledoc-html-renderer/html-renderer', ['exports', 'mobiledoc-html-rend
currentElement = elements[elements.length - 1];
}
}

return element;
}
}]);

Expand Down
Loading

0 comments on commit fa4c06c

Please sign in to comment.