index.html

---
layout: default
---

<div class="home" ng-app="galleries">

  <div class="themes-gallery">

    <nav class="crumbs"><a id="projects"></a> Community projects | <a href="/guidelines">Brand Design Guidelines</a></nav>

    <ul class="gallery" ng-controller="themesGallery">

      <li ng-repeat="p in projects | filterV1" class="block-linked [[p.specialClass]]">
        <div>
        <h4><a href="[[p.html_url]]">[[p.name]]</a></h4>
        <h5>[[p.description]]</h5>
        <nav>
          <a href="[[p.git_url]]" class="clone"><i class="fa fa-github-alt"></i></a>
          <a href="[[p.html_url]]/graphs/contributors"><i class="fa fa-users"></i></a>
          <var class="fork"><i class="fa fa-code-fork"></i> <strong>[[p.forks]]</strong></var>
          <var class="love"><i class="fa fa-heartbeat"></i> <strong>[[p.forks_count + p.watchers_count + p.stargazers_count]]</strong></var>
          <var class="bug"><i class="fa fa-bug"></i> <strong>[[p.open_issues_count]]</strong></var>

          <var class="lang"><strong>[[p.language]]</strong></var>
        </nav>
        </div>
      </li>
    </ul>

  </div>

</div>


<script>
var
  app = angular.module(
    'galleries',
    [],
    function($interpolateProvider, $compileProvider) {

      /* NOTE: We need to change the Angular template braces as this is rendered via Jekyll

          * Using [[]] instead of {{}}
      */

      $interpolateProvider.startSymbol('[[');
      $interpolateProvider.endSymbol(']]');


      /* Allow GIT URLs */
      $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|git):/);
    });

  /* Filter the projects:

  */
  app.filter('filterV1', function() {

    return function (items) {
      if (typeof items === 'undefined') return;

      var filtered = [];
          l = items.length;

      for (var i = 0; i < l; i++) {
        var item = items[i];

        if ( item.name.match(/(?:^ls[-]|lemonstand.github.com)/) ) {
          console.log("Skipping", item.name);
        } else {
          if ( item.name.match(/^omnipay.*/) ) {
            item.specialClass = 'omni';
          } else if ( item.name.match(/(?:opsworks|amazon)/) ) {
            item.specialClass = 'aws';
          } else if ( item.name.match(/(?:^lscloud|^ls2-theme)/)) {
            item.specialClass = 'theme';
          } else if ( item.name == 'tyrion') {
            item.specialClass = 'slackbot';
          } else {
            item.specialClass = 'zuperproject';
          }

          filtered.push(item);
        }
      }


      var projectsSort = function(a, b) {
            if (a.specialClass > b.specialClass) return -1;
            else if (a.specialClass < b.specialClass) return 1;
            else return 0;
          }
      filtered.sort(projectsSort);
      return filtered;
    };

  });

  /* Set up the colour display */
  themeGalleries = app.controller('themesGallery',
    function($scope, $http) {

      $http({
        url: 'lemonstand-repos.json',
        method: 'GET',
        }).success(function(d, s, h, c) {
          $scope.projects = d;
        }).error(function(d, s, h, c) {
          console.log('Failed to load repos JSON');
          $scope.status = s;
       });

    });

</script>