reqireq memcache

techwebb · Apr 6, 2019 · 2477860 · 2477860
1 parent 3ea7431
commit 2477860
Show file tree

Hide file tree

Showing 5 changed files with 123 additions and 123 deletions.
diff --git a/api/Controller.php b/api/Controller.php
@@ -5,7 +5,7 @@ class Controller{
   function __construct(){ }
 
   public function getOne($request, $id){
-    $_SESSION['tes'] = $id;
+    $_SESSION['test'] = $id;
     echo "getting one $id";
   }
   public function getAll($request){

diff --git a/api/index.php b/api/index.php
@@ -25,6 +25,7 @@
     header('Content-Type: application/json');
     http_response_code(200);
     echo json_encode($response);
+    var_dump($_SESSION);
     exit;
   }
 }

diff --git a/composer.json b/composer.json
@@ -1,7 +1,7 @@
 {
   "require": {
     "php": "^7.2",
-    "vlucas/phpdotenv": "^3.3"
+    "ext-memcached": "*"
   },
   "autoload": {
     "psr-4": {

diff --git a/index.html b/index.html
@@ -8,126 +8,7 @@
   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
   <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <style>
-    body{
-      font-family: Verdana, Geneva, Tahoma, sans-serif;
-      margin:0; 
-      padding:0;
-      overflow-x: hidden;
-    }
-    #app{
-      width:100vw; 
-      height:100vh; 
-      display:grid; 
-      grid-template-columns: 1fr 40rem 1fr; 
-      grid-template-rows:5rem 1fr;
-    }
-    #layout-add{
-      grid-row:1/2; 
-      grid-column:2/3; 
-      align-self: center;
-      justify-self: center;
-    }
-    #layout-list{
-      grid-row:2/3; 
-      grid-column:2/3; 
-      display:flex; 
-      flex-direction: column; 
-      align-items: center; 
-      justify-content: flex-start;
-      align-items: flex-start;
-    }
-    .newItemInput{
-      border: thin solid grey;
-      border-radius: 7px 0 0 7px;
-      padding: 2px 5px;
-      outline: none;
-      line-height: 1.4rem;
-      font-size: 1rem;
-      width: 25rem;
-    }
-    .newItemButton{
-      background-color: #7d9;
-      border: thin solid green;
-      border-radius: 0 7px 7px 0;
-      padding: 2px 5px;
-      position: relative;
-      left: -7px;
-      outline: none;
-      color: black;
-      cursor: pointer;
-      font-weight: bold;
-      font-size: 1rem;
-      line-height: 1.4rem;
-    }
-    .newItemButton:hover{
-      background-color: #9eb;
-    }
-    .newItemButton:active{
-      background-color: white;
-      color: limegreen;
-    }
-    .todoItem{
-      width:20rem;
-      border-radius:3px;
-      border: thin solid grey;
-      background-color:skyblue;
-
-      display: grid;
-      grid-template-columns: 1fr 1rem;
-      transition: grid-template-columns 0.8s;
-      margin: 1rem;
-    }
-    .todoItem:hover, .todoItem:focus{
-      grid-template-columns: 1fr 2rem;
-      width: 21rem;
-    }
-    .todoItemText{
-      grid-column: 1/2;
-
-    }
-    .todoItemActions{
-      background-color: rgba(0,0,0,0.4);
-      color:white;
-      font-weight: bold;
-      grid-column: 2/3;
-      text-align:center;
-    }
-    /* .todoItemDelete{
-      grid-column: 1/2;
-      grid-row: 2/3;
-    } */
-    .todoItemCheck{
-      cursor: pointer;
-    }
-    .todoItemDone{
-      text-decoration: line-through;
-    }
-    .editTodoTextInput{
-      background-color: rgba(255,255,255,0.1);
-      font-size: 1.1rem;
-      border:none;
-      border-bottom: thin solid grey;
-      outline: none;
-    }
-    .deleteWarn{
-      color:tomato;
-    }
-    .material-icons{
-      user-select: none
-    }
-    @media only screen and (min-width: 1000px) {
-      #app{
-        grid-template-columns: 1fr 48rem 1fr; 
-      }
-      #layout-list {
-        flex-direction: row;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        align-content: start;
-      }
-    }
-  </style>
+  <link href="main.css" rel="stylesheet">
 </head>
 <body>
   <div id="app">
@@ -140,7 +21,7 @@
   </div>
   <script src="components.js"></script>
   <script>
-    const axios = require('axios');
+    // const axios = require('axios');
 
     const app = new Vue({
       el: '#app',

diff --git a/main.css b/main.css
@@ -0,0 +1,118 @@
+body{
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  margin:0; 
+  padding:0;
+  overflow-x: hidden;
+}
+#app{
+  width:100vw; 
+  height:100vh; 
+  display:grid; 
+  grid-template-columns: 1fr 40rem 1fr; 
+  grid-template-rows:5rem 1fr;
+}
+#layout-add{
+  grid-row:1/2; 
+  grid-column:2/3; 
+  align-self: center;
+  justify-self: center;
+}
+#layout-list{
+  grid-row:2/3; 
+  grid-column:2/3; 
+  display:flex; 
+  flex-direction: column; 
+  align-items: center; 
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.newItemInput{
+  border: thin solid grey;
+  border-radius: 7px 0 0 7px;
+  padding: 2px 5px;
+  outline: none;
+  line-height: 1.4rem;
+  font-size: 1rem;
+  width: 25rem;
+}
+.newItemButton{
+  background-color: #7d9;
+  border: thin solid green;
+  border-radius: 0 7px 7px 0;
+  padding: 2px 5px;
+  position: relative;
+  left: -7px;
+  outline: none;
+  color: black;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 1rem;
+  line-height: 1.4rem;
+}
+.newItemButton:hover{
+  background-color: #9eb;
+}
+.newItemButton:active{
+  background-color: white;
+  color: limegreen;
+}
+.todoItem{
+  width:20rem;
+  border-radius:3px;
+  border: thin solid grey;
+  background-color:skyblue;
+
+  display: grid;
+  grid-template-columns: 1fr 1rem;
+  transition: grid-template-columns 0.8s;
+  margin: 1rem;
+}
+.todoItem:hover, .todoItem:focus{
+  grid-template-columns: 1fr 2rem;
+  width: 21rem;
+}
+.todoItemText{
+  grid-column: 1/2;
+
+}
+.todoItemActions{
+  background-color: rgba(0,0,0,0.4);
+  color:white;
+  font-weight: bold;
+  grid-column: 2/3;
+  text-align:center;
+}
+/* .todoItemDelete{
+  grid-column: 1/2;
+  grid-row: 2/3;
+} */
+.todoItemCheck{
+  cursor: pointer;
+}
+.todoItemDone{
+  text-decoration: line-through;
+}
+.editTodoTextInput{
+  background-color: rgba(255,255,255,0.1);
+  font-size: 1.1rem;
+  border:none;
+  border-bottom: thin solid grey;
+  outline: none;
+}
+.deleteWarn{
+  color:tomato;
+}
+.material-icons{
+  user-select: none
+}
+@media only screen and (min-width: 1000px) {
+  #app{
+    grid-template-columns: 1fr 48rem 1fr; 
+  }
+  #layout-list {
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-content: start;
+  }
+}