Simplfified settings IA

davidmerfield · Nov 16, 2018 · 136c8a4 · 136c8a4
1 parent b5a1ae4
commit 136c8a4
Show file tree

Hide file tree

Showing 4 changed files with 96 additions and 57 deletions.
diff --git a/app/dashboard/views/settings/date.html b/app/dashboard/views/settings/date.html
diff --git a/app/dashboard/views/settings/index.html b/app/dashboard/views/settings/index.html
@@ -11,7 +11,7 @@
 {{/client}}
 
   <a class="line" href="/settings/title">
-    <span class="label">Title</span>
+    <span class="label">Profile</span>
     <span class="center">
 
 
@@ -42,7 +42,7 @@
             <span class="right">Edit</span>
 
   </a>
-
+<!-- 
   <a class="line" href="/settings/photo">
     <span class="label">Photo</span>
     <span class="center">
@@ -60,9 +60,9 @@
     </span>
       {{#blog.avatar}}
 {{/blog.avatar}}
-  </a>
+  </a> -->
 
-
+<!-- 
    <a class="line" href="/settings/date">
     <span class="label">Dates</span>
     <span class="center">
@@ -71,14 +71,21 @@
 </span>
     <span class="right">Edit</span>
 
-  </a>
-
+  </a> -->
+  <!-- 
   <a class="line" href="/settings/urls" >
     <span class="label">URLs</span>
     <span class="center">{{#permalinkFormats}}{{#checked}}{{example}}{{/checked}}{{/permalinkFormats}}</span>
     <span class="right">Edit</span>
-  </a>
+  </a> -->
+
 
+  <a class="line" href="/settings/services">
+    <span class="label">Services</span>
+    <span class="link">Import, export and other services
+</span>
+
+  </a>
 
 <a class="line" href="/settings/client/{{name}}" style="border-bottom:none">
     <span class="label">Client</span>

diff --git a/app/dashboard/views/settings/title.html b/app/dashboard/views/settings/title.html
@@ -1,3 +1,71 @@
 <label for="title">Title</label>
 <input type="hidden" name="redirect" value="/settings/title">
 <input type="text" autofocus name="title" value="{{blog.title}}">
+
+<label>
+      What is your timezone?<br />
+      <select name="timeZone" style="max-width:300px">
+        {{#timeZones}}
+          <option value="{{value}}" {{selected}}>{{time}} {{value}}</option>
+        {{/timeZones}}
+      </select>
+    </label>
+
+    <label>
+      How do you write your dates?<br />
+      <select name="dateFormat">
+        {{#dateFormats}}
+          <option value="{{value}}" {{selected}}>{{date}}</option>
+        {{/dateFormats}}
+      </select>
+    </label>
+
+
+
+  <a class="line" href="/settings/menu" style="margin:0 -20px">
+    <span class="label">Menu</span>
+    <span class="center">
+      {{#blog.menu}}<span class="tablet">{{label}}</span>{{/blog.menu}}
+
+    {{^blog.menu.length}}<i>Your menu is empty</i>{{/blog.menu.length}}
+    </span>
+    <span class="right" style="padding-left:0">Edit</span>
+  </a>
+
+
+<p>This photo can be used in your site’s theme and is used to generate your site’s favicon.</p>
+
+<input type="hidden" name="redirect" value="/settings/photo">
+
+<label>Photo</label>
+
+{{#blog.avatar}}
+<div style="float:left;margin-right:20px;border-right:1px solid rgba(0,0,0,0.03)">
+    <img style="max-width:82px;max-height:82px;float:left" src="{{blog.avatar}}" class="{{#blog.roundAvatar}}rounded{{/blog.roundAvatar}}" />
+
+  </div>
+
+<div style="float:left;">
+
+  <label style="margin-top:0">
+<input type='hidden' value='off' name='roundAvatar'>
+<input {{#blog.roundAvatar}}checked{{/blog.roundAvatar}} type="checkbox" name="roundAvatar"/> Make my photo rounded
+</label>
+
+      <button class="button small" name="avatar" value="" type="submit">Remove photo</button>
+
+</div>
+
+<div class="clear"></div><br>
+  {{/blog.avatar}}
+
+<section class="imageUpload" style="width:50%;float:left;">
+{{#blog.avatar}}
+  <span style="margin-top:0">Select new photo:</span>
+{{/blog.avatar}}
+  <input type='file' id="avatarUpload" name='avatar' />
+{{#blog.avatar}}
+{{/blog.avatar}}
+</section>
+
+<div class="clear"></div><br>
diff --git a/app/dashboard/views/theme/index.html b/app/dashboard/views/theme/index.html
@@ -61,24 +61,24 @@
     <b style="font-weight:500">{{blog.title}}</b> uses the <b style="font-weight:500">{{#templates}} {{#checked}}{{name}}{{/checked}}{{/templates}}</b> theme.</p>
 
 
-
-  <a class="line" href="/settings/menu" style="margin:0 -20px">
-    <span class="label">Menu</span>
-    <span class="center">
-      {{#blog.menu}}<span class="tablet">{{label}}</span>{{/blog.menu}}
+
+    <label>
+      How should the date appear on your blog?<br />
+      <select name="dateDisplay">
+        {{#displayFormats}}
+          <option value="{{value}}" {{selected}}>{{date}}</option>
+        {{/displayFormats}}
+      </select>
+    </label>
 
-    {{^blog.menu.length}}<i>Your menu is empty</i>{{/blog.menu.length}}
-    </span>
-    <span class="right" style="padding-left:0">Edit</span>
-  </a>
+    <label>
+      <input type='hidden' value='off' name='hideDates'>
+      <input type="checkbox" name="hideDates" {{#blog.hideDates}}checked{{/blog.hideDates}}/> Hide the publish date for your posts
+    </label>
 
 
-  <a class="line" href="/settings/services" style="margin:0 -20px">
-    <span class="label">Services</span>
-    <span class="link">Configure analytics and other services
-</span>
 
-  </a>
+
 
 
   <Br>