小编Jou*_*ill的帖子

使用 bash 脚本在 EC2 实例上启动会话管理器后如何在 EC2 实例上运行命令?

我正在编写 bash 脚本来使用会话管理器在 ec2 实例上安装缺少的补丁。我可以使用脚本启动会话,但我不确定如何使用脚本在其上运行命令?

    instanceid = "i-098xxxx"

    echo $instanceid
    echo "instance id"

    # Creating AMI 
    echo "-------------------------------Creation AMI-----------------------------------------"
    aws ec2 create-image --instance-id $instanceid --name "test ami" --description "Delete when 
    testing" --no-reboot --profile xyz

    # Start Session Manager
    aws ssm start-session --target $instanceid --profile xyz

 
    # Command to check for critical security patches and update/install it on ec2 instance
    echo "-------------------------------installing missing patches----------------------------- 
    ------------"
    sudo yum update-minimal --sec-severity=critical,important --bugfix 
Run Code Online (Sandbox Code Playgroud)

我想sudo yum update-minimal --sec-severity=critical,important --bugfix使用脚本在 ec2 实例中运行命令。

有人可以指导我吗?

bash amazon-ec2 amazon-web-services aws-cli amazon-systems-manager

5
推荐指数
2
解决办法
5232
查看次数

角度日期范围输入火灾变化

我有问题,因为我不知道如何在有人选择日期后触发更改事件。

\n

我当前的代码:

\n
<div class="d-flex align-items-center">\n    <mat-form-field appearance="fill">\n      <mat-label>Wybierz przedzia\xc5\x82 czasowy\n      </mat-label>\n      <mat-date-range-input [formGroup]="range" [rangePicker]="picker">\n        <input matStartDate formControlName="start" placeholder="Data pocz\xc4\x85tkowa">\n        <input matEndDate formControlName="end" placeholder="Data ko\xc5\x84cowa">\n      </mat-date-range-input>\n      <mat-datepicker-toggle matSuffix [for]=" picker"></mat-datepicker-toggle>\n      <mat-date-range-picker #picker></mat-date-range-picker>\n\n      <mat-error *ngIf="range.controls.start.hasError('matStartDateInvalid')">Z\xc5\x82a data pocz\xc4\x85tkowa</mat-error>\n      <mat-error *ngIf="range.controls.end.hasError('matEndDateInvalid')">Z\xc5\x82a data ko\xc5\x84cowa</mat-error>\n    </mat-form-field>\n  </div>\n
Run Code Online (Sandbox Code Playgroud)\n

events angular

5
推荐指数
1
解决办法
6397
查看次数

如何在Rmarkdown演示中设置定理环境

我是 Rmarkdown 的新手,计划使用 ioslides/slidy/xaringan 来做我的演示。

我曾经使用投影仪进行演示。在投影仪中,我有专为数学定理设计的定理环境。我希望能够在 ioslides/slidy/xaringan 中使用这种格式。我知道我可以使用 $$...$$ 来包含乳胶代码并可以显示方程式。但是,这还不足以满足我的需求。

我也知道在 bookdown 中可以有定理环境。但我不知道如何在 ioslides/slidy/xaringan 输出格式中做到这一点。

css r-markdown ioslides xaringan

5
推荐指数
1
解决办法
647
查看次数

Laravel Fortify 返回 Inertia::render() 而不是刀片视图

我目前正在使用 vue 构建 SPA,并安装 jetstream(随 fortify 一起提供),并使用惯性js 来获取我的 vue 组件。inertia::render('')我用的时候有办法用吗Fortify::loginView()

inertiajs laravel fortify laravel-jetstream

5
推荐指数
1
解决办法
2452
查看次数

Chakra UI 文本和图标不水平对齐

我正在使用 React 和 Chakra UI

我希望图标和文本并排。
图标显示不对齐。

  <HStack alignItems="center" gridGap="8px">
    <UsersIcon />
    <Text fontSize="sm">Text</Text>
  </HStack>
Run Code Online (Sandbox Code Playgroud)
export const UsersIcon: FunctionComponent<Props> = ({ ...props }) => (
  <Icon {...props} fontSize={'24px'} verticalAlign="center">
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10.667 7.33301C11.7737 7.33301 12.6603 6.43967 12.6603 5.33301C12.6603 4.22634 11.7737 3.33301 10.667 3.33301C9.56032 3.33301 8.66699 4.22634 8.66699 5.33301C8.66699 6.43967 9.56032 7.33301 10.667 7.33301ZM5.33366 7.33301C6.44033 7.33301 7.32699 6.43967 7.32699 5.33301C7.32699 4.22634 6.44033 3.33301 5.33366 3.33301C4.22699 3.33301 3.33366 4.22634 3.33366 5.33301C3.33366 6.43967 4.22699 7.33301 5.33366 7.33301ZM5.33366 8.66634C3.78033 8.66634 0.666992 9.44634 0.666992 …
Run Code Online (Sandbox Code Playgroud)

reactjs chakra-ui

5
推荐指数
1
解决办法
1万
查看次数

使用 Chakra UI 创建返回顶部按钮

我正在尝试使用 Chakra UI 创建返回顶部按钮,但不确定如何仅在用户滚动一点后(例如在标题部分之后或 500px 之后)显示 BTT 按钮

<Link to='/#top'>
        <Box position='fixed'
            bottom='20px'
            right={['16px', '84px', '84px', '84px', '120px']}
            zIndex={2}
        >
            <Image src='images/icons/top.svg'
                w='60px'
                h='60px'
            />
        </Box>
    </Link>
Run Code Online (Sandbox Code Playgroud)

jsx reactjs chakra-ui

5
推荐指数
2
解决办法
5452
查看次数

防止重复 toast Chakra UI

我用来chakra防止通知显示(如果它们已经显示了此内容)

\n

但现在我将通知分离到另一个组件中:

\n
import React from \'react\';\nimport { createStandaloneToast } from \'@chakra-ui/react\';\nimport theme from \'../theme\';\n    \nconst Notification = (title, description, status) => {\n    const toast = createStandaloneToast({ theme: theme });\n\n    toast({\n        title: title,\n        description: description,\n        status: status,\n        duration: 3000,\n        position: \'bottom-right\',\n        isClosable: true,\n      });\n\n    return <></>;\n};\n\nexport default Notification;\n
Run Code Online (Sandbox Code Playgroud)\n

在我的组件中,我按如下方式使用它:

\n
import React, { useContext } from \'react\';\n...\n\nconst RemoveToDo = () => {\n    const remove = () => {\n        ...\n        Notification(\'Tarea eliminada.\', \'Has eliminado la …
Run Code Online (Sandbox Code Playgroud)

chakra-ui

5
推荐指数
1
解决办法
2003
查看次数

如何禁用 Chakra UI React Modal 组件的外部点击关闭功能?

我在 React 应用程序中使用 Chakra UI Modal。我想在用户单击模式外部时禁用关闭模式,但我找不到任何方法来做到这一点。

Chakra UI Modal 的文档位于: https: //chakra-ui.com/docs/overlay/modal

没有标志closeOnOutsideClick

reactjs chakra-ui

5
推荐指数
1
解决办法
3592
查看次数

未生成 Angular karma 代码覆盖率报告文件夹

当我运行时ng test --code-coverage,覆盖率报告有时不生成,有时它正在生成所以我无法在做测试套件后验证覆盖率声明。

我的业力配置

// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client: {
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, '../coverage'),
      reports: ['html', 'lcovonly'],
      fixWebpackSourcePaths: true
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};
Run Code Online (Sandbox Code Playgroud)

unit-testing code-coverage karma-jasmine angular

4
推荐指数
2
解决办法
7731
查看次数

如何在 Chakra UI 表格中的行之间放置空格

我使用 ChakraUI 创建了一个表格,但我想在行之间放置一个空格以提供良好的间距,我已经尝试使用边距和填充,但至少在我尝试时我不能。

<TableContainer mx="9.8rem">
    <Table variant="unstyled" maxWidth="100%">
        <Thead>
            <Tr>
                <Th color={theme.text.mono} pl="5">
                    Asset
                </Th>
                <Th color={theme.text.mono}>Price</Th>
                <Th color={theme.text.mono}>Balance</Th>
                <Th color={theme.text.mono}>Value</Th>
            </Tr>
        </Thead>
        <Tbody bgColor={theme.bg.blueNavy}>
            <Tr>
                <Td
                    borderLeftRadius="0.75rem"
                    fontSize="sm"
                    fontWeight="bold"
                    pl="4"
                >
                    <Flex flexDirection="row" alignItems="center" gap="2">
                        <Image src="icons/syscoin-logo.png" w="8" h="8" alt="Asset" />
                        <Text>SYS</Text>
                    </Flex>
                </Td>
                <Td fontSize="sm">$1,043.27</Td>
                <Td fontSize="sm">0.0000554448</Td>
                <Td fontSize="sm" borderRightRadius="0.75rem">
                    $0.06
                </Td>
            </Tr>

        ...
Run Code Online (Sandbox Code Playgroud)

显示表格的屏幕截图

css user-interface reactjs chakra-ui

3
推荐指数
1
解决办法
3494
查看次数