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         <script src="<?php echo YOURLS_SITE; ?>/js/common.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  71         <script src="<?php echo YOURLS_SITE; ?>/js/jquery.notifybar.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  72         <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/style.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  73         <?php if ($tabs) { ?>\r
  74                 <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/infos.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  75                 <script src="<?php echo YOURLS_SITE; ?>/js/infos.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  76         <?php } ?>\r
  77         <?php if ($tablesorter) { ?>\r
  78                 <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/tablesorter.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  79                 <script src="<?php echo YOURLS_SITE; ?>/js/jquery.tablesorter.min.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  80         <?php } ?>\r
  81         <?php if ($insert) { ?>\r
  82                 <script src="<?php echo YOURLS_SITE; ?>/js/insert.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  83         <?php } ?>\r
  84         <?php if ($share) { ?>\r
  85                 <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/share.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  86                 <script src="<?php echo YOURLS_SITE; ?>/js/share.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  87                 <script src="<?php echo YOURLS_SITE; ?>/js/ZeroClipboard.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  88                 <script type="text/javascript">ZeroClipboard.setMoviePath( '<?php echo YOURLS_SITE; ?>/js/ZeroClipboard.swf' );</script>\r
  89         <?php } ?>\r
  90         <?php if ($cal) { ?>\r
  91                 <link rel="stylesheet" href="<?php echo YOURLS_SITE; ?>/css/cal.css?v=<?php echo YOURLS_VERSION; ?>" type="text/css" media="screen" />\r
  92                 <script src="<?php echo YOURLS_SITE; ?>/js/jquery.cal.js?v=<?php echo YOURLS_VERSION; ?>" type="text/javascript"></script>\r
  93         <?php } ?>\r
  94         <?php yourls_do_action( 'html_head', $context ); ?>\r
  95 </head>\r
  96 <body class="<?php echo $context; ?>">\r
  97 <div id="wrap">\r
  98         <?php\r
  99 }\r
 100 \r
 101 // Display HTML footer (including closing body & html tags)\r
 102 function yourls_html_footer() {\r
 103         global $ydb;\r
 104         \r
 105         $num_queries = $ydb->num_queries > 1 ? $ydb->num_queries.' queries' : $ydb->num_queries.' query';\r
 106         ?>\r
 107         </div> <?php // wrap ?>\r
 108         <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
 109         <?php if( defined('YOURLS_DEBUG') && YOURLS_DEBUG == true ) {\r
 110                 echo '<p>'. $ydb->all_queries .'<p>';\r
 111         } ?>\r
 112         <?php yourls_do_action( 'html_footer' ); ?>\r
 113         </body>\r
 114         </html>\r
 115         <?php\r
 116 }\r
 117 \r
 118 // Display "Add new URL" box\r
 119 function yourls_html_addnew( $url = '', $keyword = '' ) {\r
 120         $url = $url ? $url : 'http://';\r
 121         ?>\r
 122         <div id="new_url">\r
 123                 <div>\r
 124                         <form id="new_url_form" action="" method="get">\r
 125                                 <div><strong>Enter the URL</strong>:<input type="text" id="add-url" name="url" value="<?php echo $url; ?>" class="text" size="80" />\r
 126                                 Optional: <strong>Custom short URL</strong>:<input type="text" id="add-keyword" name="keyword" value="<?php echo $keyword; ?>" class="text" size="8" />\r
 127                                 <input type="button" id="add-button" name="add-button" value="Shorten The URL" class="button" onclick="add();" /></div>\r
 128                         </form>\r
 129                         <div id="feedback" style="display:none"></div>\r
 130                 </div>\r
 131                 <?php yourls_do_action( 'html_addnew' ); ?>\r
 132         </div>\r
 133         <?php \r
 134 }\r
 135 \r
 136 // Display main table's footer\r
 137 function yourls_html_tfooter( $params = array() ) {\r
 138         extract( $params ); // extract $search_text, $page, $search_in_sql ...\r
 139 \r
 140         ?>\r
 141         <tfoot>\r
 142                 <tr>\r
 143                         <th colspan="4" style="text-align: left;">\r
 144                                 <form action="" method="get">\r
 145                                         <div>\r
 146                                                 Search&nbsp;for&nbsp;\r
 147                                                 <input type="text" name="s_search" class="text" size="20" value="<?php echo $search_text; ?>" />\r
 148                                                 &nbsp;in&nbsp;\r
 149                                                 <select name="s_in" size="1">\r
 150                                                         <option value="keyword"<?php if($search_in_sql == 'keyword') { echo ' selected="selected"'; } ?>>Short URL</option>\r
 151                                                         <option value="url"<?php if($search_in_sql == 'url') { echo ' selected="selected"'; } ?>>URL</option>\r
 152                                                         <option value="ip"<?php if($search_in_sql == 'ip') { echo ' selected="selected"'; } ?>>IP</option>\r
 153                                                 </select>\r
 154                                                 &ndash;&nbsp;Order&nbsp;by&nbsp;\r
 155                                                 <select name="s_by" size="1">\r
 156                                                         <option value="id"<?php if($sort_by_sql == 'keyword') { echo ' selected="selected"'; } ?>>Short URL</option>\r
 157                                                         <option value="url"<?php if($sort_by_sql == 'url') { echo ' selected="selected"'; } ?>>URL</option>\r
 158                                                         <option value="timestamp"<?php if($sort_by_sql == 'timestamp') { echo ' selected="selected"'; } ?>>Date</option>\r
 159                                                         <option value="ip"<?php if($sort_by_sql == 'ip') { echo ' selected="selected"'; } ?>>IP</option>\r
 160                                                         <option value="clicks"<?php if($sort_by_sql == 'clicks') { echo ' selected="selected"'; } ?>>Clicks</option>\r
 161                                                 </select>\r
 162                                                 <select name="s_order" size="1">\r
 163                                                         <option value="asc"<?php if($sort_order_sql == 'asc') { echo ' selected="selected"'; } ?>>Ascending</option>\r
 164                                                         <option value="desc"<?php if($sort_order_sql == 'desc') { echo ' selected="selected"'; } ?>>Descending</option>\r
 165                                                 </select>\r
 166                                                 &ndash;&nbsp;Show&nbsp;\r
 167                                                 <input type="text" name="perpage" class="text" size="2" value="<?php echo $perpage; ?>" />&nbsp;rows<br/>\r
 168                                                 \r
 169                                                 Show links with\r
 170                                                 <select name="link_filter" size="1">\r
 171                                                         <option value="more"<?php if($link_filter === 'more') { echo ' selected="selected"'; } ?>>more</option>\r
 172                                                         <option value="less"<?php if($link_filter === 'less') { echo ' selected="selected"'; } ?>>less</option>\r
 173                                                 </select>\r
 174                                                 than\r
 175                                                 <input type="text" name="link_limit" class="text" size="4" value="<?php echo $link_limit; ?>" />clicks<br/>\r
 176                                                 \r
 177                                                 Show links created\r
 178                                                 <select name="date_filter" id="date_filter" size="1">\r
 179                                                         <option value="before"<?php if($date_filter === 'before') { echo ' selected="selected"'; } ?>>before</option>\r
 180                                                         <option value="after"<?php if($date_filter === 'after') { echo ' selected="selected"'; } ?>>after</option>\r
 181                                                         <option value="between"<?php if($date_filter === 'between') { echo ' selected="selected"'; } ?>> between</option>\r
 182                                                 </select>\r
 183                                                 <input type="text" name="date_first" id="date_first" class="text" size="12" value="<?php echo $date_first; ?>" />\r
 184                                                 <span id="date_and" <?php if($date_filter === 'between') { echo ' style="display:inline"'; } ?>> and </span>\r
 185                                                 <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
 186                                                 \r
 187                                                 <div style="float:right;">\r
 188                                                         <input type="submit" id="submit-sort" value="Filter" class="button primary" />\r
 189                                                         &nbsp;\r
 190                                                         <input type="button" id="submit-clear-filter" value="Clear Filter" class="button" onclick="window.parent.location.href = 'index.php'" />\r
 191                                                 </div>\r
 192 \r
 193                                                 \r
 194                                         </div>\r
 195                                 </form>\r
 196                         </th>\r
 197                         <th colspan="3" style="text-align: right;">\r
 198                                 Pages (<?php echo $total_pages; ?>):\r
 199                                 <?php\r
 200                                         if ($page >= 4) {\r
 201                                                 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
 202                                         }\r
 203                                         if($page > 1) {\r
 204                                                 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
 205                                         }\r
 206                                         for($i = $page - 2 ; $i  <= $page +2; $i++) {\r
 207                                                 if ($i >= 1 && $i <= $total_pages) {\r
 208                                                         if($i == $page) {\r
 209                                                                 echo "<strong>[$i]</strong> ";\r
 210                                                         } else {\r
 211                                                                 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
 212                                                         }\r
 213                                                 }\r
 214                                         }\r
 215                                         if($page < $total_pages) {\r
 216                                                 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
 217                                         }\r
 218                                         if (($page+2) < $total_pages) {\r
 219                                                 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
 220                                         }\r
 221                                 ?>\r
 222                         </th>\r
 223                 </tr>\r
 224                 <?php yourls_do_action( 'html_tfooter' ); ?>\r
 225         </tfoot>\r
 226         <?php\r
 227 }\r
 228 \r
 229 // Display the Quick Share box\r
 230 function yourls_share_box( $longurl, $shorturl, $title='', $text='', $shortlink_title = '<h2>Your short link</h2>', $share_title = '<h2>Quick Share</h2>', $hidden = false ) {\r
 231         $text = ( $text ? '"'.$text.'" ' : '' );\r
 232         $title = ( $title ? "$title " : '' );\r
 233         $share = htmlspecialchars_decode( $title.$text.$shorturl );\r
 234         $_share = rawurlencode( $share );\r
 235         $_url = rawurlencode( $shorturl );\r
 236         $count = 140 - strlen( $share );\r
 237         \r
 238         $hidden = ( $hidden ? 'style="display:none;"' : '' );\r
 239         ?>\r
 240         \r
 241         <div id="shareboxes" <?php echo $hidden; ?>>\r
 242 \r
 243                 <?php yourls_do_action( 'shareboxes_before' ); ?>\r
 244 \r
 245                 <div id="copybox" class="share">\r
 246                 <?php echo $shortlink_title; ?>\r
 247                         <p><input id="copylink" class="text" size="40" value="<?php echo $shorturl; ?>" /></p>\r
 248                         <p><small>Original link: <a id="origlink" href="<?php echo $longurl; ?>"><?php echo $longurl; ?></a></small>\r
 249                         <?php if( yourls_do_log_redirect() ) { ?>\r
 250                         <br/><small>Real time stats: <a id="statlink" href="<?php echo $shorturl; ?>+"><?php echo $shorturl; ?>+</a></small>\r
 251                         <?php } ?>\r
 252                         </p>\r
 253                 </div>\r
 254 \r
 255                 <?php yourls_do_action( 'shareboxes_middle' ); ?>\r
 256 \r
 257                 <div id="sharebox" class="share">\r
 258                         <?php echo $share_title; ?>\r
 259                         <div id="tweet">\r
 260                                 <span id="charcount"><?php echo $count; ?></span>\r
 261                                 <textarea id="tweet_body"><?php echo $share; ?></textarea>\r
 262                         </div>\r
 263                         <p id="share_links">Share with \r
 264                                 <a id="share_tw" href="http://twitter.com/home?status=<?php echo $_share; ?>" title="Tweet this!" onclick="share('tw');return false">Twitter</a>\r
 265                                 <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
 266                                 <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
 267                                 <?php\r
 268                                 yourls_do_action( 'share_links' , $longurl, $shorturl, $title, $text );\r
 269                                 ?>\r
 270                         </p>\r
 271                 </div>\r
 272                 \r
 273                 <?php yourls_do_action( 'shareboxes_after' ); ?>\r
 274         \r
 275         </div>\r
 276         \r
 277         <?php\r
 278 }\r
 279 \r
 280 \r
 281 // Die die die\r
 282 function yourls_die( $message = '', $title = '', $header_code = 200 ) {\r
 283         yourls_status_header( $header_code );\r
 284         \r
 285         yourls_html_head();\r
 286         yourls_html_logo();\r
 287         echo yourls_apply_filter( 'die_title', "<h2>$title</h2>" );\r
 288         echo yourls_apply_filter( 'die_message', "<p>$message</p>" );\r
 289         yourls_do_action( 'yourls_die' );\r
 290         yourls_html_footer();\r
 291         die();\r
 292 }\r
 293 \r
 294 // Echo HTML tag for a link\r
 295 function yourls_html_link( $href, $title = '', $element = '' ) {\r
 296         if( !$title )\r
 297                 $title = $href;\r
 298         if( $element )\r
 299                 $element = "id='$element'";\r
 300         echo "<a href='$href' $element>$title</a>";\r
 301 }\r
 302 \r
 303 // Display the login screen. Nothing past this point.\r
 304 function yourls_login_screen( $error_msg = '' ) {\r
 305         yourls_html_head( 'login' );\r
 306         \r
 307         $action = ( isset($_GET['mode']) && $_GET['mode'] == 'logout' ? '?' : '' );\r
 308 \r
 309         yourls_html_logo();\r
 310         ?>\r
 311         <div id="login">\r
 312                 <form method="post" action="<?php echo $action; ?>"> <?php // reset any QUERY parameters ?>\r
 313                         <?php\r
 314                                 if(!empty($error_msg)) {\r
 315                                         echo '<p class="error">'.$error_msg.'</p>';\r
 316                                 }\r
 317                         ?>\r
 318                         <p>\r
 319                                 <label for="username">Username</label><br />\r
 320                                 <input type="text" id="username" name="username" size="30" class="text" />\r
 321                         </p>\r
 322                         <p>\r
 323                                 <label for="password">Password</label><br />\r
 324                                 <input type="password" id="password" name="password" size="30" class="text" />\r
 325                         </p>\r
 326                         <p style="text-align: right;">\r
 327                                 <input type="submit" id="submit" name="submit" value="Login" class="button" />\r
 328                         </p>\r
 329                 </form>\r
 330                 <script type="text/javascript">$('#username').focus();</script>\r
 331         </div>\r
 332         <?php\r
 333         yourls_html_footer();\r
 334         die();\r
 335 }\r
 336 \r
 337 // Display the admin menu\r
 338 function yourls_html_menu() {\r
 339         ?>\r
 340         <ul id="admin_menu">\r
 341         <?php if ( yourls_is_private() ) { ?>\r
 342                 <li>Hello <strong><?php echo YOURLS_USER; ?></strong> (<a href="?mode=logout" title="Logout">Logout</a>)</li>\r
 343         <?php } ?>\r
 344                 <li><a href="<?php echo yourls_admin_url('index.php') ?>">Admin Interface</a></li>\r
 345                 <li><a href="<?php echo yourls_admin_url('tools.php'); ?>">Tools</a></li>\r
 346                 <li><a href="<?php echo yourls_admin_url('plugins.php'); ?>">Plugins</a></li>\r
 347                 <li><a href="<?php echo YOURLS_SITE; ?>/readme.html">Help</a></li>\r
 348                 <?php yourls_do_action( 'admin_menu' ); ?>\r
 349         </ul>\r
 350         <?php\r
 351         yourls_do_action( 'admin_notices' );\r
 352         yourls_do_action( 'admin_notice' );     // because I never remember if it's 'notices' or 'notice'\r
 353         /*\r
 354         To display a notice:\r
 355         $message = "<div>OMG, dude, I mean!</div>" );\r
 356         yourls_add_action('admin_notices', create_function( '', "echo '$message';" ) );\r
 357         */\r
 358 }\r
 359 \r
 360 // Wrapper to admin notices\r
 361 function yourls_add_notice( $message ) {\r
 362         $message = yourls_notice_box( $message );\r
 363         yourls_add_action('admin_notices', create_function( '', "echo '$message';" ) );\r
 364 }\r
 365 \r
 366 \r
 367 // Return a formatted notice\r
 368 function yourls_notice_box( $message ) {\r
 369         return <<<HTML\r
 370         <div class="notice">\r
 371         <p>$message</p>\r
 372         </div>\r
 373 HTML;\r
 374 }\r