includes/functions-html.php

   1 <?php\r
   2 \r
   3 // Display <h1> header and logo\r
   4 function yourls_html_logo() {\r
   5         yourls_do_action( 'pre_html_logo' );\r
   6         ?>\r
   7         <h1>\r
   8                 <a href="<?php echo yourls_admin_url('index.php') ?>" title="YOURLS"><span>YOURLS</span>: <span>Y</span>our <span>O</span>wn <span>URL</span> <span>S</span>hortener<br/>\r
   9                 <img src="<?php echo YOURLS_SITE; ?>/images/yourls-logo.png" alt="YOURLS" title="YOURLS" border="0" style="border: 0px;" /></a>\r
  10         </h1>\r
  11         <?php\r
  12         yourls_do_action( 'html_logo' );\r
  13 }\r
  14 \r
  15 // Display HTML head and <body> tag\r
  16 function yourls_html_head( $context = 'index' ) {\r
  17         // All components to false, except when specified true\r
  18         $share = $insert = $tablesorter = $tabs = $cal = false;\r
  19         \r
  20         // Load components as needed\r
  21         switch ( $context ) {\r
  22                 case 'infos':\r
  23                         $share = $tabs = true;\r
  24                         break;\r
  25                         \r
  26                 case 'bookmark':\r
  27                         $share = $insert = $tablesorter = true;\r
  28                         break;\r
  29                         \r
  30                 case 'index':\r
  31                         $insert = $tablesorter = $cal = $share = true;\r
  32                         break;\r
  33                         \r
  34                 case 'plugins':\r
  35                 case 'tools':\r
  36                         $tablesorter = true;\r
  37                         break;\r
  38                 \r
  39                 case 'install':\r
  40                 case 'login':\r
  41                 case 'new':\r
  42                 case 'upgrade':\r
  43                         break;\r
  44         }\r
  45         \r
  46         // Force no cache for all admin pages\r
  47         if( yourls_is_admin() && !headers_sent() ) {\r
  48                 header( 'Expires: Thu, 23 Mar 1972 07:00:00 GMT' );\r
  49                 header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' );\r
  50                 header( 'Cache-Control: no-cache, must-revalidate, max-age=0' );\r
  51                 header( 'Pragma: no-cache' );\r
  52                 yourls_do_action( 'admin_headers' );\r
  53         }\r
  54         \r
  55         // Page title\r
  56         $title = yourls_apply_filter( 'html_title', 'YOURLS &raquo; Your Own URL Shortener | ' . YOURLS_SITE );\r
  57         \r
  58         ?>\r
  59 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
  60 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\r
  61 <head>\r
  62         <title><?php echo $title ?></title>\r
  63         <link rel="icon" type="image/gif" href="<?php echo YOURLS_SITE; ?>/images/favicon.gif" />\r
  64         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
  65         <meta http-equiv="X-UA-Compatible" content="chrome=1" />\r
  66         <meta name="author" content="Ozh RICHARD & Lester CHAN for http://yourls.org/" />\r
  67         <meta name="generator" content="YOURLS <?php echo YOURLS_VERSION ?>" />\r
  68         <meta name="description" content="Insert URL &laquo; YOURLS &raquo; Your Own URL Shortener' | <?php echo YOURLS_SITE; ?>" />\r
  69         <script src="<?php echo YOURLS_SITE; ?>/js/jquery-1.3.2.min.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  70         <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/style.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  71         <?php if ($tabs) { ?>\r
  72                 <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/infos.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  73                 <script src="<?php echo YOURLS_SITE; ?>/js/infos.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  74         <?php } ?>\r
  75         <?php if ($tablesorter) { ?>\r
  76                 <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/tablesorter.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  77                 <script src="<?php echo YOURLS_SITE; ?>/js/jquery.tablesorter.min.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  78         <?php } ?>\r
  79         <?php if ($insert) { ?>\r
  80                 <script src="<?php echo YOURLS_SITE; ?>/js/insert.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  81         <?php } ?>\r
  82         <?php if ($share) { ?>\r
  83                 <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/share.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  84                 <script src="<?php echo YOURLS_SITE; ?>/js/share.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  85                 <script src="<?php echo YOURLS_SITE; ?>/js/ZeroClipboard.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  86                 <script type="text/javascript">ZeroClipboard.setMoviePath( '<?php echo YOURLS_SITE; ?>/js/ZeroClipboard.swf' );</script>\r
  87         <?php } ?>\r
  88         <?php if ($cal) { ?>\r
  89                 <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/cal.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  90                 <script src="<?php echo YOURLS_SITE; ?>/js/jquery.cal.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  91         <?php } ?>\r
  92         <?php yourls_do_action( 'html_head', $context ); ?>\r
  93 </head>\r
  94 <body class="<?php echo $context; ?>">\r
  95 <div id="wrap">\r
  96         <?php\r
  97 }\r
  98 \r
  99 // Display HTML footer (including closing body & html tags)\r
 100 function yourls_html_footer() {\r
 101         global $ydb;\r
 102         \r
 103         $num_queries = $ydb->num_queries > 1 ? $ydb->num_queries.' queries' : $ydb->num_queries.' query';\r
 104         ?>\r
 105         </div> <?php // wrap ?>\r
 106         <div id="footer"><p>Powered by <a href="http://yourls.org/" title="YOURLS">YOURLS</a> v<?php echo YOURLS_VERSION; echo ' &ndash; '.$num_queries; ?></p></div>\r
 107         <?php if( defined('YOURLS_DEBUG') && YOURLS_DEBUG == true ) {\r
 108                 echo '<p>'. $ydb->all_queries .'<p>';\r
 109         } ?>\r
 110         <?php yourls_do_action( 'html_footer' ); ?>\r
 111         </body>\r
 112         </html>\r
 113         <?php\r
 114 }\r
 115 \r
 116 // Display "Add new URL" box\r
 117 function yourls_html_addnew( $url = '', $keyword = '' ) {\r
 118         $url = $url ? $url : 'http://';\r
 119         ?>\r
 120         <div id="new_url">\r
 121                 <div>\r
 122                         <form id="new_url_form" action="" method="get">\r
 123                                 <div><strong>Enter the URL</strong>:<input type="text" id="add-url" name="url" value="<?php echo $url; ?>" class="text" size="80" />\r
 124                                 Optional: <strong>Custom short URL</strong>:<input type="text" id="add-keyword" name="keyword" value="<?php echo $keyword; ?>" class="text" size="8" />\r
 125                                 <input type="button" id="add-button" name="add-button" value="Shorten The URL" class="button" onclick="add();" /></div>\r
 126                         </form>\r
 127                         <div id="feedback" style="display:none"></div>\r
 128                 </div>\r
 129                 <?php yourls_do_action( 'html_addnew' ); ?>\r
 130         </div>\r
 131         <?php \r
 132 }\r
 133 \r
 134 // Display main table's footer\r
 135 function yourls_html_tfooter( $params = array() ) {\r
 136         extract( $params ); // extract $search_text, $page, $search_in_sql ...\r
 137 \r
 138         ?>\r
 139         <tfoot>\r
 140                 <tr>\r
 141                         <th colspan="4" style="text-align: left;">\r
 142                                 <form action="" method="get">\r
 143                                         <div>\r
 144                                                 Search&nbsp;for&nbsp;\r
 145                                                 <input type="text" name="s_search" class="text" size="20" value="<?php echo $search_text; ?>" />\r
 146                                                 &nbsp;in&nbsp;\r
 147                                                 <select name="s_in" size="1">\r
 148                                                         <option value="keyword"<?php if($search_in_sql == 'keyword') { echo ' selected="selected"'; } ?>>Short URL</option>\r
 149                                                         <option value="url"<?php if($search_in_sql == 'url') { echo ' selected="selected"'; } ?>>URL</option>\r
 150                                                         <option value="ip"<?php if($search_in_sql == 'ip') { echo ' selected="selected"'; } ?>>IP</option>\r
 151                                                 </select>\r
 152                                                 &ndash;&nbsp;Order&nbsp;by&nbsp;\r
 153                                                 <select name="s_by" size="1">\r
 154                                                         <option value="id"<?php if($sort_by_sql == 'keyword') { echo ' selected="selected"'; } ?>>Short URL</option>\r
 155                                                         <option value="url"<?php if($sort_by_sql == 'url') { echo ' selected="selected"'; } ?>>URL</option>\r
 156                                                         <option value="timestamp"<?php if($sort_by_sql == 'timestamp') { echo ' selected="selected"'; } ?>>Date</option>\r
 157                                                         <option value="ip"<?php if($sort_by_sql == 'ip') { echo ' selected="selected"'; } ?>>IP</option>\r
 158                                                         <option value="clicks"<?php if($sort_by_sql == 'clicks') { echo ' selected="selected"'; } ?>>Clicks</option>\r
 159                                                 </select>\r
 160                                                 <select name="s_order" size="1">\r
 161                                                         <option value="asc"<?php if($sort_order_sql == 'asc') { echo ' selected="selected"'; } ?>>Ascending</option>\r
 162                                                         <option value="desc"<?php if($sort_order_sql == 'desc') { echo ' selected="selected"'; } ?>>Descending</option>\r
 163                                                 </select>\r
 164                                                 &ndash;&nbsp;Show&nbsp;\r
 165                                                 <input type="text" name="perpage" class="text" size="2" value="<?php echo $perpage; ?>" />&nbsp;rows<br/>\r
 166                                                 \r
 167                                                 Show links with\r
 168                                                 <select name="link_filter" size="1">\r
 169                                                         <option value="more"<?php if($link_filter === 'more') { echo ' selected="selected"'; } ?>>more</option>\r
 170                                                         <option value="less"<?php if($link_filter === 'less') { echo ' selected="selected"'; } ?>>less</option>\r
 171                                                 </select>\r
 172                                                 than\r
 173                                                 <input type="text" name="link_limit" class="text" size="4" value="<?php echo $link_limit; ?>" />clicks<br/>\r
 174                                                 \r
 175                                                 Show links created\r
 176                                                 <select name="date_filter" id="date_filter" size="1">\r
 177                                                         <option value="before"<?php if($date_filter === 'before') { echo ' selected="selected"'; } ?>>before</option>\r
 178                                                         <option value="after"<?php if($date_filter === 'after') { echo ' selected="selected"'; } ?>>after</option>\r
 179                                                         <option value="between"<?php if($date_filter === 'between') { echo ' selected="selected"'; } ?>> between</option>\r
 180                                                 </select>\r
 181                                                 <input type="text" name="date_first" id="date_first" class="text" size="12" value="<?php echo $date_first; ?>" />\r
 182                                                 <span id="date_and" <?php if($date_filter === 'between') { echo ' style="display:inline"'; } ?>> and </span>\r
 183                                                 <input type="text" name="date_second" id="date_second" class="text" size="12" value="<?php echo $date_second; ?>" <?php if($date_filter === 'between') { echo ' style="display:inline"'; } ?>/>\r
 184                                                 \r
 185                                                 <div style="float:right;">\r
 186                                                         <input type="submit" id="submit-sort" value="Filter" class="button primary" />\r
 187                                                         &nbsp;\r
 188                                                         <input type="button" id="submit-clear-filter" value="Clear Filter" class="button" onclick="window.parent.location.href = 'index.php'" />\r
 189                                                 </div>\r
 190 \r
 191                                                 \r
 192                                         </div>\r
 193                                 </form>\r
 194                         </th>\r
 195                         <th colspan="3" style="text-align: right;">\r
 196                                 Pages (<?php echo $total_pages; ?>):\r
 197                                 <?php\r
 198                                         if ($page >= 4) {\r
 199                                                 echo '<b><a href="'.$base_page.'?s_by='.$sort_by_sql.'&amp;s_order='.$sort_order_sql.$search_url.'&amp;perpage='.$perpage.'&amp;page=1'.'" title="Go to First Page">&laquo; First</a></b> ... ';\r
 200                                         }\r
 201                                         if($page > 1) {\r
 202                                                 echo ' <b><a href="'.$base_page.'?s_by='.$sort_by_sql.'&amp;s_order='.$sort_order_sql.$search_url.'&amp;perpage='.$perpage.'&amp;page='.($page-1).'" title="&laquo; Go to Page '.($page-1).'">&laquo;</a></b> ';\r
 203                                         }\r
 204                                         for($i = $page - 2 ; $i  <= $page +2; $i++) {\r
 205                                                 if ($i >= 1 && $i <= $total_pages) {\r
 206                                                         if($i == $page) {\r
 207                                                                 echo "<strong>[$i]</strong> ";\r
 208                                                         } else {\r
 209                                                                 echo '<a href="'.$base_page.'?s_by='.$sort_by_sql.'&amp;s_order='.$sort_order_sql.$search_url.'&amp;perpage='.$perpage.'&amp;page='.($i).'" title="Page '.$i.'">'.$i.'</a> ';\r
 210                                                         }\r
 211                                                 }\r
 212                                         }\r
 213                                         if($page < $total_pages) {\r
 214                                                 echo ' <b><a href="'.$base_page.'?s_by='.$sort_by_sql.'&amp;s_order='.$sort_order_sql.$search_url.'&amp;perpage='.$perpage.'&amp;page='.($page+1).'" title="Go to Page '.($page+1).' &raquo;">&raquo;</a></b> ';\r
 215                                         }\r
 216                                         if (($page+2) < $total_pages) {\r
 217                                                 echo ' ... <b><a href="'.$base_page.'?s_by='.$sort_by_sql.'&amp;s_order='.$sort_order_sql.$search_url.'&amp;perpage='.$perpage.'&amp;page='.($total_pages).'" title="Go to Last Page">Last &raquo;</a></b>';\r
 218                                         }\r
 219                                 ?>\r
 220                         </th>\r
 221                 </tr>\r
 222                 <?php yourls_do_action( 'html_tfooter' ); ?>\r
 223         </tfoot>\r
 224         <?php\r
 225 }\r
 226 \r
 227 // Display the Quick Share box\r
 228 function yourls_share_box( $longurl, $shorturl, $title='', $text='', $shortlink_title = '<h2>Your short link</h2>', $share_title = '<h2>Quick Share</h2>', $hidden = false ) {\r
 229         $text = ( $text ? '"'.$text.'" ' : '' );\r
 230         $title = ( $title ? "$title " : '' );\r
 231         $share = htmlspecialchars_decode( $title.$text.$shorturl );\r
 232         $_share = rawurlencode( $share );\r
 233         $_url = rawurlencode( $shorturl );\r
 234         $count = 140 - strlen( $share );\r
 235         \r
 236         $hidden = ( $hidden ? 'style="display:none;"' : '' );\r
 237         ?>\r
 238         \r
 239         <div id="shareboxes" <?php echo $hidden; ?>>\r
 240 \r
 241                 <?php yourls_do_action( 'shareboxes_before' ); ?>\r
 242 \r
 243                 <div id="copybox" class="share">\r
 244                 <?php echo $shortlink_title; ?>\r
 245                         <p><input id="copylink" class="text" size="40" value="<?php echo $shorturl; ?>" /></p>\r
 246                         <p><small>Original link: <a id="origlink" href="<?php echo $longurl; ?>"><?php echo $longurl; ?></a></small>\r
 247                         <?php if( yourls_do_log_redirect() ) { ?>\r
 248                         <br/><small>Real time stats: <a id="statlink" href="<?php echo $shorturl; ?>+"><?php echo $shorturl; ?>+</a></small>\r
 249                         <?php } ?>\r
 250                         </p>\r
 251                 </div>\r
 252 \r
 253                 <?php yourls_do_action( 'shareboxes_middle' ); ?>\r
 254 \r
 255                 <div id="sharebox" class="share">\r
 256                         <?php echo $share_title; ?>\r
 257                         <div id="tweet">\r
 258                                 <span id="charcount"><?php echo $count; ?></span>\r
 259                                 <textarea id="tweet_body"><?php echo $share; ?></textarea>\r
 260                         </div>\r
 261                         <p id="share_links">Share with \r
 262                                 <a id="share_tw" href="http://twitter.com/home?status=<?php echo $_share; ?>" title="Tweet this!" onclick="share('tw');return false">Twitter</a>\r
 263                                 <a id="share_fb" href="http://www.facebook.com/share.php?u=<?php echo $_url; ?>" title="Share on Facebook" onclick="share('fb');return false;">Facebook</a>\r
 264                                 <a id="share_ff" href="http://friendfeed.com/share/bookmarklet/frame#title=<?php echo $_share; ?>" title="Share on Friendfeed" onclick="javascript:share('ff');return false;">FriendFeed</a>\r
 265                                 <?php\r
 266                                 yourls_do_action( 'share_links' , $longurl, $shorturl, $title, $text );\r
 267                                 ?>\r
 268                         </p>\r
 269                 </div>\r
 270                 \r
 271                 <?php yourls_do_action( 'shareboxes_after' ); ?>\r
 272         \r
 273         </div>\r
 274         \r
 275         <?php\r
 276 }\r
 277 \r
 278 \r
 279 // Die die die\r
 280 function yourls_die( $message = '', $title = '', $header_code = 200 ) {\r
 281         yourls_status_header( $header_code );\r
 282         \r
 283         yourls_html_head();\r
 284         yourls_html_logo();\r
 285         echo yourls_apply_filter( 'die_title', "<h2>$title</h2>" );\r
 286         echo yourls_apply_filter( 'die_message', "<p>$message</p>" );\r
 287         yourls_do_action( 'yourls_die' );\r
 288         yourls_html_footer();\r
 289         die();\r
 290 }\r
 291 \r
 292 // Echo HTML tag for a link\r
 293 function yourls_html_link( $href, $title = '', $element = '' ) {\r
 294         if( !$title )\r
 295                 $title = $href;\r
 296         if( $element )\r
 297                 $element = "id='$element'";\r
 298         echo "<a href='$href' $element>$title</a>";\r
 299 }\r
 300 \r
 301 // Display the login screen. Nothing past this point.\r
 302 function yourls_login_screen( $error_msg = '' ) {\r
 303         yourls_html_head( 'login' );\r
 304         \r
 305         $action = ( isset($_GET['mode']) && $_GET['mode'] == 'logout' ? '?' : '' );\r
 306 \r
 307         yourls_html_logo();\r
 308         ?>\r
 309         <div id="login">\r
 310                 <form method="post" action="<?php echo $action; ?>"> <?php // reset any QUERY parameters ?>\r
 311                         <?php\r
 312                                 if(!empty($error_msg)) {\r
 313                                         echo '<p class="error">'.$error_msg.'</p>';\r
 314                                 }\r
 315                         ?>\r
 316                         <p>\r
 317                                 <label for="username">Username</label><br />\r
 318                                 <input type="text" id="username" name="username" size="30" class="text" />\r
 319                         </p>\r
 320                         <p>\r
 321                                 <label for="password">Password</label><br />\r
 322                                 <input type="password" id="password" name="password" size="30" class="text" />\r
 323                         </p>\r
 324                         <p style="text-align: right;">\r
 325                                 <input type="submit" id="submit" name="submit" value="Login" class="button" />\r
 326                         </p>\r
 327                 </form>\r
 328                 <script type="text/javascript">$('#username').focus();</script>\r
 329         </div>\r
 330         <?php\r
 331         yourls_html_footer();\r
 332         die();\r
 333 }\r
 334 \r
 335 // Display the admin menu\r
 336 function yourls_html_menu() {\r
 337         ?>\r
 338         <ul id="admin_menu">\r
 339         <?php if ( yourls_is_private() ) { ?>\r
 340                 <li>Hello <strong><?php echo YOURLS_USER; ?></strong> (<a href="?mode=logout" title="Logout">Logout</a>)</li>\r
 341         <?php } ?>\r
 342                 <li><a href="<?php echo yourls_admin_url('index.php') ?>">Admin Interface</a></li>\r
 343                 <li><a href="<?php echo yourls_admin_url('tools.php'); ?>">Tools</a></li>\r
 344                 <li><a href="<?php echo yourls_admin_url('plugins.php'); ?>">Plugins</a></li>\r
 345                 <li><a href="<?php echo YOURLS_SITE; ?>/readme.html">Help</a></li>\r
 346                 <?php yourls_do_action( 'admin_menu' ); ?>\r
 347         </ul>\r
 348         <?php\r
 349         yourls_do_action( 'admin_notices' );\r
 350         yourls_do_action( 'admin_notice' );     // because I never remember if it's 'notices' or 'notice'\r
 351         /*\r
 352         To display a notice:\r
 353         $message = "<div>OMG, dude, I mean!</div>" );\r
 354         yourls_add_action('admin_notices', create_function( '', "echo '$message';" ) );\r
 355         */\r
 356 }\r
 357 \r
 358 // Wrapper to admin notices\r
 359 function yourls_add_notice( $message ) {\r
 360         $message = yourls_notice_box( $message );\r
 361         yourls_add_action('admin_notices', create_function( '', "echo '$message';" ) );\r
 362 }\r
 363 \r
 364 \r
 365 // Return a formatted notice\r
 366 function yourls_notice_box( $message ) {\r
 367         return <<<HTML\r
 368         <div class="notice">\r
 369         <p>$message</p>\r
 370         </div>\r
 371 HTML;\r
 372 }\r