Changeset 156


Ignore:
Timestamp:
03/26/11 22:51:32 (11 years ago)
Author:
BegemoT
Message:

UI

Location:
AutoFocus/war
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • AutoFocus/war/autofocus.html

    r154 r156  
    22<head> 
    33 
    4     <meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" /> 
     4        <meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" /> 
    55 
    6     <script type = "text/javascript" src = "js/jquery/jquery.js"></script> 
     6        <script type = "text/javascript" src = "js/jquery/jquery.js"></script> 
    77 
    8     <script type = "text/javascript" src = "js/jquery/jquery.keyboard.js"></script> 
    9     <script type = "text/javascript" src = "js/jquery/jquery.scrollTo-1.4.2.js"></script> 
    10     <script type = "text/javascript" src = "js/jquery/ui/jquery-ui-1.8.10.custom.min.js "></script> 
     8        <script type = "text/javascript" src = "js/jquery/jquery.keyboard.js"></script> 
     9        <script type = "text/javascript" 
     10                src = "js/jquery/jquery.scrollTo-1.4.2.js"></script> 
     11        <script type = "text/javascript" 
     12                src = "js/jquery/ui/jquery-ui-1.8.10.custom.min.js "></script> 
    1113 
    12     <script type = "text/javascript" src = "js/dateformat-1.2.js"></script> 
    13     <script type = "text/javascript" src = "js/underscore.js"></script> 
     14        <script type = "text/javascript" src = "js/dateformat-1.2.js"></script> 
     15        <script type = "text/javascript" src = "js/underscore.js"></script> 
    1416 
    15     <script type = "text/javascript" src = "js/autofocus.model.js"></script> 
    16     <script type = "text/javascript" src = "js/autofocus.ui.js"></script> 
     17        <script type = "text/javascript" src = "js/autofocus.model.js"></script> 
     18        <script type = "text/javascript" src = "js/autofocus.ui.js"></script> 
    1719 
    18     <link type = "text/css" rel = "stylesheet" href = "css/reset.css" /> 
    19     <link type = "text/css" rel = "stylesheet" href = "css/main.css" /> 
    20     <link type = "text/css" rel = "stylesheet" 
    21           href = "css/jquery-ui-lightness/jquery-ui-1.8.10.custom.css" /> 
     20        <link type = "text/css" rel = "stylesheet" href = "css/reset.css" /> 
     21        <link type = "text/css" rel = "stylesheet" 
     22              href = "css/jquery-ui-lightness/jquery-ui-1.8.10.custom.css" /> 
     23        <link type = "text/css" rel = "stylesheet" href = "css/main.css" /> 
    2224 
    23     <title>AutoFocus GTD</title> 
     25        <title>AutoFocus GTD</title> 
    2426</head> 
    2527<body> 
    2628 
    27     <div id = "left-sidebar"> 
    28         <div id = "header"> 
    29             <h1> 
    30                 AutoFocus 
    31             </h1> 
    32             <a href = "http://ifiremember.blogspot.com/search/label/autofocus">more about</a> 
    33         </div> 
    34         <ul id = "main-menu"> 
    35             <li> 
    36                 <a class = "control" href = "javascript:UI.clear()">clear</a> 
    37             </li> 
    38             <li> 
    39                 <a class = "control" href = "javascript:UI.import()">import</a> 
    40             </li> 
    41             <li> 
    42                 <a class = "control" href = "javascript:UI.export()">export</a> 
    43             </li> 
    44         </ul> 
    45         <ul id = "tags"> 
     29<div id = "left-sidebar"> 
     30        <div id = "header"> 
     31                <h1> 
     32                        AutoFocus 
     33                </h1> 
     34                <a href = "http://ifiremember.blogspot.com/search/label/autofocus">more 
     35                        about</a> 
     36        </div> 
     37        <ul id = "main-menu"> 
     38                <li> 
     39                        <a class = "control" href = "javascript:UI.clear()">clear</a> 
     40                </li> 
     41                <li> 
     42                        <a class = "control" href = "javascript:UI.import()">import</a> 
     43                </li> 
     44                <li> 
     45                        <a class = "control" href = "javascript:UI.export()">export</a> 
     46                </li> 
     47        </ul> 
     48        <ul id = "tags"> 
    4649 
    47         </ul> 
    48     </div> 
    49     <div id = "content"> 
    50         <ol id = "full-size"> 
    51         </ol> 
     50        </ul> 
     51</div> 
     52<div id = "content"> 
     53        <ol id = "full-size"> 
     54        </ol> 
    5255 
    53         <div id = "new-item-panel" tabindex = "-1"> 
    54             <textarea id = "new-task" 
    55                       title = "Write new task here" 
    56                       placeholder = "Write new task here"></textarea> 
    57         </div> 
    58     </div> 
     56        <div id = "new-item-panel" tabindex = "-1"> 
     57                <textarea id = "new-task" 
     58                          title = "Write new task here" 
     59                          placeholder = "Write new task here"></textarea> 
     60        </div> 
     61</div> 
    5962 
    60     <div id = "right-sidebar"> 
    61         <ol id = "thumbnails"> 
    62         </ol> 
    63     </div> 
     63<div id = "right-sidebar"> 
     64        <ol id = "thumbnails"> 
     65        </ol> 
     66</div> 
    6467 
    65     <div id = "import-dialog"> 
    66         <textarea placeholder = "Enter text or json and press Ctrl+Enter"></textarea> 
    67     </div> 
     68<div id = "import-dialog"> 
     69        <textarea placeholder = "Enter text or json and press Ctrl+Enter"></textarea> 
     70        <span>Tags:</span> 
     71        <input type = "text" value = "" placeholder = "Enter tags (comma-separated)" /> 
     72</div> 
    6873 
    69     <div id = "export-dialog"> 
    70         <textarea></textarea> 
    71     </div> 
    72     <div id = "progressbar"></div> 
     74<div id = "export-dialog"> 
     75        <textarea readonly></textarea> 
     76</div> 
     77<div id = "progressbar"></div> 
    7378</body> 
    7479</html> 
  • AutoFocus/war/css/main.css

    r155 r156  
    8080    width       : 12em; 
    8181    height      : 85%; 
     82 
     83 
     84        margin      : 0; 
    8285 
    8386        overflow-x  : auto; 
     
    424427#import-dialog{ 
    425428    display:none; 
     429 
     430        width   : 70em; 
     431        height  : 20em; 
    426432} 
    427433 
     
    431437} 
    432438 
     439#import-dialog span{ 
     440        clear   : both; 
     441} 
     442 
     443 
     444#import-dialog input{ 
     445        width   : 100%; 
     446} 
     447 
     448 
     449 
    433450#export-dialog{ 
    434451    display:none; 
     
    437454#export-dialog textarea{ 
    438455    width   : 100%; 
    439     height  : 65%; 
    440 } 
     456    height  : 100%; 
     457} 
     458 
     459 
    441460 
    442461#progressbar{ 
     
    450469        height  : 1em; 
    451470} 
     471 
     472/*=========== jquery UI fixes */ 
     473 
     474.ui-dialog .ui-dialog-buttonpane{ 
     475        padding : 0.5em 1em; 
     476 
     477} 
     478 
     479.ui-dialog .ui-dialog-buttonpane button{ 
     480        margin: 0 0 0 0.5em; 
     481} 
  • AutoFocus/war/js/autofocus.ui.js

    r155 r156  
    505505    /**import task list from text, pasted from clipboard*/ 
    506506    this.import    = function (){ 
    507         function importAndClose(){ 
     507        function importAndClose(clear){ 
    508508            var inputEl = $("#import-dialog textarea"); 
    509509            var text = inputEl.val(); 
    510510            try{ 
    511                 Model.clear(); 
     511                    if(clear){ 
     512                    Model.clear(); 
     513                    } 
    512514 
    513515                importFromText( Model, text ); 
     
    525527        $("#import-dialog").dialog({ 
    526528            modal   : true, 
    527             title   : "Import data:", 
     529            title   : "Import items", 
    528530            show    : "slide", 
    529531 
     
    533535 
    534536            buttons : { 
    535                 "Clear & Import":importAndClose, 
    536                 "Cancel":function(){ 
    537                     $( this ).dialog("close"); 
    538                 } 
     537                    "Import":function(){importAndClose(false); }, 
     538                    "Clear & Import":function(){importAndClose(true); }, 
     539                "Cancel":function(){ $( this ).dialog("close"); } 
    539540            } 
    540541        }); 
     
    554555        $("#export-dialog").dialog({ 
    555556            modal   : true, 
    556             title   : "Export data", 
     557            title   : "Export", 
    557558            show    : "slide", 
     559            hide    : "slide", 
    558560 
    559561            position: "center", 
     
    564566                        inputEl.focus();     
    565567                        inputEl.select(); 
    566                 }, 
    567             buttons : { 
    568                 "Close":function(){ 
    569                     $( this ).dialog("close"); 
    570                 } 
    571             } 
     568                } 
    572569        }); 
    573570    } 
Note: See TracChangeset for help on using the changeset viewer.