These documents are a WIP. Please view the source code for a full list of directives and attributes.

Setup

The SWRPG AngularJS Directives required AngularJS to run. Simply reference both swaor.min.js and swaor.min.css in your project. They must be refereneced after AngularJS core is referenced. Finally, you'll need to reference the module in your main angularJS app, for example: var app = angular.module("myApp", ["swaor"]);

Quick-start Example

   
      <!DOCTYPE html>
      <html lang="en" >
         <head>
           <meta name="viewport" content="width=device-width, initial-scale=1">
           <link rel="stylesheet" href="/styles/swrpgaor.min.css">
           <title>My Campaign</title>
         </head>
         <body ng-app="myApp" ng-cloak>
            <h1>A long time ago in a galaxy far far away...</h1>
         </body>
         <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script>
         <script src="/scripts/swrpgaor.min.js"></script>
         <script>
         var app = angular.module("myApp", ['swaor']);
         </script>
      </html>

Typography

Basic typography

   
      <b>Bold Text</b>
      <i>Italic Text</i>
      <h5>Heading 5</h5>
      <h4>Heading 4</h4>
      <h3>Heading 3</h3>
      <h2>Heading 2</h2>
      <h1>Heading 1</h1>

Bold Text
Italic Text

Heading 5

Heading 4

Heading 3

Heading 2

Heading 1

Dice Values

   
   Boost Die: <boost></boost>
   Setback Die: <setback></setback>
   Ability Die: <ability></ability>
   Difficulty Die: <difficulty></difficulty>
   Proficiency Die: <proficiency></proficiency>
   Challenge Die: <challenge></challenge>
   Force Die: <force></force>
   Success Result: <success></success>
   Failure Result: <failure></failure>
   Advantage Result: <advantage></advantage>
   Threat Result: <threat></threat>
   Triumph Result: <triumph></triumph>
   Despair Result: <despair></despair>
   Light Side Result: <light-side></light-side>
   Dark Side Result: <dark-side></dark-side>

Boost Die:
Setback Die:
Ability Die:
Difficulty Die:
Proficiency Die:
Challenge Die:
Force Die:
Success Result:
Failure Result:
Advantage Result:
Threat Result:
Triumph Result:
Despair Result:
Light Side Result:
Dark Side Result:

You can also specify any dice result using the <die type="boost"></die> directive by passing the name of the symbol as the Type attribute.

Skill checks

   
      Make an <check skill="piloting" dif="2"></check> to navigate the asteroid field.
      Make a <check skill="athletics" dif="2" chg="1"></check> to jump across the building in the rain.
      Make a <check skill="Opposed Charm vs Discipline" dif="2" chg="1"></check> to talk the Imperial Officer into giving away the codes.

Make an to navigate the asteroid field.
Make a to jump across the building in the rain.
Make a to talk the Imperial Officer into giving away the codes.

Stat Bars

NPCs

NPC statlines can be quickly created using the <npc></npc> directive. Simply pass a values for each characteristic as attributes and a name. It's advisable to also pass a rank, as minion dice pools should not be calculated until a number of minions is determined.

Under the NPC directive you can add the <skills></skills> directive, passing rank counts for any relevant skills the NPC has. These will display dice pools on the rendered view.

You can further add abilities text to your NPC with the <abilities></abilities> directive. Any text between the tags will be added to the abilities section on your NPC

Finally, to add weapons to your NPC, add a <weapons></weapons> directive for each weapon in their inventory. You can pass statistical values as attributes for different abilities, however do note critical, damage, skill, and name are all required attributes


    <npc name="Example NPC" rank="nemesis" brawn="3" agility="2" intelligence="2" willpower="2" cunning="3" presence="4" soak="3" wounds="15" strain="10">

        <skills athletics="2" ranged-light="4" />

        <abilities>Add <boost></boost> when making a Persuasion Check</abilities>

        <weapon name="frag grenades" skill="Ranged (Light)" damage="2" pierce="5" blast="9" critical="5" range="short" ammo="1" quantity="3"></weapon>

    </npc>

Add when making a Persuasion Check

Vehicles

   
      <vehicle name="Example Light Starfighter" speed="5" silhouette="3" fore="1" aft="0" armor="1" hull="10" system="6" type="Starfighter" ship="ExampleShip" maker="Spaceships, Inc" hyperdrive="Primary: Class 3, Backup: None" navicomputer="true" encum="7" consumables="One day" price="65,000" rarity="6" hardpoints="5">
          <starship-weapon damage="4" critical="4" name="Twin wing-mounted light blaster cannons" arc="forward" linked="1"></starship-weapon>
          <starship-weapon damage="6" critical="3" blast="4" breach="4" guided="3" ammo="2" slow-firing="1" name="Forward mounted concussion missile launcher" arc="forward" linked="1"></starship-weapon>
          <starship-weapon damage="5" critical="4" name="Forward mounted light ion cannon" arc="forward" ion="true"></starship-weapon>
      </vehicle>

containers

narrative text


    <narrative>

        <p>

            The holo-transmission zooms in on the Emperor's throne, where he is about to speak.  The lighting is dark, and to each entrance of his spire a crimson Royal Guard stands watch.
        </p>

        <p>

            "The Empire is on the verge of success.  Soon peace and order will be restored throughout the galaxy.  Even now our capable forces lead by Darth Vader are striking back at the rebel insurgents."
        </p>

    </narrative>

The holo-transmission zooms in on the Emperor's throne, where he is about to speak. The lighting is dark, and to each entrance of his spire a crimson Royal Guard stands watch.

"The Empire is on the verge of success. Soon peace and order will be restored throughout the galaxy. Even now our capable forces lead by Darth Vader are striking back at the rebel insurgents."

mechanic text


    <blackbox title="how dice work">

        <p>

            Success <success></success> rolls mean your character successfully completed a task.  They are a very important mechanic and need to be tracked.  They're cancelled by Failure results, but that's okay because you'll roll more successes than failures if your character doesn't try anything too silly!
        </p>

        <p>

            Failure <failure></failure> rolls mean your character failed at completing a task.  If your character rolled too many of these, you probably tried a task that you shouldn't have.  That's too bad, don't do that next time!
        </p>

    </blackbox>

Success rolls mean your character successfully completed a task. They are a very important mechanic and need to be tracked. They're cancelled by Failure results, but that's okay because you'll roll more successes than failures if your character doesn't try anything too silly!

Failure rolls mean your character failed at completing a task. If your character rolled too many of these, you probably tried a task that you shouldn't have. That's too bad, don't do that next time!

Tables

Tables add a nice flare to your documents, letting you organize suggestions, results, or other information in a handy and visually stimulating way. It is highly suggested that you use the Angular Responsive Table plugin to make your tables pivot on mobile views such as phones.

   
      <h5>Table 1 - 1: Event Seeds</h5>
      <table>
          <thead>
              <tr>
                  <th>Event Seed</th>
                  <th>Summary</th>
                  <th>Page #</th>
              </tr>
          </thead>
          <tbody>
              <tr>
                  <td>Fears of the Village</td>
                  <td>The PCs visit Darrastead village, a settlement in the Onderon jungle. The village has been subjugated by the Empire, and the PCs might be able to win over its oppressed inhabitants.</td>
                  <td>10</td>
              </tr>
              <tr>
                  <td>Might of the Beast Riders</td>
                  <td>The PCs encounter the legendary Beast Riders, mighty warriors who ride the massive fauna of the jungles. The Beast Riders could be powerful allies, if the PCs can convince them they too oppose the Empire�and that they have a chance of winning!</td>
                  <td>13</td>
              </tr>
              <tr>
                  <td>Securing the Signal</td>
                  <td>A Rebel operative has been captured by the Empire. He is a communications specialist, and if the PCs free him, he can assist them with operating the SigInt array at their base.</td>
                  <td>20</td>
              </tr>
              <tr>
                  <td>New Toys</td>
                  <td>The PCs visit Iziz, the capital of Onderon. There, they have the chance to recover supplies by bargaining with Kavia Slen, a local junk dealer.</td>
                  <td>25</td>
              </tr>
          </tbody>
      </table>

Table 1 - 1: Event Seeds

Event Seed	Summary	Page #
Fears of the Village	The PCs visit Darrastead village, a settlement in the Onderon jungle. The village has been subjugated by the Empire, and the PCs might be able to win over its oppressed inhabitants.	10
Might of the Beast Riders	The PCs encounter the legendary Beast Riders, mighty warriors who ride the massive fauna of the jungles. The Beast Riders could be powerful allies, if the PCs can convince them they too oppose the Empire and that they have a chance of winning!	13
Securing the Signal	A Rebel operative has been captured by the Empire. He is a communications specialist, and if the PCs free him, he can assist them with operating the SigInt array at their base.	20
New Toys	The PCs visit Iziz, the capital of Onderon. There, they have the chance to recover supplies by bargaining with Kavia Slen, a local junk dealer.	25

Table of Contents