sharkey-web 3.3.1

data/lib/sharkey/views/centered.slim

@@ -0,0 +1,49 @@
+/ Layout for simple, centered information
+doctype html
+html
+  head
+    meta charset="utf-8"
+    title Sharkey
+
+    / Bootstrap
+      (Poor Man's Theme Support)
+    link[
+      rel="stylesheet" media="screen, projection"
+      href="/themes/#{Sharkey::Setting['theme']}/style.css"
+    ]
+
+    / Misc. Styles
+    - if Sharkey::Setting['loading_bar'] == 'true'
+      link rel="stylesheet" href="/css/nprogress.css"
+
+    link rel="stylesheet" href="/css/magicsuggest.css"
+
+    / Custom Styles
+    link rel="stylesheet" media="screen, projection" href="/css/styles.css"
+
+    /[if lt IE 9]
+      script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"
+
+    / jQuery
+    script src="/js/lib/jquery-1.9.1.min.js"
+    script src="/js/lib/jquery-ui.js"
+
+    / Bootstrap
+    script src="/js/lib/bootstrap.min.js"
+
+    / Misc. Scripts
+    - if Sharkey::Setting['loading_bar'] == 'true'
+      script src="/js/lib/nprogress.js"
+
+    / Custom Scripts
+    script src="/js/scripts.js"
+
+  body
+    == slim(:navbar,  locals: { page: page })
+
+    .container-fluid
+      .row
+        / The actual content
+        .col-md-8.col-sm-offset-2.main
+          == yield
+

data/lib/sharkey/views/dashboard.slim

@@ -0,0 +1,107 @@
+/
+  Layout for the main dashboard
+
+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
+
+    / Bootstrap
+      (Poor Man's Theme Support)
+    link[
+      rel="stylesheet" media="screen, projection"
+      href="/themes/#{Sharkey::Setting['theme']}/style.css"
+    ]
+
+    / Misc. Styles
+    - if Sharkey::Setting['loading_bar'] == 'true'
+      link rel="stylesheet" href="/css/nprogress.css"
+
+    link rel="stylesheet" href="/css/magicsuggest.css"
+    link rel="stylesheet" href="/css/ui.fancytree.css"
+
+    / Custom Styles
+    link rel="stylesheet" media="screen, projection" href="/css/styles.css"
+
+    /[if lt IE 9]
+      script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"
+
+    / jQuery
+    script src="/js/lib/jquery-1.9.1.min.js"
+    script src="/js/lib/jquery-ui.js"
+
+    / Bootstrap
+    script src="/js/lib/bootstrap.min.js"
+
+    / Misc. Scripts
+    - if Sharkey::Setting['loading_bar'] == 'true'
+      script src="/js/lib/nprogress.js"
+
+    / Custom Scripts
+    script src="/js/scripts.js"
+
+  body
+    == slim(:navbar,  locals: { page: page })
+
+    .container-fluid
+      .row
+
+        / The sidebar
+        .col-sm-3.col-md-2.sidebar#the-sidebar
+          ul.nav.nav-sidebar
+            li class="#{ if page == 'home' then 'active' end }"
+              a href="/"
+                span> class="glyphicon glyphicon-tasks"
+                | Dashboard
+
+          ul.nav.nav-sidebar
+            li class="#{ if page == 'links' then 'active' end }"
+              a#keybind-links href="/links"
+                span> class="glyphicon glyphicon-link"
+                | Links
+                span.badge.pull-right = Sharkey::Link.all.size
+            li class="#{ if page == 'favorites' then 'active' end }"
+              a#keybind-favorites href="/favorites"
+                span> class="glyphicon glyphicon-star"
+                | Favorites
+                span.badge.pull-right = Sharkey::Link.all(favorite: true).size
+
+            li
+              a href="/random"
+                span> class="glyphicon glyphicon-random"
+                | Random Link
+
+          ul.nav.nav-sidebar
+            li class="#{ if page == 'tags' then 'active' end }"
+              a#keybind-tags href="/tags"
+                span> class="glyphicon glyphicon-tags"
+                | Tags
+                span.badge.pull-right = Sharkey::Tag.all.size
+
+            li class="#{ if page == 'tagcloud' then 'active' end }"
+              a#keybind-tags href="/tagcloud"
+                span> class="glyphicon glyphicon-cloud"
+                | Tag Cloud
+
+          ul.nav.nav-sidebar
+            li class="#{ if page == 'categories' then 'active' end }"
+              a#keybind-categories href="/categories"
+                span> class="glyphicon glyphicon-book"
+                | Categories
+                span.badge.pull-right = Sharkey::Category.all.size
+
+        / The actual content
+        .col-sm-9.col-sm-offset-3.col-md-10.col-md-offset-2.main
+          == yield
+

data/lib/sharkey/views/dashboard_index.slim

@@ -0,0 +1,26 @@
+/
+  The main Page
+
+h1.page-header Dashboard
+
+p Welcome to Sharkey Link!
+
+p You have...
+
+ul
+  - if Sharkey::Link.all.size == 0
+    li no links;
+  - else
+    li #{Sharkey::Link.all.size} links;
+
+  - if Sharkey::Tag.all.size == 0
+    li no tags;
+  - else
+    li #{Sharkey::Tag.all.size} tags;
+
+h2.sub-header Awesome!
+
+p Sweet, beibeh!
+
+p [insert awesome statistics here]
+

data/lib/sharkey/views/edit_link.slim

@@ -0,0 +1,121 @@
+/ The 'Edit Button' dialog
+  It will only get shown when requested by a button
+  Expects a local variable `link` with a.. link.
+
+.modal.fade.input-link#edit-link tabindex="-1" role="dialog" aria-labelledby="input-link-label" aria-hidden="true"
+  .modal-dialog
+    .modal-content
+      .modal-header
+        button.close type="button" data-dismiss="modal" aria-hidden="true"
+          | ×
+
+        h4.modal-title.input-link-label
+          | Edit link
+
+        p.random-sentence
+          | ...#{random_sentence}
+
+      .modal-body
+        / Form that creates a Link
+          It's 'action' will get changed by the JavaScript
+          to conform to the API like '/update/link/:id'
+        form.form-horizontal role="form" action="/update/link" method="POST"
+
+          .form-group
+            label.col-sm-2.control-label for="input-link-url"
+              | URL
+            .col-sm-10
+              input.form-control type="text" id="input-link-url"   name="url"   placeholder="URL"   required="true" autofocus="true"
+
+          .form-group
+            .col-sm-offset-2.col-sm-10
+              button.btn.btn-primary type="submit"
+                span.glyphicon.glyphicon-flash
+                '
+                | Edit link
+
+          .form-group
+            label.col-sm-2.control-label for="input-link-title"
+              | Title
+            .col-sm-10
+              input.form-control type="text" id="input-link-title" name="title" placeholder="title"
+
+          .form-group
+            label.col-sm-2.control-label for="input-link-tags"
+              | Tags
+            .col-sm-10
+              input.form-control.tagsinput type="text" id="input-link-tags" name="tags" placeholder="tag (comma-separated)"
+
+          .form-group
+            label.col-sm-2.control-label for="input-links-url"
+              | Comments
+            .col-sm-10
+              textarea.form-control[
+                type="textarea"
+                id="input-link-comment"
+                name="comment"
+                placeholder="express yourself"
+              ]
+
+          .form-group
+            label.col-sm-2.control-label for="input-link-category-one"
+              | Category
+            .col-sm-10
+              select.form-control id="input-link-category-one" name="category" placeholder="Category"
+                ruby:
+                  # This magic function shows all Categories in
+                  # hierarchical order. Just like:
+                  #
+                  # parent
+                  # - child
+                  # - other_child
+                  # - - other_other_child
+                  # other_parent
+                  # - another_child
+
+                  def select_options
+                    $output = "<option value=''>(none)</option>"
+
+                    def recursive_childs(count, category)
+                      $output << "<option value='#{category.id}'>#{'- ' * count}#{category.name}</option>"
+
+                      category.childs.each do |child|
+                        recursive_childs(count + 1, child)
+                      end
+                    end
+
+                    Sharkey::Category.orphans.each do |orphan|
+                      recursive_childs(0, orphan)
+                    end
+                    return $output
+                  end
+
+                == select_options
+
+            .col-sm-offset-2.col-sm-10
+              button.btn.btn-default.new-category
+                span> class="glyphicon glyphicon-book"
+                | New Category
+
+        form.form-horizontal.new-category-form role="form" action="/category" method="POST"
+          .form-group
+
+            label.col-sm-2.control-label for="new-category-name"
+              | Name
+            .col-sm-10
+              input.form-control.new-category-name type="text"  name="name" placeholder="New category name" required="true" autofocus="true"
+
+            label.col-sm-2.control-label for="new-category-parent"
+              | Parent
+            .col-sm-10
+              select.form-control.new-category-parent name="parent" placeholder="Parent"
+                == select_options
+
+              button.btn.btn-default.new-category-button type="submit"
+                span> class="glyphicon glyphicon-book"
+                | Create Category
+
+  / If you ever want to add a footer some day,
+    just uncomment these two lines
+    .modal-footer
+

data/lib/sharkey/views/help.slim

@@ -0,0 +1,74 @@
+h1.page-header
+  | Help
+
+markdown:
+  Welcome to `sharkey` help!
+  For info on it's creation and contact, see the _About_ section.
+
+h2.sub-header
+  | Intro
+
+markdown:
+  `sharkey` is a cute web-based personal bookmarking service.
+
+  * **Bookmarking** means it _saves your links_, allows you to _tag them_, arrange
+    in _categories_ and, most important of all, _keep track of what you should visit later_.
+  * **Personal** means _you control your own data_. Everything is stored on your
+    computer and _you can import/export/delete as you please_. It is like the anti-social
+    cousin of [Delicious][delicious].
+  * **Web-based** means it runs on your browser. _You don't need an internet connection_,
+    though! It doesn't mean you access a site to use it - it runs on _your computer_.
+    It just happens that I prefer to make sites instead of designing windows and buttons
+    and stuff.
+  * **Cute** means it has a nice appearance. It comes with _lots of themes_ and you can
+    even customize it _with your own themes_ too.
+
+h2.sub-header
+  | Example
+
+markdown:
+  If you're unsure on how to start using `sharkey`, here's how I do it.
+
+  I have lots of tabs opened in my browser. Some of them has sites I want to see later,
+  others are just there because... well, I might need them some day.
+
+  So I start organizing them. I create some tags and categories, placing links
+  more or less like the following:
+
+table.table.table-hover
+  thead
+    tr
+      th site
+      th category
+      th tags
+  tbody
+    tr
+      td a youtube video I can't see right now
+      td Video > Youtube
+      td watch-later
+    tr
+      td funny images I might link to some friends later
+      td Images > Funny
+      td link-later
+    tr
+      td news site I visit regularly
+      td News
+      td daily
+    tr
+      td page with important download link
+      td Download > Image/Video/Document
+      td download-later, important
+    tr
+      td great online game I recently discovered (and might link to friends later)
+      td Game > Online
+      td game-later, link-later
+
+markdown:
+  So, in general, _tags are for quick finding things_ and _categories are
+  for organized classifying_.
+
+  Since `sharkey` has a [Tag Cloud](/tagcloud), it becomes easy to find, say,
+  sites I need to visit daily or important things I must see later.
+
+  And on the [Categories Page](/categories), they're listed like folders on the computer,
+  just how Firefox or Chrome displays it's bookmarks.

data/lib/sharkey/views/keybindings.slim

@@ -0,0 +1,58 @@
+
+/ Helper that shows the Keybindings
+.modal.fade#keybindings tabindex="-1" role="dialog" aria-labelledby="keybinding-label" aria-hidden="true"
+  .modal-dialog
+    .modal-content
+      .modal-header
+        button.close type="button" data-dismiss="modal" aria-hidden="true"
+          | ×
+        h3.modal-title#input-link-label
+          | Key Bindings
+
+      .modal-body
+
+        table.table.table-striped.table-hover
+          thead
+            tr
+              th key
+              th action
+          tbody
+            tr
+              td
+                kbd a
+              td Add single Link
+            tr
+              td
+                kbd m
+              td Add multiple Links
+            tr
+              td
+                kbd d
+              td Go to the Dashboard
+            tr
+              td
+                kbd s
+              td Go to Settings
+            tr
+              td
+                kbd h
+              td Show Help
+            tr
+              td
+                kbd l
+              td Show Links
+            tr
+              td
+                kbd t
+              td Show Tags
+            tr
+              td
+                kbd c
+              td Show Categories
+            tr
+              td
+                kbd k
+              td Show this window
+
+
+

data/lib/sharkey/views/link.slim

@@ -0,0 +1,30 @@
+/
+  Layout for a page of a single Link
+
+== slim(:navbar, locals: { page: "link" })
+
+.col-md.12
+  .container
+
+    - if link.title
+      h1 Title: #{link.title}
+      h2
+        a href="#{link.url}" target="_blank"
+          | URL: #{link.url}
+
+    - else
+      h1
+        a href="#{link.url}" target="_blank"
+          | Title: #{link.url}
+
+    - if link.tags.empty?
+      p
+        em No Tags
+
+    - else
+      p  Tags:
+
+      - link.tags.each do |tag|
+        a.link-tag href="/tag/#{tag.id}" title="#{tag.name}"
+          span.badge = tag.name
+