benjaminramey/lunchrun.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Menu modal sizing and title

Browse Source
This commit is contained in:
Ben Ramey
2014-06-17 22:20:36 -05:00
parent 0bddd8f69d
commit ab7fbe46ef
3 changed files with 53 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
assets/linker/js/controllers/run-controller.coffee
View File

@@ -1,49 +1,51 @@
lunchControllers = angular.module 'lunchControllers' lunchControllers = angular.module 'lunchControllers'
lunchControllers.controller 'RunCtrl', ['$scope', 'socket', '$routeParams', ($scope, socket, $routeParams) -> lunchControllers.controller 'RunCtrl', ['$scope', 'socket', '$routeParams', '$sce',
$scope.show = false RunController = ($scope, socket, $routeParams, $sce) ->
$scope.progress = 0 $scope.show = false
$scope.numOrders = 0 $scope.progress = 0
$scope.progressClass = 'progress-bar-danger' $scope.numOrders = 0
$scope.showMenuUrl = false $scope.progressClass = 'progress-bar-danger'
$scope.showMenuUrl = false
socket.get '/run/' + $routeParams['id'], socket.get '/run/' + $routeParams['id'],
(response) -> (response) ->
if response.status is 404 if response.status is 404
window.location = '/404' window.location = '/404'
return return
$scope.show = true $scope.show = true
$scope.run = response $scope.run = response
$scope.showMenuUrl = response.menuUrl $scope.showMenuUrl = response.menuUrl
$scope.menuUrl = $sce.trustAsResourceUrl(response.menuUrl)
socket.get '/invitee', run_id: response.id, (inviteeResponse) -> socket.get '/invitee', run_id: response.id, (inviteeResponse) ->
$scope.invitees = inviteeResponse $scope.invitees = inviteeResponse
$scope.numOrders = $scope.invitees.length $scope.numOrders = $scope.invitees.length
$scope.setStatusClasses() $scope.setStatusClasses()
$scope.setProgress()
$scope.$apply()
socket.on 'message', (m) ->
if m.verb is 'update' and m.data.run_id is $routeParams.id
invitee = _.findWhere $scope.invitees, run_id: m.data.run_id
_.extend invitee, m.data
$scope.setProgress() $scope.setProgress()
$scope.setStatusClasses()
$scope.$apply() $scope.$apply()
socket.on 'message', (m) -> $scope.setStatusClasses = () ->
if m.verb is 'update' and m.data.run_id is $routeParams.id for i in $scope.invitees
invitee = _.findWhere $scope.invitees, run_id: m.data.run_id if i.order
_.extend invitee, m.data i.statusClass = 'done'
$scope.setProgress() else
$scope.setStatusClasses() i.statusClass = 'incomplete'
$scope.$apply()
$scope.setStatusClasses = () -> $scope.setProgress = () ->
for i in $scope.invitees numFilledOrders = _.filter($scope.invitees, (i) -> i.order).length
if i.order $scope.progress = (numFilledOrders / $scope.numOrders) * 100
i.statusClass = 'done' if $scope.progress >= 100
$scope.progressClass = 'progress-bar-success'
else else
i.statusClass = 'incomplete' $scope.progressClass = 'progress-bar-danger'
$scope.setProgress = () ->
numFilledOrders = _.filter($scope.invitees, (i) -> i.order).length
$scope.progress = (numFilledOrders / $scope.numOrders) * 100
if $scope.progress >= 100
$scope.progressClass = 'progress-bar-success'
else
$scope.progressClass = 'progress-bar-danger'
] ]

11
assets/linker/styles/app.less
View File

@@ -24,8 +24,19 @@ body {
text-align: right; text-align: right;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
.modal-title {
font-size: 2em;
padding: 15px 0 0 10px;
}
} }
} }
.modal-dialog {
width: 90vw;
height: 90vh;
max-height: 90vh;
max-width: 90vw;
}
} }
#page { #page {
.interior { .interior {

2
assets/linker/templates/includes/menu-modal.jade
View File

@@ -2,7 +2,7 @@
.modal-dialog.modal-lg .modal-dialog.modal-lg
.modal-content .modal-content
.modal-header .modal-header
|   h4.modal-title.pull-left {{ run.name }} Menu
button.close(type='button',data-dismiss='modal',aria-hidden='true') × button.close(type='button',data-dismiss='modal',aria-hidden='true') ×
.modal-body .modal-body
h4.hidden.modal-title#menuModalLabel Menu h4.hidden.modal-title#menuModalLabel Menu