elabs 3.0.0 → 4.0.0

data/app/views/elabs/layouts/widgets/vue/_gitlab_repo_card_vue.html.haml

@@ -0,0 +1,69 @@
+%script{ type: 'text/x-template', id: 'template-gitlab-repo-card' }
+  .gitlab-card{ ':disabled': 'failed' }
+    .content{ 'v-if': 'ready && !failed' }
+      %h2
+        = icon 'gitlab', ['fw'], 'fab'
+        %template{ 'v-if': 'repo.namespace' }
+          %small
+            %a{ ':href': '"https://" + url.site + "/" + repo.namespace.full_path', target: '_blank' }
+              {{repo.namespace.name}}
+          \/
+        %a{ ':href': 'repo.web_url', target: '_blank' } {{repo.name}}
+        %small (#{format _('project on %<link>s'), link: '{{url.site}}'})
+      %ul.infos
+        %li
+          = icon_text 'calendar', _('Last activity:'), ['fw']
+          {{repo.last_activity_at}}
+        %li{ 'v-if': 'repo.homepage' }
+          = icon 'home', ['fw']
+          %a{ ':href': 'repo.homepage', target: '_blank' }= _('Home page')
+        %li
+          = icon 'star'
+          {{repo.star_count}}
+        %li
+          = icon_text 'code-branch', _('Forks:'), ['fw']
+          {{repo.forks_count}}
+      %pre.description{ 'v-if': 'repo.description' } {{repo.description}}
+    .alert.alert--warning{ 'v-else-if': 'failed && !error' }
+      = icon_text 'bug', _('An error occured when fetching a Gitlab repository.'), ['fw']
+    .alert.alert--warning{ 'v-else-if': 'failed && error' }
+      = icon_text 'bug', _('Gitlab responded with the following error:'), ['fw']
+      %code {{error}}
+    .alert{ 'v-else': '' }
+      = icon_text 'spinner', _('Loading data from a Gitlab instance. Please wait.'), %w[fw pulse]
+
+:javascript
+  function gitlabRepoCard (url, target_element) {
+    return new Vue({
+      name: 'GitlabRepoCardWidget',
+      template: '#template-gitlab-repo-card',
+      el: document.getElementById(target_element),
+      data: function () {
+        return {
+          ready: false,
+          failed: false,
+          error: '',
+          url: url,
+          repo: {},
+        }
+      },
+      created () {
+        var that = this
+        fetch('https://' + this.url.site + '/api/v4/projects/' + encodeURIComponent(this.url.repo), {method: 'GET'})
+          .then(function (res) {
+            if(res.ok){
+              res.json().then(function (data) {
+                that.repo = data
+                that.ready = true
+              })
+            } else {
+              that.failed = true
+              that.error = res.statusText
+            }
+          })
+          .catch(function (err) {
+            that.failed = true
+          })
+      },
+    })
+  }

data/app/views/elabs/layouts/widgets/vue/_gitlab_user_card_vue.html.haml

@@ -0,0 +1,99 @@
+%script{ type: 'text/x-template', id: 'template-gitlab-user-card' }
+  .gitlab-card{ 'v-if': 'ready && !failed' }
+    .icon.icon--avatar
+      = icon 'gitlab', %w[fw avatar-badge], 'fab'
+      %img.avatar{ ':src': 'user.avatar_url' }
+    .content
+      %h2
+        %a{ ':href': 'user.web_url', target: '_blank' } {{user.name}}
+        %small (#{format _('@%<user>s on %<link>s'), user: '{{user.username}}', link: '{{url.site}}'})
+      %ul.infos
+        %li{ 'v-if': 'user.website_url' }
+          = icon 'home', ['fw']
+          %a{ ':href': 'user.website_url', target: '_blank' }= _('Home page')
+        %li
+          = icon_text 'book', _('Public repos:'), ['fw']
+          {{repos.length}}
+  .gitlab-card{ 'v-else-if': 'failed', ':disabled': 'failed' }
+    .alert.alert--warning
+      = icon_text 'bug', _('An error occured when fetching a Gitlab user.'), ['fw']
+  .gitlab-card{ 'v-else': '' }
+    .icon.icon--avatar
+      = icon 'gitlab', %w[fw avatar-badge], 'fab'
+      = icon 'user', %w[3x fw avatar]
+    .alert
+      = icon_text 'spinner', _('Loading data from a Gitlab instance. Please wait.'), %w[fw pulse]
+
+:javascript
+  function gitlabUserCard (url, targetElement) {
+    return new Vue({
+      name: 'GitlabUserCardWidget',
+      template: '#template-gitlab-user-card',
+      el: document.getElementById(targetElement),
+      data: function () {
+        return {
+          userReady: false,
+          reposReady: false,
+          failed: false,
+          url: url,
+          user: {},
+          repos: {},
+        }
+      },
+      computed: {
+        ready: function(){
+          return this.userReady && this.reposReady
+        }
+      },
+      created () {
+        var that = this
+        // Find the id first
+        fetch('https://' + this.url.site + '/api/v4/users?username=' + encodeURIComponent(url.user), {method: 'GET'})
+          .then(function (res) {
+            if(res.ok){
+              res.json().then(function (data) {
+                if(data.length === 1){
+                  // Find user data
+                  fetch('https://' + that.url.site + '/api/v4/users/' + data[0].id, {method: 'GET'})
+                    .then(function (res) {
+                      if(res.ok){
+                        res.json().then(function (data) {
+                          that.user = data
+                          that.userReady = true
+                        })
+                      } else {
+                        that.failed = true
+                      }
+                    })
+                    .catch(function (err) {
+                      that.failed = true
+                    })
+                  // User projects
+                  fetch('https://' + that.url.site + '/api/v4/users/' + data[0].id + '/projects', {method: 'GET'})
+                    .then(function (res) {
+                      if(res.ok){
+                        res.json().then(function (data) {
+                          that.repos = data
+                          that.reposReady = true
+                        })
+                      } else {
+                        that.failed = true
+                      }
+                    })
+                    .catch(function (err) {
+                      that.failed = true
+                    })
+                } else {
+                  that.failed = true
+                }
+              })
+            } else {
+              that.failed = true
+            }
+          })
+          .catch(function (res) {
+            that.failed = true
+          })
+      }
+    })
+  }

data/app/views/elabs/licenses/_associations.html.haml

@@ -1,15 +1,25 @@
 %aside.tabs
   %ul.tabs__tabs-list
     %li.tabs__tabs-list__tab#tab-albums
-      %a{ href: '#tab-content-albums', onclick: 'selectTab(event, "albums")' }= _('Albums')
+      %a{ href: '#tab-content-albums', onclick: 'selectTab(event, "albums")' }
+        = _('Albums')
+        %span.badge.badge--notification= license.albums_count
     %li.tabs__tabs-list__tab#tab-articles
-      %a{ href: '#tab-content-articles', onclick: 'selectTab(event, "articles")' }= _('Articles')
+      %a{ href: '#tab-content-articles', onclick: 'selectTab(event, "articles")' }
+        = _('Articles')
+        %span.badge.badge--notification= license.articles_count
     %li.tabs__tabs-list__tab#tab-notes
-      %a{ href: '#tab-content-notes', onclick: 'selectTab(event, "notes")' }= _('Notes')
+      %a{ href: '#tab-content-notes', onclick: 'selectTab(event, "notes")' }
+        = _('Notes')
+        %span.badge.badge--notification= license.notes_count
     %li.tabs__tabs-list__tab#tab-projects
-      %a{ href: '#tab-content-projects', onclick: 'selectTab(event, "projects")' }= _('Projects')
+      %a{ href: '#tab-content-projects', onclick: 'selectTab(event, "projects")' }
+        = _('Projects')
+        %span.badge.badge--notification= license.projects_count
     %li.tabs__tabs-list__tab#tab-uploads
-      %a{ href: '#tab-content-uploads', onclick: 'selectTab(event, "uploads")' }= _('Uploads')
+      %a{ href: '#tab-content-uploads', onclick: 'selectTab(event, "uploads")' }
+        = _('Uploads')
+        %span.badge.badge--notification= license.uploads_count
 
   %section.tabs__tab-content.albums-list#tab-content-albums
     .tabs__tab-content__title

data/app/views/elabs/licenses/show.json.jbuilder

@@ -1 +1 @@
-json.partial! 'licenses/license', license: @license
+json.partial! 'license', license: @license

data/app/views/elabs/member/albums/_form.html.haml

@@ -52,7 +52,18 @@
       .field-hint= _('List of comma-separated tags')
 
   .actions
-    = f.submit _('Save'), class: 'btn btn--save'
+    - if album.id
+      .field
+        .field-input
+          = f.check_box :minor_update, onchange: "toggleUpdateMessageField(event, 'album_update_description')"
+          = f.label :minor_update, _('This is a minor edition')
+      .field
+        = f.label :update_description, _('Update message')
+        .field-input
+          = f.text_field :update_description
+          .field-hint= _('If this is not a minor modification, you can specify the changes here.')
+    .actions-buttons
+      = f.submit _('Save'), class: 'btn btn--save'
 
 = render 'elabs/member/layouts/markdown-preview'
 

data/app/views/elabs/member/albums/index.html.haml

@@ -26,11 +26,11 @@
       - @albums.each do |album|
         %tr.album
           %td= album.name
-          %td.is-icon= boolean_icon_tag album.sfw
-          %td.is-icon= boolean_icon_tag album.published
-          %td.is-icon= boolean_icon_tag album.locked, 'lock', 'unlock'
+          %td.is-icon= colored_good_or_bad_icon_tag album.sfw
+          %td.is-icon= colored_good_or_bad_icon_tag album.published
+          %td.is-icon= colored_good_or_bad_icon_tag album.locked, 'lock', 'unlock', true
           %td.is-icon= boolean_icon_tag album.hidden_in_history
-          %td= short_date album.published_at
+          %td= medium_datetime album.published_at
           %td= album.language.name
           %td
             = license_icon album.license

data/app/views/elabs/member/articles/_form.html.haml

@@ -56,7 +56,18 @@
       .field-hint= _('List of comma-separated tags')
 
   .actions
-    = f.submit _('Save'), class: 'btn btn--save'
+    - if article.id
+      .field
+        .field-input
+          = f.check_box :minor_update, onchange: "toggleUpdateMessageField(event, 'article_update_description')"
+          = f.label :minor_update, _('This is a minor edition')
+      .field
+        = f.label :update_description, _('Update message')
+        .field-input
+          = f.text_field :update_description
+          .field-hint= _('If this is not a minor modification, you can specify the changes here.')
+    .actions-buttons
+      = f.submit _('Save'), class: 'btn btn--save'
 
 = render 'elabs/member/layouts/markdown-preview'
 

data/app/views/elabs/member/articles/index.html.haml

@@ -25,11 +25,11 @@
       - @articles.each do |article|
         %tr.article
           %td= article.title
-          %td.is-icon= boolean_icon_tag article.sfw
-          %td.is-icon= boolean_icon_tag article.published
-          %td.is-icon= boolean_icon_tag article.locked, 'lock', 'unlock'
+          %td.is-icon= colored_good_or_bad_icon_tag article.sfw
+          %td.is-icon= colored_good_or_bad_icon_tag article.published
+          %td.is-icon= colored_good_or_bad_icon_tag article.locked, 'lock', 'unlock', true
           %td.is-icon= boolean_icon_tag article.hidden_in_history
-          %td= short_date article.published_at
+          %td= medium_datetime article.published_at
           %td
             = license_icon article.license
             = article.license.name

data/app/views/elabs/member/markdown_previewer/preview.json.jbuilder

@@ -0,0 +1,2 @@
+with_format(:html) { @rendered_markdown = markdown text }
+json.html_content @rendered_markdown

data/app/views/elabs/member/notes/_form.html.haml

@@ -44,7 +44,18 @@
       .field-hint= _('List of comma-separated tags')
 
   .actions
-    = f.submit _('Save'), class: 'btn btn--save'
+    - if note.id
+      .field
+        .field-input
+          = f.check_box :minor_update, onchange: "toggleUpdateMessageField(event, 'note_update_description')"
+          = f.label :minor_update, _('This is a minor edition')
+      .field
+        = f.label :update_description, _('Update message')
+        .field-input
+          = f.text_field :update_description
+          .field-hint= _('If this is not a minor modification, you can specify the changes here.')
+    .actions-buttons
+      = f.submit _('Save'), class: 'btn btn--save'
 
 = render 'elabs/member/layouts/markdown-preview'
 

data/app/views/elabs/member/notes/index.html.haml

@@ -25,11 +25,11 @@
       - @notes.each do |note|
         %tr.note
           %td= note.content[0...100]
-          %td.is-icon= boolean_icon_tag note.sfw
-          %td.is-icon= boolean_icon_tag note.published
-          %td.is-icon= boolean_icon_tag note.locked, 'lock', 'unlock'
+          %td.is-icon= colored_good_or_bad_icon_tag note.sfw
+          %td.is-icon= colored_good_or_bad_icon_tag note.published
+          %td.is-icon= colored_good_or_bad_icon_tag note.locked, 'lock', 'unlock', true
           %td.is-icon= boolean_icon_tag note.hidden_in_history
-          %td= short_date note.published_at
+          %td= medium_datetime note.published_at
           %td
             = license_icon note.license
             = note.license.name

data/app/views/elabs/member/notifications/index.html.haml

@@ -14,7 +14,7 @@
         %tr.notification
           %td.btn-group
             = member_destroy_link('notification', notification, false)
-          %td= short_date notification.created_at
+          %td= medium_datetime notification.created_at
           %td
             = notification_icon notification.event
             = notification_message notification

data/app/views/elabs/member/preferences/_form.html.haml

@@ -23,4 +23,5 @@
     .field-input= license_selector f, :writing_license_id
 
   .actions
-    = f.submit 'Save', class: 'btn btn--save'
+    .actions-buttons
+      = f.submit 'Save', class: 'btn btn--save'

data/app/views/elabs/member/projects/_form.html.haml

@@ -32,6 +32,12 @@
   .field
     = f.label :main_url
     .field-input= f.text_field :main_url
+  .field
+    = f.label :sources_url
+    .field-input= f.text_field :sources_url
+  .field
+    = f.label :docs_url
+    .field-input= f.text_field :docs_url
   .field
     .field-input
       = f.check_box :sfw
@@ -57,7 +63,18 @@
       .field-hint= _('List of comma-separated tags')
 
   .actions
-    = f.submit _('Save'), class: 'btn btn--save'
+    - if project.id
+      .field
+        .field-input
+          = f.check_box :minor_update, onchange: "toggleUpdateMessageField(event, 'project_update_description')"
+          = f.label :minor_update, _('This is a minor edition')
+      .field
+        = f.label :update_description, _('Update message')
+        .field-input
+          = f.text_field :update_description
+          .field-hint= _('If this is not a minor modification, you can specify the changes here.')
+    .actions-buttons
+      = f.submit _('Save'), class: 'btn btn--save'
 
 = render 'elabs/member/layouts/markdown-preview'
 
@@ -68,4 +85,3 @@
   var descriptionCM = initializeCodeMirrorIn(document.getElementById('project_description'))
   var mdPreviewShortDescription = createMDPreviewer(shortDescriptionCM)
   var mdPreviewDescription = createMDPreviewer(descriptionCM)
-

data/app/views/elabs/member/projects/_project.json.jbuilder

@@ -4,6 +4,8 @@ json.extract! project,
               :short_description,
               :description,
               :main_url,
+              :sources_url,
+              :docs_url,
               :sfw,
               :published,
               :locked,

data/app/views/elabs/member/projects/index.html.haml

@@ -30,11 +30,11 @@
         %tr.project
           %td= project.name
           %td= link_to project.main_url, project.main_url, target: '_blank'
-          %td.is-icon= boolean_icon_tag project.sfw
-          %td.is-icon= boolean_icon_tag project.published
-          %td.is-icon= boolean_icon_tag project.locked, 'lock', 'unlock'
+          %td.is-icon= colored_good_or_bad_icon_tag project.sfw
+          %td.is-icon= colored_good_or_bad_icon_tag project.published
+          %td.is-icon= colored_good_or_bad_icon_tag project.locked, 'lock', 'unlock', true
           %td.is-icon= boolean_icon_tag project.hidden_in_history
-          %td= short_date project.published_at
+          %td= medium_datetime project.published_at
           %td
             = license_icon project.license
             = project.license.name

data/app/views/elabs/member/uploads/_form.html.haml

@@ -57,7 +57,18 @@
       .field-hint= _('List of comma-separated tags')
 
   .actions
-    = f.submit _('Save'), class: 'btn btn--save'
+    - if upload.id
+      .field
+        .field-input
+          = f.check_box :minor_update, onchange: "toggleUpdateMessageField(event, 'upload_update_description')"
+          = f.label :minor_update, _('This is a minor edition')
+      .field
+        = f.label :update_description, _('Update message')
+        .field-input
+          = f.text_field :update_description
+          .field-hint= _('If this is not a minor modification, you can specify the changes here.')
+    .actions-buttons
+      = f.submit _('Save'), class: 'btn btn--save'
 
 = render 'elabs/member/layouts/markdown-preview'
 

data/app/views/elabs/member/uploads/index.html.haml

@@ -27,20 +27,17 @@
       - @uploads.each do |upload|
         %tr.upload
           %td
-            - if upload.file.variable?
-              = image_tag main_app.url_for(upload.file.variant(thumbnail_center_crop_properties(:small)).processed),
-                          class: 'thumbnail--small'
-            - elsif upload.file.previewable?
-              = image_tag main_app.url_for(upload.file.preview(thumbnail_center_crop_properties(:small)).processed),
+            - if upload.file.representable?
+              = image_tag thumbnail_center_crop(upload.file, :small),
                           class: 'thumbnail--small'
             - else
               = image_tag main_app.url_for(thumbnail_preview_placeholder_file), class: 'thumbnail--small'
           %td= upload.title
-          %td.is-icon= boolean_icon_tag upload.sfw
-          %td.is-icon= boolean_icon_tag upload.published
-          %td.is-icon= boolean_icon_tag upload.locked, 'lock', 'unlock'
+          %td.is-icon= colored_good_or_bad_icon_tag upload.sfw
+          %td.is-icon= colored_good_or_bad_icon_tag upload.published
+          %td.is-icon= colored_good_or_bad_icon_tag upload.locked, 'lock', 'unlock', true
           %td.is-icon= boolean_icon_tag upload.hidden_in_history
-          %td= short_date upload.published_at
+          %td= medium_datetime upload.published_at
           %td= upload.language.name
           %td
             = license_icon upload.license