http://www.mediawiki.org/wiki/Special:Code/MediaWiki/97685

Revision: 97685
Author:   tparscal
Date:     2011-09-20 23:47:20 +0000 (Tue, 20 Sep 2011)
Log Message:
-----------
Added initial html and css that UI will be built from.

Added Paths:
-----------
    trunk/extensions/FeedbackDashboard/
    trunk/extensions/FeedbackDashboard/modules/
    trunk/extensions/FeedbackDashboard/modules/images/
    trunk/extensions/FeedbackDashboard/modules/images/button-gray.png
    trunk/extensions/FeedbackDashboard/modules/images/button-white.png
    trunk/extensions/FeedbackDashboard/modules/images/emoticon-confused.png
    trunk/extensions/FeedbackDashboard/modules/images/emoticon-happy.png
    trunk/extensions/FeedbackDashboard/modules/images/emoticon-sad.png
    trunk/extensions/FeedbackDashboard/modules/images/filter-confusion.png
    trunk/extensions/FeedbackDashboard/modules/images/filter-issues.png
    trunk/extensions/FeedbackDashboard/modules/images/filter-praise.png
    trunk/extensions/FeedbackDashboard/modules/images/page-more.png
    trunk/extensions/FeedbackDashboard/modules/templates/
    trunk/extensions/FeedbackDashboard/modules/templates/page.css
    trunk/extensions/FeedbackDashboard/modules/templates/page.html

Added: trunk/extensions/FeedbackDashboard/modules/images/button-gray.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/button-gray.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/images/button-white.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/button-white.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/images/emoticon-confused.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/emoticon-confused.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/images/emoticon-happy.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/emoticon-happy.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/images/emoticon-sad.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/emoticon-sad.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/images/filter-confusion.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/filter-confusion.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/images/filter-issues.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/filter-issues.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/images/filter-praise.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/filter-praise.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/images/page-more.png
===================================================================
(Binary files differ)


Property changes on: 
trunk/extensions/FeedbackDashboard/modules/images/page-more.png
___________________________________________________________________
Added: svn:mime-type
   + application/octet-stream

Added: trunk/extensions/FeedbackDashboard/modules/templates/page.css
===================================================================
--- trunk/extensions/FeedbackDashboard/modules/templates/page.css               
                (rev 0)
+++ trunk/extensions/FeedbackDashboard/modules/templates/page.css       
2011-09-20 23:47:20 UTC (rev 97685)
@@ -0,0 +1,174 @@
+/* MediaWiki-ish stuff */
+
+body {
+       font-size: 1em;
+       font-family: sans-serif;
+       margin: 0;
+       padding: 0;
+}
+#content {
+       font-size: 0.8em;
+       line-height: 1.5em;
+       margin: 0;
+       padding: 1em;
+}
+a {
+       text-decoration: none;
+}
+
+/* Filters */
+
+#fbd-filters {
+       position: absolute;
+       width: 12em;
+}
+
+#fbd-filters form {
+       margin: 0;
+       padding: 1em;
+       background-color: #e8f2f8;
+}
+
+#fbd-about {
+       display: inline-block;
+       font-size: 0.8em;
+       margin-top: 0.5em;
+}
+
+#fbd-filters-title {
+       font-size: 1.2em;
+       margin: 0;
+       padding: 0;
+       border-bottom: solid 1px black;
+}
+
+#fbd-filters-types {
+       margin: 0.5em 0 0 0;
+       padding: 0;
+       border: none;
+}
+
+.fbd-filters-label {
+       display: block;
+       margin: 0.5em 0 0 0;
+       padding: 0;
+       font-weight: bold;
+}
+
+.fbd-filters-input {
+       margin: 0.25em 0 0.25em 0.75em;
+       width: 10em;
+}
+
+#fbd-filters-types ul {
+       margin: 0;
+       padding: 0;
+       list-style: none;
+}
+
+#fbd-filters-types li {
+       margin: 0 0 0 0.75em;
+       padding: 0;
+       list-style: none;
+}
+
+#fbd-filters-types label {
+       padding-left: 18px;
+       background-position: left 45%;
+       background-repeat: no-repeat;
+}
+
+#fbd-filters-type-praise-label {
+       background-image: url(../images/filter-praise.png)
+}
+
+#fbd-filters-type-confusion-label {
+       background-image: url(../images/filter-confusion.png)
+}
+
+#fbd-filters-type-issues-label {
+       background-image: url(../images/filter-issues.png)
+}
+
+#fbd-filters-set {
+       margin: 1em 0 0 0;
+}
+
+/* List */
+
+#fbd-list {
+       margin: 0 0 0 13em;
+       padding: 0;
+       list-style: none;
+}
+
+#fbd-list-more {
+       margin: 1em 0 0 13em;
+       padding: 0.5em;
+       background-color: #e8f2f8;
+       text-align: center;
+}
+
+#fbd-list-more a {
+       font-size: 1.4em;
+       padding-left: 20px;
+       background-image: url(../images/page-more.png);
+       background-position: left center;
+       background-repeat: no-repeat;
+}
+
+.fbd-item {
+       border-bottom: solid 1px silver;
+       position: relative;
+}
+
+.fbd-item-emoticon {
+       float: left;
+       margin-right: 0.5em;
+       width: 75px;
+       height: 90px;
+       background-position: center top;
+       background-repeat: no-repeat;
+}
+
+.fbd-item-emoticon-label {
+       display: block;
+       margin-top: 60px;
+       text-align: center;
+}
+
+.fbd-item-emoticon-happy {
+       background-image: url(../images/emoticon-happy.png);
+}
+.fbd-item-emoticon-confused {
+       background-image: url(../images/emoticon-confused.png);
+}
+.fbd-item-emoticon-sad {
+       background-image: url(../images/emoticon-sad.png);
+}
+
+.fbd-item-userName {
+       font-size: 1.2em;
+       margin: 0;
+       padding: 0;
+}
+
+.fbd-item-userLinks {
+       font-size: 0.5em;
+}
+
+.fbd-item-time {
+       font-size: 1.2em;
+       float: right;
+       font-weight: bold;
+}
+
+.fbd-item-message {
+       font-size: 1.4em;
+       margin-top: 0.25em;
+}
+
+.fbd-item-permalink {
+       float: right;
+       font-size: 0.8em;
+}

Added: trunk/extensions/FeedbackDashboard/modules/templates/page.html
===================================================================
--- trunk/extensions/FeedbackDashboard/modules/templates/page.html              
                (rev 0)
+++ trunk/extensions/FeedbackDashboard/modules/templates/page.html      
2011-09-20 23:47:20 UTC (rev 97685)
@@ -0,0 +1,62 @@
+<html>
+       <head>
+               <title>Page Template</title>
+               <link rel="stylesheet" href="page.css" />
+       </head>
+       <body>
+               <div id="content">
+                       <!-- FBD Code -->
+                       <div id="fbd-filters">
+                               <form>
+                                       <h3 id="fbd-filters-title">Filters</h3>
+                                       <fieldset id="fbd-filters-types">
+                                               <legend 
class="fbd-filters-label">Type:</legend>
+                                               <ul>
+                                                       <li>
+                                                               <input 
type="checkbox" id="fbd-filters-type-praise">
+                                                               <label 
for="fbd-filters-type-praise" id="fbd-filters-type-praise-label">Praise</label>
+                                                       </li>
+                                                       <li>
+                                                               <input 
type="checkbox" id="fbd-filters-type-confusion">
+                                                               <label 
for="fbd-filters-type-confusion" 
id="fbd-filters-type-confusion-label">Confusion</label>
+                                                       </li>
+                                                       <li>
+                                                               <input 
type="checkbox" id="fbd-filters-type-issues">
+                                                               <label 
for="fbd-filters-type-issues" id="fbd-filters-type-issues-label">Issues</label>
+                                                       </li>
+                                               </ul>
+                                       </fieldset>
+                                       <label for="fbd-filters-keyword" 
class="fbd-filters-label">Keyword</label>
+                                       <input type="text" 
id="fbd-filters-keyword" class="fbd-filters-input" />
+                                       <label for="fbd-filters-username" 
class="fbd-filters-label">Username</label>
+                                       <input type="text" 
id="fbd-filters-username" class="fbd-filters-input" />
+                                       <button type="submit" 
id="fbd-filters-set">Set filters</button>
+                               </form>
+                               <a href="#" id="fbd-about">What is this 
feature?</a>
+                       </div>
+                       <ul id="fbd-list">
+                               <!-- Repeat for each item -->
+                               <li class="fbd-item">
+                                       <div class="fbd-item-emoticon 
fbd-item-emoticon-happy">
+                                               <span 
class="fbd-item-emoticon-label">Happy</span>
+                                       </div>
+                                       <div class="fbd-item-time">2 minutes 
ago</div>
+                                       <h3 class="fbd-item-userName">
+                                               <a href="#">Kaldari</a>
+                                               <sup class="fbd-item-userLinks">
+                                                       <a href="#">talk</a> - 
<a href="#">contribs</a> - <a href="#">wikilove</a>
+                                               </sup>
+                                       </h3>
+                                       <div class="fbd-item-message">Lorem 
ipsum dolor sit amet, consectetur adipisicing edivt, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua.</div>
+                                       <div class="fbd-item-permalink">(<a 
href="#">link to this</a>)</div>
+                                       <div style="clear:both"></div>
+                               </li>
+                               <!-- /Repeat for each item -->
+                       </ul>
+                       <div id="fbd-list-more">
+                               <a href="#">More</a>
+                       </div>
+                       <!-- /FBD Code -->
+               </div>
+       </body>
+</html>


_______________________________________________
MediaWiki-CVS mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-cvs

Reply via email to