patternfly-sass 3.17.0 → 3.20.0

data/spec/html/table-view.html

@@ -30,8 +30,10 @@
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
     <script src="//cdn.datatables.net/select/1.2.0/js/dataTables.select.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
     <script src="../../dist/js/patternfly.dataTables.pfEmpty.js"></script>
     <script src="../../dist/js/patternfly.dataTables.pfFilter.js"></script>
+    <script src="../../dist/js/patternfly.dataTables.pfPagination.js"></script>
     <script src="../../dist/js/patternfly.dataTables.pfResize.js"></script>
     <script src="../../dist/js/patternfly.dataTables.pfSelect.js"></script>
     <script src="../../dist/js/patternfly.min.js"></script>
@@ -138,6 +140,33 @@
   </thead>
 </table>
 
+<form class="content-view-pf-pagination table-view-pf-pagination clearfix" id="pagination1">
+  <div class="form-group">
+    <select class="selectpicker pagination-pf-pagesize">
+      <option value="6">6</option>
+      <option value="10" >10</option>
+      <option value="15" selected="selected">15</option>
+      <option value="25">25</option>
+      <option value="50">50</option>
+    </select>
+    <span>per page</span>
+  </div>
+  <div class="form-group">
+    <span><span class="pagination-pf-items-current">1-15</span> of <span class="pagination-pf-items-total">75</span></span>
+    <ul class="pagination pagination-pf-back">
+      <li class="disabled"><a href="#" title="First Page"><span class="i fa fa-angle-double-left"></span></a></li>
+      <li class="disabled"><a href="#" title="Previous Page"><span class="i fa fa-angle-left"></span></a></li>
+    </ul>
+    <label for="pagination1-page" class="sr-only">Current Page</label>
+    <input class="pagination-pf-page" type="text" value="1" id="pagination1-page"/>
+    <span>of <span class="pagination-pf-pages">5</span></span>
+    <ul class="pagination pagination-pf-forward">
+      <li><a href="#" title="Next Page"><span class="i fa fa-angle-right"></span></a></li>
+      <li><a href="#" title="Last Page"><span class="i fa fa-angle-double-right"></span></a></li>
+    </ul>
+  </div>
+</form>
+
 <!-- Blank Slate HTML -->
 <div class="blank-slate-pf table-view-pf-empty hidden" id="emptyState1">
   <div class="blank-slate-pf-icon">
@@ -272,6 +301,240 @@ var dataSet = [{
   platforms: "Win 95+ / OSX.1+",
   version: "1.2",
   grade: "A"
+}, {
+  engine: "Gecko",
+  browser: "Mozilla 1.3",
+  platforms: "Win 95+ / OSX.1+",
+  version: "1.3",
+  grade: "A"
+}, {
+  engine: "Gecko",
+  browser: "Mozilla 1.4",
+  platforms: "Win 95+ / OSX.1+",
+  version: "1.4",
+  grade: "A"
+}, {
+  engine: "Gecko",
+  browser: "Mozilla 1.5",
+  platforms: "Win 95+ / OSX.1+",
+  version: "1.5",
+  grade: "A"
+}, {
+  engine: "Gecko",
+  browser: "Mozilla 1.6",
+  platforms: "Win 95+ / OSX.1+",
+  version: "1.6",
+  grade: "A"
+}, {
+  engine: "Gecko",
+  browser: "Mozilla 1.7",
+  platforms: "Win 98+ / OSX.1+",
+  version: "1.7",
+  grade: "A"
+}, {
+  engine: "Gecko",
+  browser: "Mozilla 1.8",
+  platforms: "Win 98+ / OSX.1+",
+  version: "1.8",
+  grade: "A"
+}, {
+  engine: "Gecko",
+  browser: "Seamonkey 1.1",
+  platforms: "Win 98+ / OSX.2+",
+  version: "1.8",
+  grade: "A"
+}, {
+  engine: "Gecko",
+  browser: "Epiphany 2.20",
+  platforms: "Gnome",
+  version: "1.8",
+  grade: "A"
+}, {
+  engine: "Webkit",
+  browser: "Safari 1.2",
+  platforms: "OSX.3",
+  version: "125.5",
+  grade: "A"
+}, {
+  engine: "Webkit",
+  browser: "Safari 1.3",
+  platforms: "OSX.3",
+  version: "312.8",
+  grade: "A"
+}, {
+  engine: "Webkit",
+  browser: "Safari 2.0",
+  platforms: "OSX.4+",
+  version: "419.3",
+  grade: "A"
+}, {
+  engine: "Webkit",
+  browser: "Safari 3.0",
+  platforms: "OSX.4+",
+  version: "522.1",
+  grade: "A"
+}, {
+  engine: "Webkit",
+  browser: "OmniWeb 5.5",
+  platforms: "OSX.4+",
+  version: "420",
+  grade: "A"
+}, {
+  engine: "Webkit",
+  browser: "iPod Touch / iPhone",
+  platforms: "iPod",
+  version: "420.1",
+  grade: "A"
+}, {
+  engine: "Webkit",
+  browser: "S60",
+  platforms: "S60",
+  version: "413",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Opera 7.0",
+  platforms: "Win 95+ / OSX.1+",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Opera 7.5",
+  platforms: "Win 95+ / OSX.2+",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Opera 8.0",
+  platforms: "Win 95+ / OSX.2+",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Opera 8.5",
+  platforms: "Win 95+ / OSX.2+",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Opera 9.0",
+  platforms: "Win 95+ / OSX.3+",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Opera 9.2",
+  platforms: "Win 88+ / OSX.3+",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Opera 9.5",
+  platforms: "Win 88+ / OSX.3+",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Opera for Wii",
+  platforms: "Wii",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Nokia N800",
+  platforms: "N800",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Presto",
+  browser: "Nintendo DS browser",
+  platforms: "Nintendo DS",
+  version: "8.5",
+  grade: "C/A<sup>1</sup>"
+}, {
+  engine: "KHTML",
+  browser: "Konqureror 3.1",
+  platforms: "KDE 3.1",
+  version: "3.1",
+  grade: "C"
+}, {
+  engine: "KHTML",
+  browser: "Konqureror 3.3",
+  platforms: "KDE 3.3",
+  version: "3.3",
+  grade: "A"
+}, {
+  engine: "KHTML",
+  browser: "Konqureror 3.5",
+  platforms: "KDE 3.5",
+  version: "3.5",
+  grade: "A"
+}, {
+  engine: "Tasman",
+  browser: "Internet Explorer 4.5",
+  platforms: "Mac OS 8-9",
+  version: "-",
+  grade: "X"
+}, {
+  engine: "Tasman",
+  browser: "Internet Explorer 5.1",
+  platforms: "Mac OS 7.6-9",
+  version: "1",
+  grade: "C"
+}, {
+  engine: "Tasman",
+  browser: "Internet Explorer 5.2",
+  platforms: "Mac OS 8-X",
+  version: "1",
+  grade: "C"
+}, {
+  engine: "Misc",
+  browser: "NetFront 3.1",
+  platforms: "Embedded devices",
+  version: "-",
+  grade: "C"
+}, {
+  engine: "Misc",
+  browser: "NetFront 3.4",
+  platforms: "Embedded devices",
+  version: "-",
+  grade: "A"
+}, {
+  engine: "Misc",
+  browser: "Dillo 0.8",
+  platforms: "Embedded devices",
+  version: "-",
+  grade: "X"
+}, {
+  engine: "Misc",
+  browser: "Links",
+  platforms: "Text only",
+  version: "-",
+  grade: "X"
+}, {
+  engine: "Misc",
+  browser: "Lynx",
+  platforms: "Text only",
+  version: "-",
+  grade: "X"
+}, {
+  engine: "Misc",
+  browser: "IE Mobile",
+  platforms: "Windows Mobile 6",
+  version: "-",
+  grade: "C"
+}, {
+  engine: "Misc",
+  browser: "PSP browser",
+  platforms: "PSP",
+  version: "-",
+  grade: "C"
+}, {
+  engine: "Other browsers",
+  browser: "All others",
+  platforms: "-",
+  version: "-",
+  grade: "U"
 }];
 
 // DataTable Config
@@ -323,6 +586,7 @@ $("#table1").DataTable({
   order: [[ 1, 'asc' ]],
   pfConfig: {
     emptyStateSelector: "#emptyState1",
+    filterCaseInsensitive: true,
     filterCols: [
       null,
       {
@@ -343,6 +607,7 @@ $("#table1").DataTable({
         placeholder: "Filter By CSS Grade..."
       }
     ],
+    paginationSelector: "#pagination1",
     toolbarSelector: "#toolbar1",
     selectAllSelector: 'th:first-child input[type="checkbox"]'
   },

data/spec/html/toolbar.html

@@ -133,6 +133,9 @@
           <li>
             <a href="cards.html">Cards</a>
           </li>
+          <li>
+            <a href="pagination-card-view.html">Pagination - Card View</a>
+          </li>
         </ul>
       </div>
     </nav>

data/spec/html/typography-2.html

@@ -132,6 +132,9 @@
           <li>
             <a href="cards.html">Cards</a>
           </li>
+          <li>
+            <a href="pagination-card-view.html">Pagination - Card View</a>
+          </li>
         </ul>
       </div>
     </nav>

data/spec/html/typography.html

@@ -187,9 +187,26 @@
       <div class="page-header">
         <h1>Page Header</h1>
       </div>
+      <h2>Font Weights</h2>
+      <ul>
+        <li style="font-weight: 300;">OpenSans Light 300</li>
+        <li style="font-weight: 300;"><i>OpenSans Light Italic 300</i></li>
+        <li>OpenSans Regular 400</li>
+        <li><i>OpenSans Regular Italic 400</i></li>
+        <li style="font-weight: 600;">OpenSans SemiBold 500</li>
+        <li style="font-weight: 600;"><i>OpenSans SemiBold Italic 500</i></li>
+        <li style="font-weight: 700;">OpenSans Bold 600</li>
+        <li style="font-weight: 700;"><i>OpenSans Bold Italic 600</i></li>
+        <li style="font-weight: 800;">OpenSans ExtraBold 700</li>
+        <li style="font-weight: 800;"><i>OpenSans ExtraBold Italic 700</i></li>
+      </ul>
       <h2>Diacritics</h2>
       <p>L'avantage d'utiliser le lorem ipsum est bien évidemment de pouvoir créer des maquettes ou de remplir un site internet de contenus qui présentent un rendu s'approchant un maximum du rendu final. Par défaut lorem ipsum ne contient pas d'accent ni de caractères spéciaux contrairement à la langue française qui en contient beaucoup. C'est sur ce critère que nous proposons une solution avec cet outil qui générant du faux-texte lorem ipsum mais avec en plus, des caractères spéciaux tel que les accents ou certains symboles utiles pour la langue française. L'utilisation du lorem standard est facile d’utilisation mais lorsque le futur client utilisera votre logiciel il se peut que certains caractères spéciaux ou qu'un accent ne soient pas codés correctement. Cette page a pour but donc de pouvoir perdre le moins de temps possible et donc de tester directement si tous les encodages de base de donnée ou des sites sont les bons de plus il permet de récuperer un code css avec le texte formaté !</p>
+
+      <p>Příliš žluťoučký kůň úpěl ďábelské ódy.</p>
+      <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
       <h3>caractères spéciaux</h3>
+
     </div><!-- /container -->
   </body>
 </html>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: patternfly-sass
 version: !ruby/object:Gem::Version
-  version: 3.17.0
+  version: 3.20.0
 platform: ruby
 authors:
 - Dávid Halász
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-02-08 00:00:00.000000000 Z
+date: 2017-02-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -198,42 +198,52 @@ files:
 - assets/fonts/patternfly/OpenSans-Bold-webfont.svg
 - assets/fonts/patternfly/OpenSans-Bold-webfont.ttf
 - assets/fonts/patternfly/OpenSans-Bold-webfont.woff
+- assets/fonts/patternfly/OpenSans-Bold-webfont.woff2
 - assets/fonts/patternfly/OpenSans-BoldItalic-webfont.eot
 - assets/fonts/patternfly/OpenSans-BoldItalic-webfont.svg
 - assets/fonts/patternfly/OpenSans-BoldItalic-webfont.ttf
 - assets/fonts/patternfly/OpenSans-BoldItalic-webfont.woff
+- assets/fonts/patternfly/OpenSans-BoldItalic-webfont.woff2
 - assets/fonts/patternfly/OpenSans-ExtraBold-webfont.eot
 - assets/fonts/patternfly/OpenSans-ExtraBold-webfont.svg
 - assets/fonts/patternfly/OpenSans-ExtraBold-webfont.ttf
 - assets/fonts/patternfly/OpenSans-ExtraBold-webfont.woff
+- assets/fonts/patternfly/OpenSans-ExtraBold-webfont.woff2
 - assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.eot
 - assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.svg
 - assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.ttf
 - assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.woff
+- assets/fonts/patternfly/OpenSans-ExtraBoldItalic-webfont.woff2
 - assets/fonts/patternfly/OpenSans-Italic-webfont.eot
 - assets/fonts/patternfly/OpenSans-Italic-webfont.svg
 - assets/fonts/patternfly/OpenSans-Italic-webfont.ttf
 - assets/fonts/patternfly/OpenSans-Italic-webfont.woff
+- assets/fonts/patternfly/OpenSans-Italic-webfont.woff2
 - assets/fonts/patternfly/OpenSans-Light-webfont.eot
 - assets/fonts/patternfly/OpenSans-Light-webfont.svg
 - assets/fonts/patternfly/OpenSans-Light-webfont.ttf
 - assets/fonts/patternfly/OpenSans-Light-webfont.woff
+- assets/fonts/patternfly/OpenSans-Light-webfont.woff2
 - assets/fonts/patternfly/OpenSans-LightItalic-webfont.eot
 - assets/fonts/patternfly/OpenSans-LightItalic-webfont.svg
 - assets/fonts/patternfly/OpenSans-LightItalic-webfont.ttf
 - assets/fonts/patternfly/OpenSans-LightItalic-webfont.woff
+- assets/fonts/patternfly/OpenSans-LightItalic-webfont.woff2
 - assets/fonts/patternfly/OpenSans-Regular-webfont.eot
 - assets/fonts/patternfly/OpenSans-Regular-webfont.svg
 - assets/fonts/patternfly/OpenSans-Regular-webfont.ttf
 - assets/fonts/patternfly/OpenSans-Regular-webfont.woff
+- assets/fonts/patternfly/OpenSans-Regular-webfont.woff2
 - assets/fonts/patternfly/OpenSans-Semibold-webfont.eot
 - assets/fonts/patternfly/OpenSans-Semibold-webfont.svg
 - assets/fonts/patternfly/OpenSans-Semibold-webfont.ttf
 - assets/fonts/patternfly/OpenSans-Semibold-webfont.woff
+- assets/fonts/patternfly/OpenSans-Semibold-webfont.woff2
 - assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.eot
 - assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.svg
 - assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.ttf
 - assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.woff
+- assets/fonts/patternfly/OpenSans-SemiboldItalic-webfont.woff2
 - assets/fonts/patternfly/PatternFlyIcons-webfont.eot
 - assets/fonts/patternfly/PatternFlyIcons-webfont.svg
 - assets/fonts/patternfly/PatternFlyIcons-webfont.ttf
@@ -287,6 +297,8 @@ files:
 - assets/javascripts/patternfly.dataTables.pfEmpty.min.js
 - assets/javascripts/patternfly.dataTables.pfFilter.js
 - assets/javascripts/patternfly.dataTables.pfFilter.min.js
+- assets/javascripts/patternfly.dataTables.pfPagination.js
+- assets/javascripts/patternfly.dataTables.pfPagination.min.js
 - assets/javascripts/patternfly.dataTables.pfResize.js
 - assets/javascripts/patternfly.dataTables.pfResize.min.js
 - assets/javascripts/patternfly.dataTables.pfSelect.js
@@ -324,6 +336,7 @@ files:
 - assets/stylesheets/patternfly/_layouts.scss
 - assets/stylesheets/patternfly/_links.scss
 - assets/stylesheets/patternfly/_list-group.scss
+- assets/stylesheets/patternfly/_list-view-dnd.scss
 - assets/stylesheets/patternfly/_list-view.scss
 - assets/stylesheets/patternfly/_login.scss
 - assets/stylesheets/patternfly/_mixin_overrides.scss
@@ -421,6 +434,9 @@ files:
 - spec/html/navbar.html
 - spec/html/notification-drawer-horizontal-nav.html
 - spec/html/notification-drawer-vertical-nav.html
+- spec/html/pagination-card-view.html
+- spec/html/pagination-list-view.html
+- spec/html/pagination-table-view.html
 - spec/html/pagination.html
 - spec/html/panels.html
 - spec/html/pie-charts.html
@@ -531,6 +547,9 @@ test_files:
 - spec/html/navbar.html
 - spec/html/notification-drawer-horizontal-nav.html
 - spec/html/notification-drawer-vertical-nav.html
+- spec/html/pagination-card-view.html
+- spec/html/pagination-list-view.html
+- spec/html/pagination-table-view.html
 - spec/html/pagination.html
 - spec/html/panels.html
 - spec/html/pie-charts.html