Categoría: Client-Side

Microsoft Graph API – Syntax error: character ‘*’ is not valid at position 0

en por Ismael Cruzen Client-Side, Microsoft 365, Microsoft Graph, SharePoint Online, SPFxDeja un comentario

Error: { "error": { "code": "BadRequest", "message": "Syntax error: character '*' is not valid at position 0 in '*'.", "innerError": { "request-id": "aa4dd443-8100-46d4-8d3d-da83ac969266", "date": "2018-10-02T08:41:03" } } Posible Motivo: Estamos utilizando una de las variables que aparece en la documentacion, por ejemplo 'search' de este modo: https://graph.microsoft.com/v1.0/sites?$search=* Solución: Utilizar la variable directamente mediante su nombre, …

Sigue leyendo Microsoft Graph API – Syntax error: character ‘*’ is not valid at position 0

Configurar Microsoft Graph API en SPFx

en por Ismael Cruzen Client-Side, Microsoft 365, React, SharePoint Online, SPFx, TypescriptDeja un comentario

Primer paso: Añadir el recurso en package-solution (Resource y Scope): { "$schema": "https://dev.office.com/json-schemas/spfx-build/package-solution.schema.json", "solution": { "name": "spfx-package", "id": "8s13d6v9-d221-468d-22e4-2d207b966cd2", "version": "1.0.0.0", "includeClientSideAssets": true, "skipFeatureDeployment": true, "webApiPermissionRequests": [ { "resource": "Microsoft Graph", "scope": "User.ReadBasic.All" } ] }, "paths": { "zippedPackage": "solution/spfx-package.sppkg" } Segundo Paso: Aprobar los permisos desde el Admin Center de nuestro tenant (Advanced -> …

Sigue leyendo Configurar Microsoft Graph API en SPFx

Subir Fichero en SharePoint Online desde SPFx via JSOM (React + Typescript)

en por Ismael Cruzen Client-Side, Modern Sites, React, SharePoint Online, SPFx, TypescriptDeja un comentario

Podemos subir un fichero (Hasta un máximo de 2Mb) desde nuestro Client WebPart en SharePoint Framework a través de JSOM. Para ello debemos añadir un fichero, procesarlo e incluirlo en la librería, siguiendo estos pasos:   Debemos obtener el fichero que queremos subir, ya sea mediante alguna librería de terceros (como dropzone.js) o con un …

Sigue leyendo Subir Fichero en SharePoint Online desde SPFx via JSOM (React + Typescript)

Subir Fichero a una Carpeta en SharePoint Online desde SPFx via JSOM (React + Typescript)

en por Ismael Cruzen Client-Side, Modern Sites, React, SharePoint Online, SPFx, TypescriptDeja un comentario

Para saber como subir un fichero a una librería de SharePoint podéis seguir el anterior post donde se explica paso a paso: Subir Fichero en SharePoint Online desde SPFx (React + Typescript) Para subirlo al Root Folder hacemos: let fileToUpload = docs.get_rootFolder().get_files().add(fci); Si queremos subirlo a una carpeta, podemos simplemente navegar hasta ella antes de añadir …

Sigue leyendo Subir Fichero a una Carpeta en SharePoint Online desde SPFx via JSOM (React + Typescript)

Iterador FOR en Typescript (FOR IN vs FOR OF)

en por Ismael Cruzen Client-Side, TypescriptDeja un comentario

El bucle FOR de Typescript nos permite utilizar en cada iteración tanto el índice como el elemento de la lista de objetos.   FOR ... IN El iterador For-In nos dará el índice en el que nos encontremos: for (let index in myObjects) { //En cada iteración tendremos el índice en la variable "index" //("0", …

Sigue leyendo Iterador FOR en Typescript (FOR IN vs FOR OF)

Formatear una fecha en AngularJS

en por Ismael Cruzen AngularJS, Client-SideDeja un comentario

Si tenemos una fecha a mostrar, por ejemplo: {{item.ItemDate}} Podemos formatearla como queramos mediante: {{item.ItemDate | date: 'dd/MM/yyyy HH:mm'}} Hay una descripción completa de todas las opciones de formato en la documentación de Angular: https://docs.angularjs.org/api/ng/filter/date Adjunto aqui también ese listado: 'yyyy': 4 digit representation of year (e.g. AD 1 => 0001, AD 2010 => 2010) 'yy': 2 …

Sigue leyendo Formatear una fecha en AngularJS

Mostrar un elemento en funcion de un valor en AngularJS

en por Ismael Cruzen AngularJS, Client-SideDeja un comentario

Podemos mostrar u ocultar un elemento utilizando una función personalizada para poder realizar todas las comprobaciones que necesitemos para tomar una decisión. Ejemplo: Tenemos una tabla y queremos mostrar un elemento (por ejemplo, un icono) en cada fila solo en el caso en el que la propiedad "itemDate" del item es la fecha de hoy. …

Sigue leyendo Mostrar un elemento en funcion de un valor en AngularJS

Filtrar items en funcion de un valor externo en AngularJS

en por Ismael Cruzen AngularJS, Client-SideDeja un comentario

Si tenemos una lista/tabla de elementos y queremos aplicar un filtro dependiendo de un valor externo a esa lista/tabla (por ejemplo un dropdown), podemos crear nuestro propio filtro a aplicar. Ejemplo: Filtrar Items de una tabla en funcion de un dropdown Paso 1: Crear el dropdown con el filtro Accion 1: Crear los valores del dropDown …

Sigue leyendo Filtrar items en funcion de un valor externo en AngularJS

Convertir fecha UTC en Local con Javascript

en por Ismael Cruzen Client-Side, JavascriptDeja un comentario

Fecha UTC (Que recibimos, por ejemplo, desde base de datos) var receivedDate = "2016-09-25T10:00:00"; Convertir a fecha Local receivedDate = new Date(receivedDate); //receivedDate: "Thu Sep 25 2016 12:00:00 GMT+0200 (Central Europe Daylight Time)" Al crear una fecha con el string UTC que recibimos automáticamente la creará con nuestro time zone local. En este ejemplo, la fecha UTC …

Sigue leyendo Convertir fecha UTC en Local con Javascript