zuel-itsm-3.0.2/bower_components/angularPrint

AngularPrint

An Angular module that allows users to selectively print elements, as well as provides optimizations for printing. By default, printing margins are minimized.

Installation

• make sure bower is installed
• navigate to the root directory of your project and execute the command "bower install angular-print"
• import module to your Angular app using the name "AngularPrint"

Using AngularPrint

printSection

<li>Directive type: Attribute</li>
<li>Makes element and its children visible for printing</li>

  <div>
      <div print-section>
        I'll print
        <p>Me, too!</p>
      </div>
      <div>I won't</div>
  </div>

printOnly

<li>Directive type: Attribute</li>
<li>Makes element and its children only visible for printing</li>

  <div print-section>
      <div print-only>
        I'll print, but until then nobody wants me
        <p>Me, too!</p>
      </div>
      <div>Me, too! Except that people still want to look at me in the meantime...</div>
  </div>

printHide

<li>Directive type: Attribute</li>
<li>Makes element invisible during printing, but it is replaced by blank space</li>

  <div print-section>
      <div print-hide>
        I won't print
        <p>Me, either</p>
      </div>
      <div>I'll print, but those bozos upstairs are still taking up space</div>
  </div>

printRemove

<li>Directive type: Attribute</li>
<li>Makes element invisible during printing</li>

  <div print-section>
      <div print-remove>
        I won't print
        <p>Me, either</p>
      </div>
      <div>I'll print, and those bozos upstairs will finally stop making such a ruckus</div>
  </div>

printIf

<li>Directive type: Attribute</li>
<li>Toggles print-visibility based on expression</li>

  <!--Pigs do not yet fly, so this div, despite having print-section, will not print-->
  <div print-section print-if="pigsFly"></div>
  <!--Sam IS the best, so this div will print, despite not having print-section-->
  <div print-if="samIsTheBest"></div>

printBtn

<li>Directive type: Attribute</li>
<li>Adds onClick callback to element that will trigger printing</li>

  <button print-btn>Doesn't matter where you put me</button>
  <span print-btn>I will make anything cause a print</span>
  <p print-btn>to happen if you click me</p>

printLandscape

<li>Directive type: Attribute</li>
<li>Will cause printing to be landscape instead of portrait</li>

  <button print-landscape>Doesn't matter where you put me</button>
  <span print-landscape>I will cause any print</span>
  <p print-landscape>to be landscape</p>

printAvoidBreak

<li>Directive type: Attribute</li>
<li>Prevents page breaks on element</li>

  <button print-avoid-break>This element won't get split by page breaks</button>

printTable

<li>Directive type: Attribute</li>
<li>Optimizes table for printing. This includes keeping 'td' cell content from being cut-off by page breaks.</li>
<li>Must be passed an array scope object representing the data presented by the table</li>
<li>Column headers will persist between pages only if the ```<thead>``` and ```<tbody>``` tags are used correctly</li>

This example shows adjustments to an already-visible table in order to tailor it for printing

  <table print-table="people">
    <thead>
      <tr>
        <td print-remove>Unwanted field</td>
        <td>Name</td>
        <td>Address</td>
        <td>Phone</td>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="person in people">
        <td print-remove>{{person.unwantedInfo}}</td>
        <td>{{person.name}}</td>
        <td>{{person.address}}</td>
        <td>{{person.phone}}</td>
      </tr>
    </tbody>
  </table>      

This example shows a table made to only be visible during printing

  <table print-table="people" print-only>
    <thead>
      <tr>
        <td>Name</td>
        <td>Address</td>
        <td>Phone</td>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="person in people">
        <td>{{person.name}}</td>
        <td>{{person.address}}</td>
        <td>{{person.phone}}</td>
      </tr>
    </tbody>
  </table>