Download as
Browse Code »

Commit aa8711cd270fc04a23dbd8fb42e6eea48db27ce8

Authored by Victor Costa
1 parent 2b60b845
Exists in master and in 38 other branches activities_block, angular2, btn-new-post, cleaning-the-house, cosmetic_changes_people_and_communities_block, coverage, edit-blocks, edit-header-footer, env-tags-block, forgot_password, header_and_footer, helpers-evolution, layout_support, list_articles_on_blog, loading-indicator-component, login_modal, login_modal_improve, person_info_block, production, profile-article-resolvers, profile-blocks-sass, profile-view, profile_description_block_component, profile_page_improvements, profile_search, recent-activities, remove-article-confirmation, responsive-fixes, seo, signup_page, skin-small-change, staging, tags-block, theme-skin-yellow, translations, typescript, updated_signup_page, users_profile_page

Add recent documents block

Showing 6 changed files with 126 additions and 3 deletions   Show diff stats
bower.json
  Diff comments   View file @aa8711c
... ... @@ -22,7 +22,8 @@
22 22 "bootswatch": "~3.3.6",
23 23 "angular-moment": "~0.10.3",
24 24 "lodash": "3.10.1",
25   - "angular-filter": "~0.5.8"
  25 + "angular-filter": "~0.5.8",
  26 + "angular-deckgrid": "~0.5.0"
26 27 },
27 28 "devDependencies": {
28 29 "angular-mocks": "~1.4.2"
... ...
src/app/components/noosfero-blocks/recent-documents/recent-documents.directive.js 0 → 100644
  Diff comments   View file @aa8711c
... ... @@ -0,0 +1,41 @@
  1 +(function() {
  2 + 'use strict';
  3 +
  4 + angular
  5 + .module('angular')
  6 + .directive('noosferoRecentDocumentsBlock', noosferoRecentDocumentsBlock);
  7 +
  8 + /** @ngInject */
  9 + function noosferoRecentDocumentsBlock() {
  10 + var directive = {
  11 + restrict: 'E',
  12 + templateUrl: 'app/components/noosfero-blocks/recent-documents/recent-documents.html',
  13 + scope: {
  14 + block: '=',
  15 + owner: '='
  16 + },
  17 + controller: RecentDocumentsController,
  18 + controllerAs: 'vm',
  19 + bindToController: true
  20 + };
  21 +
  22 + return directive;
  23 +
  24 + /** @ngInject */
  25 + function RecentDocumentsController(noosfero, $state) {
  26 + var vm = this;
  27 + vm.profile = vm.owner;
  28 + vm.documents = [];
  29 +
  30 + vm.openDocument = function(article) {
  31 + $state.go("main.profile.page", {page: article.path, profile: article.profile.identifier});
  32 + }
  33 +
  34 + //FIXME get all text articles
  35 + noosfero.profiles.one(vm.profile.id).one('articles').get({content_type: 'TinyMceArticle'}).then(function(result) {
  36 + vm.documents = result.articles;
  37 + });
  38 + }
  39 + }
  40 +
  41 +})();
... ...
src/app/components/noosfero-blocks/recent-documents/recent-documents.html 0 → 100644
  Diff comments   View file @aa8711c
... ... @@ -0,0 +1,19 @@
  1 +<div deckgrid source="vm.documents" class="deckgrid">
  2 + <div class="a-card panel media" ng-click="mother.vm.openDocument(card);">
  3 + <div class="author media-left" ng-show="card.author.image">
  4 + <img ng-src="{{card.author.image.url}}" class="img-circle">
  5 + </div>
  6 + <div class="header media-body">
  7 + <h5 class="title media-heading" ng-bind="card.title"></h5>
  8 +
  9 + <div class="subheader">
  10 + <span class="time">
  11 + <i class="fa fa-clock-o"></i> <span am-time-ago="card.created_at"></span>
  12 + </span>
  13 + </div>
  14 + </div>
  15 +
  16 + <img ng-if="card.image" ng-src="card.image.url">
  17 + <div class="post-lead" ng-bind-html="card.body | stripTags | truncate: 100: '...'"></div>
  18 + </div>
  19 +</div>
... ...
src/app/components/noosfero-blocks/recent-documents/recent-documents.scss 0 → 100644
  Diff comments   View file @aa8711c
... ... @@ -0,0 +1,62 @@
  1 +.block.recentdocumentsblock {
  2 + .deckgrid[deckgrid]::before {
  3 + font-size: 0; /* See https://github.com/akoenig/angular-deckgrid/issues/14#issuecomment-35728861 */
  4 + visibility: hidden;
  5 + }
  6 + .author {
  7 + img {
  8 + width: 30px;
  9 + height: 30px;
  10 + }
  11 + }
  12 + .header {
  13 + .subheader {
  14 + color: #C1C1C1;
  15 + font-size: 10px;
  16 + }
  17 + }
  18 + .post-lead {
  19 + color: #8E8E8E;
  20 + font-size: 14px;
  21 + }
  22 +}
  23 +
  24 +.col-md-2-5 {
  25 + .deckgrid[deckgrid]::before {
  26 + content: '1 .deck-column';
  27 + }
  28 +}
  29 +
  30 +.col-md-7 {
  31 + .block.recentdocumentsblock {
  32 + background-color: transparent;
  33 + border: 0;
  34 +
  35 + .deckgrid[deckgrid]::before {
  36 + content: '3 .deck-column';
  37 + }
  38 +
  39 + .panel-heading {
  40 + display: none;
  41 + }
  42 + .panel-body {
  43 + padding: 0;
  44 + }
  45 +
  46 + .deckgrid {
  47 + .column {
  48 + float: left;
  49 + }
  50 +
  51 + .deck-column {
  52 + @extend .col-md-4;
  53 + padding: 0;
  54 +
  55 + .a-card {
  56 + padding: 10px;
  57 + margin: 3px;
  58 + }
  59 + }
  60 + }
  61 + }
  62 +}
... ...
src/app/components/noosfero-boxes/box.html
  Diff comments   View file @aa8711c
1 1 <div ng-class="{'col-md-2-5': box.position!=1, 'col-md-7': box.position==1}">
2   - <div ng-repeat="block in box.blocks | orderBy: 'position'" class="panel panel-default block" >
  2 + <div ng-repeat="block in box.blocks | orderBy: 'position'" class="panel panel-default block {{block.type | lowercase}}" >
3 3 <div class="panel-heading" ng-show="block.title">
4 4 <h3 class="panel-title">{{block.title}}</h3>
5 5 </div>
... ...
src/app/index.module.js
  Diff comments   View file @aa8711c
... ... @@ -5,6 +5,6 @@
5 5 .module('angular', ['ngAnimate', 'ngCookies', 'ngStorage', 'ngTouch',
6 6 'ngSanitize', 'ngMessages', 'ngAria', 'restangular',
7 7 'ui.router', 'ui.bootstrap', 'toastr',
8   - 'angularMoment', 'angular.filter']);
  8 + 'angularMoment', 'angular.filter', 'akoenig.deckgrid']);
9 9  
10 10 })();
... ...