elabs 3.0.0 → 4.0.0

data/app/views/elabs/comments/_form.html.haml

@@ -1,5 +1,13 @@
 -# You must provide an url for the form
-%h3#new-comment= _('Leave a comment')
+
+%h2= _('Leave a comment')
+
+%p= _('You want to react to this content or ask something to the author? Just leave a comment here!')
+
+.alert.alert--info
+  %p= _("Note that the comments are not publicly visible, so don't worry if you don't see yours.")
+  %p= _("All the information you give will only be visible to the author. We don't share anything with anyone.")
+
 = form_for new_comment, url: url do |f|
   - if new_comment.errors.any?
     .error
@@ -12,8 +20,10 @@
 
   - if user_signed_in?
     .alert.alert--info
-      %p= format(_('This comment will be posted as "%<name>s"'), name: current_user.username)
-      %p= _('By submitting this comment, you agree to be recontacted by the author.')
+      -# haml-lint:disable LineLength
+      = format(_('This comment will be posted as "%<name>s". By submitting this comment, you agree to be recontacted by the author.'),
+        name: current_user.username)
+      -# haml-lint:enable LineLength
   - else
     .field
       = f.label :name
@@ -22,10 +32,12 @@
       = f.label :email
       .field-input= f.text_field :email, required: true
     .field
-      = f.label :allow_contact
-      .field-input= f.check_box :allow_contact
+      .field-input
+        = f.check_box :allow_contact
+        = f.label :allow_contact, _('I agree to be recontacted')
   .field
     = f.label :comment
     .field-input= f.text_area :comment, required: true
   .actions
-    = f.submit 'Save', class: 'btn btn--save'
+    .actions-buttons
+      = f.submit 'Save', class: 'btn btn--save'

data/app/views/elabs/languages/_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= language.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= language.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= language.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= language.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= language.uploads_count
 
   %section.tabs__tab-content.albums-list#tab-content-albums
     .tabs__tab-content__title

data/app/views/elabs/layouts/_footer.html.haml

@@ -3,4 +3,11 @@
 
 %footer.page__footer
   .page__footer__content
-    © 2018 - Experiments Labs
+    © 2018 - Experiments Labs -
+    = icon_text('rss', _('RSS:'), ['fw'])
+    = link_to _('Activity'), activities_url(format: :rss, show_nsfw: show_nsfw?)
+    = link_to _('Albums'), albums_url(format: :rss, show_nsfw: show_nsfw?)
+    = link_to _('Articles'), articles_url(format: :rss, show_nsfw: show_nsfw?)
+    = link_to _('Notes'), notes_url(format: :rss, show_nsfw: show_nsfw?)
+    = link_to _('Projects'), projects_url(format: :rss, show_nsfw: show_nsfw?)
+    = link_to _('Uploads'), uploads_url(format: :rss, show_nsfw: show_nsfw?)

data/app/views/elabs/layouts/_hidden_entry.html.haml

@@ -1,6 +1,6 @@
 - if entity.locked?
-  .locked
-    = _('This content needs review and have been retired for now.')
+  .locked.locked--large
+    = icon_text 'lock', _('This content needs review and have been retired for now.'), ['fw']
 - else
-  .nsfw
-    = _('This content might not be appropriate for every situation.')
+  .nsfw.nsfw--large
+    = icon_text 'exclamation', _('This content might not be appropriate for every situation.'), ['fw']

data/app/views/elabs/layouts/_hidden_entry_full.html.haml

@@ -1,6 +1,6 @@
 - if entity.locked?
-  .locked
-    = _('This content needs review and have been retired for now.')
+  .locked.locked--full
+    = icon_text 'lock', _('This content needs review and have been retired for now.'), ['fw']
 - else
-  .nsfw
-    = _('This content might not be appropriate for every situation.')
+  .nsfw.nsfw--full
+    = icon_text 'exclamation', _('This content might not be appropriate for every situation.'), ['fw']

data/app/views/elabs/layouts/_hidden_entry_inline.html.haml

@@ -0,0 +1,6 @@
+- if entity.locked?
+  %span.locked.locked--inline
+    = icon_text 'lock', _('Sorry, content is locked for review'), ['fw']
+- else
+  %span.nsfw.nsfw--inline
+    = icon_text 'exclamation', _('Sorry, NSFW content'), ['fw']

data/app/views/elabs/layouts/_shortcode_infinite_loop.html.haml

@@ -0,0 +1,2 @@
+.infinite-loop.infinite-loop--large
+  = icon_text 'infinity', _('The author wanted to put something here, but it may create an infinite loop...')

data/app/views/elabs/layouts/_shortcode_infinite_loop_inline.html.haml

@@ -0,0 +1,2 @@
+%span.infinite-loop.infinite-loop--inline
+  = icon_text 'infinity', _('Sorry, showing this may have unpredictable consequences')

data/app/views/elabs/layouts/_shortcode_missing_content.html.haml

@@ -0,0 +1,2 @@
+.missing.missing--large
+  = icon_text 'frown', _('The author wanted to put something here, but it was not found...')

data/app/views/elabs/layouts/_shortcode_missing_content_inline.html.haml

@@ -0,0 +1,2 @@
+%span.missing.missing--inline
+  = icon_text 'frown', _('Content not found')

data/app/views/elabs/layouts/_shortcode_open_to_see.html.haml

@@ -0,0 +1,2 @@
+.missing
+  = icon_text 'eye-open', _('Display the full element to display this content...')

data/app/views/elabs/layouts/admin_application.html.haml

@@ -4,8 +4,8 @@
     %meta{ content: 'text/html; charset=UTF-8', 'http-equiv': 'Content-Type' }/
     %title= page_title(@page_title, _('Admin'))
     = csrf_meta_tags
-    = stylesheet_link_tag    'application', 'data-turbolinks-track': 'reload', media: 'all'
-    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
+    = stylesheet_link_tag    'application', media: 'all'
+    = javascript_include_tag 'application'
   %body.page.page--admin
     %noscript
       = _('Javascript seems to be disabled.')

data/app/views/elabs/layouts/application.html.haml

@@ -4,8 +4,13 @@
     %meta{ content: 'text/html; charset=UTF-8', 'http-equiv': 'Content-Type' }/
     %title= page_title(@page_title)
     = csrf_meta_tags
-    = stylesheet_link_tag    'application', 'data-turbolinks-track': 'reload', media: 'all'
-    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
+    = stylesheet_link_tag    'application', media: 'all'
+    = javascript_include_tag 'application'
+    = auto_discovery_link_tag :rss, albums_url(format: :rss, show_nsfw: show_nsfw?)
+    = auto_discovery_link_tag :rss, articles_url(format: :rss, show_nsfw: show_nsfw?)
+    = auto_discovery_link_tag :rss, notes_url(format: :rss, show_nsfw: show_nsfw?)
+    = auto_discovery_link_tag :rss, projects_url(format: :rss, show_nsfw: show_nsfw?)
+    = auto_discovery_link_tag :rss, uploads_url(format: :rss, show_nsfw: show_nsfw?)
   %body.page#top
     %noscript
       = _('Javascript seems to be disabled.')
@@ -25,7 +30,7 @@
         = yield
 
     .modal#report-modal
-      .modal__overlay
+      .modal__overlay{ onclick: 'closeModal("report-modal")' }
       .modal__window
         .modal__window__title
           %h1= _('Report this page')
@@ -35,3 +40,6 @@
           = render 'elabs/reports/form', new_report: @new_report
 
     = render 'elabs/layouts/footer'
+
+  -# Widget templates
+  = render 'elabs/layouts/widgets/vue/all_widgets'

data/app/views/elabs/layouts/member_application.html.haml

@@ -4,8 +4,8 @@
     %meta{ content: 'text/html; charset=UTF-8', 'http-equiv': 'Content-Type' }/
     %title= page_title(@page_title, _('Member'))
     = csrf_meta_tags
-    = stylesheet_link_tag    'application', 'data-turbolinks-track': 'reload', media: 'all'
-    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
+    = stylesheet_link_tag    'application', media: 'all'
+    = javascript_include_tag 'application'
   %body.page.page--member
     %noscript
       = _('Javascript seems to be disabled.')
@@ -19,3 +19,6 @@
         = yield
 
     = render 'elabs/layouts/footer'
+
+  -# Widget templates
+  = render 'elabs/layouts/widgets/vue/all_widgets'

data/app/views/elabs/layouts/widgets/_github_repo_card.html.haml

@@ -0,0 +1,12 @@
+- widget_id = random_string
+- repo_url ||= nil
+
+- if repo_url.nil?
+  = render 'elabs/layouts/shortcode_missing_content'
+- else
+  %div{ id: "gh-repo-widget-#{widget_id}" }
+
+  :javascript
+    documentReady(function () {
+      githubRepoCard("#{repo_url}", "gh-repo-widget-#{widget_id}")
+    })

data/app/views/elabs/layouts/widgets/_github_repo_inline.html.haml

@@ -0,0 +1,8 @@
+%span.github-inline
+  - if url_matches.length == 3
+    = icon 'github', ['fw'], 'fab'
+    = link_to url_matches[1], "https://github.com/#{url_matches[1]}"
+    \/
+    = link_to url_matches[2], "https://github.com/#{url_matches[1]}/#{url_matches[2]}"
+  - else
+    = _('Invalid Github repository')

data/app/views/elabs/layouts/widgets/_github_user_card.html.haml

@@ -0,0 +1,7 @@
+- widget_id = random_string
+%div{ id: "gh-user-widget-#{widget_id}" }
+
+:javascript
+  documentReady(function () {
+    githubUserCard("#{user_name}", "gh-user-widget-#{widget_id}")
+  })

data/app/views/elabs/layouts/widgets/_gitlab_group_card.html.haml

@@ -0,0 +1,11 @@
+- widget_id = random_string
+- url_matches ||= nil
+- if url_matches.nil? || url_matches.length < 3
+  = render 'elabs/layouts/shortcode_missing_content'
+- else
+  %div{ id: "gl-group-widget-#{widget_id}" }
+
+  :javascript
+    documentReady(function () {
+      gitlabGroupCard({site: "#{url_matches[1]}", groupName: "#{url_matches[2]}"}, "gl-group-widget-#{widget_id}")
+    })

data/app/views/elabs/layouts/widgets/_gitlab_repo_card.html.haml

@@ -0,0 +1,12 @@
+- widget_id = random_string
+- url_matches ||= nil
+
+- if url_matches.nil? || url_matches.length < 3
+  = render 'elabs/layouts/shortcode_missing_content'
+- else
+  %div{ id: "gl-repo-widget-#{widget_id}" }
+
+  :javascript
+    documentReady(function () {
+      gitlabRepoCard({site: "#{url_matches[1]}", repo: "#{url_matches[2]}"}, "gl-repo-widget-#{widget_id}")
+    })

data/app/views/elabs/layouts/widgets/_gitlab_repo_inline.html.haml

@@ -0,0 +1,8 @@
+%span.gitlab-inline
+  - if url_matches.length == 4
+    = icon 'gitlab', ['fw'], 'fab'
+    = link_to url_matches[2], "#{url_matches[1]}/#{url_matches[2]}"
+    \/
+    = link_to url_matches[3], url_matches[0]
+  - else
+    = _('Invalid Gitlab repository')

data/app/views/elabs/layouts/widgets/_gitlab_user_card.html.haml

@@ -0,0 +1,11 @@
+- widget_id = random_string
+- url_matches ||= nil
+- if url_matches.nil? || url_matches.length < 3
+  = render 'elabs/layouts/shortcode_missing_content'
+- else
+  %div{ id: "gl-user-widget-#{widget_id}" }
+
+  :javascript
+    documentReady(function () {
+      gitlabUserCard({site: "#{url_matches[1]}", user: "#{url_matches[2]}"}, "gl-user-widget-#{widget_id}")
+    })

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

@@ -0,0 +1,5 @@
+= render 'elabs/layouts/widgets/vue/github_repo_card_vue'
+= render 'elabs/layouts/widgets/vue/github_user_card_vue'
+= render 'elabs/layouts/widgets/vue/gitlab_repo_card_vue'
+= render 'elabs/layouts/widgets/vue/gitlab_user_card_vue'
+= render 'elabs/layouts/widgets/vue/gitlab_group_card_vue'

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

@@ -0,0 +1,72 @@
+%script{ type: 'text/x-template', id: 'template-github-repo-card' }
+  .github-card{ ':disabled': 'failed' }
+    .content{ 'v-if': 'ready && !failed' }
+      %h2
+        = icon 'github', ['fw'], 'fab'
+        %small
+          %a{ ':href': '"https://github.com/" + repo.owner.login', target: '_blank' } {{repo.owner.login}}
+        \/
+        %a{ ':href': '"https://github.com/" + repo_name', target: '_blank' } {{repo.name}}
+      %ul.infos
+        %li
+          = icon_text 'code-branch', _('Fork:'), ['fw']
+          {{repo.fork ? '#{_('Yes')}' : '#{_('No')}'}}
+        %li{ 'v-if': 'repo.homepage' }
+          = icon 'home', ['fw']
+          %a{ ':href': 'repo.homepage', target: '_blank' }= _('Home page')
+        %li
+          = icon 'star'
+          {{repo.stargazers_count}}
+        %li
+          = icon 'license'
+          %template{ 'v-if': 'repo.license' } {{repo.license.name}}
+        %li
+          = icon_text 'code-branch', _('Forks:'), ['fw']
+          {{repo.forks}}
+        %li
+          = icon 'exclamation-circle'
+          {{repo.open_issues}}
+      %pre.description{ 'v-if': 'repo.description' } {{repo.description}}
+    .alert.alert--warning{ 'v-else-if': 'failed && !error' }
+      = icon_text 'bug', _('An error occured when fetching the repository data from Github.'), ['fw']
+    .alert.alert--warning{ 'v-else-if': 'failed && error' }
+      = icon_text 'bug', _("We can't display the repository infos. Github responded with the following error:"), ['fw']
+      %code {{error}}
+    .alert{ 'v-else': '' }
+      = icon_text 'spinner', _('Loading data from Github. Please wait.'), %w[fw pulse]
+
+:javascript
+  function githubRepoCard (repo_name, target_element) {
+    return new Vue({
+      name: 'GithubRepoCardWidget',
+      template: '#template-github-repo-card',
+      el: document.getElementById(target_element),
+      data: function () {
+        return {
+          ready: false,
+          failed: false,
+          error: '',
+          repo_name: repo_name,
+          repo: {},
+        }
+      },
+      created () {
+        var that = this
+        fetch('https://api.github.com/repos/' + this.repo_name, {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/_github_user_card_vue.html.haml

@@ -0,0 +1,64 @@
+%script{ type: 'text/x-template', id: 'template-github-user-card' }
+  .github-card{ 'v-if': 'ready && !failed' }
+    .icon.icon--avatar
+      = icon 'github', %w[fw avatar-badge], 'fab'
+      %img.avatar{ ':src': 'user.avatar_url' }
+    .content
+      %h2
+        %a{ ':href': 'user.url', target: '_blank' } {{user.name}}
+        %small ({{user.login}})
+      %ul.infos
+        %li{ 'v-if': 'user.blog' }
+          = icon 'home', ['fw']
+          %a{ ':href': 'user.blog', target: '_blank' }= _('Home page')
+        %li
+          = icon_text 'book', _('Public repos:'), ['fw']
+          {{user.public_repos}}
+        %li
+          = icon_text 'pencil-alt', _('Public gists:'), ['fw']
+          {{user.public_gists}}
+  .github-card{ 'v-else-if': 'failed', ':disabled': 'failed' }
+    .alert.alert--warning
+      = icon_text 'bug', _("We can't display the user infos. Github responded with the following error:"), ['fw']
+      %code {{error}}
+  .github-card{ 'v-else': '' }
+    .icon.icon--avatar
+      = icon 'github', %w[fw avatar-badge], 'fab'
+      = icon 'user', %w[3x fw avatar]
+    .alert
+      = icon_text 'spinner', _('Loading data from Github. Please wait.'), %w[fw pulse]
+
+:javascript
+  function githubUserCard (userName, targetElement) {
+    return new Vue({
+      name: 'GithubUserCardWidget',
+      template: '#template-github-user-card',
+      el: document.getElementById(targetElement),
+      data: function () {
+        return {
+          ready: false,
+          failed: false,
+          userName: userName,
+          user: {},
+        }
+      },
+      created () {
+        var that = this
+        fetch('https://api.github.com/users/' + this.userName, {method: 'GET'})
+          .then(function (res) {
+            if(res.ok){
+              res.json().then(function (data) {
+                that.user = 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_group_card_vue.html.haml

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