Skip to content

Commit

Permalink
Removed dropdown menu
Browse files Browse the repository at this point in the history
  • Loading branch information
davidmerfield committed Mar 8, 2019
1 parent 44e7504 commit 3d5dc77
Show file tree
Hide file tree
Showing 7 changed files with 60 additions and 68 deletions.
18 changes: 13 additions & 5 deletions app/dashboard/index.js
Expand Up @@ -254,6 +254,18 @@ dashboard.use(require("./render"));


dashboard.use('/account', require("./routes/account")); dashboard.use('/account', require("./routes/account"));



dashboard.use(function(req, res, next){
res.locals.breadcrumbs = new Breadcrumbs();
res.locals.breadcrumbs.add("Your blogs", "/");
next();
});

dashboard.get("/", function(req, res, next){
res.render("index")
});


dashboard.use(debug("before loading folder state")); dashboard.use(debug("before loading folder state"));


// Load the files and folders inside a blog's folder // Load the files and folders inside a blog's folder
Expand Down Expand Up @@ -283,16 +295,12 @@ function Breadcrumbs() {
return list; return list;
} }


dashboard.use(function(req, res, next){
res.locals.breadcrumbs = new Breadcrumbs();
next();
});

dashboard.use(debug("after loading folder state")); dashboard.use(debug("after loading folder state"));




require("./routes/tools")(dashboard); require("./routes/tools")(dashboard);



dashboard.use(require("./routes/settings")); dashboard.use(require("./routes/settings"));




Expand Down
2 changes: 1 addition & 1 deletion app/dashboard/routes/account/switch-blog.js
Expand Up @@ -20,7 +20,7 @@ SwitchBlog.route("/")
if (err) return next(err); if (err) return next(err);
req.session.blogID = req.body.to; req.session.blogID = req.body.to;


res.redirect('/'); res.redirect('/settings');
}); });
}); });


Expand Down
90 changes: 41 additions & 49 deletions app/dashboard/routes/settings/index.js
Expand Up @@ -9,44 +9,18 @@ var Template = require("template");
var Blog = require("blog"); var Blog = require("blog");
var load = require("./load"); var load = require("./load");


settings.use(function(req, res, next){ settings.use(function(req, res, next) {
res.locals.selected = {settings: 'selected'}; res.locals.selected = { settings: "selected" };
next(); next();
}); });


settings.get("/settings", function(req, res, next) {
res.redirect("/");
});


settings.use(function(req, res, next) { settings.use(function(req, res, next) {

res.locals.breadcrumbs.add(req.blog.title, "/settings");
res.locals.breadcrumbs.add("Settings", "/settings");
res.locals.setup = !!req.query.setup; res.locals.setup = !!req.query.setup;


next(); next();
}); });



var index = settings.route("/");

index.get(
load.template,
debug("template loaded"),
load.menu,
debug("menu loaded"),
load.client,
debug("client loaded"),
load.dates,
debug("dates loaded"),
load.permalinkFormats,
debug("permalinks loaded"),
function(req, res) {
res.render("settings", { title: "Dashboard" });
}
);


settings settings
.route("/settings") .route("/settings")
.post( .post(
Expand All @@ -61,27 +35,46 @@ settings
save.removeTmpFiles, save.removeTmpFiles,
debug("removed any tmp files"), debug("removed any tmp files"),
save.finish save.finish
)
.get(
load.template,
debug("template loaded"),
load.menu,
debug("menu loaded"),
load.client,
debug("client loaded"),
load.dates,
debug("dates loaded"),
load.permalinkFormats,
debug("permalinks loaded"),
function(req, res) {
res.render("settings", { title: "Dashboard" });
}
); );




settings.get("/settings/urls", function(req, res, next) { settings.get("/settings/urls", function(req, res, next) {
res.locals.edit = !!req.query.edit; res.locals.edit = !!req.query.edit;
next(); next();
}); });


settings.get("/settings/profile", load.menu, load.timezones, load.dates, function(req, res, next){ settings.get(
res.locals.setup_title = true; "/settings/profile",
next(); load.menu,
}); load.timezones,
load.dates,
function(req, res, next) {
res.locals.setup_title = true;
next();
}
);


settings.get("/settings/menu", load.menu); settings.get("/settings/menu", load.menu);
settings.get("/settings/date", load.timezones, load.dates); settings.get("/settings/date", load.timezones, load.dates);
settings.get("/settings/services", load.plugins); settings.get("/settings/services", load.plugins);
settings.get("/settings/urls", load.permalinkFormats); settings.get("/settings/urls", load.permalinkFormats);


settings.use('/settings/urls/*', function(req, res, next){ settings.use("/settings/urls/*", function(req, res, next) {
res.locals.breadcrumbs.add('URLs', 'urls'); res.locals.breadcrumbs.add("URLs", "urls");
next(); next();
}); });


Expand All @@ -96,11 +89,10 @@ settings
require("./save/404") require("./save/404")
); );



settings.get("/settings/urls/redirects", load.redirects, function(req, res) {
settings.get('/settings/urls/redirects', load.redirects, function(req, res){ res.locals.breadcrumbs.add("Redirects", "redirects");
res.locals.breadcrumbs.add('Redirects', 'redirects'); res.locals.partials.subpage = "settings/redirects";
res.locals.partials.subpage = "settings/redirects"; res.render("settings/subpage", { title: "Redirects" });
res.render("settings/subpage", { title: 'Redirects' });
}); });


// Load the list of templates for this user // Load the list of templates for this user
Expand All @@ -110,31 +102,31 @@ settings.use("/settings/theme", load.theme, function(req, res, next) {
next(); next();
}); });


settings.use('/settings/client', require('./client')); settings.use("/settings/client", require("./client"));


settings settings
.route("/settings/theme") .route("/settings/theme")
.get(function(req, res) { .get(function(req, res) {
res.render("theme", {title: "Template"}); res.render("theme", { title: "Template" });
}) })
.post(require('./save/theme')); .post(require("./save/theme"));


settings settings
.route("/settings/theme/new") .route("/settings/theme/new")
.get(function(req, res) { .get(function(req, res) {
res.locals.breadcrumbs.add("New", "new"); res.locals.breadcrumbs.add("New", "new");
res.render("theme/new", {title: 'New template'}); res.render("theme/new", { title: "New template" });
}) })
.post(require('./save/newTheme')); .post(require("./save/newTheme"));


settings settings
.route("/settings/theme/past") .route("/settings/theme/past")
.all(load.pastTemplates) .all(load.pastTemplates)
.get(function(req, res) { .get(function(req, res) {
res.locals.breadcrumbs.add("Past", "past"); res.locals.breadcrumbs.add("Past", "past");
res.render("theme/past", {title: 'Past templates'}); res.render("theme/past", { title: "Past templates" });
}); });

settings.get("/settings/:view", function(req, res) { settings.get("/settings/:view", function(req, res) {
var uppercaseName = req.params.view; var uppercaseName = req.params.view;


Expand Down
3 changes: 0 additions & 3 deletions app/dashboard/views/css/site.css
Expand Up @@ -1274,10 +1274,7 @@ p.sub {
} }


.dropdown .menu { .dropdown .menu {
box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.05) 0px 3px 6px, rgba(15, 15, 15, 0.1) 0px 9px 24px;
z-index: 20; z-index: 20;
background: #fffcfa;
margin: 11px 0;
} }


.dropdown .menu button {text-align: left;} .dropdown .menu button {text-align: left;}
Expand Down
1 change: 1 addition & 0 deletions app/dashboard/views/index.html
@@ -0,0 +1 @@
{{> dropdown}}
10 changes: 3 additions & 7 deletions app/dashboard/views/partials/dropdown.html
@@ -1,18 +1,14 @@


<div class="dropdown closed"> <div class="dropdown">


{{#blogs}}{{#isCurrent}}
<a href="#!" class="opener nav-bar show" style="line-height:inherit;padding:11px 20px;">
{{#avatar}}<span class="photo-holder"><img src="{{avatar}}"></span>{{/avatar}}{{title}}{{! Show to blog's domain if the user has removed their title}}{{^title}}{{blog.pretty.url}}{{/title}}<img src="/images/dropdown.svg" width=8 style="margin-left:16px">
</a>
{{/isCurrent}}{{/blogs}}


{{! The opener link floats to the right so we need a clearfix}} {{! The opener link floats to the right so we need a clearfix}}
<div class="clear"></div> <div class="clear"></div>


<div class="menu"> <div class="menu">
{{#blogs}} {{#blogs}}
<form action="/account/switch-blog" method="POST" {{#isCurrent}}style="height:0;visibility:hidden"{{/isCurrent}}> <form action="/account/switch-blog" method="POST" >
<input type="hidden" name="_csrf" value="{{csrftoken}}"> <input type="hidden" name="_csrf" value="{{csrftoken}}">
<input type="hidden" name="to" value="{{id}}"> <input type="hidden" name="to" value="{{id}}">
<button type="submit" style="display:flex;line-height:inherit;padding:11px 30px 11px 20px;color:#111;font-weight:500"> <button type="submit" style="display:flex;line-height:inherit;padding:11px 30px 11px 20px;color:#111;font-weight:500">
Expand Down
4 changes: 1 addition & 3 deletions app/dashboard/views/partials/wrapper.html
Expand Up @@ -4,9 +4,7 @@


<div class="wrapper"> <div class="wrapper">


<div style="margin:0 40px 0 20px;display:flex;flex-direction:column">
{{> dropdown}}
</div>




<div style="flex-basis:50%;display:flex;flex-direction:column;margin:0 40px"> <div style="flex-basis:50%;display:flex;flex-direction:column;margin:0 40px">
Expand Down

0 comments on commit 3d5dc77

Please sign in to comment.