Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 03/03/20 in all areas

  1. Today we have released a new app (in arabic) in play store "أنا وسلتي" and here an english version with full source code. Database mySQL: http://3msoft.net/mhmd/mycartmysql.sql Project port: 4742 with exe: http://3msoft.net/mhmd/memyselfandcart.rar Online test: http://5.189.151.122:4742/m Play store: https://play.google.com/store/apps/details?id=com.msoft.anawasallati&hl=en (arabic) There is a registration step where the user enter his info and there is 3 welcome screens, the app saves the login data in cookies and the second time user login the app starts auto. The user can share his data with others easily. I hope this will help you in anyway...
    1 point
  2. Hi Is this possible to integrate with UniMap as Custom Maplayer? Targomo creates a layer on Maps. https://targomo.com/developers/libraries/javascript/code_example/googlemaps_polygons/ Example HTML <!DOCTYPE html> <html> <head> <!-- Include google maps api --> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=__your_google_api_key__" type="text/javascript"></script> <!-- Include targomo googlemaps full build --> <script src="https://releases.targomo.com/googlemaps/latest-full.min.js" type="text/javascript"></script> <style> html, body { width: 100%; height: 100%; margin: 0; } #map { width: 100%; height: calc(100% - 15px); } #attribution { width: 100%; height: 15px; } #attribution>a { float: right; font-size: 11px; line-height: 15px; padding: 0px 5px; } </style> </head> <body> <!-- where the map will live --> <div id="map"></div> <div id="attribution"><a href='https://www.openstreetmap.org/copyright' target='_blank'>&copy; OpenStreetMap contributors</a> <a href='https://targomo.com/developers/resources/attribution/' target='_blank'>&copy; Targomo</a></div> <script> async function initMap() { // create targomo client const client = new tgm.TargomoClient('westcentraleurope', '__targomo_key_here__'); // Coordinates to center the map const myLatlng = new google.maps.LatLng(52.36, 4.88); // define the map const map = new google.maps.Map(document.getElementById("map"), { zoom: 11, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROAD }); // init the first marker const marker = new google.maps.Marker({ position: myLatlng, map: map }); // polygons time rings const travelTimes = [300, 600, 900, 1200, 1500, 1800]; // you need to define some options for the polygon service const options = { travelType: 'bike', travelEdgeWeights: travelTimes, maxEdgeWeight: 1800, edgeWeight: 'time', serializer: 'json' }; // define the starting point const sources = [{ id: 0, lat: myLatlng.lat(), lng: myLatlng.lng() }]; // define the polygon overlay const layer = new tgm.googlemaps.TgmGoogleMapsPolygonOverlay(map, { strokeWidth: 20 }); // get the polygons const polygons = await client.polygons.fetch(sources, options); // calculate bounding box for polygons const bounds = polygons.getMaxBounds(); // add polygons to overlay layer.setData(polygons); // zoom to the polygon bounds map.fitBounds(new google.maps.LatLngBounds(bounds.southWest, bounds.northEast), 0); } google.maps.event.addDomListener(window, 'load', initMap); </script> </body> </html> Regards Leon
    1 point
  3. 1: it worked thank you Could you explain what each command does? Their role. Why css would I also get this result? 2: Assigning in designtimer worked. When I assemble the event at runtime through the create of the frame, it doesn't work. Any tips? procedure TUniFrame.UniFrameCreate(Sender: TObject); begin UniDBGrid.ClientEvents.UniEvents.Values['beforerender'] := 'function beforerender(sender, eOpts)'+ '{'+ 'var pagingBar=sender.pagingBar;'+ 'if (pagingBar) {'+ 'pagingBar.add(0, {xtype: ''tbfill''});'+ 'pagingBar.add({xtype: ''tbfill''});'+ '}'+ '}'; end;
    1 point
  4. OK, try this: 1. CustomFiles: https://cdn.quilljs.com/1.3.6/quill.snow.css files/style.css https://cdn.quilljs.com/1.3.6/quill.js 2. UniHTMLFrame1.HTML = <div id="editor-container"> </div> 3. UniHTMLFrame1.AfterScript = var Delta = Quill.import('delta'); var quill = new Quill('#editor-container', { modules: { toolbar: true }, placeholder: 'Compose an epic...', theme: 'snow' }); // Store accumulated changes var change = new Delta(); quill.on('text-change', function(delta) { change = change.compose(delta); }); // Save periodically setInterval(function() { if (change.length() > 0) { console.log('Saving changes', change); /* Send partial changes $.post('/your-endpoint', { partial: JSON.stringify(change) }); Send entire document $.post('/your-endpoint', { doc: JSON.stringify(quill.getContents()) }); */ change = new Delta(); } }, 5*1000); // Check for unsaved data window.onbeforeunload = function() { if (change.length() > 0) { return 'There are unsaved changes. Are you sure you want to leave?'; } }
    1 point
×
×
  • Create New...