MMM-Memo - Add some memos on your page and manage them through HTTP request

roccodicarlo

I installed jarvis and have it sort of working but I am not sure how you convert numbers that are text (one, two, three) from the STT engine to integers for the phone number or memo item number etc. that must be included in the HTTP get quest

Ernst

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
Hmm I can’t post html code here

Does anyone know how?

sdetweil

@Ernst u have to have a space after every <

terrible,… no workaround

Ernst

@sdetweil
Alright another way :-)
link file

You can download it over there :face_with_stuck-out_tongue_winking_eye: