aboutsummaryrefslogtreecommitdiff
path: root/search.php
diff options
context:
space:
mode:
authorChristian Cleberg <hello@cleberg.net>2023-05-22 15:19:08 -0500
committerChristian Cleberg <hello@cleberg.net>2023-05-22 15:19:08 -0500
commit39e8fb2036945303836c461a61f133b0059c8991 (patch)
tree39b747cf3c9eb82af48117781a436a91f1314776 /search.php
downloadvox-populi-39e8fb2036945303836c461a61f133b0059c8991.tar.gz
vox-populi-39e8fb2036945303836c461a61f133b0059c8991.tar.bz2
vox-populi-39e8fb2036945303836c461a61f133b0059c8991.zip
initial commit
Diffstat (limited to 'search.php')
-rw-r--r--search.php337
1 files changed, 337 insertions, 0 deletions
diff --git a/search.php b/search.php
new file mode 100644
index 0000000..16776ee
--- /dev/null
+++ b/search.php
@@ -0,0 +1,337 @@
+<?php
+ require __DIR__ . '/vendor/autoload.php';
+
+ session_start();
+
+ $consumer_key = getenv('CONSUMER_KEY');
+ $consumer_secret = getenv('CONSUMER_SECRET');
+ $client = new Tumblr\API\Client($consumer_key, $consumer_secret);
+ $requestHandler = $client->getRequestHandler();
+ $requestHandler->setBaseUrl('https://www.tumblr.com/');
+
+ // Check if the user has already authenticated
+ if(isset($_SESSION['perm_token']) && !empty($_SESSION['perm_token']) && isset($_SESSION['perm_secret']) && !empty($_SESSION['perm_secret'])) {
+ $token = $_SESSION['perm_token'];
+ $token_secret = $_SESSION['perm_secret'];
+ }
+ // Check if the user was here earlier by checking cookies
+ else if (isset($_COOKIE['perm_token']) && !empty($_COOKIE['perm_token']) && isset($_COOKIE['perm_secret']) && !empty($_COOKIE['perm_secret'])) {
+ $token = $_COOKIE['perm_token'];
+ $token_secret = $_COOKIE['perm_secret'];
+ }
+ // Check if this is the user's first visit
+ else if (!isset($_GET['oauth_verifier'])) {
+
+ // Grab the oauth token
+ $resp = $requestHandler->request('POST', 'oauth/request_token', array());
+ $out = $result = $resp->body;
+ $data = array();
+ parse_str($out, $data);
+
+ // Save temporary tokens to session
+ $_SESSION['tmp_token'] = $data['oauth_token'];
+ $_SESSION['tmp_secret'] = $data['oauth_token_secret'];
+
+ // Redirect user to Tumblr auth page
+ session_regenerate_id(true);
+ $header_url = 'https://www.tumblr.com/oauth/authorize?oauth_token=' . $data['oauth_token'];
+ header('Location: ' . $header_url);
+ die();
+
+ }
+ // Check if the user was just sent back from the Tumblr authentication site
+ else {
+
+ $verifier = $_GET['oauth_verifier'];
+
+ // Use the stored temporary tokens
+ $client->setToken($_SESSION['tmp_token'], $_SESSION['tmp_secret']);
+
+ // Access the permanent tokens
+ $resp = $requestHandler->request('POST', 'oauth/access_token', array('oauth_verifier' => $verifier));
+ $out = $result = $resp->body;
+ $data = array();
+ parse_str($out, $data);
+
+ // Set permanent tokens
+ $token = $data['oauth_token'];
+ $token_secret = $data['oauth_token_secret'];;
+ $_SESSION['perm_token'] = $data['oauth_token'];
+ $_SESSION['perm_secret'] = $data['oauth_token_secret'];
+
+ // Set cookies in case the user comes back later
+ setcookie("perm_token", $_SESSION['perm_token']);
+ setcookie("perm_secret", $_SESSION['perm_secret']);
+
+ // Redirect user to homepage for a clean URL
+ session_regenerate_id(true);
+ $header_url = 'https://example.com/vox-populi/';
+ header('Location: ' . $header_url);
+ die();
+
+ }
+
+ // Authenticate via OAuth
+ $client = new Tumblr\API\Client(
+ $consumer_key,
+ $consumer_secret,
+ $token,
+ $token_secret
+ );
+
+ // Set up a function to check if variables are blank later (this function accepts 0, 0.0, and "0" as valid)
+ function not_blank($value) {
+ return !empty($value) && isset($value) && $value !== '';
+ }
+
+ // Echo HTML contents
+ echo '<!doctype html><html lang="en"><head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
+ <meta name="robots" content="none">
+ <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
+ <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
+ <link rel="manifest" href="./assets/favicon/site.webmanifest">
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
+ integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
+ <link rel="stylesheet" href="./assets/css/app.css">
+ <title>Vox Populi - A Tumblr Web Client</title>
+ <style>
+ @font-face {
+ font-family: "IBM Plex Sans";
+ src: url("./assets/fonts/IBMPlexSans-Regular.eot");
+ src: url("./assets/fonts/IBMPlexSans-Regular.woff2") format("woff2"),
+ url("./assets/fonts/IBMPlexSans-Regular.woff") format("woff"),
+ url("./assets/fonts/IBMPlexSans-Regular.ttf") format("truetype");
+ }
+
+ @font-face {
+ font-family: "IBM Plex Sans";
+ src: url("./assets/fonts/IBMPlexSans-Bold.eot");
+ src: url("./assets/fonts/IBMPlexSans-Bold.woff2") format("woff2"),
+ url("./assets/fonts/IBMPlexSans-Bold.woff") format("woff"),
+ url("./assets/fonts/IBMPlexSans-Bold.ttf") format("truetype");
+ font-weight: bold;
+ }
+
+ @font-face {
+ font-family: "IBM Plex Mono";
+ src: url("./assets/fonts/IBMPlexMono-Regular.eot");
+ src: url("./assets/fonts/IBMPlexMono-Regular.woff2") format("woff2"),
+ url("./assets/fonts/IBMPlexMono-Regular.woff") format("woff"),
+ url("./assets/fonts/IBMPlexMono-Regular.ttf") format("truetype");
+ }
+
+ @font-face {
+ font-family: "IBM Plex Mono";
+ src: url("./assets/fonts/IBMPlexMono-Bold.eot");
+ src: url("./assets/fonts/IBMPlexMono-Bold.woff2") format("woff2"),
+ url("./assets/fonts/IBMPlexMono-Bold.woff") format("woff"),
+ url("./assets/fonts/IBMPlexMono-Bold.ttf") format("truetype");
+ font-weight: bold;
+ }
+ </style>
+</head>
+
+<body>
+ <div class="banner fixed-top" role="contentinfo">
+ <p class="m-0 mr-2">Black Lives Matter.</p>
+ <a href="https://support.eji.org/give/153413/#!/donation/checkout">Support the <span
+ class="d-none d-md-inline">Equal Justice Initiative</span><span
+ class="d-inline d-md-none">EJI</span></a>
+ </div>
+ <nav class="navbar navbar-expand-lg navbar-dark fixed-top">
+ <li class="nav-item d-block d-md-none">
+ <a id="sidebarButton" class="nav-link" href="javascript:void(0)"><svg id="icon-side-menu"
+ xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32" aria-hidden="true">
+ <path
+ d="M14 4H18V8H14zM4 4H8V8H4zM24 4H28V8H24zM14 14H18V18H14zM4 14H8V18H4zM24 14H28V18H24zM14 24H18V28H14zM4 24H8V28H4zM24 24H28V28H24z">
+ </path>
+ </svg></a>
+ </li>
+ <a class="navbar-brand" href="./">Vox Populi</a>
+
+ <ul class="navbar-nav mr-0 ml-auto flex-row">
+ <li class="nav-item">
+ <a id="search-button" class="nav-link" href="javascript:void(0)"><svg id="icon-search"
+ xmlns="http://www.w3.org/2000/svg" description="Open search" width="20" height="20"
+ viewBox="0 0 32 32" aria-hidden="true">
+ <path d="M30,28.59,22.45,21A11,11,0,1,0,21,22.45L28.59,30ZM5,14a9,9,0,1,1,9,9A9,9,0,0,1,5,14Z">
+ </path>
+ </svg></a>
+ </li>
+ </ul>
+ <form id="search-form" class="form-inline h-100 d-none flex-fill" method="get"
+ action="./search.php">
+ <input class="form-control h-100 ml-auto" type="search" placeholder="Search" aria-label="Search"
+ name="query">
+ <a id="search-close-button" class="nav-link" href="javascript:void(0)">
+ <svg id="icon-search" xmlns="http://www.w3.org/2000/svg" description="Clear search" width="20"
+ height="20" viewBox="0 0 32 32" aria-hidden="true">
+ <path
+ d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z">
+ </path>
+ </svg>
+ </a>
+ </form>
+ </nav>
+
+ <div class="container-fluid">
+ <div class="row">
+ <div id="sidebar" class="sidebar d-none d-md-block col-md-3 col-lg-2 p-0">
+ <div class="sidebar-box p-0">
+ <div>
+ <ul class="actions">
+ <li><p>Account</p></li>
+ <hr class="sidebar-divider">
+ <li><a href="./profile/">Profile</a></li>
+ <li><a href="./logout.php">Logout</a></li>
+ </ul>
+ <ul class="categories">
+ <li><p>Filter Posts</p></li>
+ <hr class="sidebar-divider">
+ <li><a href="./">All Posts</a></li>
+ <li><a href="./?type=answer">Answer</a></li>
+ <li><a href="./?type=audio">Audio</a></li>
+ <li><a href="./?type=chat">Chat</a></li>
+ <li><a href="./?type=link">Link</a></li>
+ <li><a href="./?type=photo">Photo</a></li>
+ <li><a href="./?type=quote">Quote</a></li>
+ <li><a href="./?type=text">Text</a></li>
+ <li><a href="./?type=video">Video</a></li>
+ </ul>
+ </div>
+ <div>
+ <hr class="sidebar-divider">
+ <ul class="meta">
+ <li>
+ <a href="#" target="_blank">Source Code <svg
+ id="icon-external-link" xmlns="http://www.w3.org/2000/svg" width="16"
+ height="16" viewBox="0 0 16 16" aria-hidden="true">
+ <path
+ d="M13,14H3c-0.6,0-1-0.4-1-1V3c0-0.6,0.4-1,1-1h5v1H3v10h10V8h1v5C14,13.6,13.6,14,13,14z">
+ </path>
+ <path d="M10 1L10 2 13.3 2 9 6.3 9.7 7 14 2.7 14 6 15 6 15 1z"></path>
+ </svg>
+ </a>
+ </li>
+ <li>
+ <a href="https://example.com" target="_blank">&copy; 0000</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div id="main" class="main col-xs-12 col-md-9 col-lg-10 ml-auto">
+ <span class="homepage--dots"></span>';
+
+ // Get the user's blog name for welcome message
+ $client->getUserInfo();
+ foreach ($client->getUserInfo()->user->blogs as $blog) {
+ echo '<h1 class="text-center py-4">Search results for: <span class="search-query">' . $_GET['query'] . '</span></h1>';
+ }
+
+ // Create function to allow a client to get 20 posts per page
+ function get_tagged_posts($client, $before_date, $limit) {
+ $tag = $_GET['query'];
+ $tagged_posts = $client->getTaggedPosts($tag, $options=null);
+ $card_columns = '<div class="card-columns">';
+ foreach ($tagged_posts as $post) {
+ $card_columns .= '<div class="card" data-type="' . $post->type . '" data-id="' . $post->id_string . '">';
+ $card_columns .= '<div class="card-header d-flex justify-content-between"><div class="card-header-blog"><a href="' . $post->blog->url . '" target="_blank"><img class="avatar" src="' . $client->getBlogAvatar($post->blog_name, 32) . '"></a>';
+ $card_columns .= '<a href="' . $post->blog->url . '">' . $post->blog_name . '</a></div>';
+
+ if ($post->followed != true) {
+ // Send user to action.php to follow a new blog
+ $query_string = 'action=follow&blog_name=' . urlencode($post->blog_name) . '&callback=' . urlencode('https://' . $_SERVER[HTTP_HOST] . $_SERVER[REQUEST_URI]);
+ $card_columns .= '<a href="action.php?' . htmlentities($query_string) . '"><i data-feather="user-plus"></i></a></div>';
+ } else {
+ $card_columns .= '</div>';
+ }
+
+ if ($post->type == 'photo') {
+ $card_columns .= '<a href="' . $post->photos[0]->original_size->url . '"><img src="' . $post->photos[0]->original_size->url . '" class="card-img" alt="..."></a>';
+ }
+ if ($post->type == 'video') {
+ $card_columns .= '<video controls poster="'.$post->thumbnail_url.'" class="card-img"><source src="'.$post->video_url.'"></source></video>';
+ }
+ $card_columns .= '<div class="card-body">';
+ if ($post->type == 'photo') {
+ if (not_blank($post->caption)) {
+ $card_columns .= '<p class="card-text post-caption">' . $post->caption . '</p>';
+ }
+ }
+ if ($post->type == 'text') {
+ if (not_blank($post->title)) {
+ $card_columns .= '<h5 class="card-title post-title">' . $post->title . '</h5>';
+ }
+ if (not_blank($post->body)) {
+ $card_columns .= '<p class="card-text post-body">' . $post->body . '</p>';
+ }
+ }
+ if ($post->type == 'answer') {
+ $card_columns .= '<p class="card-text"><b>' . $post->asking_name . '</b>: ' . $post->question . '</p>';
+ $card_columns .= '<hr>';
+ $card_columns .= $post->answer;
+ }
+ if ($post->type == 'quote') {
+ $card_columns .= '<blockquote class="card-text post-quote">' . $post->summary;
+ $card_columns .= '<br><br><cite>' . $post->reblog->comment . '</cite></blockquote>';
+ }
+ if ($post->type == 'chat') {
+ for ($i = 0; $i <= count($post->dialogue); $i++) {
+ $card_columns .= '<blockquote class="card-text post-chat-' . $i . '">' . (not_blank($post->dialogue[$i]->name) ? ('<b>' . $post->dialogue[$i]->name . '</b>: ') : "") . $post->dialogue[$i]->phrase . '</blockquote>';
+ }
+ }
+ /* This seems to just post a duplicate of a QA answer
+ if (isset($post->reblog->comment) && $post->reblog->comment !== '') {
+ $card_columns .= '<p class="card-text reblog-comment">' . $post->reblog->comment . '</p>';
+ }
+ */
+ // $card_columns .= '<a href="' . $post->post_url . '" class="card-link">Visit Post &rarr;</a>';
+ $card_columns .= '<div class="card-footer d-flex justify-content-between align-items-center p-0"><div class="note-count">' . number_format($post->note_count, 0) . ' notes</div>';
+ $card_columns .= '<div class="post-icons"><a href="' . $post->post_url . '" target="_blank" title="View on Tumblr"><i data-feather="external-link"></i></a>';
+ $card_columns .= '<a href="#" title="Share"><i data-feather="send"></i></a>';
+ $card_columns .= '<a href="#" title="Comment"><i data-feather="message-square"></i></a>';
+ $card_columns .= '<a href="#" title="Reblog"><i data-feather="repeat"></i></a>';
+ $card_columns .= '<a href="#" title="Like"><i data-feather="heart"></i></a></div></div>';
+ $card_columns .= '</div></div>';
+ }
+ $card_columns .= '</div>';
+ return $card_columns;
+ }
+
+ // Create a loop to call as many dashboard posts as you want (results are returned in sets of 20 per API rules)
+ // Can specify post type: text, chat, link, photo, audio, video, NULL
+ if (isset($_GET['type'])) {
+ $post_type = $_GET['type'];
+ } else {
+ $post_type = NULL;
+ }
+ if (isset($_GET['page'])) {
+ $page = $_GET['page'];
+ } else {
+ $page = 1;
+ }
+ $post_start = (($page - 1) * 20) + 1;
+ $limit = 20;
+ echo get_tagged_posts($client, $post_start, $limit, $post_type);
+
+ echo '</div></div></div>
+ <button class="btn-to-top" type="button" aria-label="Back to Top">
+ <svg id="icon-to-top" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 32 32"
+ aria-hidden="true">
+ <path d="M16 14L6 24 7.4 25.4 16 16.8 24.6 25.4 26 24zM4 8H28V10H4z"></path>
+ </svg>
+ </button>
+
+ <!-- JavaScript -->
+ <script src="https://unpkg.com/feather-icons"></script>
+ <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
+ <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
+ <script src="./assets/js/app.js"></script>
+ </body></html>';
+?>
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-09-15 02:07:35 +0000