returnActiveToolCard method

@override Widget returnActiveToolCard()

Implementation

@override
Widget returnActiveToolCard() {
  var column1Controller = TextEditingController();
  var column2Controller = TextEditingController();

  return BaseCardToolTemplate(
      isActive: true,
      cardIcon: badgeIcon,
      toolPrompt: templatePrompt,
      toolChildren: [
        const SizedBox(height: 20.0),
        LayoutBuilder(
            builder: (BuildContext context, BoxConstraints constraints) {
          return Row(
            mainAxisSize: MainAxisSize.max,
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: [
              Column(
                mainAxisSize: MainAxisSize.max,
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  TagOneText(prompt1, decorationPriority.standard),
                  const SizedBox(height: 20.0),
                  SizedBox(
                    width: constraints.maxWidth * 0.48,
                    height: 100,
                    child: TextFormField(
                      style: body2().copyWith(
                          color: coloration.decorationColor(
                              decorationVariant:
                                  decorationPriority.standard)),
                      controller: column1Controller,
                      decoration: InputDecoration(
                          fillColor: coloration.inactiveColor(),
                          filled: true,
                          border: InputBorder.none,
                          focusedBorder: OutlineInputBorder(
                              borderSide: BorderSide(
                                  color: palette.lavender(), width: 1.0)),
                          enabledBorder: OutlineInputBorder(
                              borderSide: BorderSide(
                                  color: coloration
                                      .decorationColor(
                                          decorationVariant:
                                              decorationPriority.standard)
                                      .withOpacity(0.3),
                                  width: 1.0)),
                          errorBorder: const OutlineInputBorder(
                              borderSide: BorderSide(
                                  color: Color.fromRGBO(255, 178, 178, 1.0),
                                  width: 1.0)),
                          disabledBorder: InputBorder.none,
                          hintStyle: body2().copyWith(
                              color: coloration
                                  .contrastColor()
                                  .withOpacity(0.7))),
                      autocorrect: false,
                      textAlign: TextAlign.left,
                      keyboardType: TextInputType.multiline,
                      maxLines: null,
                    ),
                  )
                ],
              ),
              const Spacer(),
              Column(
                mainAxisSize: MainAxisSize.max,
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  TagOneText(prompt2, decorationPriority.standard),
                  const SizedBox(height: 20.0),
                  SizedBox(
                    width: constraints.maxWidth * 0.48,
                    height: 100,
                    child: TextFormField(
                      style: body2().copyWith(
                          color: coloration.decorationColor(
                              decorationVariant:
                                  decorationPriority.standard)),
                      controller: column2Controller,
                      decoration: InputDecoration(
                          fillColor: coloration.inactiveColor(),
                          filled: true,
                          border: InputBorder.none,
                          focusedBorder: OutlineInputBorder(
                              borderSide: BorderSide(
                                  color: palette.lavender(), width: 1.0)),
                          enabledBorder: OutlineInputBorder(
                              borderSide: BorderSide(
                                  color: coloration
                                      .decorationColor(
                                          decorationVariant:
                                              decorationPriority.standard)
                                      .withOpacity(0.3),
                                  width: 1.0)),
                          errorBorder: const OutlineInputBorder(
                              borderSide: BorderSide(
                                  color: Color.fromRGBO(255, 178, 178, 1.0),
                                  width: 1.0)),
                          disabledBorder: InputBorder.none,
                          hintStyle: body2().copyWith(
                              color: coloration
                                  .contrastColor()
                                  .withOpacity(0.7))),
                      autocorrect: false,
                      textAlign: TextAlign.left,
                      keyboardType: TextInputType.multiline,
                      maxLines: null,
                    ),
                  )
                ],
              )
            ],
          );
        }),
        const SizedBox(height: 20.0),
        const DividerElement(),
        const SizedBox(height: 20.0),
        Row(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              SmolButtonElement(
                  decorationVariant: decorationPriority.standard,
                  buttonTitle: 'Skip',
                  buttonHint: 'Skips the current card.',
                  buttonAction: () => {onNextCard()}),
              const Spacer(),
              SmolButtonElement(
                  decorationVariant: decorationPriority.important,
                  buttonTitle: 'Next',
                  buttonHint: 'Goes to the next card.',
                  buttonAction: () => {
                        answer1 = column1Controller.text,
                        answer2 = column2Controller.text,
                        onNextCard()
                      }),
            ]),
      ]);
}