be able to add members just after creating a group

lduboeuf · Jan 5, 2017 · d186a4e · d186a4e
1 parent ba85fee
commit d186a4e
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 19 deletions.
diff --git a/scripts/spapp.js b/scripts/spapp.js
@@ -74,7 +74,7 @@
           url += ':' + param;
 
         if (location.hash=="" || location.hash!==url){
-          history.pushState(null, null, "#" + pageName);
+          history.pushState(null, null, url);
         }
       }
     }

diff --git a/scripts/team-add.js b/scripts/team-add.js
@@ -10,8 +10,8 @@ app.page("team-add", function()
     e.preventDefault();
     if ($nameInput.value.length>0){
 
-      remoteStorage.teams.store({ "name": $nameInput.value}).then(function(){
-        history.back();
+      remoteStorage.teams.store({ "name": $nameInput.value}).then(function(team){
+        app('team-list-details',team.id);
       });
 
 

diff --git a/scripts/team-member-add.js b/scripts/team-member-add.js
@@ -14,9 +14,6 @@ app.page("team-member-add", function()
         function(){
           history.back();
       });
-      //TeamRepository.addMember(selectedTeamId, { name: nameInput.value});
-
-
 
     }else {
       //handle error msg

diff --git a/styles/app.css b/styles/app.css
@@ -9,12 +9,21 @@ body {
 h2 { font-size: 1.10em; margin-top: 0;}
 h3 { font-size: 1em; }
 
+a {
+  text-decoration: none;
+}
+
 /* all sections are off by default */
 body > section {
-  margin: 1em;
+  margin:1em;
   display:none;
 }
 
+section > div {
+  width:50%;
+  margin:auto;
+}
+
 
 body.about           > section#about,
 body.home    > section#home,
@@ -52,14 +61,8 @@ body> header {
   top:0;
   width: 100%;
 }
-table td{
-  padding:0;
-}
 
-a {
-  text-decoration: none;
-  /*color: #4078c0;*/
-}
+
 header h2{
   display: inline-block;
 }
@@ -71,7 +74,6 @@ header h2{
 }
 
 body .brand {
-  /*float: left;*/
   padding: 14px 12px;
   text-align: left;
 }
@@ -145,6 +147,12 @@ ul.topnav li.icon {
     display: none;
   }
 
+  section > div {
+    width:100%;
+    margin:auto;
+  }
+
+
   #remotestorage-widget{
     right: 8px !important;
     top: 0px !important;
@@ -219,7 +227,7 @@ ul.topnav li.icon {
 
 /***forms***/
 
-#tool-build-teams,#tool-find-members, #tool-next-member   form{
+#tool-build-teams form ,#tool-find-members form, #tool-next-member  form{
   border: 1px solid #dbdbdb;
   border-radius: 4px;
   padding:8px;
@@ -241,7 +249,7 @@ ul.topnav li.icon {
   padding:8px;
   font-weight: 700;
   box-shadow: 1px 1px 0px #dbdbdb;
-  background-color: #727F9B;
+  background-color: #495A80;
   text-align: center;
 }
 
@@ -339,7 +347,8 @@ textarea{
 
 /*forms for mobiles*/
 @media screen and (max-width:680px) {
-  input[type=text], select, textarea, button, form {
+
+  input[type=text], select, textarea, button {
     width: 100%;
   }
   input[type="radio"] {
@@ -351,6 +360,7 @@ textarea{
   .actions {
     width:100%;
   }
+
 }
 
 

diff --git a/templates/tool-next-member.html b/templates/tool-next-member.html
@@ -9,7 +9,7 @@ <h2><a href="javascript:void(0);" onclick="history.back();" class="link-home">&#
       {{ for(var prop in it) { }}
         <option value="{{=it[prop].id}}">{{=it[prop].name}} ({{=it[prop].members.length}})</option>
       {{ } }}
-
+      <option value="-1">--all groups--</option>
     </select>
 
 </form>