Skip to content

Category: Snippets

Combined Array and Object Destructuring in JavaScript

Array destructuring assigns the properties of an array to variables with the same names by default. Object destructuring assigns the properties of an object to variables with the same names by default. Here is […]

How to ignore a field while deserializing in Java if its type is not wrong?

public class UserAccount implements HasMoney {
    @JsonIgnore
    private BigDecimal money;

    // Other variable declarations, constructors

    @Override
    @JsonProperty
    public BigDecimal getMoney() {
        return money;
    }

    @JsonIgnore
    @Override
    public void setMoney(final BigDecimal money) {
        this.money = money;
    }

    // Other getters/setters
}

Get all dates within range in react js

function (startDate, endDate, addFn, interval) {

 addFn = addFn || Date.prototype.addDays;
 interval = interval || 1;

 var retVal = [];
 var current = new Date(startDate);

 while (current <= endDate) {
  retVal.push(new Date(current));
  current = addFn.call(current, interval);
 }

 return retVal;

}

TypeScript code snippet – How to make space equal between elements in a linearlayout android studio?

<Space
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_weight="1" >
    </Space>

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="center_horizontal|center_vertical"
        android:src="@drawable/tars_active" />

    <Space
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_weight="1" >
    </Space>

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="center_horizontal|center_vertical"
        android:src="@drawable/videos_active" />

    <Space
        android:layout_width="0dp"
        android:layout_height="1dp"
        android:layout_weight="1" >
    </Space>

TypeScript code snippet – How to remove even digits in python?

# Remove Even index List Items

evenList = []

listNumber = int(input("Enter the Total List Items = "))
for i in range(1, listNumber + 1):
    listValue = int(input("Enter the %d List Item = " %i))
    evenList.append(listValue)

print("List Items = ", evenList)
i = 0

while (i < len(evenList)):
    if (evenList[i] % 2 == 0):
        evenList.remove(evenList[i])
    i = i + 1
    
print("List Items after removing even Items = ", evenList)

TypeScript code snippet – How to overwsrote ts config?

tsc --project main/tsconfig.json

{
	"extends": "./main/tsconfig.json",
	"compilerOptions": {
		"outDir": "dist",
		"target": "ESNext",
		"module": "CommonJS",
		"moduleResolution": "Node",
		"esModuleInterop": true,
		"allowSyntheticDefaultImports": true,
		"emitDecoratorMetadata": true,
		"experimentalDecorators": true,
		"allowUmdGlobalAccess": true,
		"downlevelIteration": true,
		"declaration": true,
		"noEmitOnError": true,
		"strict": true,
		"noImplicitAny": false,
		"noImplicitThis": false,
		"typeRoots": ["node_modules/@types", "src/server/types"]
	},
	"include": ["src/**/*.ts", "configs/config.ts"],
	"exclude": [
		"node_modules",
		"dist",
		"esm",
		"__test__/**/*.{test.ts,spec.ts}",
		"coverage",
		".github",
		"configs/config.ts"
	]
}

TypeScript code snippet – How to convert a normal app to a Angular Universal?

require('zone.js/dist/zone-node');

require('reflect-metadata');

const express = require('express');

const fs = require('fs');

const { platformServer, renderModuleFactory } = require('@angular/platform-server');

const { ngExpressEngine } = require('@nguniversal/express-engine');

// Import the AOT compiled factory for your AppServerModule.

// This import will change with the hash of your built server bundle.

const { AppServerModuleNgFactory } = require(`./dist-server/main.bundle`);

const app = express();

const port = 8000;

const baseUrl = `http://localhost:${port}`;

// Set the engine

app.engine('html', ngExpressEngine({

 bootstrap: AppServerModuleNgFactory

}));

app.set('view engine', 'html');

app.set('views', 'dist');

app.use('/', express.static('dist', {index: false}));

app.get('*', (req, res) => {

 res.render('../dist/index.html', {

   req,

   res

 });

});

app.listen(port, () => {

 console.log(`Listening at ${baseUrl}`);

});


TypeScript code snippet – How to disable piecelabel on certian charts and keep on other chartjs?

new Chart(ctx, {  type: type,  data: data,  options: {    plugins: {      labels: {        // render 'label', 'value', 'percentage', 'image' or custom function, default is 'percentage'        render: 'value',         // precision for percentage, default is 0        precision: 0,         // identifies whether or not labels of value 0 are displayed, default is false        showZero: true,         // font size, default is defaultFontSize        fontSize: 12,         // font color, can be color array for each data or function for dynamic color, default is defaultFontColor        fontColor: '#fff',         // font style, default is defaultFontStyle        fontStyle: 'normal',         // font family, default is defaultFontFamily        fontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",         // draw text shadows under labels, default is false        textShadow: true,         // text shadow intensity, default is 6        shadowBlur: 10,         // text shadow X offset, default is 3        shadowOffsetX: -5,         // text shadow Y offset, default is 3        shadowOffsetY: 5,         // text shadow color, default is 'rgba(0,0,0,0.3)'        shadowColor: 'rgba(255,0,0,0.75)',         // draw label in arc, default is false        // bar chart ignores this        arc: true,         // position to draw label, available value is 'default', 'border' and 'outside'        // bar chart ignores this        // default is 'default'        position: 'default',         // draw label even it's overlap, default is true        // bar chart ignores this        overlap: true,         // show the real calculated percentages from the values and don't apply the additional logic to fit the percentages to 100 in total, default is false        showActualPercentages: true,         // set images when `render` is 'image'        images: [          {            src: 'image.png',            width: 16,            height: 16          }        ],         // add padding when position is `outside`        // default is 2        outsidePadding: 4,         // add margin of text when position is `outside` or `border`        // default is 2        textMargin: 4      }    }  }}); // custom render{  render: function (args) {    // args will be something like:    // { label: 'Label', value: 123, percentage: 50, index: 0, dataset: {...} }    return '$' + args.value;     // return object if it is image    // return { src: 'image.png', width: 16, height: 16 };  }} // dynamic fontColor{  fontColor: function (args) {    // args will be something like:    // { index: 0, dataset: {...} }    return myColorTransfer(args.dataset.backgroundColor[index]);  }}