sharkey-web 3.3.1

data/lib/sharkey/views/links.slim

@@ -0,0 +1,22 @@
+/ Lists all links
+
+h1.page-header Links
+
+p Page with everything about your links
+
+h2.sub-header All Links
+
+p Here's a list of all links.
+
+ul.links.list-group
+  - if @links.empty?
+    li.list-group-item
+      | You have no links!
+
+  - else
+    - @links.each do |the_link|
+      == slim(:single_link, locals: { link: the_link })
+
+
+script src="/js/page-links.js"
+

data/lib/sharkey/views/navbar.slim

@@ -0,0 +1,68 @@
+/
+  Top navigation bar
+
+.navbar.navbar-inverse.navbar-fixed-top#the-navbar role="navigation"
+  .container-fluid
+    .navbar-header
+      button.navbar-toggle type="button" data-toggle="collapse" data-target=".navbar-collapse"
+        span.sr-only Toggle navigation
+        span.icon-bar
+        span.icon-bar
+        span.icon-bar
+      a.navbar-brand href="/" Sharkey
+
+    .collapse.navbar-collapse
+      ul.nav.navbar-nav.navbar-left
+        li
+          a href="#" data-toggle="modal" data-target="#add-link"
+            span.glyphicon.glyphicon-plus-sign
+            '
+            | Add Link
+
+      form.navbar-form.navbar-left
+        .input-group.input-group-sm
+          input.form-control type="text" placeholder="Search" name="search"
+          .input-group-btn
+            button.btn.btn-default tyle="submit"
+              span.glyphicon.glyphicon-search
+
+      ul.nav.navbar-nav.navbar-right
+
+        li class="#{ if page == 'home'     then 'active' end }"
+          a#keybind-home href="/"
+            span.glyphicon.glyphicon-dashboard
+            '
+            | Dashboard
+
+        li class="#{ if page == 'settings' then 'active' end }"
+          a#keybind-settings href="/settings"
+            span.glyphicon.glyphicon-cog
+            '
+            |Settings
+
+        li class="#{ if page == 'help' then 'active' end }"
+          a#keybind-help href="/help"
+            span.glyphicon.glyphicon-question-sign
+            '
+            | Help
+        li class="#{ if page == 'about' then 'active' end }"
+          a#keybind-about href="/about"
+            span.glyphicon.glyphicon-info-sign
+            '
+            | About
+
+script src="/js/lib/mousetrap.min.js"
+script src="/js/keybindings.js"
+== slim(:keybindings)
+
+script src="/js/lib/jquery.bootstrap-autohidingnavbar.js"
+
+script src="/js/lib/magicsuggest.js"
+script src="/js/page-add-link.js"
+- if Sharkey::Setting['auto_fill'] == 'true'
+  script src="/js/page-add-link-autofill.js"
+== slim(:add_link)
+
+script src="/js/page-edit-link.js"
+== slim(:edit_link)
+

data/lib/sharkey/views/settings.slim

@@ -0,0 +1,74 @@
+/
+  Layout for the settings page
+
+doctype html
+html
+  head
+    meta charset="utf-8"
+
+    /!
+      .
+       mmm    mmm    m mm  m   m  mmmmm   mmm   m mm
+      #   '  '   #   #'  ' #   #  # # #  '   #  #'  #
+       '''m  m'''#   #     #   #  # # #  m'''#  #   #
+      'mmm'  'mm'#   #     'mm'#  # # #  'mm'#  #   #
+      sharkey link: the best thing since Delicious
+      .
+
+    title Sharkey Link
+
+    / Poor Man's Theme Support
+    link rel="stylesheet" media="screen, projection" href="/themes/#{Sharkey::Setting['theme']}/style.css"
+
+    - if Sharkey::Setting['loading_bar'] == 'true'
+      link rel="stylesheet" href="/css/nprogress.css"
+
+    link rel="stylesheet" href="/css/magicsuggest.css"
+
+    link rel="stylesheet" media="screen, projection" href="/css/styles.css"
+
+    /[if lt IE 9]
+      script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"
+
+    script src="/js/lib/jquery-1.9.1.min.js"
+    script src="/js/lib/jquery-ui.js"
+
+    script src="/js/lib/bootstrap.min.js"
+
+    - if Sharkey::Setting['loading_bar'] == 'true'
+      script src="/js/lib/nprogress.js"
+
+    script src="/js/page-settings.js"
+    script src="/js/scripts.js"
+
+  body data-spy="scroll" data-target="#the-sidebar"
+    == slim(:navbar,  locals: { page: page })
+
+    .container-fluid
+      .row
+
+        / The sidebar
+        .col-sm-3.col-md-2.sidebar#the-sidebar
+          ul.nav.nav-sidebar
+            li
+              a href="#general"
+                span> class="glyphicon glyphicon-wrench"
+                | General
+            li
+              a href="#appearance"
+                span> class="glyphicon glyphicon-tasks"
+                | Appearance
+            li
+              a href="#data"
+                span> class="glyphicon glyphicon-file"
+                | Data
+            li
+              a href="#erase-stuff"
+                span> class="glyphicon glyphicon-fire"
+                | Erase Stuff
+
+        / The actual content
+        .col-sm-9.col-sm-offset-3.col-md-10.col-md-offset-2.main
+          == yield
+
+

data/lib/sharkey/views/settings_index.slim

@@ -0,0 +1,220 @@
+h1.page-header Settings
+
+p Configure all your stuff here
+
+h2.sub-header#general General Settings
+
+.row.setting
+  .col-md-12
+    h4 Auto-fill Link Info
+.row
+  .col-md-8
+    p.help-block
+      | Automatically try to fill the link's information at the "Add Link" dialog.
+    p.help-block
+      | Tip: it stops when you start typing.
+
+  .col-md-4
+    form role="form" action="/setting" method="POST"
+      .btn-group data-toggle="buttons"
+
+        - if Sharkey::Setting['auto_fill'] == 'true'
+          label.btn.btn-primary.ajax-radio.active
+            input type="radio" name="auto_fill" value="true" checked="true"
+              | On
+          label.btn.btn-default.ajax-radio
+            input type="radio" name="auto_fill" value="false" checked="false"
+              | Off
+        - else
+          label.btn.btn-default.ajax-radio
+            input type="radio" name="auto_fill" value="true" checked="false"
+              | On
+          label.btn.btn-primary.ajax-radio.active
+            input type="radio" name="auto_fill" value="false" checked="true"
+              | Off
+
+h2.sub-header#appearance Appearance
+
+.row.setting
+  .col-md-12
+    h4 Theme
+.row
+  .col-md-8
+    p.help-block
+      | Change how it looks!
+    p.help-block
+      | Courtesy of
+      a< href="http://bootswatch.com/" Bootswatch.
+
+  .col-md-4
+    form#theme-form role="form" action="/setting" method="POST"
+      .form-group
+        select.form-control#theme-select name="theme" placeholder="Theme"
+          - Dir.entries(File.expand_path('./lib/sharkey/public/themes')).sort.each do |dir|
+            - if (dir != 'fonts') and (dir[0] != '.')
+              - if dir == Sharkey::Setting['theme']
+                option value="#{dir}" selected="true" = dir
+              - else
+                option value="#{dir}" = dir
+
+        button.btn.btn-primary type="submit" title="Apply"
+          span> class="glyphicon glyphicon-picture"
+          | Apply
+
+.row.setting
+  .col-md-12
+    h4 Date format
+.row
+  .col-md-8
+    p.help-block
+      | How the date will get shown besides Links and Tags.
+    p.help-block
+      | Relative date (e.g. '8 hours ago') or full date
+        format (18:05 22-12-2014).
+
+  .col-md-4
+    form role="form" action="/setting" method="POST"
+      .btn-group data-toggle="buttons"
+
+        - if Sharkey::Setting['date_format'] == 'relative'
+          label.btn.btn-primary.ajax-radio.active
+            input type="radio" name="date_format" value="relative" checked="true"
+              | Relative Date
+          label.btn.btn-default.ajax-radio
+            input type="radio" name="date_format" value="full"     checked="false"
+              | Full Date
+        - else
+          label.btn.btn-default.ajax-radio
+            input type="radio" name="date_format" value="relative" checked="false"
+              | Relative Date
+          label.btn.btn-primary.ajax-radio.active
+            input type="radio" name="date_format" value="full"     checked="true"
+              | Full Date
+
+
+.row.setting
+  .col-md-12
+    h4 Loading bar
+.row
+  .col-md-8
+    p.help-block
+      | Show progress bar when loading the page
+
+  .col-md-4
+    form role="form" action="/setting" method="POST"
+      .btn-group data-toggle="buttons"
+
+        - if Sharkey::Setting['loading_bar'] == 'true'
+          label.btn.btn-primary.ajax-radio.active
+            input type="radio" name="loading_bar" value="true" checked="true"
+              | On
+          label.btn.btn-default.ajax-radio
+            input type="radio" name="loading_bar" value="false" checked="false"
+              | Off
+        - else
+          label.btn.btn-default.ajax-radio
+            input type="radio" name="loading_bar" value="true" checked="false"
+              | On
+          label.btn.btn-primary.ajax-radio.active
+            input type="radio" name="loading_bar" value="false" checked="true"
+              | Off
+
+
+h2.sub-header#data Data
+
+.row.setting
+  .col-md-12
+    h4 Import Links
+.row
+  .col-md-8
+    p.help-block
+      | Select a <a href="http://fileformats.archiveteam.org/wiki/Netscape_bookmarks" target="_blank">Bookmark HTML file</a>, generated by most owsers and tools such as <em>Delicious</em>
+
+  .col-md-4
+    form role="form" action="/import" method="POST" enctype="multipart/form-data"
+      input type="file" name="file"
+      button.btn.btn-primary#button-import type="submit" title="Import"
+        span> class="glyphicon glyphicon-import"
+        | Import
+
+.row.setting
+  .col-md-12
+    h4 Export Links
+.row
+  .col-md-8
+    p.help-block Not supported...
+  .col-md-4
+    span> class="glyphicon glyphicon-export"
+    p ...yet
+
+h2.sub-header#erase-stuff Erase Stuff
+
+p.help-block
+  | All these options are highly destructive.
+p.help-block
+  | There's no way to get your data back once it's gone!
+
+.row.setting
+  .col-md-12
+    h4 Erase all Links
+.row
+  .col-md-8
+    p.help-block Deletes all links, keeping Tags, Categories and every other information.
+
+  .col-md-4
+    form role="form" action="/all-links" method="POST"
+      input type="hidden" name="_method" value="DELETE"
+
+      button.btn.btn-sm.btn-warning type="submit" title="Exterminate Links"
+        span.glyphicon.glyphicon-trash
+        '
+        | Exterminate Links
+
+.row.setting
+  .col-md-12
+    h4 Erase all Tags
+.row
+  .col-md-8
+    p.help-block Deletes all tags, keeping every other information.
+
+  .col-md-4
+    form role="form" action="/all-tags" method="POST"
+      input type="hidden" name="_method" value="DELETE"
+
+      button.btn.btn-sm.btn-warning type="submit" title="Exterminate Tags"
+        span.glyphicon.glyphicon-trash
+        '
+        | Exterminate Tags
+
+.row.setting
+  .col-md-12
+    h4 Erase all Categories
+.row
+  .col-md-8
+    p.help-block Deletes all categories, but not their links.
+
+  .col-md-4
+    form role="form" action="/all-categories" method="POST"
+      input type="hidden" name="_method" value="DELETE"
+
+      button.btn.btn-sm.btn-warning type="submit" title="Exterminate Categories"
+        span> class="glyphicon glyphicon-trash"
+        | Exterminate Categories
+
+
+.row.setting
+  .col-md-12
+    h4 Erase Everything
+.row
+  .col-md-8
+    p.help-block Deletes the entire database - Tags, Links, Categories... Watch out!
+
+  .col-md-4
+    form role="form" action="/everything" method="POST"
+      input type="hidden" name="_method" value="DELETE"
+
+
+      button.btn.btn-sm.btn-danger type="submit" title="Delete Everything"
+        span> class="glyphicon glyphicon-fire"
+        | Destroy all Stuff
+

data/lib/sharkey/views/single_category.slim

@@ -0,0 +1,37 @@
+/ Layout for a single Category
+  It will get shown as a part of a greater
+  list
+  Local variable: category
+
+li.folder.list-group-item.nolink
+
+  / This span is for FancyTree to allow
+    inserting arbitrary HTML on items
+  span
+    a href="/category/#{category.id}" = category.name
+
+  - if (not category.childs.empty?) or (not category.links.empty?)
+    ul
+      - if not category.childs.empty?
+        - category.childs.each do |child|
+          == slim(:single_category, locals: { category: child })
+
+      - if not category.links.empty?
+        - category.links.each do |link|
+          li.list-group-item
+            span
+              / This empty <a> tag is for FancyTree to redirect
+                to it when pressing ENTER or SPACE.
+                That's because it redirects to the FIRST link
+                it finds.
+                So if you want to redirect to the EXTERNAL link
+                just delete this
+              a.link-internal-link href="/link/#{link.id}"
+
+              - if link.title.empty?
+                a.link-link target="_blank" href="#{link.url}" data-link-id="#{link.id}"
+                  | #{link.url}
+              - else
+                a.link-link target="_blank" href="#{link.url}" data-link-id="#{link.id}"
+                  | #{link.title}
+

data/lib/sharkey/views/single_link.slim

@@ -0,0 +1,95 @@
+/
+  Layout for a single Link
+  It will get shown as a part of a greater
+  list
+  Local variable: link
+
+li.link.list-group-item.hoverable-parent.ajax-delete-parent data-link-id="#{link.id}"
+  .row
+    span.link-title
+      - if link.title.empty?
+        a target="_blank" href="#{link.url}" = link.url
+      - else
+        a target="_blank"  href="#{link.url}" = link.title
+    span.link-title-short-url
+      | #{link.url.host}
+
+  .row
+    .link-categories
+      - if link.category
+        a.link-category href="/category/#{link.category.id}" title="#{link.category.name}"
+          span.label.label-default = link.category.name
+  .row
+    .link-tags
+      - if link.tags
+        - link.tags.each do |tag|
+          a.link-tag href="/tag/#{tag.id}" title="#{tag.name}"
+            span.badge = tag.name
+  .row
+    span.link-internal-link
+      a.btn.btn-xs.btn-primary href="/link/#{link.id}" title="Internal Link"
+        span.label.label-primary
+          span.glyphicon.glyphicon-link
+
+    span.link-checkbox
+      | possibly checkbox
+
+    /span.asdasdcol-md-4.hoverable-children
+    span.link-controls
+      button.btn.btn-xs.btn-primary.link-favorite title="Favorite"
+        span class="glyphicon glyphicon-star#{if not link.favorite then '-empty' end}"
+
+      button.btn.btn-xs.btn-primary.link-edit title="Edit Link" data-toggle="modal" data-target="#edit-link"
+        span.glyphicon.glyphicon-pencil
+
+      form action="/link/#{link.id}" method="POST"
+        .form-group
+          / Most browsers don't recognize the DELETE
+            HTTP method, so this is a fake for Sinatra
+            to recognize it as DELETE anyway
+          input type="hidden" name="_method" value="DELETE"
+
+          button.ajax-delete.btn.btn-xs.btn-primary type="submit" title="Delete Link"
+            span.glyphicon.glyphicon-trash
+
+
+  .row
+    span.link-description
+      / We need this to retain line breaks
+        from the original comment
+      - if link.comment
+        - link.comment.split("\n").each do |line|
+          = line
+          br/
+
+    span.link-added
+      - if Sharkey::Setting['date_format'] == 'relative'
+        | Added
+        time<> datetime="#{formatted_date(link.added_at)}"
+          | #{relative_date(link.added_at)}
+        | ago
+      - else
+        | Added
+        time< datetime="#{formatted_date(link.added_at)}"
+          | #{formatted_date(link.added_at)}
+
+  .row
+    span.link-visited
+      span.link-visited-date
+        - if link.visited?
+          - if Sharkey::Setting['date_format'] == 'relative'
+            | Last visited
+            time<> datetime="#{formatted_date(link.last_visit)}"
+              | #{relative_date(link.last_visit)}
+            | ago
+          - else
+            | Last visited
+            time< datetime="#{formatted_date(link.last_visit)}"
+              | #{formatted_date(link.last_visit)}
+
+      '
+      span.badge.link-visited-count
+        span.glyphicon.glyphicon-open
+        '
+        = link.visit_count
+