<commit_before>function component( args ) {
/*
base_component_id("export_editor_component")
control_type("SYSTEM")
load_once_from_file(true)
*/

    Vue.component("export_editor_component", {
      data: function () {
        return {
            text:                args.text,
            read_only:           false,
            errors:              null,
            dockerHost:         "host.docker.internal",
            dockerPort:         "1234",
            dockerLocalPort:     "80",
            dockerLocalHost:     location.hostname,
            dockerImageName:    "name/image"
        }
      },
      template:
`<div style='background-color:white; ' >
    <div style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background-color: lightgray; padding: 5px;padding-left: 15px;border: 4px solid lightgray;' >

        <slot style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);display: inline-block;' v-if='text' :text2="text">
        </slot>
    </div>

    <div style='border-radius: 5px;margin-left:15px;margin-top:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 4px solid lightgray; '>
        <div    style='font-size:14px;font-weight:bold;border-radius: 0px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background-image: linear-gradient(to right,  #000099, lightblue); color: white; border: 0px solid lightgray; padding:4px; margin:0;padding-left:14px;'>

            Export Options

        </div>

        <div style="padding:10px; overflow:scroll;height:65vh;">

        <div style="height:100%">

            <div style="height:700px">


                <h4 style="font-weight:bold;">A) Export App as Docker Container</h4>

                <div class="card">
                    <div class="card-body">
                        <form onsubmit="return false;">
                            <div class="form-group">
                                <label for="docker_image_name">
                                    Docker Image Name
                                </label>

                                <input  type="" class="form-control"
                                        v-model="dockerImageName"
                                        id="docker_image_name"
                                        placeholder="your_docker_id/image_name:version_tag" />
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-9">
                                    <label for="docker_server">
                                        Docker Server Host
                                    </label>

                                    <input  type=""
                                            v-model="dockerHost"
                                            class="form-control" id="docker_server"
                                            placeholder="host.docker.internal" />
                                </div>


                                <div class="form-group col-md-3">
                                    <label for="docker_port">
                                        Docker Port
                                    </label>

                                    <input  v-model="dockerPort"
                                            class="form-control" id="docker_port" placeholder="1234" />
                                </div>
                            </div>

                            <button v-on:click="createDockerImage()"
                                    class="btn btn-primary">Create Docker Image
                            </button>
                        </form>
                    </div>
                </div>

                <div class="card" style="margin-top: 20px;">
                    <div class="card-body">
                        <div class="form-row">
                            <div class="form-group col-md-9">
                                <label for="docker_local_host">
                                    App Local Host
                                </label>

                                <input  type=""
                                        readonly
                                        class="form-control"
                                        v-model="dockerLocalHost"
                                        id="docker_local_host"
                                        placeholder="80" />
                            </div>

                            <div class="form-group col-md-3">
                                <label for="docker_local_port">
                                    Docker Local App Port
                                </label>

                                <input  type=""
                                        class="form-control"
                                        v-model="dockerLocalPort"
                                        id="docker_local_port"
                                        placeholder="80" />
                            </div>
                            <div    v-on:click='var win = window.open(location.protocol + "//" + location.hostname + ":" + dockerLocalPort, "_blank"); win.focus();'
                                    v-bind:style="'display:flex;text-decoration: underline;color:blue;padding: 5px; margin-top: 3px; position: relative; border: 0px;border-bottom: 4px solid lightsteelblue;'">
                                Shareable link:<input   readonly
                                                        style='flex:1;font-family:verdana;font-size: 13px;margin-left:10px;'
                                                        v-bind:value='location.protocol + "//" + location.hostname + ":" + dockerLocalPort '>
                            </div>
                        </div>
                    </div>

                </div>


            </div>

<commit_msg>Cleaning up the Docker container export screen<commit_after>function component( args ) {
/*
base_component_id("export_editor_component")
control_type("SYSTEM")
load_once_from_file(true)
*/

    Vue.component("export_editor_component", {
      data: function () {
        return {
            text:                args.text,
            read_only:           false,
            errors:              null,
            dockerHost:         "host.docker.internal",
            dockerPort:         "1234",
            dockerLocalPort:     "80",
            dockerLocalHost:     location.hostname,
            dockerImageName:    "name/image"
        }
      },
      template:
`<div style='background-color:white; ' >
    <div style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background-color: lightgray; padding: 5px;padding-left: 15px;border: 4px solid lightgray;' >

        <slot style='box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);display: inline-block;' v-if='text' :text2="text">
        </slot>
    </div>

    <div style='border-radius: 5px;margin-left:15px;margin-top:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 4px solid lightgray; '>
        <div    style='font-size:14px;font-weight:bold;border-radius: 0px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background-image: linear-gradient(to right,  #000099, lightblue); color: white; border: 0px solid lightgray; padding:4px; margin:0;padding-left:14px;'>

            Export Options

        </div>

        <div style="padding:10px; overflow:scroll;height:65vh;">

        <div style="height:100%">

            <div style="height:700px">


                <h4 style="font-weight:bold;">A) Export App as Docker Container</h4>

                <div class="card">
                    <div class="card-body">
                        <h3>Docker engine details</h3>
                        <div class="form-row">
                            <div class="form-group col-md-9">
                                <label for="docker_server">
                                    Docker Server Host
                                </label>

                                <input  type=""
                                        v-model="dockerHost"
                                        class="form-control" id="docker_server"
                                        placeholder="host.docker.internal" />
                            </div>


                            <div class="form-group col-md-3">
                                <label for="docker_port">
                                    Docker Port
                                </label>

                                <input  v-model="dockerPort"
                                        class="form-control" id="docker_port" placeholder="1234" />
                            </div>
                        </div>

                    </div>
                </div>

                <div class="card" style="margin-top: 20px;">
                    <div class="card-body">
                        <h3>Exported Docker container details</h3>
                        <div class="form-group">
                            <label for="docker_image_name">
                                Docker Image Name
                            </label>

                            <input  type="" class="form-control"
                                    v-model="dockerImageName"
                                    id="docker_image_name"
                                    placeholder="your_docker_id/image_name:version_tag" />
                        </div>

                        <div class="form-row">
                            <div class="form-group col-md-9">
                                <label for="docker_local_host">
                                    App Local Host
                                </label>

                                <input  type=""
                                        readonly
                                        class="form-control"
                                        v-model="dockerLocalHost"
                                        id="docker_local_host"
                                        placeholder="80" />
                            </div>

                            <div class="form-group col-md-3">
                                <label for="docker_local_port">
                                    Docker Local App Port
                                </label>

                                <input  type=""
                                        class="form-control"
                                        v-model="dockerLocalPort"
                                        id="docker_local_port"
                                        placeholder="80" />
                            </div>
                            <div    v-on:click='var win = window.open(location.protocol + "//" + location.hostname + ":" + dockerLocalPort, "_blank"); win.focus();'
                                    v-bind:style="'display:flex;text-decoration: underline;color:blue;padding: 5px; margin-top: 3px; position: relative; border: 0px;border-bottom: 4px solid lightsteelblue;margin-bottom:10px;'">
                                Shareable link:<input   readonly
                                                        style='flex:1;font-family:verdana;font-size: 13px;margin-left:10px;'
                                                        v-bind:value='location.protocol + "//" + location.hostname + ":" + dockerLocalPort '>
                            </div>
                        </div>
                        <button v-on:click="createDockerImage()"
                                class="btn btn-primary">Create Docker Image
                        </button>
                    </div>

                </div>


            </div>


{'fraction_non_alphanumeric': 0.10732852590977696, 'fraction_numerical': 0.024987422438369947, 'mean_word_length': 0.9871709430189937, 'pattern_counts': {'":': 4, '<': 121, '<?xml version=': 0, '>': 121, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 62, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6035330', 'n_tokens_mistral': 3191, 'n_tokens_neox': 2741, 'n_words': 583}