Ernst

Ernst · Sep 27, 2020, 10:37 AM

@sdetweil
Alright another way :-)
link file

You can download it over there :face_with_stuck-out_tongue_winking_eye:

Ernst · Sep 26, 2020, 1:14 PM

@Ernst
Hmm I can’t post html code here

Does anyone know how?

Ernst · Sep 26, 2020, 1:10 PM

Hello

Maybe it is off use to anyone

I made a html offline document on my phone to add and remove items from memo’s.
It is not super clean but it is an start :face_with_stuck-out_tongue_winking_eye:

alt text


<!--
http://192.168.178.23:8080/AddMemo?memoTitle=TODO&item=LED%20Driver&level=INFO
http://192.168.178.23:8080/RemoveMemo?memoTitle=TODO&item=1


<a href="//192.168.178.23:8080/RemoveMemo?memoTitle=TODO&item=1"><button type="submit">Item 1</button>
-->
<html>
  <head>
    <title>Smart mirror form</title>

    <style>
      
      body, div, form, input, select, p { 
      font-family: Roboto, Arial, sans-serif;
      font-size: 14px;
      color: #666;
      }
      h1 {
      margin: 0;
      font-weight: 400;
      }
      h3 {
      margin: 12px 0;
      color: #8ebf42;
      }
      .main-block {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff;
      }
      form {
      width: 80%;
      padding: 20px;
      }
      fieldset {
      border: 1px solid #8ebf42;
      
      }
     
      label {
      padding: 0 5px;
      text-align: right;
      vertical-align: middle;
      }
      input {
      padding: 5px;
      vertical-align: middle;
      }
      .checkbox {
      margin-bottom: 10px;
      }
      
      select {
      background: transparent;
	  width: 100px;
      }
     
      .checkbox input, .children input {
      width: auto;
      margin: -2px 10px 0 0;
      }
      .checkbox a {
      color: #8ebf42;
      }
      .checkbox a:hover {
      color: #82b534;
      }
      button {
      width: 75px;
      padding: 10px 0;
      margin: 10px auto;
      border-radius: 5px; 
      border: none;
      background: #8ebf42; 
      font-size: 14px;
      font-weight: 600;
      color: #fff;
      }
      button:hover {
      background: #82b534;
      }
     
      label {
      width: 40%;
      }
      input {
      width: 100px;
      }
	  .center {
		margin-left: auto;
		margin-right: auto;
		}
		table {
			width: 80%;
			border: 1px solid black;
			}
     
      }
    </style>
  </head>
  <body>
  <center>
    <div class="main-block">
	<!-- http://192.168.178.23:8080/?name=niks  
	
	http://192.168.178.23:8080/AddMemo?memoTitle=TODO&item=LED%20Driver&level=INFO
	-->
    <form action="http://192.168.178.23:8080/AddMemo" method="get">
      <h1>Smart mirror</h1>
	  
      <fieldset>      
        <legend>
          <h3>Add/Remove item</h3>
        </legend>           
        <fieldset>
        <br>
         
        <!--<input type="hidden" name="memoTitle" value="ToDo"> -->
		<label>Add item</label><input type="text" name="item" required>
		
		<select name="memoTitle" >
		        <option value="" disabled selected hidden> Lijst Name</option>
                <option value="ToDo">ToDo</option>
                <option value="Test">Test</option>
        </select>
		
		
		<input type="hidden" name="level" value="INFO">
       

      . <button type="submit" href="/">Add</button>
	  </form>
	  
	  </fieldset>
	  <fieldset>
    <form action="http://192.168.178.23:8080/RemoveMemo" method="get">
	
	<!--<input type="hidden" name="memoTitle" value="ToDo"> -->
	<label>Remove Item</label>  
	<select name="memoTitle" >
		        <option value="" disabled selected hidden> Lijst Name</option>
                <option value="ToDo">ToDo</option>
                <option value="Test">Test</option>
        </select>

              <select name="item" >
			  
                <option value="" disabled selected hidden> Lijst Nr</option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">5</option>
                <option value="5">5</option>
                <option value="6">6</option>
              </select>
     .        <button type="submit" href="/">Remove</button>
	</form>
	<!--<a href="http://192.168.178.23:8080/RemoveMemo?memoTitle=TODO&item=1"><button type="button">Item 1</button> -->
  </div>

code_text

Ernst

@Ernst

Latest posts made by Ernst