[EAE Add-ons] Node List Mover

Node list mover gives the admin the option to display the list of nodes below the list of threads. You can set it so all node lists for every forum is listed below the thread lists, or just for select forums. See screen shots.

Phrases:
None.

Template mods:
Two, one to remove the node list above the thread list, and one to add the node list to the bottom of the thread list.
One, see second update.

Screen shots:
View attachment 33239
[ATTACH…

.

html – CSS mover imagen proporcionalmente a la pantalla independientemente del tamaño de ella

.cuadrado2 {
background-color: blueviolet;
animation-name: cuadrado2;
animation-duration: 3s;
}   
@keyframes cuadrado2 {
from {transform: translatex(0px);}
to {transform: translatex(100%);}
}

Solo se mueve proporcionalmente al tamaño de la imagen, pero quiero que se mueva proporcionalmente al tamaño de la pantalla. saludos!

javascript – Como mover un solo marcador de varios marcadores en osm openlayers

Tengo la siguiente duda, estoy haciendo una aplicacion en ASP NET con C#, en donde se usa un mapa hecho en openlayers. Cabe indicar que el mapa se usa para el monitoreo de unidades en movimiento, y he estado buscando por toda la web como hacer para que cuando se haya actualizado en la base de datos las coordenadas de alguno de los vehiculos, solo se mueva el marcador que corresponde a la unidad que se actualizo la informacion, y que los otros marcadores se queden en su posicion.
este es el codigo que utilizo

function cargarunidades() {
    var num = map.getNumLayers();
    for (var i = num - 1; i >= 0; i--) {
        if (map.layers(i).name == "Vehículos") {
            map.removeLayer(map.layers(i));
        }
    }
    $.ajax({
        url: 'js/ashx/unidades.ashx',
        data: '&idruta=' + idruta,
        dataType: "text",
        type: "post",
        beforeSend: function () {
        },
        success: function (datos) {
            //console.log(datos);
            jsonglobal = datos;
            var markersLayer = new OpenLayers.Layer.Markers("Vehículos", { visibility: true, displayInLayerSwitcher: true });
            if (datos.length>0) {
                var data = JSON.parse(datos);
        if (document.getElementById('chkEtiq').checked) {
                    dibujaretiquetas();
                }
                for (var i = 0; i < data.length; i++) {
                    var long = parseFloat((data(i).CL_Lon).replace(',', '.'));
                    var lati = parseFloat((data(i).CL_Lat).replace(',', '.'));
                    
                    var coordenada = new OpenLayers.LonLat(long, lati).transform(new OpenLayers.Projection('EPSG:4326'), map.getProjectionObject());
                    var size = new OpenLayers.Size(24, 24);
                    var offset = new OpenLayers.Pixel(-(size.w / 2), -(size.h / 2));
                    var icon = new OpenLayers.Icon('./' + data(i).CL_ICONO, size, offset);
                    var lonLatMarker = new OpenLayers.LonLat(long, lati).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());
                    var marker = new OpenLayers.Marker(lonLatMarker, icon);

                    var feature = new OpenLayers.Feature(markersLayer, lonLatMarker);
                    feature.closeBox = true;
                    feature.popupClass = OpenLayers.Class(OpenLayers.Popup.FramedCloud, { 'autoSize': true });;
                    feature.data.popupContentHTML = '<table>';
                    feature.data.popupContentHTML = '<tr><td><p><b>' + data(i).CL_PLACA + '</b></p><hr/></td></tr>'; //Placa
                    feature.data.popupContentHTML += '<tr><td>' + data(i).CL_Marca + '<br/></td></tr>'; //Marca                    
                    //feature.data.popupContentHTML += '<tr><td>' + data.(4) + '<hr/><br/></td></tr>'; //Color
                    feature.data.popupContentHTML += '<tr><td>' + data(i).CL_Fecha + '<br/></td></tr>'; //Fecha
                    feature.data.popupContentHTML += '<tr><td>' + data(i).CL_Ciudad + '. ' + data(i).CL_Direccion + '<br/></td></tr>'; //Ciudad Direccion
                    feature.data.popupContentHTML += '<tr><td>' + data(i).CL_Velocidad + ' Km/h <br/></td></tr>'; //Velocidad
                    feature.data.popupContentHTML += '<tr><td>' + data(i).CL_CONDUCTOR + '<br/></td></tr>'; //Detalle
                    feature.data.popupContentHTML += '<tr><td>' + data(i).CL_DETALLE + '<br/></td></tr>'; //Conductor
                    feature.data.popupContentHTML += '</table>';
                    feature.data.overflow = "auto";
                    marker.feature = feature;

                    var markerClick = function (evt) {
                        if (this.popup == null) {
                            this.popup = this.createPopup(this.closeBox);
                            map.addPopup(this.popup);
                            this.popup.show();
                        } else {
                            this.popup.toggle();
                        }
                        currentPopup = this.popup;
                        OpenLayers.Event.stop(evt);
                    };

                    marker.events.register("mousedown", feature, markerClick);
                    markersLayer.addMarker(marker);
                }                
                map.addLayer(markersLayer);
                if (document.getElementById('chksentidos').checked) {
                    dibujarsentidos();
                }
            } else {
                $("#modalmensajetracking").modal("show");
            }
            idabrirmodal = 0;
        }
    }).fail(function (xhr, textStatus, err) {
        console.log(xhr, textStatus, err);
        if (idabrirmodal == 0) {
            $('#refresh').modal({ backdrop: 'static', keyboard: false })
            $("#refresh").modal("show");            
            jsonglobal = "";
            $("#chkEtiq").prop("checked", false);
            $("#chksentidos").prop("checked", false);

            var num = map.getNumLayers();
            for (var i = num - 1; i >= 0; i--) {
                if (map.layers(i).name == "Sentidos" ||  map.layers(i).name == "Etiquetas") {
                    map.removeLayer(map.layers(i));
                }
            }            
        }
        idabrirmodal = 1;
    });
}

Agradeceria mucho si me pueden indicar alguna bibliografia o ejemplos de como implementar esta accion

[EAE Add-ons] Node List Mover

Node list mover gives the admin the option to display the list of nodes below the list of threads. You can set it so all node lists for every forum is listed below the thread lists, or just for select forums. See screen shots.

Phrases:
None.

Template mods:
Two, one to remove the node list above the thread list, and one to add the node list to the bottom of the thread list.

Screen shots:
[IMG…

.

javascript – Angular 10 Google Maps Component, mover mapa o editar propiedades

Estoy usando el componente nuevo que existe de Google Maps para angular 10 sobre la api de google maps JS de Google. https://github.com/angular/components/tree/master/src/google-maps

He logrado crear este mapa y marcar un centro al inicio, tras esto he logrado crear un marker, lo que quiero es que tras haber obtenido la localización el mapa se mueve hasta este nuevo punto. He intentado varias cosas pero no logro conseguir nada. Este es mi html por el momento:

 <google-map width=100% height=300px id="googleMap">
     <map-marker *ngFor="let markerPosition of markerPositions" (position)="markerPosition" (options)="markerOptions"> 
     </map-marker>
 </google-map>

introducir la descripción de la imagen aquí

Las opciones del mapa las tengo añadidas al principio de mi archivo ts:

markerOptions: google.maps.MarkerOptions = { draggable: false };
  markerPositions: google.maps.LatLngLiteral() = ();

  mapOptions: google.maps.MapOptions = {
    center: { lat: 37.779712700000005, lng: -3.7943255999999996 },
    zoom : 16,
    tilt: 45,
  // display: google.maps.LatLngLiteral,
 
  mapTypeControl: false,
  // mapTypeId: google.maps.MapTypeId.HYBRID,
  disableDefaultUI: true
 }

Como he dicho tengo un centro por defecto que nada tiene que ver con la localización real, entonces usando Capacitor Geolocation obtengo la ubicación real, el problema es que quiero que este haga un desplazamiento como he comentado antes.

Esto es lo que intento hacer:

let posicion = await Geolocation.getCurrentPosition();
let LatLng = { lat: posicion.coords.latitude, lng: posicion.coords.longitude}
this.addMarkerMap(LatLng)
    
//NO SE SI ESTE METODO SET CENTER DEBERIA DE APLICARSELO A MI MAPA YA CREADO, PERO NO CONSIGO OBTENER EL MAPA YA CREADO
google.maps.Map.prototype.setCenter(latLng)

// ESTABA INTENTANDO OBTENER EL MAPA DE ESTA FORMA PERO NO CONSIGO OBTENER ESE OBJETO MAPA PARA PODERLE CAMBIAR LA PROPIEDAD O USAR "PAINTO" PARA MOVERME 
this.mapG = new google.maps.Map(document.getElementById("googleMap") as HTMLElement);

selenium – Como mover um arquivo usando Python?

Preciso mover um arquivo para uma pasta. Porém, o final do nome dele sempre varia, de acordo com o dia que extrai. Por exemplo, se extraí ele ontem, seria: arquivo20042021. Se for hoje: arquivo: arquivo21042021.

Estou baixando esse arquivos usando o Selenium. Seria mais simples alterar o diretório de download e o nome ao baixar, mas não estou conseguindo. Preciso de uma solução.

javascript – Mover un objeto canvas con Jquery

$("#ancho").bind('keyup mouseup', function () {
    var ancho = $("#ancho").val();     
    $("#c").css("width", ancho);     
});
$("#alto").bind('keyup mouseup', function () {
    var alto = $("#alto").val();     
    $("#c").css("height", alto);     
});
$("#horizontal").bind('keyup mouseup', function () {
    var horizontal = $("#horizontal").val();     
    $("#c").css("left", horizontal);     
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<style>
canvas {
    border: 1px dashed rgb(195 195 195);
    margin: 10px 0px 0px 0px;
    position: absolute;
    right: 0px;
    width: 150px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    height: 150px;
}
</style>

<div class="row">
    <div class="col-6">
        <div class="form-group">
            <label>Ancho</label>
            <input type="number" class="form-control" value="150" id="ancho">
        </div>
    </div>
    <div class="col-6">
        <div class="form-group">
            <label>Alto</label>
            <input type="number" class="form-control" value="150" id="alto">
        </div>
    </div>
    <div class="col-6">
        <div class="form-group">
            <label>Horizontal</label>
            <input type="number" class="form-control" value="50" id="horizontal">
        </div>
    </div>
</div>

<div class="center" style="text-align: center;>
   <span style="position: relative">
      <img src="https://www.sudeporte.com/13755-thickbox_default/sudadera-capucha-keya-100-negro.jpg" alt="" id="img_producto">
      <canvas id="c" style="width: 152px; height: 176px;"></canvas>
   </span>
</div>

array – Como mover los espacios de un vector en c++?

la cosa va asi:
Quiero mover los datos a la derecha a partir del ingreso de mi dato, sin importar el ultimo dato del vector, ingresando un determinado dato por ejemplo quiero ingresa en el 0 un numero 7 pero quiero que el 0 no se borre si no que pase a la casilla siguiente *** sin punteros**

vector(7)={1,2,3,0,4,5,6}

resultado:

vector(7)={1,2,3,7,0,4,5}

`pos=3;

for(int i=pos+1; i<7; i++){

valor(i)=valor(i+1)
como le hago para dejar ese espacio donde ingresare el 7?
}
`