rewrite print to use ng-show and ng-class

This allows much better copy/paste into libreoffice preserving line
wraps along the way. When copy/pasting from Firefox, you won't get
centered lines, but they do work from Chrome, go figure!

diff --git a/app/js/controllers.js b/app/js/controllers.js
index 092e07e..b98fb99 100644 (file)
--- a/app/js/controllers.js
+++ b/app/js/controllers.js
@@ -311,14 +311,17 @@ function ListCtrl($scope, $log, Registration, RegistrationTypes, $filter, ValidS
                $scope.pager.page = 1;
        }
 
-       $scope.print_hide = function(v) {
-               $log.info('print_hide', v);
-               if ( v ) {
-                       angular.element('.print-hide').hide();
-                       angular.element('.print-add-center').addClass('print-center');
-               } else {
-                       angular.element('.print-hide').show();
-                       angular.element('.print-add-center').removeClass('print-center');
+       $scope.print = {
+               layout: false,
+               center: '',
+               toggle: function(v) {
+                       $log.info('print_hide', v);
+                       $scope.print.layout = ! $scope.print.layout;
+                       if ( v ) {
+                               $scope.print.center = 'print-center';
+                       } else {
+                               $scope.print.center = '';
+                       }
                }
        }
 }

diff --git a/app/partials/list.html.ep b/app/partials/list.html.ep
index d7c974b..586de49 100644 (file)
--- a/app/partials/list.html.ep
+++ b/app/partials/list.html.ep
@@ -60,7 +60,7 @@ All results on single page <b>(can be slow!)</b>
 </label>
 
 <label>
-<input type="checkbox" ng-model="print_hide_status" ng-click="print_hide(print_hide_status)" >
+<input type="checkbox" ng-model="print_hide_status" ng-click="print.toggle(print_hide_status)" >
 Hide parts for print
 </label>
 

diff --git a/app/registration/view.html.ep b/app/registration/view.html.ep
index be6d902..70d2ee2 100644 (file)
--- a/app/registration/view.html.ep
+++ b/app/registration/view.html.ep
@@ -1,4 +1,4 @@
-<dt class="print-hide">
+<dt ng-show="! print.layout">
 % if ( my $before = stash('before') ) {
 %= $before->()
 % }
@@ -15,7 +15,7 @@
 
 <dd>
 
-       <p class="well print-hide">
+       <p class="well" ng-show="! print.layout">
         {{registration.user.firstname}}
         {{registration.user.surname}}
         <em>{{registration.user.organization}}</em>,
@@ -32,15 +32,16 @@
  </p>
 </p>
 
-<h3 ng-show="registration.work.title" class="print-add-center">
+<h3 ng-show="registration.work.title" ng-class="print.center">
 {{registration.work.title}}
 </h3>
 
-<p ng-repeat="author in registration.work.persons" class="print-add-center">
+<p ng-repeat="author in registration.work.persons" ng-class="print.center">
  {{author.firstname}}
- {{author.surname}}<span class="print-hide">,</span>
- <em class="print-add-center">{{author.organization}}</em>
- <tt class="print-hide">&lt;{{author.email}}&gt;</tt>
+ {{author.surname}}<span ng-show="! print.layout">,</span>
+ <br ng-show="print.layout">
+ <em ng-class="print.center">{{author.organization}}</em>
+ <tt ng-show="! print.layout">&lt;{{author.email}}&gt;</tt>
 </p>
 
 <p class="abstract">{{registration.work.abstract}}</p>