ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / sala_palatului / resources / js / components / Admin / Json /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : Index.vue \| Size : 5.54 KB
<template> <div class="content admin"> <div class="container-fluid"> <div class="row w-100 align-items-center mb-3"> <h2 class="page-title dashboard col-md-6 col-sm-3">Edit JSON</h2> <h2 class="col-md-6 d-flex justify-content-end"><button class="btn btn-success" @click="saveJson()">Save</button></h2> <div class="clearfix"></div> </div> <div class="row"> <div class="col-8"> <div class="card"> <div class="card-header header-dashboard d-flex align-items-center pl-4 pr-4 justify-content-center"> <h4 class="card-title"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tree-tab" data-toggle="tab" href="#" @click="setTab('tree')" role="tab" aria-controls="tree" aria-selected="true">Tree</a> </li> <li class="nav-item"> <a class="nav-link" id="texteditor-tab" data-toggle="tab" href="#" @click="setTab('texteditor')" role="tab" aria-controls="texteditor" aria-selected="false">Text Editor</a> </li> </ul> </h4> </div> <div class="card-body pl-4 pr-4"> <div class="tab-content" id="myTabContent"> <div v-if="tab=='tree'" class="tab-pane fade show active" id="tree" role="tabpanel" aria-labelledby="tree-tab"> <JsonEditor :options="{ confirmText: 'confirm', cancelText: 'cancel', }" :objData="jsonData" v-model="jsonData" > </JsonEditor> </div> <div v-else-if="tab=='texteditor'" class="tab-pane fade show active" id="texteditor" role="tabpanel" aria-labelledby="texteditor-tab"> <p class="alert alert-danger" v-if="error != ''">{{error}}</p> <v-jsoneditor v-model="jsonData" :plus="false" :height="'70vh'" @error="onError" /> </div> </div> </div> </div> </div> <div class="col-4"> <div class="card"> <div class="card-header header-dashboard d-flex align-items-center pl-4 pr-4 justify-content-center"> <h4 class="card-title">Documentatie</h4> </div> <div class="card-body pl-4 pr-4"> <div class="row"> <div class="col d-flex justify-content-center"> <a target="_blank" href="https://docs.google.com/document/d/162glR2r_8Mb9N3Biqw0Caq-ML71OGELht1NeRYfmeTQ/edit">Link documentatie</a> </div> </div> </div> </div> </div> </div> </div> </div> </template> <script> export default { data() { return { jsonData: {}, tab: 'tree', error: '' } }, watch:{ jsonData: function(json){ this.error = ""; } }, created() { }, async mounted(){ await this.getJson(); this.$nextTick(()=>{ this.$root.$emit('doneLoading'); }) }, methods:{ onError(error) { var caller_line = error.stack.split("\n")[0]; var index = caller_line.indexOf("on line "); var clean = caller_line.slice(index+8, caller_line.length-1); this.error = "Eroare in linia " + clean; }, async getJson(){ axios.get('/getJson').then(({data})=>{ this.jsonData = data; }) }, setTab(tab){ this.tab = tab }, saveJson(){ this.$swal({ title: 'Esti sigur ca vrei sa salvezi?', type: 'warning', showCancelButton: true, confirmButtonText: 'Da', cancelButtonText: 'Nu, m-am razgandit', showCloseButton: true, showLoaderOnConfirm: true }).then((result) => { if (result.value) { axios.post('postJson',{json: this.jsonData}).then((data)=>{ this.$notify({ group: 'main', title: 'Salvat cu succes', type: "success", }); }) } }) } } } </script> Back

Edit File : Index.vue | Size : 5.54 KB

<template>
    <div class="content admin">
        <div class="container-fluid">
            <div class="row w-100 align-items-center mb-3">
                <h2 class="page-title dashboard col-md-6 col-sm-3">Edit JSON</h2>
                <h2 class="col-md-6 d-flex justify-content-end"><button class="btn btn-success" @click="saveJson()">Save</button></h2>
                <div class="clearfix"></div>
            </div>
            <div class="row">
                <div class="col-8">
                    <div class="card">
                        <div
                            class="card-header header-dashboard d-flex align-items-center pl-4 pr-4 justify-content-center">
                            <h4 class="card-title">
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="tree-tab" data-toggle="tab" href="#" @click="setTab('tree')" role="tab" aria-controls="tree" aria-selected="true">Tree</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="texteditor-tab" data-toggle="tab" href="#" @click="setTab('texteditor')" role="tab" aria-controls="texteditor" aria-selected="false">Text Editor</a>
                                    </li>
                                </ul>
                            </h4>
                        </div>
                        <div class="card-body pl-4 pr-4">
                            <div class="tab-content" id="myTabContent">
                                <div v-if="tab=='tree'" class="tab-pane fade show active" id="tree" role="tabpanel" aria-labelledby="tree-tab">
                                    <JsonEditor
                                        :options="{
                                            confirmText: 'confirm',
                                            cancelText: 'cancel',
                                        }"
                                        :objData="jsonData" 
                                        v-model="jsonData" >
                                    </JsonEditor>
                                </div>
                                <div v-else-if="tab=='texteditor'" class="tab-pane fade show active" id="texteditor" role="tabpanel" aria-labelledby="texteditor-tab">
                                    <p class="alert alert-danger" v-if="error != ''">{{error}}</p>
                                    <v-jsoneditor v-model="jsonData" :plus="false" :height="'70vh'" @error="onError" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="card">
                        <div
                            class="card-header header-dashboard d-flex align-items-center pl-4 pr-4 justify-content-center">
                            <h4 class="card-title">Documentatie</h4>
                            
                        </div>
                        <div class="card-body pl-4 pr-4">
                            <div class="row">
                                <div class="col d-flex justify-content-center">
                                    <a target="_blank" href="https://docs.google.com/document/d/162glR2r_8Mb9N3Biqw0Caq-ML71OGELht1NeRYfmeTQ/edit">Link documentatie</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                jsonData: {},
                tab: 'tree',
                error: ''
            }
        },
        watch:{
            jsonData: function(json){
                this.error = "";
            }
        },
        created() {
        },
        async mounted(){
          await this.getJson();
          this.$nextTick(()=>{
              this.$root.$emit('doneLoading');
          })
        },
        methods:{
            onError(error) {
                var caller_line = error.stack.split("\n")[0];
                var index = caller_line.indexOf("on line ");
                var clean = caller_line.slice(index+8, caller_line.length-1);
                this.error = "Eroare in linia " + clean;
            },
            async getJson(){
                axios.get('/getJson').then(({data})=>{
                    this.jsonData = data;
                })
            },
            setTab(tab){
                this.tab = tab
            },
            saveJson(){
                this.$swal({
                    title: 'Esti sigur ca vrei sa salvezi?',
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Da',
                    cancelButtonText: 'Nu, m-am razgandit',
                    showCloseButton: true,
                    showLoaderOnConfirm: true
                }).then((result) => {
                    if (result.value) {
                        axios.post('postJson',{json: this.jsonData}).then((data)=>{
                            this.$notify({
                                group: 'main',
                                title: 'Salvat cu succes',
                                type: "success",
                            });
                        })
                    }
                })
            }
        }
    }
</script>

Back