tazbug rev 24

User login on top right and search on all pages
author Christophe Lincoln <pankso@slitaz.org>
date Wed Apr 04 23:57:41 2012 +0200 (2012-04-04)
parents c76307401900
children 21dba452c589
files web/bugs.cgi web/images/avatar.png web/lib/header.html web/style.css
line diff
     1.1 --- a/web/bugs.cgi	Wed Apr 04 23:00:54 2012 +0200
     1.2 +++ b/web/bugs.cgi	Wed Apr 04 23:57:41 2012 +0200
     1.3 @@ -80,8 +80,7 @@
     1.4  		. $PEOPLE/$user/slitaz.conf
     1.5  		cat << EOT
     1.6  <div id="user">
     1.7 -$(get_gravatar $MAIL 20)
     1.8 -<a href="?user=$user">$user</a>
     1.9 +<a href="?user=$user">$(get_gravatar $MAIL 20)</a>
    1.10  <a href="?logout">Logout</a>
    1.11  </div>
    1.12  EOT
    1.13 @@ -95,6 +94,13 @@
    1.14  	fi
    1.15  	cat << EOT
    1.16  
    1.17 +<div id="search">
    1.18 +	<form method="get" action="./">
    1.19 +		<input type="text" name="search" placeholder="$(gettext "Search")" />
    1.20 +		<!-- <input type="submit" value="$(gettext "Search")" /> -->
    1.21 +	</form>
    1.22 +</div>
    1.23 +
    1.24  <!-- Content -->
    1.25  <div id="content">
    1.26  
    1.27 @@ -617,8 +623,11 @@
    1.28  </div>
    1.29  
    1.30  <p>
    1.31 -	Beta code! Please read the <a href="?README">README</a> for more 
    1.32 -	information. 
    1.33 +	Please read the <a href="?README">README</a> for help and more 
    1.34 +	information. You may also be interested by the SliTaz
    1.35 +	<a href="http://roadmap.slitaz.org/">Roadmap</a> and the packages 
    1.36 +	<a href="http://cook.slitaz.org/">Cooker</a>. To perform a search
    1.37 +	enter your term and press ENTER.
    1.38  </p>
    1.39  
    1.40  <div id="tools">
    1.41 @@ -628,10 +637,6 @@
    1.42  			echo "<a href='?newbug'>$(gettext "Create a new bug")</a>"
    1.43  		fi
    1.44  		cat << EOT
    1.45 -<form method="get" action="./">
    1.46 -	<input type="text" name="search" placeholder="$(gettext "Search")" />
    1.47 -	<!-- <input type="submit" value="$(gettext "Search")" /> -->
    1.48 -</form>
    1.49  </div>
    1.50  EOT
    1.51  		list_bugs OPEN
     2.1 Binary file web/images/avatar.png has changed
     3.1 --- a/web/lib/header.html	Wed Apr 04 23:00:54 2012 +0200
     3.2 +++ b/web/lib/header.html	Wed Apr 04 23:57:41 2012 +0200
     3.3 @@ -12,16 +12,14 @@
     3.4  <div id="header">
     3.5  	<div id="logo"></div>
     3.6  	<div id="network">
     3.7 -		<a href="http://www.slitaz.org/">
     3.8 -			<img src="images/home.png" alt="[ Home ]" /></a>
     3.9 +		<a href="http://www.slitaz.org/">Home
    3.10 +			<!-- <img src="images/home.png" alt="[ Home ]" /> --></a>
    3.11  		<a href="http://scn.slitaz.org/">Community</a>
    3.12  		<a href="http://doc.slitaz.org/">Doc</a>
    3.13  		<a href="http://forum.slitaz.org/">Forum</a>
    3.14  		<a href="http://slitaz.pro/">Pro</a>
    3.15  		<a href="http://shop.slitaz.org/">Shop</a>
    3.16  		<a href="http://hg.slitaz.org/">Hg</a>
    3.17 -		<a href="http://cook.slitaz.org/">Cook</a>
    3.18 -		<a href="http://roadmap.slitaz.org/">Roadmap</a>
    3.19  	</div>
    3.20  	<h1><a href="./">SliTaz Bugs</a></h1>
    3.21  </div>
     4.1 --- a/web/style.css	Wed Apr 04 23:00:54 2012 +0200
     4.2 +++ b/web/style.css	Wed Apr 04 23:57:41 2012 +0200
     4.3 @@ -35,7 +35,7 @@
     4.4  	font-style: italic;
     4.5  }
     4.6  
     4.7 -#header h1 a:hover, #network a:hover { 
     4.8 +#header h1 a:hover { 
     4.9  	color: #d66018;
    4.10  }
    4.11  
    4.12 @@ -43,17 +43,20 @@
    4.13  
    4.14  #network { 
    4.15  	float: right; 
    4.16 -	padding: 10px 5px 0; 
    4.17 +	padding: 12px 5px 0; 
    4.18  	font-size: 12px;
    4.19 +	margin-right: 100px;
    4.20  }
    4.21  
    4.22  #network a {
    4.23 -	padding: 0 6px;
    4.24 +	padding: 0 4px;
    4.25  	color: #fff; 
    4.26  	font-weight: bold;
    4.27  	text-decoration: none;
    4.28  }
    4.29  
    4.30 +#network a:hover, #user a:hover { color: #cfcfcf; }
    4.31 +
    4.32  /* Logo */
    4.33  
    4.34  #logo {
    4.35 @@ -66,13 +69,7 @@
    4.36  	height: 40px;
    4.37  }
    4.38  
    4.39 -/* Content */
    4.40 -
    4.41 -#content {
    4.42 -	margin: 40px auto;
    4.43 -	text-align: justify;
    4.44 -	max-width: 720px;
    4.45 -}
    4.46 +/* Login and user box */
    4.47  
    4.48  #login {
    4.49  	width: 240px;
    4.50 @@ -80,29 +77,51 @@
    4.51  	height: 120px;
    4.52  }
    4.53  
    4.54 -#login input[type="text"], #login input[type="password"],
    4.55 -#tools input[type="text"] { 
    4.56 -	width: 220px; padding: 3px; }
    4.57 -#tools input[type="submit"] { padding: 3px; }
    4.58 +#login input[type="text"], #login input[type="password"] { 
    4.59 +	width: 200px; }
    4.60 +
    4.61  #login input[type="submit"] { float: none; }
    4.62  
    4.63  #user {
    4.64 -	min-width: 180px;
    4.65 -	height: 20px;
    4.66 +	background-color: #3A2B22;
    4.67 +	padding: 4px;
    4.68 +	width: 84px;
    4.69  	float: right;
    4.70 +	font-size: 12px;
    4.71 +	position: absolute;
    4.72 +	right: 10px;
    4.73 +	top: 6px;
    4.74 +}
    4.75 +#user a { padding: 0 2px; color: #fff; 
    4.76 +	font-weight: bold; text-decoration: none; }
    4.77 +
    4.78 +#account-info { width: 340px; height: 120px; float: right; }
    4.79 +
    4.80 +/* Search */
    4.81 +
    4.82 +#search {
    4.83  	position: absolute;
    4.84  	right: 20px;
    4.85 -	top: 68px;
    4.86 +	top: 60px;
    4.87 +	
    4.88  }
    4.89 -#user a { padding: 0 4px; }
    4.90  
    4.91 -#account-info { width: 420px; height: 120px; float: right; }
    4.92 +#search input[type="text"] { width: 200px; }
    4.93 +
    4.94 +/* Content */
    4.95 +
    4.96 +#content {
    4.97 +	margin: 40px auto;
    4.98 +	padding: 0 20px;
    4.99 +	text-align: justify;
   4.100 +	max-width: 680px;
   4.101 +}
   4.102  
   4.103  #newbug textarea { width: 460px; }
   4.104  
   4.105  #edit textarea { width: 100%; height: 240px; }
   4.106  
   4.107 -.box, pre, #user, #login, #account-info {
   4.108 +.box, pre, #login, #account-info {
   4.109  	background-color: #f8f8f8;
   4.110  	border: 1px solid #ddd;
   4.111  	padding: 10px;
   4.112 @@ -169,6 +188,13 @@
   4.113  	background-repeat: no-repeat;
   4.114  }
   4.115  
   4.116 +#tools { 
   4.117 +	padding-top: 10px; 
   4.118 +	/*margin-top: 20px; 
   4.119 +	border-top: 1px dotted #ccc;
   4.120 +	position: fixed;
   4.121 +	bottom: 10px;*/
   4.122 +}
   4.123  #tools a { text-decoration: none; margin: 4px 6px 4px 0px; }
   4.124  
   4.125  /* Round corner */