Doncs no existeix, només hi el datetime picker, que com el seu nom indica només permet escollir la data, sense hora (notis la ironia).

Per sort en Trent Richardson ha creat un "addon" molt aconseguit que aconsegueix gestionar l'hora en el datetime picker. Cal afegir als CSSs un fitxer, i un altra al javascript del projecte i llestos. Per invocar-lo es fa així

    //DateTime picker addon
    $("#frmDetall #DataPub").datetimepicker({
	    timeOnlyTitle: 'Hora/Minut',
	    timeText: 'Hora/Minut',
	    hourText: 'Hora',
	    minuteText: 'Minut',
	    secondText: 'Segons',
	    currentText: 'Ara',
	    closeText: 'Fet'
    });

Com es pot veure amb uns sliders permet escollir l'hora [0-23] i els minuts [0-59], com sempre el calendari permet editar el seu valor directament (i s'actualitza el control) i a la inversa.

Aquesta és la novel·la número 5 de la serie del Imperi Malazà (hi ha una altra serie diferent "Malazan Book of the Fallen" que té 10 llibres). És un llibre de fantasia medieval, aquest està ubicat al continent Jacuruku, en una selva anomenada Himatan. Aquesta selva no és normal ja que està mig en el reialme dels homes i mig en el dels esperits. La governa la Reina de les Bruixes, una entitat anomenada Ardata. Tot el llibre narra com una serie de personatges, cadascun amb els seus motius, es van acostant a la ciutat de Jakal Viharn (on és l'Ardata).

• Saeng: una noia que té poders i vol anar al temple de la llum, l'acompanya el seu germà al que els Thaumaturgs han convertit en un soldat amb una armadura de pedra.
• Golan: un Thaumaturg que envaeix la selva per enfrontar-se amb l'Ardata
• K'azz D'Avore: comandant de la "Guardia Carmesí" (Crimson Guard) que va allí perque l'Ardata el convoca.
• Skinner: un comandant renegat de la Guardia Carmesí que fins aquell moment era el favorit de l'Ardata.
• The Warleader: bé, aquest no va cap Jakal Viharn, però aprofita que els Thaumaturgs han marxat per massacrar les seves ciutats.
• Un parell de mags tronats.

Definitivament es podria haver descrit el viatge més curt, no calen els milers de pàgines per descriure el viatge, li passa una mica com StarWars Ep. 1, on descrivint el viatge es perden una mica els motius que han empés a emprendre'l. Però la narrativa, les descripcions, els dilemes... fan una lectura amena. A diferència de la serie "Malazan Book of the Fallen" aquest autor no salta tant de personatge en personatge (i tampoc hi ha tants) i és més fàcil de llegir. Resumint, podria ser més curt, però m'ha agradat. Ara espero amb ganes la següent entrega "Assail" que en teoria surt pels vols de Nadal.

Arrel del comentari d'un amic on em feia constar que les imatges al blog estaven una mica mancades de disseny (tipic de mi), m'he posat a investigar com centrar, posar un peu amb una mica de text a la imatge i donar-lis una mica de format. És aquí on he trobat una nova característica d'HTML5 que desconeixia. És el tag <figure>.

The figure element represents a unit of content, optionally with a caption, that is self-contained, that is typically referenced as a single unit from the main flow of the document, and that can be moved away from the main flow of the document without affecting the document’s meaning.

Es fa servir en conjunció amb el tag <figcaption>, dins del figcaption es posa el text que es vol que vagi acompanyant la imatge. Si es posa a sota apareix com a peu de imatge, si es posa a sobre... Millor un exemple:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" >
  <figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure>

El següent pas en el upload de fitxers, després de posar un input de tipus file amb l'atribut "multiple" és posar els fitxers en una estructura que permeti el seu enviament al servidor. És aquí on entra el FormData.

El FormData és un interface que s'ha afegit a l'objecte XMLHttpRequest nivell 2 i és una estructura formada per un conjunt de valors organitzats en clau/valor (i en el cas dels fitxers a més a més un nom de fitxer).

El suport del FormData es molt ampli en tots els navegadors actuals, desde el IE10, el FFox, etc...

La funció següent té un bucle per afegir els fitxers i una crida Ajax de jQuery. S'assigna a l'event clic del botó upload. L'únic especial que té aquesta crida Ajax és que s'especifiquen dos parametres que normalment no es posen:

• processData: false, fa que el jQuery no transformi les dades que enviem a string, per defecte és true, cal posar-lo a false ja que enviarem dades binàries.
• contentType: false, per defecte és 'application/x-www-form-urlencoded; charset=UTF-8', aquest encoding no ens va bé ja volem algo del tipus: "multipart/form-data"

function Upload() {
    var fd = new FormData();
    var fitxer = document.getElementById("fitxer");

    $.each(fitxer.files, function (j, file) {
        fd.append('fitxer' + j, file);
    })

    $.ajax({
        url: 'images.ashx?action=upload&IdPost=' + evIdPost,
        data: fd,
        processData: false,
        contentType: false,
        type: 'POST',
        success: function (data) {
            if (data.indexOf("ERROR:") != -1) {
                $("#ui-dialog-title-dialogErr").html("Error uploading imatge");
                $("#errmsg").html(data);
                $("#dialogErr").dialog("open");
            }
            else {
                RefreshImatges();
                $("#ui-dialog-title-dialogOK").html("Imatge/s pujada/es");
                $("#okmsg").html("La/les imatge/s s'ha/n pujat correctament");
                $("#dialogOK").dialog("open");
            }
        }
    });
}

En el "success", es a dir quan va bé, el que es fa és verificar el que respon el servidor i mostrar els quadres de diàleg corresponents (són del jQuery UI). També es crida a refrescar imatges, el que fa aquesta funció és consultar al servidor quines imatges hi ha associades al post i mostrar-les. Genera dos botons, un per eliminar la imatge i un altra per afegir un enllaç a la textarea on s'editen els posts. IdImatge i PathImatge són les propietats del JSON que arriba del servidor.

function RefreshImatges() {
    var IdImatge = "";
    var PathImatge = "";
    var strHTML = "";

    $.ajax({
        type: "GET",
        url: "images.ashx?action=data&IdPost=" + evIdPost,
        success: function(data, textStatus) {
            if (data.indexOf("ERROR:") != -1) {
                $("#ui-dialog-title-dialogErr").html("Error recuperant dades de les imatges");
                $("#errmsg").html(data);
                $("#dialogErr").dialog("open");
            }
            else {
                jQuery.each(data, function (i, Imatge) {
                    IdImatge = Imatge.IdImatge;
                    PathImatge = Imatge.PathImatge;
                    strHTML = strHTML + "<td id='img" + IdImatge + "'>";
                    strHTML = strHTML + "<img src='" + PathImatge + "' /><br />";
                    strHTML = strHTML + "<img style='cursor: hand; cursor: pointer' src='/Img/trash.png'";
                    strHTML = strHTML + " onclick='javascript: DeleteImg(" + IdImatge + ")' />&nbsp;&nbsp;&nbsp;&nbsp;";
                    strHTML = strHTML + "<img style='cursor: hand; cursor: pointer' src='/Img/bloc.png'";
                    strHTML = strHTML + " onclick='javascript: AfegirImatge(\"" + PathImatge + "\");' /></td>";
                });
                strHTML = "<tr>" + strHTML + "</tr>";
                $("#imatges").html(strHTML);
            }
        }
    });  
}

S'ha de tenir en compte que per defecte la mida màxima d'un enviament a un IIS és 4MByte. Per tant si la suma de les mides de les imatges supera aquest valor caldrà configurar el IIS perque accepti valors més grans. Un altra punt que no he posat és el tema de la barra de progres. Tal com ho he muntat només es fa un enviament per tots els fitxers, es a dir s'empaqueten totes les imatges juntes i s'envien, només podria posar una sola barra de progres. Si es volen barres de progres individuals s'han d'enviar els fitxers per separat. De totes maneres per posar una barra de progres a una crida Ajax cal fer servir l'object XMLHttpRequest directament, això jQuery ho fa exposant-lo en la propietat "xhr" del seu object $.ajax. Queda algo així:

    $.ajax({
        [....]
        xhr: function() {
            myXhr = $.ajaxSettings.xhr();
            if(myXhr.upload){
                myXhr.upload.addEventListener('progress',showProgress, false);
            } else {
                console.log("Upload progress is not supported.");
            }
            return myXhr;
        }
    });
   [...]
///En una altra funcio
function showProgress(evt) {
    if (evt.lengthComputable) {
        var percentComplete = (evt.loaded / evt.total) * 100;
        $('#progressbar').progressbar("option", "value", percentComplete );
    }  
}

Hem estat veient la serie Sons of Anarchy, ara ja per la temporada 5. Aquesta serie, al principi no engancha gaire, però després ja et quedes pillat i ja quan portes 5 temporades és allò de que més pot passar. També sorpren la quantitat de whisky que poden arribar a veure, amb una quarta part una persona normal ja estaria KO.

Més o menys totes les temporades segueixen un patró de entra un "dolent" nou al poble, un problema nou i tota la temporada per resoldre'l, i al final de la temporada es comença a plantejar el problema de la següent. A vegades són ells mateixos que es fiquen en uns merders per coses absurdes... O que per una venjança tonta la lien i la lien... Són força irritables e irascibles i així no es pot anar pel món. Però és força entretinguda i té personatges tremendus com el contable "pajillero" amb els dits amputats, el sheriff corrupte, el Otto que és el més putejat de tota la pressó, les estrelles porno variades, tota una colla encantadora.

Resumint, molt recomanable, i ideal per sortir del tema "metges", "policies". A l'estiu vinent comença la 6 temporada, i comenten que la 7 temp. serà la última.

Aquest fi de setmana passat hem visitat el Molí Paperer de Capellades, la visita és molt agradable i veus com eren les coses en altres temps. Les maquetes, les màquines, els diferents processos. Pots comparar el passat amb el present i veure que realment les coses han evolucionat molt. Comentar que hi ha molts molins paperers abandonats ja que la maquinària nova (molt plana) no s'adaptava a l'estructura dels molins que tenia molts pisos i poca superficie plana. Una visita recomanable.

El Museu Molí Paperer de Capellades, està situat a la població de Capellades ( a 60 Km. de Barcelona, Espanya ) en un antic molí paperer del segle XVIII, anomenat “Molí de la Vila”, és un edifici amb una superfície de 2.200 m2 i consta de quatre plantes i soterrani. Al costat del Molí s’hi troba La Bassa; font natural d’on brolla un cabal de 12 milions de litres diaris, utilitzats com a energia per al funcionament dels 16 molins paperers que treballaven en aquesta zona. Gràcies a dita abundància hídrica i a la situació geogràfica – propera a grans nuclis de població i amb bones comunicacions entre ells – Capellades i el seu entorn: La Pobla de Claramunt, Carme, Sant Pere de Riudebitlles…, varen constituir un dels centres paperers més importants d’Espanya durant els segles XVIII i XIX. El paper d’aquesta zona, en especial el paper de barba i el paper de fumar, es venia a gran part del mercat espanyol i a les colònies d’Amèrica. Del període de finals de segle XVIII provenen els cognoms de paperers tan coneguts com Sorteras, Romeu o Guarro, destacant entre ells els Serra i els Romaní, les marques papereres dels quals adquiriren renom internacional.

Després d'anys d'espera, finalment no cal fer servir un component Flash ni res exòtic perque un miserable "input" d'HTML de tipus "file" pugui sel·leccionar més d'un fitxer per fer l'upload. I ho han fet la mar de senzill, felicitats als que fan l'HTML5

<input type="file" id="fitxer" name="fitxer" multiple="" />

Ja està, afegint l'atribut múltiple i llestos. El suport en navegadors normals i en IE del 10 en endevant (el 10 és el del Windows 8, però està disponible en el Windows 7 com una actualització, de fet acabo de mirar-ho i tinc el 10). Aquest post forma part del Upload múltiple d'imatges amb Ajax.

Victus és una novel·la històrica d'Albert Sánchez Piñol, publicada l'any 2012 que tracta sobre el setge de Barcelona al 1714

Ambientada en la Guerra de Successió, la novel·la explora el conflicte des dels ulls de Martí Zuviria, un jove d’origen barceloní que serveix, primer a les ordres de l’exèrcit de les Dues Corones Borbòniques, i després a les ordres de l’exèrcit Aliat. Tota la narració representa que és escrita per Waltraud, la cuidadora de Martí en el seu exili a Viena, dècades després de la successió dels fets. Cada cop que surt la Waltraud, segons la meva opinió no aporta res a l'història, i el Zuvi està tota l'estona denigrant-la i insultant-la. Penso que no és necessaria la seva presència al llibre

VENI

Al començament de la història, el jove Martí Zuviria viatja fins al castell de Bazoches, on comença una dura carrera per formar-se com a enginyer militar, de la mà dels germans Ducroix i de Vauban. Quan Vauban mor, en Martí s’allista a l’exèrcit francès per lluitar a la guerra que s’està donant lloc a terres catalanes i de Castella. Només arribar, el jove Martí presenciarà la Batalla d’Almansa, una de les més grans batalles de tota la guerra. Seguidament, i després de salvar-se duna emboscada dels terços de Miquelets d'Esteve Ballester a Beseit, en Martí es desplaça fins a Tortosa, on participarà com a enginyer en el setge de la ciutat.

VIDI

Després de la desfeta de Tortosa, en Martí decideix tornar a la seva Barcelona natal, on començarà una relació amb Amelis, instal·lant-se en un pis amb Anfan i Nan, un nen i un nan que havia conegut mentre robaven dins de les trinxeres de Tortosa. Al cap d’un any, veurà l'oportunitat d’allistar-se a l’exèrcit Aliat i lluitarà en diverses poblacions espanyoles, fins que les desfetes militars els obliguen a retirar-se a terres catalanes. Un cop retornat a Barcelona amb tot l'exèrcit Aliat, en Martí viurà la retirada de les tropes europees arran de l'entronització de Carles III com a emperador del Sacre Imperi Romano Germànic, i els consegüents debats entre els diputats de la Generalitat de Catalunya sobre què fer davant la nova situació.

VICTUS

Durant la primavera de 1713, en Martí s'allista a l'exèrcit sota les ordres d'Antoni de Villarroel per defensar la ciutat en el Setge de Barcelona, i aquell estiu participarà en una expedició fracassada per intentar reclutar voluntaris per a la resistència de Barcelona. Amb el temps, els bombardejos castiguen enormement la ciutat i la seva població, que després d'un any de setge comença a patir greus conseqüències, agreujades per l’arribada de nous reforços borbònics des de França. En un atac de les tropes de la Coronela de Barcelona, en Martí és capturat i està a punt de ser executat pels borbònics. En aquest captiveri, dissenyarà l'assalt que acabarà fent caure Barcelona, tot i que la seva intenció és dificultar l'avenç borbònic sobre la ciutat

Com ha opinió personal el llibre m'ha agradat força, clar que tracta d'un tema que m'agrada, fortalesses, Vauban, etc... El que també queda reflectit al llibre és que les coses no han canviat tant, els pendons vermells segueixen igual, els botiflers també, els castellans igual i els Borbons a la seva. Això fa pensar i m'entristeix veure aquesta continuitat 300 anys més tard. 100% recomanat

Sembla que l'upload d'imatges via Ajax sigui el sant grial o la pedra filosofal d'internet. Algo que hauria de ser senzill es complica sobremanera, troves múltiples opcions i solucions. I quan enlloc d'un únic fitxer es volen pujar uns quants alhora ja és la bomba, si afegim barres de progrés UUUAHHH!!!

Sembla que les queixes continues dels desenvolupadors ha aconseguit que aquest tema es vagi posant en l'HTML5, aleshores el que passa és que el suport en diferents navegadors varia. Jo faig servir Firefox, així que per mi que funcioni en FF ja hi ha prou.

He triat una solució que fa servir jQuery i FormData (és una característica de HTML5 i sembla que IE10 la suporta i FF també). De fet disposar d'aquesta eina fa que sigui senzill. El procés consta de varies fases:

1. HTML amb salsa especial que permet la multiple selecció de fitxers en el quadre de dialeg que s'obre
2. Un processat previ en Javascript per omplir l'objecte FormData
3. Fer una crida ajax amb jQuery configurada d'una forma especial que no causi errors al contenir fitxers (aqui m'he saltat el tema de les barres de progres, posaré com es fa però no ho he implementat)
4. Guardar el fitxers en el servidor
5. Refrescar els fitxers al navegador

En els propers posts aniré desgranant cada un d'aquest punts

Com sempre ha aparegut pel disc dur i fa uns dies vam aprofitar per veure-la.
Pel·licula d'acció trepidant, previsible, amb personatges marcats com durs, còmics, secundaris disposats a morir,... Sobresurt el seu desprei per les lleis de la física, la inèrcia, sobre la velocitat a la que es curen les ferides... Molt en la línia de les anteriors. Mola!

Com en les anteriors no se si són més protagonistes els cotxes o els actors, m'agrada per això. Deu estar patrocinada per BMW ja que el product placement és evident. També no pot faltar la festa on només hi ha noies maques, vull dir espectaculars. Si un adolescent veu aquesta peli i s'ho creu...

Però bé gràcies a tot això té el seu encant, per deixar el cervell en encefalograma pla i activar el mode de credulitat absoluta, i llestos! A disfrutar!