valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

prefs: use Dijit stuff

This commit is contained in:
Andrew Dolgov 2010-11-16 15:56:48 +03:00
parent 0c425dc745
commit d62796de76
3 changed files with 76 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
prefs.js
View File

@ -1,5 +1,4 @@
var active_feed_cat = false; var active_feed_cat = false;
var active_tab = false;
var init_params = new Array(); var init_params = new Array();
@ -17,7 +16,7 @@ function feedlist_callback2(transport) {
try { try {
var container = $('prefContent'); var container = $('feedConfigTab');
container.innerHTML=transport.responseText; container.innerHTML=transport.responseText;
selectTab("feedConfig", true); selectTab("feedConfig", true);
@ -38,7 +37,7 @@ function feedlist_callback2(transport) {
} }
function filterlist_callback2(transport) { function filterlist_callback2(transport) {
var container = $('prefContent'); var container = $('filterConfigTab');
container.innerHTML=transport.responseText; container.innerHTML=transport.responseText;
notify(""); notify("");
remove_splash(); remove_splash();
@ -71,7 +70,7 @@ function labellist_callback2(transport) {
try { try {
var container = $('prefContent'); var container = $('labelConfigTab');
closeInfoBox(); closeInfoBox();
container.innerHTML=transport.responseText; container.innerHTML=transport.responseText;
@ -87,7 +86,7 @@ function labellist_callback2(transport) {
function userlist_callback2(transport) { function userlist_callback2(transport) {
try { try {
var container = $('prefContent'); var container = $('userConfigTab');
if (transport.readyState == 4) { if (transport.readyState == 4) {
container.innerHTML=transport.responseText; container.innerHTML=transport.responseText;
notify(""); notify("");
@ -100,7 +99,7 @@ function userlist_callback2(transport) {
function prefslist_callback2(transport) { function prefslist_callback2(transport) {
try { try {
var container = $('prefContent'); var container = $('genConfigTab');
container.innerHTML=transport.responseText; container.innerHTML=transport.responseText;
notify(""); notify("");
remove_splash(); remove_splash();
@ -1062,20 +1061,8 @@ function updatePrefsList() {
} }
function selectTab(id, noupdate, subop) { function selectTab(id, noupdate, subop) {
// alert(id);
if (!id) id = active_tab;
try { try {
try {
if (id != active_tab) {
var c = $('prefContent');
c.scrollTop = 0;
}
} catch (e) { };
if (!noupdate) { if (!noupdate) {
console.log("selectTab: " + id + "(NU: " + noupdate + ")"); console.log("selectTab: " + id + "(NU: " + noupdate + ")");
@ -1102,6 +1089,10 @@ function selectTab(id, noupdate, subop) {
} else if (id == "userConfig") { } else if (id == "userConfig") {
updateUsersList(); updateUsersList();
} }
var tab = dijit.byId(id + "Tab");
dijit.byId("pref-tabs").selectChild(tab);
} }
/* clean selection from all tabs */ /* clean selection from all tabs */
@ -1112,8 +1103,6 @@ function selectTab(id, noupdate, subop) {
$(id + "Tab").addClassName("Selected"); $(id + "Tab").addClassName("Selected");
active_tab = id;
} catch (e) { } catch (e) {
exception_error("selectTab", e); exception_error("selectTab", e);
} }
@ -1122,7 +1111,7 @@ function selectTab(id, noupdate, subop) {
function init_second_stage() { function init_second_stage() {
try { try {
active_tab = getInitParam("prefs_active_tab"); var active_tab = getInitParam("prefs_active_tab");
if (!$(active_tab+"Tab")) active_tab = "genConfig"; if (!$(active_tab+"Tab")) active_tab = "genConfig";
if (!active_tab || active_tab == '0') active_tab = "genConfig"; if (!active_tab || active_tab == '0') active_tab = "genConfig";
@ -1138,20 +1127,15 @@ function init_second_stage() {
caller_subop = caller_subop + ":" + getURLParam("subopparam"); caller_subop = caller_subop + ":" + getURLParam("subopparam");
} }
if (tab) { if (tab) active_tab = tab;
active_tab = tab;
}
if (navigator.userAgent.match("Opera")) {
setTimeout("selectTab()", 500);
} else {
selectTab(active_tab);
}
notify("");
loading_set_progress(60); loading_set_progress(60);
selectTab(active_tab, true);
notify("");
setTimeout("hotkey_prefix_timeout()", 5*1000); setTimeout("hotkey_prefix_timeout()", 5*1000);
remove_splash();
} catch (e) { } catch (e) {
exception_error("init_second_stage", e); exception_error("init_second_stage", e);
@ -1162,8 +1146,9 @@ function init() {
try { try {
//dojo.require("dijit.layout.BorderContainer"); dojo.require("dijit.layout.TabContainer");
//dojo.require("dijit.layout.ContentPane"); dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.Dialog"); dojo.require("dijit.Dialog");
dojo.require("dijit.form.Button"); dojo.require("dijit.form.Button");
//dojo.require("dojo.data.ItemFileReadStore"); //dojo.require("dojo.data.ItemFileReadStore");

63
prefs.php
View File

@ -61,6 +61,9 @@
</head> </head>
<div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
<div id="cmdline" style="display : none"></div>
<body id="ttrssPrefs" class="claro"> <body id="ttrssPrefs" class="claro">
<div id="overlay"> <div id="overlay">
@ -87,61 +90,51 @@
<img id="piggie" src="images/piggie.png" style="display : none" alt="piggie"/> <img id="piggie" src="images/piggie.png" style="display : none" alt="piggie"/>
<div id="prefHeader"> <div id="main" dojoType="dijit.layout.BorderContainer">
<div id="header" dojoType="dijit.layout.ContentPane" region="top">
<div class="topLinks"> <div class="topLinks">
<?php if (!SINGLE_USER_MODE) { ?> <?php if (!SINGLE_USER_MODE) { ?>
<?php echo __('Hello,') ?> <b><?php echo $_SESSION["name"] ?></b> | <?php echo __('Hello,') ?> <b><?php echo $_SESSION["name"] ?></b> |
<?php } ?> <?php } ?>
<a href="#" onclick="gotoMain()"><?php echo __('Exit preferences') ?></a> <a href="#" onclick="gotoMain()"><?php echo __('Exit preferences') ?></a> |
<a href='#' onclick="Effect.Appear('hotkey_help_overlay', {duration: 0.3})"><?php echo __("Keyboard shortcuts") ?></a>
<?php if (!SINGLE_USER_MODE) { ?> <?php if (!SINGLE_USER_MODE) { ?>
| <a href="logout.php"><?php echo __('Logout') ?></a> | <a href="logout.php"><?php echo __('Logout') ?></a>
<?php } ?> <?php } ?>
</div> </div>
<img src="<?php echo theme_image($link, 'images/ttrss_logo.png') ?>" alt="Tiny Tiny RSS"/> <img src="<?php echo theme_image($link, 'images/ttrss_logo.png') ?>" alt="Tiny Tiny RSS"/>
</div> </div>
<div id="prefTabs"> <div dojoType="dijit.layout.TabContainer" region="center" id="pref-tabs">
<div class='prefKbdHelp'> <div id="genConfigTab" dojoType="dijit.layout.ContentPane"
<img src="<?php echo theme_image($link, 'images/small_question.png') ?>" alt="?"/> <a href='#' onclick="Effect.Appear('hotkey_help_overlay', {duration: 0.3})"><?php echo __("Keyboard shortcuts") ?></a> href="backend.php?op=pref-prefs"
</div> title="<?php echo __('Preferences') ?>"></div>
<div id="feedConfigTab" dojoType="dijit.layout.ContentPane"
<div class="firstTab">&nbsp;</div> href="backend.php?op=pref-feeds"
title="<?php echo __('Feeds') ?>"></div>
<div id="genConfigTab" class="prefsTab" <div id="filterConfigTab" dojoType="dijit.layout.ContentPane"
onclick="selectTab('genConfig')"><?php echo __('Preferences') ?></div> href="backend.php?op=pref-filters"
<div id="feedConfigTab" class="prefsTab" title="<?php echo __('Filters') ?>"></div>
onclick="selectTab('feedConfig')"><?php echo __('Feeds') ?></div> <div id="labelConfigTab" dojoType="dijit.layout.ContentPane"
<div id="filterConfigTab" class="prefsTab" href="backend.php?op=pref-labels"
onclick="selectTab('filterConfig')"><?php echo __('Filters') ?></div> title="<?php echo __('Labels') ?>"></div>
<div id="labelConfigTab" class="prefsTab"
onclick="selectTab('labelConfig')"><?php echo __('Labels') ?></div>
<?php if ($_SESSION["access_level"] >= 10) { ?> <?php if ($_SESSION["access_level"] >= 10) { ?>
<div id="userConfigTab" class="prefsTab" <div id=userConfigTab" dojoType="dijit.layout.ContentPane"
onclick="selectTab('userConfig')"><?php echo __('Users') ?></div> href="backend.php?op=pref-users"
title="<?php echo __('Users') ?>"></div>
<?php } ?> <?php } ?>
</div> </div>
<div id="prefContentOuter"> <div id="footer" dojoType="dijit.layout.ContentPane" region="bottom">
<div id="prefContent">
<p><?php echo __('Loading, please wait...') ?></p>
<noscript>
<div class="error">
<?php echo __("Your browser doesn't support Javascript, which is required
for this application to function properly. Please check your
browser settings.") ?></div>
</noscript>
</div>
</div>
<div id="notify" class="notify"><span id="notify_body">&nbsp;</span></div>
<div id="cmdline" style="display : none"></div>
<div id="prefFooter">
<a href="http://tt-rss.org/">Tiny Tiny RSS</a> <a href="http://tt-rss.org/">Tiny Tiny RSS</a>
<?php if (!defined('HIDE_VERSION')) { ?> <?php if (!defined('HIDE_VERSION')) { ?>
v<?php echo VERSION ?> v<?php echo VERSION ?>
<?php } ?> <?php } ?>
&copy; 2005&ndash;<?php echo date('Y') ?> <a href="http://fakecake.org/">Andrew Dolgov</a> &copy; 2005&ndash;<?php echo date('Y') ?> <a href="http://fakecake.org/">Andrew Dolgov</a>
</div> <!-- footer -->
</div> </div>
<?php db_close($link); ?> <?php db_close($link); ?>

49
tt-rss.css
View File

@ -402,10 +402,7 @@ pre {
margin : 5px; margin : 5px;
} }
input.extSearch { /*
width : 100%;
}
div.firstTab { div.firstTab {
width : 10px; width : 10px;
float : left; float : left;
@ -456,7 +453,7 @@ div.prefsTab.Selected {
bottom : -1px; bottom : -1px;
z-index : 3; z-index : 3;
height : 30px; height : 30px;
} } */
div.notice { div.notice {
background : #ffffff; background : #ffffff;
@ -910,6 +907,14 @@ html, body#ttrssMain, #main {
margin: 0; margin: 0;
} }
html, body#ttrssPrefs, #main {
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
}
#toolbar div.actionChooser { #toolbar div.actionChooser {
display : table-cell; display : table-cell;
text-align : right; text-align : right;
@ -918,7 +923,7 @@ html, body#ttrssMain, #main {
/* preferences layout */ /* preferences layout */
#prefFooter { /* #prefFooter {
position : absolute; position : absolute;
bottom : 0px; bottom : 0px;
height : 20px; height : 20px;
@ -956,7 +961,7 @@ html, body#ttrssMain, #main {
font-size : 12px; font-size : 12px;
margin : 10px; margin : 10px;
height : 33px; height : 33px;
} } */
div.return { div.return {
float : right; float : right;
@ -972,7 +977,7 @@ div.return a:hover {
color : black; color : black;
} }
#prefContentOuter { /* #prefContentOuter {
clear : left; clear : left;
position : absolute; position : absolute;
bottom : 41px; bottom : 41px;
@ -998,8 +1003,7 @@ div.return a:hover {
right : 0px; right : 0px;
padding : 1em; padding : 1em;
overflow : auto; overflow : auto;
} */
}
div.topLinks img { div.topLinks img {
vertical-align : middle; vertical-align : middle;
@ -1197,16 +1201,6 @@ div#hotkey_help_overlay table.hho td.bottom {
font-size : 11px; font-size : 11px;
} }
div.prefKbdHelp {
float : right;
font-size : 12px;
margin-right : 15px;
}
div.prefKbdHelp img {
vertical-align : middle;
}
div#l_progress_o { div#l_progress_o {
width : 200px; width : 200px;
border : 1px solid black; border : 1px solid black;
@ -1488,7 +1482,7 @@ div.fatalError textarea {
#footer { #footer {
text-align : center; text-align : center;
color : gray; color : gray;
padding : 4px; padding : 4px 4px 8px 4px;
border-width : 0px; border-width : 0px;
} }
@ -1522,3 +1516,16 @@ div#feedlistLoading {
padding : 5px; padding : 5px;
color : gray; color : gray;
} }
div#pref-tabs .dijitContentPane {
font-size : 12px;
}
div#pref-tabs {
margin : 0px 5px 0px 5px;
}
div#pref-tabs .dijitContentPane h3 {
font-size : 14px;
font-weight : bold;
}