Skip to content

D
domotikad
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.php 9.91 KB
Newer Older
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
1 2 3 
<?
include_once("common_includes.php");
nextime's avatar
gxv3175 gmi interface adapted to the user_gui_panels structure
a302bbb1
 
nextime committed
4 
$DEFPANELS = array();
nextime's avatar
Better panel_selector with any than dmdomain with content *
47ea9e75
 
nextime committed
5 6 7 8 9 10 
$DEFPANELS[]=array('panel_title'=>'grandstream_left','panel_websections'=>'_grandstream_left','panel_type'=>'gxv3175_left',
      'panel_content'=>'','panel_selector'=>'any')+$PANELDEFAULTS;
$DEFPANELS[]=array('panel_title'=>'grandstream_center','panel_websections'=>'_grandstream_center','panel_type'=>'gxv3175_center',
      'panel_content'=>'','panel_selector'=>'any')+$PANELDEFAULTS;
$DEFPANELS[]=array('panel_title'=>'grandstream_right','panel_websections'=>'_grandstream_right','panel_type'=>'gxv3175_right',
      'panel_content'=>'','panel_selector'=>'any')+$PANELDEFAULTS;
nextime's avatar
gxv3175 gmi interface adapted to the user_gui_panels structure
a302bbb1
 
nextime committed
11
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
12 13 14 15 16 17 18 19 20 
$colors=array(
   'gray' => 'pure-button-active',
   'blue' =>  'pure-button-primary', 
   'azure' =>  'pure-button-secondary',
   'green' =>  'pure-button-success',
   'red' => 'pure-button-error',
   'orange' => 'pure-button-warning'
);
nextime's avatar
gxv3175 gmi interface adapted to the user_gui_panels structure
a302bbb1
 
nextime committed
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 
$panels=DB::query("SELECT * FROM user_gui_panels WHERE user='$_DOMOTIKA[username]' AND page='gmi' ORDER by panel_position,id");
if(!$panels or count($panels)<1) {
   $panels=$DEFPANELS;
   foreach($panels as $p) {
      $q="INSERT INTO user_gui_panels 
         (user,page,panel_title,panel_type,panel_cols,panel_height,panel_visible,panel_position,panel_sections,panel_websections,panel_selector,panel_content)
         VALUES
         ('".$_DOMOTIKA['username']."','gmi','".$p['panel_title']."','".$p['panel_type']."',
            '".$p['panel_cols']."','".$p['panel_height']."','".$p['panel_visible']."','".$p['panel_position']."',
            '".$p['panel_sections']."','".$p['panel_websections']."','".$p['panel_selector']."','".$p['panel_content']."')";
      DB::query($q);
   }
}
foreach($panels as $panel) {
      switch($panel['panel_type'])
      {
         case 'gxv3175_left':
            $buttonar_left=getPanelButtons($_DOMOTIKA['username'], $panel['panel_content'], $panel['panel_sections'], $panel['panel_websections'], $panel['panel_selector'],true,7);
            break;
         case 'gxv3175_center':
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
41 
            $buttonar_center=DB::query("SELECT button_name,screenshot,audiostream FROM mediasources
nextime's avatar
update eventsource
62338b62
 
nextime committed
42 
                  WHERE websection='citophone' AND active=1 ORDER BY position,id"); // AND DMDOMAIN(button_name, '".$panel['panel_content']."')=1
nextime's avatar
gxv3175 gmi interface adapted to the user_gui_panels structure
a302bbb1
 
nextime committed
43 44 45 46 47 48 49 
            break;
         case 'gxv3175_right':
            $buttonar_right=getPanelButtons($_DOMOTIKA['username'], $panel['panel_content'], $panel['panel_sections'], $panel['panel_websections'], $panel['panel_selector'],true,7);
            break;
      }
}
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
50 
?>
nextime's avatar
Added zepto js library
b6239101
 
nextime committed
51 
<html>
nextime's avatar
First github commit
31e7b770
 
nextime committed
52 
<head>
nextime's avatar
Pure CSS framework added
593d6d4a
 
nextime committed
53 
<title>Domotika GMI Interface</title>
nextime's avatar
GMI application for grandstream gxv3175 started
14d02200
 
nextime committed
54 
<link rel="stylesheet" href="/resources/pure/pure-nr-min.css">
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
55 
<link rel="stylesheet" href="/resources/fontawesome/css/font-awesome.min.css">
nextime's avatar
Pure CSS framework added
593d6d4a
 
nextime committed
56 
<link href='style.css' type='text/css' rel='stylesheet'>
nextime's avatar
First github commit
31e7b770
 
nextime committed
57 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
nextime's avatar
update eventsource
62338b62
 
nextime committed
58 59 60 61 
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate, max-age=-1, max-stale=0, post-check=0, pre-check=0">
<meta http-equiv="expires" content="-1">
<script src="/resources/js/zepto.min.js"></script>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
62 
<script src="/resources/EventSource/eventsource.js"></script>
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
63 
<script language="javascript" src="simpleGMI.js"></script>
nextime's avatar
Pure CSS framework added
593d6d4a
 
nextime committed
64 
<script type="text/javascript">
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
65
nextime's avatar
update eventsource
62338b62
 
nextime committed
66 
window.lastAction=new Date().getTime();
nextime's avatar
Pure CSS framework added
593d6d4a
 
nextime committed
67 
simpleGMI.fullScreen();
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 

(function ( $ ) {
$.fn.alterClass = function ( removals, additions ) {
   var self = this;
   if ( removals.indexOf( '*' ) === -1 ) {
      // Use native jQuery methods if there is no wildcard matching
      self.removeClass( removals );
      return !additions ? self : self.addClass( additions );
   }
   var patt = new RegExp( '\\s' +
         removals.
            replace( /\*/g, '[A-Za-z0-9-_]+' ).
            split( ' ' ).
            join( '\\s|\\s' ) +
         '\\s', 'g' );
   self.each( function ( i, it ) {
      var cn = ' ' + it.className + ' ';
      while ( patt.test( cn ) ) {
         cn = cn.replace( patt, ' ' );
      }
      it.className = $.trim( cn );
   });
   return !additions ? self : self.addClass( additions );
};
nextime's avatar
update eventsource
62338b62
 
nextime committed
92 
})( window.jQuery || window.Zepto );
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
93 94 

function butpushed(btype, bid)
nextime's avatar
GMI application for grandstream gxv3175 started
14d02200
 
nextime committed
95 
{
nextime's avatar
update eventsource
62338b62
 
nextime committed
96 
   window.lastAction=new Date().getTime();
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
97 
   $.post("/rest/v1.2/"+btype+"/setbyid/"+bid+"/json");
nextime's avatar
GMI application for grandstream gxv3175 started
14d02200
 
nextime committed
98 
}
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
99
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
100 101 102 103 104 
function selcamopen()
{
   window.lastAction=new Date().getTime();
   $('#camopts').show();
   $('#camchoose').hide();
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
105 
   $('#camcall').hide();
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
106 107 
}
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
108 
function changeCamera(uri, name, sip)
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
109 110 111 
{
   window.lastAction=new Date().getTime();
   $('#camchoose').attr('data-uri', uri)
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
112 113 
   $('#camchoose').text('CAM: '+name);
   $('#camcall').attr('data-sip', sip);
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
114 
   $('#camchoose').show();
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
115 
   $('#camcall').show();
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
116 117 
   $('#camopts').hide();
}
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
118 119 120 121 122 123 

function callcam()
{
   window.lastAction=new Date().getTime();
   simpleGMI.dial(0, 1, 0, $('#camcall').attr('data-sip'), '', 0);
}
nextime's avatar
Pure CSS framework added
593d6d4a
 
nextime committed
124 
</script>
nextime's avatar
First github commit
31e7b770
 
nextime committed
125 126 
</head>
<body>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
127 128 129 130 
<div class="pure-g" >
   <div class="pure-u-1-3" style="padding-left:1.3333%;">
      <?
         foreach($buttonar_left as $but) {
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
131 132 133 134 
            if(intval($but['status'])==1)
               $bcolor=$colors[$but['color_on']];
            else
               $bcolor=$colors[$but['color_off']];
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
135 136 
      ?> 
         <div style="padding:5px;">
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
137 
            <button class="pure-button <?=$bcolor?>" data-dm-type="<?=$but['devtype']?>-<?=$but['id']?>" data-dmcolor-on="<?=$colors[$but['color_on']]?>" data-dmcolor-off="<?=$colors[$but['color_off']]?>" style="width:100%;height:50px;" onclick="butpushed('<?=$but['devtype']?>',<?=$but['id']?>)"><?=$but['button_name']?></button>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
138 139 140 141 
         </div>
      <?
         }
      ?>
nextime's avatar
GMI application for grandstream gxv3175 started
14d02200
 
nextime committed
142 
   </div>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
143 144 
   <div class="pure-u-1-3" style="width:31%">
      <div style="padding:5px;">
nextime's avatar
update eventsource
62338b62
 
nextime committed
145 
         <? if(count($buttonar_center)<1) { ?>
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
146 
            <button class="pure-button pure-button-warning" style="width:100%;height:130px;" onclick="simpleGMI.refresh()">No Citophones</button>
nextime's avatar
update eventsource
62338b62
 
nextime committed
147 
         <? } else { ?>
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
148 
               <button class="pure-button pure-button-success" style="width:100%;height:60px;"
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
149 150 
                     data-uri="<?=$buttonar_center['0']['screenshot'];?>" id="camchoose"
                     onclick="selcamopen()">CAM: <?=$buttonar_center['0']['button_name']?></button>
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
151 152 153 154 
               <button class="pure-button pure-button-warning" style="width:100%;height:60px;margin-top:10px;" 
                     data-sip="<?=str_replace('SIP:','',$buttonar_center['0']['audiostream']);?>" id="camcall"
                     onclick="callcam()">Chiama</button>
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
155 
               <div style="width:30%;background-color:#000;position:absolute;top:10px;display:none;z-index:1000;overflow:auto;height:85%" id="camopts">
nextime's avatar
update eventsource
62338b62
 
nextime committed
156 
            <? foreach($buttonar_center as $cit) { ?>
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
157 
               <button class="pure-button pure-button-secondary"
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
158 
                  onclick="changeCamera('<?=$cit['screenshot'];?>', '<?=$cit['button_name']?>', '<?=str_replace('SIP:','', $cit['audiostream'])?>')"
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
159 
                  style="width:100%;height:50px;margin-top:5px;" ><?=$cit['button_name']?></button>
nextime's avatar
update eventsource
62338b62
 
nextime committed
160 
            <? } ?>
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
161 
               </div>
nextime's avatar
update eventsource
62338b62
 
nextime committed
162 
         <? } ?>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
163 
      </div>
nextime's avatar
update eventsource
62338b62
 
nextime committed
164
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
165 166 
      <div style="height:80px" onclick="simpleGMI.refresh()">
      </div>
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
167 168 
      <div style="padding:5px;display:block;position:absolute;top:220px;">
         <img id="camera" src="/domotika/gmi/img/camera.jpg" style="width:80%;height:190px" onclick="simpleGMI.refresh()"></img>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
169 170 
      </div>
nextime's avatar
Pure CSS framework added
593d6d4a
 
nextime committed
171
nextime's avatar
GMI application for grandstream gxv3175 started
14d02200
 
nextime committed
172 
   </div>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
173 174 175 
   <div class="pure-u-1-3" >
      <?
         foreach($buttonar_right as $but) {
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
176 177 178 179 180 
            if(intval($but['status'])==1)
               $bcolor=$colors[$but['color_on']];
            else
               $bcolor=$colors[$but['color_off']];
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
181 182 
      ?>
         <div style="padding:5px;">
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
183 
            <button class="pure-button <?=$bcolor?>" data-dm-type="<?=$but['devtype']?>-<?=$but['id']?>" data-dmcolor-on="<?=$colors[$but['color_on']]?>" data-dmcolor-off="<?=$colors[$but['color_off']]?>" style="width:100%;height:50px;" onclick="butpushed('<?=$but['devtype']?>',<?=$but['id']?>)"><?=$but['button_name']?></button>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
184 185 186 187 
         </div>
      <?
         }
      ?>
nextime's avatar
GMI application for grandstream gxv3175 started
14d02200
 
nextime committed
188 189 190 191 
   </div>

</div>
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
192 
<div class="footer-bar" style="z-index:10000">
nextime's avatar
gmi app seems to not work with EventSource on gxv3175v2...
6d4cf7bb
 
nextime committed
193 194 195 196 197 198 
<button onClick="simpleGMI.dial(0, 0, 0, 281, '', 1)" class="pure-button pure-button-secondary">
   <i class="fa fa-microphone fa-2x blackiconcolor"></i>
</button>
<button onClick="simpleGMI.refresh()" class="pure-button pure-button-secondary" style="float:right">
   <i class="fa fa-refresh fa-2x blackiconcolor"></i>
</button>
nextime's avatar
GMI application for grandstream gxv3175 started
14d02200
 
nextime committed
199 
</div>
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
200 201 202 203 204 
<script>

var syncReceived = function(event) {
   var res=$.parseJSON(event.data);
   $.each(res.data.statuses, function(idx, val){
nextime's avatar
make the gxv3175 interface functional...
61f0d694
 
nextime committed
205 206 207 208 209 210 211 212 213 214 
      console.debug(val);
      $("[data-dm-type="+val[3]+"s-"+val[0]+"]").each(
         function() {
            if(val[1]==1)
               var color=$(this).attr('data-dmcolor-on');
            else
               var color=$(this).attr('data-dmcolor-off');
            $(this).alterClass('pure-button-*', color);
         }
      )
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
215 216 
   });
}
nextime's avatar
gmi app seems to not work with EventSource on gxv3175v2...
6d4cf7bb
 
nextime committed
217
nextime's avatar
update eventsource
62338b62
 
nextime committed
218 219 220 221 222 223 224 225 
window.camimage = new Image();
window.camimage.src = "/domotika/gmi/img/camera.jpg";

function updateImage()
{
   if(window.camimage.complete) {
      $('#camera').attr('src', window.camimage.src);
      window.camimage = new Image();
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
226 
      window.camimage.src = $('#camchoose').attr('data-uri') + "?time=" + new Date().getTime();
nextime's avatar
update eventsource
62338b62
 
nextime committed
227 
   }
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
228 
   if(window.es!=null)
nextime's avatar
update eventsource
62338b62
 
nextime committed
229 230 231 232 233 
      setTimeout(updateImage, 500);
}

window.camimagenum = <?=count($buttonar_center)?>;
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
234 235 236 237 238 239 
Zepto(function($){
   window.es = new EventSource("/sse");
   window.es.addEventListener("sync", syncReceived);
   if(window.camimagenum>0)
      updateImage();
});
nextime's avatar
update eventsource
62338b62
 
nextime committed
240 241 242 

keepAlive = setInterval(function(){
nextime's avatar
gmi app seems to not work with EventSource on gxv3175v2...
6d4cf7bb
 
nextime committed
243 244 245 246 247 248 249 250 
   $.get("/rest/v1.2/keepalive/json", 
      function(r){
         if(r.data=='SLOGGEDOUT')
         {
            simpleGMI.refresh();            
         }
      });
    },5000);
nextime's avatar
update eventsource
62338b62
 
nextime committed
251 252 253 254 

function endGMI()
{
   clearInterval(keepAlive);
nextime's avatar
Added call button on gmi interface
42de2d48
 
nextime committed
255 256 257 258 259 260 
   try {
      es.close();
      es=null;
   } catch(err) {

   }
nextime's avatar
update eventsource
62338b62
 
nextime committed
261 262 263 264 265 266 
   simpleGMI.exit();
}

function checkEnd()
{
   window.checkAction=new Date().getTime();
nextime's avatar
GMI Interface is now working!
43e0818e
 
nextime committed
267 
   if((window.checkAction-window.lastAction)>60000)
nextime's avatar
update eventsource
62338b62
 
nextime committed
268 269 270 271 272 273 274 275 276 277 
   {
      endGMI();
   } else { 
      setTimeout(checkEnd, 1000);
   }
      
}

setTimeout(checkEnd, 1000);
setTimeout(endGMI, 900000);
nextime's avatar
gxv3175 gmi interface: base scheleton
a163a50e
 
nextime committed
278 
</script>
nextime's avatar
First github commit
31e7b770
 
nextime committed
279 280 
</body>
</html>