From cf8ecf1fc9942dc00f0a5a11b313f8babbc9c3cd Mon Sep 17 00:00:00 2001 From: Aaron Parecki Date: Sun, 7 Sep 2014 11:48:52 -0700 Subject: adds bookmark posting interface with bookmarklet. now any URL can auto-login given a login token. --- controllers/controllers.php | 57 +++++- lib/helpers.php | 4 + public/css/style.css | 81 ++++++++ views/dashboard.php | 317 -------------------------------- views/layout.php | 1 + views/new-bookmark.php | 106 +++++++++++ views/new-post.php | 219 ++++++++++++++++++++++ views/partials/bookmark-bookmarklet.php | 5 + views/partials/syndication-js.php | 24 +++ 9 files changed, 496 insertions(+), 318 deletions(-) delete mode 100644 views/dashboard.php create mode 100644 views/new-bookmark.php create mode 100644 views/new-post.php create mode 100644 views/partials/bookmark-bookmarklet.php create mode 100644 views/partials/syndication-js.php diff --git a/controllers/controllers.php b/controllers/controllers.php index dc18584..0de366b 100644 --- a/controllers/controllers.php +++ b/controllers/controllers.php @@ -1,6 +1,21 @@ request()->params(); + if(array_key_exists('token', $params)) { + try { + $data = JWT::decode($params['token'], Config::$jwtSecret); + $_SESSION['user_id'] = $data->user_id; + $_SESSION['me'] = $data->me; + } catch(DomainException $e) { + header('X-Error: DomainException'); + $app->redirect('/', 301); + } catch(UnexpectedValueException $e) { + header('X-Error: UnexpectedValueException'); + $app->redirect('/', 301); + } + } + if(!array_key_exists('user_id', $_SESSION)) { $app->redirect('/'); return false; @@ -9,6 +24,14 @@ function require_login(&$app) { } } +function generate_login_token() { + return JWT::encode(array( + 'user_id' => $_SESSION['user_id'], + 'me' => $_SESSION['me'], + 'created_at' => time() + ), Config::$jwtSecret); +} + $app->get('/new', function() use($app) { if($user=require_login($app)) { @@ -26,7 +49,7 @@ $app->get('/new', function() use($app) { } } - $html = render('dashboard', array( + $html = render('new-post', array( 'title' => 'New Post', 'micropub_endpoint' => $user->micropub_endpoint, 'micropub_scope' => $user->micropub_scope, @@ -40,6 +63,38 @@ $app->get('/new', function() use($app) { } }); + +$app->get('/bookmark', function() use($app) { + if($user=require_login($app)) { + $params = $app->request()->params(); + + $url = ''; + $name = ''; + $content = ''; + $tags = ''; + + if(array_key_exists('url', $params)) + $url = $params['url']; + + if(array_key_exists('name', $params)) + $name = $params['name']; + + if(array_key_exists('content', $params)) + $content = $params['content']; + + $html = render('new-bookmark', array( + 'title' => 'New Bookmark', + 'bookmark_url' => $url, + 'bookmark_name' => $name, + 'bookmark_content' => $content, + 'bookmark_tags' => $tags, + 'token' => generate_login_token(), + 'syndication_targets' => json_decode($user->syndication_targets, true) + )); + $app->response()->body($html); + } +}); + $app->post('/prefs', function() use($app) { if($user=require_login($app)) { $params = $app->request()->params(); diff --git a/lib/helpers.php b/lib/helpers.php index 60eda75..cf751c6 100644 --- a/lib/helpers.php +++ b/lib/helpers.php @@ -27,6 +27,10 @@ function partial($template, $data=array(), $debug=false) { return ob_get_clean(); } +function js_bookmarklet($partial, $context) { + return str_replace('+','%20',urlencode(str_replace(array("\n"),array(''),partial($partial, $context)))); +} + function session($key) { if(array_key_exists($key, $_SESSION)) return $_SESSION[$key]; diff --git a/public/css/style.css b/public/css/style.css index 7872e7e..7cb152c 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -109,3 +109,84 @@ body { word-break: break-all; word-wrap: break-word; } + + + + + /* new posts */ + + #syndication-container ul { + list-style-type: none; + margin: 0; + padding: 10px; + } + #syndication-container li { + padding: 0; + margin-bottom: 6px; + } + #syndication-container button { + max-width: 240px; + text-shadow: none; + } + #syndication-container button img { + float: left; + margin-left: 10px; + } + + #last_response_date { + font-size: 80%; + font-weight: normal; + } + + #btn_post { + margin-bottom: 10px; + } + + @media all and (max-width: 480px) { + #note_location_img_wide { + display: none; + } + #note_location_img_small { + display: block; + } + } + @media all and (min-width: 480px) { + #note_location_img_wide { + display: block; + } + #note_location_img_small { + display: none; + } + } + + .img-visible { + -webkit-border-bottom-right-radius: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-radius-bottomright: 0; + -moz-border-radius-bottomleft: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + #note_location_img img { + margin-top: -1px; + border: 1px solid #ccc; + -webkit-border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + } + + .callout { + border-left: 4px #5bc0de solid; + background-color: #f4f8fa; + padding: 20px; + margin-top: 10px; + } + .callout table { + margin-bottom: 0; + } + + diff --git a/views/dashboard.php b/views/dashboard.php deleted file mode 100644 index d88a59c..0000000 --- a/views/dashboard.php +++ /dev/null @@ -1,317 +0,0 @@ -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- -
- syndication_targets) { - echo '
    '; - foreach($this->syndication_targets as $syn) { - echo '
    • '; - } - echo '
'; - } else { - ?>
No syndication targets were found on your site. - You can provide a list of supported syndication targets that will appear as checkboxes here.
-
-
- -
- - - - - - - - - -
- - -
- - - - - - - - test_response): ?> -

Last response from your Micropub endpoint (response_date) ?>)

- - 
test_response) ?>
- - -
-

Clicking "Post" will post this note to your Micropub endpoint. Below is some information about the request that will be made.

- - - - - - - - - - - - - - - - - - -
me (should be your URL)
scopemicropub_scope ?> (should be a space-separated list of permissions including "post")
micropub endpointmicropub_endpoint ?> (should be a URL)
access tokenString of length micropub_access_token) ?>micropub_access_token) > 0) ? (', ending in ' . substr($this->micropub_access_token, -7) . '') : '' ?> (should be greater than length 0)
-
- -
- - - - diff --git a/views/layout.php b/views/layout.php index 3d181e4..531dec9 100644 --- a/views/layout.php +++ b/views/layout.php @@ -57,6 +57,7 @@
  • New Post
    • +
  • Bookmark
  • Docs
    • diff --git a/views/new-bookmark.php b/views/new-bookmark.php new file mode 100644 index 0000000..5738036 --- /dev/null +++ b/views/new-bookmark.php @@ -0,0 +1,106 @@ +
    + + +
    + +
    + +
    + + +
    + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + +
    + syndication_targets) { + echo '
      '; + foreach($this->syndication_targets as $syn) { + echo '
      • '; + } + echo '
    '; + } else { + ?>
    No syndication targets were found on your site. + You can provide a list of supported syndication targets that will appear as checkboxes here.
    +
    +
    +
    + + +
    +
    + Bookmarklet: bookmark +
    + +
    + + diff --git a/views/new-post.php b/views/new-post.php new file mode 100644 index 0000000..5221dc8 --- /dev/null +++ b/views/new-post.php @@ -0,0 +1,219 @@ +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + +
    + syndication_targets) { + echo '
      '; + foreach($this->syndication_targets as $syn) { + echo '
      • '; + } + echo '
    '; + } else { + ?>
    No syndication targets were found on your site. + You can provide a list of supported syndication targets that will appear as checkboxes here.
    +
    +
    + +
    + + + + + + + + + +
    + + +
    + + + + + + + + test_response): ?> +

    Last response from your Micropub endpoint (response_date) ?>)

    + + 
    test_response) ?>
    + + +
    +

    Clicking "Post" will post this note to your Micropub endpoint. Below is some information about the request that will be made.

    + + + + + + + + + + + + + + + + + + +
    me (should be your URL)
    scopemicropub_scope ?> (should be a space-separated list of permissions including "post")
    micropub endpointmicropub_endpoint ?> (should be a URL)
    access tokenString of length micropub_access_token) ?>micropub_access_token) > 0) ? (', ending in ' . substr($this->micropub_access_token, -7) . '') : '' ?> (should be greater than length 0)
    +
    + +
    + + + + diff --git a/views/partials/bookmark-bookmarklet.php b/views/partials/bookmark-bookmarklet.php new file mode 100644 index 0000000..a4b095d --- /dev/null +++ b/views/partials/bookmark-bookmarklet.php @@ -0,0 +1,5 @@ +javascript:(function(){ + var t;try{t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));}catch(e){t="";}; + window.location="http://quill.dev/bookmark?url="+encodeURIComponent(window.location.href)+"&content="+encodeURIComponent('"'+t+'"')+"&name="+encodeURIComponent(document.title)+"&token=token ?>"; +})(); + diff --git a/views/partials/syndication-js.php b/views/partials/syndication-js.php new file mode 100644 index 0000000..bd657f3 --- /dev/null +++ b/views/partials/syndication-js.php @@ -0,0 +1,24 @@ + +function reload_syndications() { + $.getJSON("/micropub/syndications", function(data){ + if(data.targets) { + $("#syndication-container").html(''); + for(var i in data.targets) { + var target = data.targets[i].target; + var favicon = data.targets[i].favicon; + $("#syndication-container ul").append('
    • '); + } + bind_syndication_buttons(); + } else { + + } + console.log(data); + }); +} + +function bind_syndication_buttons() { + $("#syndication-container button").unbind("click").click(function(){ + $(this).toggleClass('btn-info'); + return false; + }); +} -- cgit v1.2.3