mstdmstd

Пользователь
  • Публикации

    201
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    1

Последний раз mstdmstd выиграл 10 мая

Публикации mstdmstd были самыми популярными!

Репутация

1 Обычная

О mstdmstd

  • Звание
    Участник

Информация

  • Пол
    не скажу

Посетители профиля

Блок посетителей профиля отключен и не будет отображаться другим пользователям

  1. Всем привет, Я использовал accordion из этого примера https://getbootstrap.com/docs/4.1/components/collapse/#accordion-example Не подскажите а как сделать чтобы заголовок открытого элементы выделялся (например в strong). Я вижу что aria-expanded - свойство открыт блок или нет но как его увязать со свойствами текста заголовка - непонятно... jquery3.1/vuejs 2.5 2) И можно ли эти бkоки открыть/закрывать прогармано ? Спасибо!
  2. Всем привет, Лайкните, плиз, на тему "Laravel: Vue - ChartJS - Realtime | Laravel 5.5 уроки | Laravel 5.6 уроки | Laravel vue | " https://www.youtube.com/watch?v=jV7lVrtZVko Очень интересная тема ...
  3. mstdmstd

    Проблемка при переходе с bootstrap 3.3.7 на 4.1.0

    Спасибо! Не выходит... Делаю : <template > <div class=" container" > <form @submit.prevent="validateBeforeSubmit" class="form-horizontal"> <div class="card "> <div class="row col-12" v-if="!is_insert"> <label class="col-12 col-sm-4 control-label">ID</label> <div class="col-12 col-sm-8"> <input type="text" v-model="documentCategory.id" class="form-control-sm integer_input" readonly> </div> </div> </div> <div class="card "> <div class="row col-12"> <label class="col-12 col-sm-4 control-label" for="name">Name<span class="required"> * </span></label> <div class="col-12 col-sm-8"> <input id="name" name="name" v-validate="'required|max:255'" v-model="documentCategory.name" :class="{ 'form-control-sm':true, 'input': true, 'text-danger': vueErrorsList.has('name') }" type="text" placeholder="Enter unique name of document category"> <span v-show="vueErrorsList.has('name')" class="text-danger">{{ vueErrorsList.first('name') }}</span> </div> </div> </div> И опять редактор узок https://imgur.com/a/tfJiNpy похоже что-то сверху сжало...
  4. Всем привет, В Laravel 5.6 /vuejs2.5 приложении перешел с bootstrap 3.3.7 на 4.1.0 и читая доку http://bootstrap-4.ru/docs/4.1/migration/ поменял классы в своих тиемплейтах Но кое что работает неправильно . У меня есть редактор одной строки, и он выглядит очень узко хотя должен быть максимально широко на любом устройстве. Printscreen И непонятно почему в диве с классом card-body рядом появилcя класс table-responsive который я не вс тавлял - так как на этой странице таблицы нет ... <div id="app" style="background-color: blue" style="background-color: yellow; border: 2px dotted green; width: 100%" class="col-12"> <app-header ></app-header> @yield('content') <status-line></status-line> </div> У меня в resources/views/layouts/app.blade.php : И сам редактор : <template > <div style="border: 2px dotted green; width: 100%" class="col-12 "> <div class=" " style=""> <div class="card-body "> <form @submit.prevent="validateBeforeSubmit" class="form-horizontal"> <div class="row " v-if="!is_insert"> <div class="col-12 form-group"> <label class="col-12 control-label">ID</label> <div class="col-12 "> <input type="text" v-model="documentCategory.id" class="form-control integer_input" readonly> </div> </div> </div> <div class="row"> <div class="col-12 form-group"> <label class="col-12 control-label" for="name">Name<span class="required"> * </span></label> <div class="col-12 "> <input id="name" name="name" v-validate="'required|max:255'" v-model="documentCategory.name" :class="{ 'form-control':true, 'input': true, 'text-danger': vueErrorsList.has('name') }" type="text" placeholder="Enter unique name of document category"> <span v-show="vueErrorsList.has('name')" class="text-danger">{{ vueErrorsList.first('name') }}</span> </div> </div> </div> <div class="row"> <div class="col-12 form-group"> <label class="col-12 control-label" for="type">Type <span class="required"> * </span></label> <div class="col-12 "> <select id="type" name="type" v-validate="'required'" :class="{ 'form-control':true, 'errors': vueErrorsList.has('type') }" v-model="documentCategory.type"> <option value=""> -Select type- </option> <option v-for="nextType, index in documentCategoryTypeSelectionList" v-bind:value="nextType.key">{{ nextType.label }} </option> </select> <span v-show="vueErrorsList.has('type')" class="text-danger">{{ vueErrorsList.first('type') }}</span> </div> </div> </div> <div class="row"> <div class="col-12 form-group"> <label class="col-12 control-label" for="document_category_content">Description<span class="required"> * </span> <br><small style="font-weight: normal">Markdown format</small> </label> <div class="col-12 "> <markdown-editor :content="documentCategory.description" :editor_type="'document_category'" :unique_id="document_category_id" :how_short_help_text=true :show_full_help_link=true></markdown-editor> </div> </div> </div> <div class="row" v-if="!is_insert"> <div class="col-12 form-group"> <label class="col-12 control-label">Created at</label> <div class="col-12 "> <input type="text" v-model="documentCategory.created_at_label" class="form-control" readonly> </div> </div> </div> <div class="row float-right"> <editor-buttons :submit_label="submit_label" cancel_label="Cancel" :cancel_link="'#/admin/document_categories'" :is_page_updating="is_page_updating"></editor-buttons> </div> </form> </div> </div> </div> </template> Не подскажите в чем проблема и как ее исправить ? И что еще в верстке выше надо было исправить при переходе на Bs 4.1.0 ? Спасибо!
  5. Всем привет, В Laravel 5.5/vue.js2.5 приложении делаю таблицу с использованием vuetify 1.0.8 с версткой : <template> <v-flex xs12 sm6> <v-card light flat> <v-card-title> Search genre <v-spacer></v-spacer> <v-text-field append-icon="search" label="Search" single-line hide-details v-model="search" ></v-text-field> </v-card-title> <v-btn color="primary" dark @click="editItem ('new')" class="mb-1">New genre</v-btn> <v-data-table :headers="headers" :items="genresList" :search="search" :pagination.sync="pagination" class="elevation-1" prev-icon="mdi-menu-left" next-icon="mdi-menu-right" sort-icon="mdi-menu-down" > <template slot="items" slot-scope="props"> <td>{{ props.item.name }}</td> <td class="text-xs-right"><span v-html="getDictionaryLabel( props.item.published, genrePublishedSelectionList, '' )"></span></td> <td>{{ concatStr(props.item.description, 80) }}</td> <td class="text-xs-right">{{ moment(props.item.created_at).format('Do MMMM, YYYY h:mm:ss a')}}</td> <td class="justify-center layout px-0"> <v-btn icon class="mx-0" @click="editItem(props.item.id)"> <v-icon color="teal">edit</v-icon> </v-btn> <v-btn icon class="mx-0" @click="deleteItem(props.item.id)"> <v-icon color="pink">delete</v-icon> </v-btn> </td> </template> <template slot="footer"> <td colspan="100%"> The site has <strong>{{ all_genres_count }}</strong> genres ( <strong>{{ active_genres_count }}</strong> active ) </td> </template> <v-alert slot="no-results" :value="true" color="red accent-2" icon="warning"> Your search for "{{ search }}" found no results. </v-alert> <template slot="no-data" color="teal"> <v-alert outline icon="warning" :value="true" color="red accent-2"> No data found. </v-alert> </template> </v-data-table> </v-card> </v-flex> </template> <script> import {bus} from '../../app'; import appMixin from '../../appMixin'; ... </script> Мне нужно чтобы на маленьких и очень маленьких устройствах таблица прокручивалась вправо и не ломала верстку всей страницы В определение v-flex я оставил для нагладноссти xs12 и sm6 и на ipad-е отображается номально https://imgur.com/a/DAGdY таблица с данными тягается влевл=вправо и шрифты нормальные Но на устройствах шириной 320px вся таблица отображается без прокрутки https://imgur.com/a/Kwaw6 Вся страница отображается очень мелким шрифтом. если убрать xs12 и sm6 в определении v-flex то на устройствах шириной 320px вид такой же а на ipad-е таблица с данными в полную ширину и без прокрутки. А как правильно ? Спасибо!
  6. mstdmstd

    Как отлаживать vuejs2.5 в Chromium

    Речь идет о Vue.js devtools да полезен. Наверно, да. Хотя у меня писать отдельные тесты никогда не получалось и особой пользы от них не видел... А не поделитесь хорошей докой/своими приемами как писать тесты в laravel/vuejs приложении?
  7. Всем привет, Хочу в Kubuntu 17 переехать с Firefox на Chromium 1) В Chromium нашел пункт меню Import bookmarks and settings Он может быть полезен для переноса всех моих закладок из Firefox в Chromium. Так? 2) А как перенести пароли ? Lastpass - по-моему удобен если нужно перенести уже существующие пароли? Я имею в виду, что если сейчас в Firefox Lastpass не установлен, то при его устновке мои существующие пароли не будут занесены в базу Lastpass-а ? Ии как-то можно ? 3) И подскажите, что это за palemoon (http://www.palemoon.org/releasenotes.shtml ) ? У меня основной браузер Chrome для разработки(js/jquery/vuejs). После некоторой работы выяснил что Chrome наиболее удобен для разработки, но нужен еще один браузер - так как часто нужно 2 браузера для одной задачи. Firefox в последнее время постоянно виснет... Что используете для (js/jquery/vuejs) разработки? Какие-то спец. плагины? Спасибо!
  8. Всем привет, 1) Работая с laravel 5.5/vuejs2.5 в Chromium ( 63.0.3239.84 on Ubuntu 17.10 (64-bit) ) иногда хочется использовать отладку в браузере как описано тут https://learn.javascript.ru/debugging-chrome Но так как vuejs складывает весь js-код в /public/js/app.js довольно таки сложно найти точку входа для кода, который я хочу отлаживать. Поделитесь возможно есть какие-то доп плагины или собственные методы в помощь? 2) Последние годы я привык использовать Chromium - из-за того что он как-то удобнее для php/js разработки и не такой тяжелый. Но при работе с vuejs обнаружил что в некоторых случаях firefox лучше отображает сообщения об ошибках - более информативно. Какой браузер вы используете при отладке vuejs? Опять таки какие-то доп плагины или собственные методы в помощь? Спасибо!
  9. Всем привет, После того как начал работать с vue.js, мой PhpStorm 2017.2.4 начал сильно тормозить. Это явно из-за запущенной команды npm run watch Это понятно, но иногда как-то уж совсем сильно и не только, тогда когда я редактирую *.js/*.vue файлы но и например, когда я переключаюсь на другую закладку PhpStorm-а Нет ли каких опций для соотв настроек ? Вообще, работая в последнее время с PhpStorm-ом я как-то забыл о необходимости сохраняться - он это делает сам... Это где-то настривается и может ли быть полезным? Спасибо!
  10. А как тогда правильно ?
  11. Всем привет, В куске бутстрап кода где на средних и крупных устройствах все поля в 2 колонки : <div class="row "> <div class="form-group col-sm-12 col-md-6 "> <label for="id" class="col-xs-12 col-sm-6 control-label">Id</label> <div class="col-xs-12 col-sm-6"> <input class="form-control integer_input validate" value="1" id="id" readonly=""> </div> </div> <div class="form-group col-sm-12 col-md-6 "> <label for="lender_name" class="col-xs-12 col-sm-6 control-label">Кредитор <span class="required"> * </span> </label> <div class="col-xs-12 col-sm-6"> <input class="form-control string_input validate" value="DATA SERVICING CORPORATION, INC." id="lender_name" name="lender_name" maxlength="255"> </div> </div> </div> и поэтому на очень маленьких устройствах все поля/лейблы складываются с новой строки Preview На ipad-ах я полагал что два блока полей(Id,lender_name) будут расположены с новых строк, но нет: Preview Что я упустил ? В онлайне : Спасибо!
  12. mstdmstd

    сделать локализацию input-кнопки с типом file

    Спасибо , работает! А нельзя ли при выборе файла отображать имя этого файла рядом с этой кнопкой ?
  13. mstdmstd

    сделать локализацию input-кнопки с типом file

    А можно пример или ссылочку как это можно сделать ?
  14. Всем привет, Делая локализацию как достучаться до лейблов "Choose File" и “No File Choosen” input-кнопки с типом file https://imgur.com/a/pqeAO ? Можно задействовать jquery но у лейблов выше есть id и если есть то какие? Спасибо !
  15. mstdmstd

    Tiny MCE редактор и markdown-код

    Всем привет, В Framework 5.5.3/jquery/bootstrap приложении есть редактор содержимого(статьи и темплейты мейлов), где подключается CK Editor или Tiny MCE редакторы в зависимости от настроек Понадобилось реализовать поддержку markdown Погуглив я нашел плагин https://www.tinymce.com/docs/plugins/textpattern/ Я его подключил( отключив все остальные настройки - сделал как в описании ) Посмотреть можно тут http://ec2-34-212-140-26.us-west-2.compute.amazonaws.com/admin/cms-item/edit?id=98 Но введя небольшой кусок markdown-кода : An h1 header ============ Paragraphs are separated by a blank line. 2nd paragraph. *Italic*, **bold**, and `monospace`. Itemized lists look like: * this one * that one * the other one И сохранив редактор в переоткрывшейся странице в tiny-редакторе я вижу что код введен одной строкой и редактировать его довольно неудобно. 1) Я чего-то недоставил ? 2) Или сохряняя нужно символ перевода строки менять на <br>? 3) Или если текст markdown, то выводить обычный textarea ? 4) Как-то иначе ? Спасибо!