Skip to content

Category: TypeScript

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]);  }}

TypeScript code snippet – How to output multiple powershell scripts simultaneously?

$ComputerNames = Get-ADComputer -filter * -Properties dnsHostName |select -Expand dnsHostName

$Code = {
    param($Credentials,$ComputerName)
    $session = New-PSSession -ComputerName $ComputerName -Credential $Credentials
    Invoke-Command -Session $session -ScriptBlock {w32tm /resync /nowait /rediscover}
}

$creds = Get-Credential domain\user

$rsPool = [runspacefactory]::CreateRunspacePool(1,8)
$rsPool.Open()

foreach($ComputerName in $ComputerNames)
{
    $PSinstance = [powershell]::Create().AddScript($Code).AddArgument($creds).AddArgument($ComputerName)
    $PSinstance.RunspacePool = $rsPool
    $PSinstance.BeginInvoke()
}

TypeScript code snippet – python How to use while loop to handle invalid inputs?

while True:
    try:
        age = int(input("Please enter your age: "))
    except ValueError:
        print("Sorry, I didn't understand that.")
        continue

    if age < 0:
        print("Sorry, your response must not be negative.")
        continue
    else:
        #age was successfully parsed, and we're happy with its value.
        #we're ready to exit the loop.
        break
if age >= 18: 
    print("You are able to vote in the United States!")
else:
    print("You are not able to vote in the United States.")

TypeScript code snippet – How to find the slope of a line with two points in c?

#include<stdio.h>

void main()
{
    float x1, y1, x2, y2;
    printf("Enter the x of point 1 \n",x1);
    scanf("%f",&x1);

    printf("Enter the y of point 1 \n",y1);
    scanf("%f",&y1);

    printf("Enter the x of point 2 \n",x2);
    scanf("%f",&x2);

    printf("Enter the y of point 2 \n",y2);
    scanf("%f",&y2);

    float slope = (y2 - y1) / (x2 - x1);

    if( x1 == x2 )
    {
         printf("the slope is undefined");
    }
    else
    {
         printf("the slope is %f", slope);
    }
}

TypeScript code snippet – How to create html components using react?

<!DOCTYPE html>
<html>

  <head>
    ...
  </head>

  <body>
    <div id="root"></div>

    <script type="text/babel">
      const linkData = [
        {
          title: "React - A JavaScript Library for Building User Interfaces",
          url: "https://reactjs.org",
          shortUrl: "reactjs.org",
          excerpt: "React makes it painless to create interactive UIs."
        },
        {
          title: "React (web framework) - Wikipedia",
          url: "https://en.wikipedia.org/wiki/React_(web_framework)",
          shortUrl: "en.wikipedia.org › wiki › React_(web_framework)",
          excerpt: "React is a JavaScript library for building user interfaces."
        },
        {
          title: "React (@reactjs) | Twitter",
          url: "https://twitter.com/reactjs",
          shortUrl: "twitter.com › reactjs",
          excerpt: "The latest Tweets from React (@reactjs)."
        }
      ];

      function Link(props) {
        return (
          <div>
            <a href={props.url}>{props.title}</a>
            <div>
              <h3>{props.shortUrl}</h3>
            </div>
            <div>{props.excerpt}</div>
          </div>
        );
      }

      function App() {
        return (
          <section>
            {linkData.map(function(link) {
              return (
                <Link
                  key={link.url}
                  title={link.title}
                  url={link.url}
                  shortUrl={link.shortUrl}
                  excerpt={link.excerpt}
                />
              );
            })}
          </section>
        );
      }

      ReactDOM.render(<App />, document.getElementById("root"));
    </script>
  </body>

</html>

TypeScript code snippet – How to get all the elements in Hashtable java?

// Using hashtable.keySet()

package com.java2novice.hashtable;
 
import java.util.Hashtable;
import java.util.Set;
 
public class MyHashtableKeys {
 
    public static void main(String a[]){
        Hashtable<String, String> hm = new Hashtable<String, String>();
        //add key-value pair to Hashtable
        hm.put("first", "FIRST INSERTED");
        hm.put("second", "SECOND INSERTED");
        hm.put("third","THIRD INSERTED");
        System.out.println(hm);
        Set<String> keys = hm.keySet();
        for(String key: keys){
            System.out.println(key);
        }
    }
}

TypeScript code snippet – How to breakjoints lua?

local partA = script.Parent.PartA
local partB = script.Parent.PartB
 
local function join(part0, part1, jointClass, parent)
    local newJoint = Instance.new(jointClass or "ManualWeld")
    newJoint.Part0 = part0
    newJoint.Part1 = part1
    newJoint.C0 = CFrame.new()
    newJoint.C1 = part1.CFrame:toObjectSpace(part0.CFrame)
    newJoint.Parent = parent or part0
 
    return newJoint
end
 
-- Create some joints and break them
join(partA, partB)
partA:BreakJoints()
-- Glue joints are wobbly
join(partA, partB, "Glue")
partA:BreakJoints()
-- Most of the time, joints ought to be put in JointsService
join(partA, partB, "Weld", game:GetService("JointsService"))

TypeScript code snippet – How to pass data between requests in api?

To pass data between requests in postman

I would use Enviroment or Global Variable
Lets say I want to pass my token between
requests. Than I would create empty global
variable and save the entire token response
as json and print the accessToken from 
response and set the value of global variable
to json field by writing like for example:

var responseJson = pm.response.json(); 
console.log( responseJson.accessToken  );
pm.globals.set("my_secret_token",  responseJson.accessToken );

TypeScript code snippet – How to use client and webresource objects to do https call?

Client client = Client.create();
WebResource webResource = client.resource("uri");

MultivaluedMap<String, String> queryParams = new MultivaluedMapImpl();
queryParams.add("json", js); //set parametes for request

appKey = "Bearer " + appKey; // appKey is unique number

//Get response from RESTful Server get(ClientResponse.class);
ClientResponse response = webResource.queryParams(queryParams)
    .header("Content-Type", "application/json;charset=UTF-8")
    .header("Authorization", appKey)
    .get(ClientResponse.class);

String jsonStr = response.getEntity(String.class);

TypeScript code snippet – How to use different scripts in one in R?

# This code is in scriptA.R
	setwd(dirname(rstudioapi::getActiveDocumentContext()$path)) # set the work directory
	# to the same file location that the r script is in.
	WD <- getwd() # get the current working directory

	print('this is script A')

	source(paste0(WD,"/scriptB.R")) # loads the functions from that file in this one

	LOG()

# This code is in scriptB.R
	LOG <- function(){
		print('this is script B')
	}

# Both .R files at the same directory
# The result is:
# this is script A
# this is script B

How to check string array is sorted or not in TypeScript?

let sorts = +gets(); // 3
let list = [];

for (let i = 0; i < sorts; i++) {
    list[i] = gets().split(',').map(Number); // The Array will be: [ [ 1, 2, 3, 4, 5 ], [ 1, 2, 8, 9, 9 ], [ 1, 2, 2, 3, 2 ] ]
}

for (let i = 0; i < list[i][i].length; i++){
    if (list[i][i] < list[i][i +1]) {
        print('true');
    } else {
        print('false');
    }
}

TypeScript code snippet – How to set scss array of list?

	$colors: (
		(1, $color-orange-light, $color-orange, $color-orange-dark),
		(2, $color-green-light, $color-green, $color-green-dark),
		(3, $color-red-light, $color-red, $color-red-dark),
		(4, $color-blue-light, $color-blue, $color-blue-dark),
		(5, $color-purple-light, $color-purple, $color-purple-dark)
	);

	@each $i, $bg-c, $border-c, $icon-c in $colors {
		&__logo-container-#{$i} {
			@extend %logo-box-styles;
			background-color: $bg-c;
			border: 7px solid $border-c;
			border-radius: 50%;
			color: $icon-c;
		}
	}

TypeScript code snippet – How to list resource group in azure cli?

#Commands Related to Resource Groups 

az group create	
Create a new resource group.

az group delete	
Delete a resource group.

az group deployment	
Manage Azure Resource Manager deployments.

az group deployment cancel	
Cancels a currently running template deployment.

az group deployment create	
Start a deployment.

az group deployment delete	
Deletes a deployment from the deployment history.

az group deployment export	
Export the template used for a deployment.

az group deployment list	
Get all the deployments for a resource group.

az group deployment operation	
Manage deployment operations.

az group deployment operation list	
Gets all deployments operations for a deployment.

az group deployment operation show	
Get a deployment's operation.

az group deployment show	
Gets a deployment.

az group deployment validate	
Validate whether a template is syntactically correct.

az group deployment wait	
Place the CLI in a waiting state until a deployment condition is met.

az group exists	
Check if a resource group exists.

az group export	
Captures a resource group as a template.

az group list	
List resource groups.

az group lock	
Manage Azure resource group locks.

az group lock create	
Create a resource group lock.

az group lock delete	
Delete a resource group lock.

az group lock list	
List lock information in the resource-group.

az group lock show	
Show the details of a resource group lock.

az group lock update	
Update a resource group lock.

az group show	
Gets a resource group.

az group update	
Update a resource group.

az group wait	
Place the CLI in a waiting state until a condition of the resource group is met.