Displaying chapter and verse headers now

This commit is contained in:
Bradlee Speice
2014-09-09 23:05:58 -04:00
parent 3eb4b77cdb
commit 4d0a8618a8
7 changed files with 92 additions and 39 deletions

View File

@ -4,7 +4,11 @@
</head>
<body ng-controller="BookCtrl" id="bookController">
<div ng-repeat="verse in verses">
{{ verse.text }}
<h3 style="display: inline;" ng-show="verse.verseNum === 1">
{{ verse.chapter }}
</h3>
<sup ng-show="verse.verseNum !== 1">{{ verse.verseNum }}</sup>
{{ verse.content }}
</div>
</body>
</html>

View File

@ -8,22 +8,24 @@ require('angular');
app = angular.module('bookApp', []);
app.controller('BookCtrl', [
'$scope', function($scope) {
'$scope', '$filter', function($scope, $filter) {
$scope.verses = [];
return $scope.appendVerse = function(text) {
return $scope.verses.push({
'text': text
});
$scope.order_verses = function() {
return $scope.verses = $filter('orderBy')($scope.verses, 'id', false);
};
return $scope.appendVerse = function(verse) {
$scope.verses.push(verse);
return $scope.order_verses();
};
}
]);
controller = "#bookController";
window.appendVerse = function(text) {
window.appendVerse = function(jsonVerseString) {
var scope;
scope = angular.element($("#bookController")).scope();
scope.appendVerse(text);
scope.appendVerse(angular.fromJson(jsonVerseString));
return scope.$apply();
};

View File

@ -3,11 +3,15 @@ require 'angular'
app = angular.module('bookApp', [])
app.controller 'BookCtrl', ['$scope', ($scope) ->
app.controller 'BookCtrl', ['$scope', '$filter', ($scope, $filter) ->
$scope.verses = []
$scope.appendVerse = (text) ->
$scope.verses.push {'text': text}
$scope.order_verses = ->
$scope.verses = $filter('orderBy')($scope.verses, 'id', false)
$scope.appendVerse = (verse) ->
$scope.verses.push verse
$scope.order_verses()
]
# Due to page initialization, we can only store the controller string.
@ -15,9 +19,9 @@ app.controller 'BookCtrl', ['$scope', ($scope) ->
# etc. to grab the scope ahead of time and re-use it.
controller = "#bookController"
window.appendVerse = (text) ->
window.appendVerse = (jsonVerseString) ->
scope = angular.element($("#bookController")).scope()
scope.appendVerse text
scope.appendVerse angular.fromJson jsonVerseString
# Since we're calling outside of angular, we need to manually apply
scope.$apply()